:root {
    --base-font: "Roboto", sans-serif;
    --heading-font: "Raleway", sans-serif;
    --white: #ffffff;
    --black: #000000;
    --bg-gradient1: #804094;
    --bg-gradient2: #E0B0FE;
    --text-gradient1: #D2A5F8;
    --text-gradient2: #AD68B8;
    --text-grey: #BBBBBB;
    --grey-e: #EEEEEE;
    --grey-a: #A5A5A5;
    --text-color: #CFA0F3;
    --purpule: #563791;
    --pop: #A261CA;
    --bg-linear-gradient: linear-gradient(180deg, #150E22 0.83%, #282233 41.97%, #313A5B 99.06%);
    --bg-radial-gradient: radial-gradient(187.06% 829.19% at 156.33% 153.12%, #602EA6 15.43%, #8C4DBA 59.88%, #C977D6 100%);
    --bg-radial-gradient-reverse: linear-gradient(90deg,rgba(96, 46, 166, 1) 15%, rgba(140, 77, 186, 1) 59%, rgba(201, 119, 214, 1) 100%);
}
html {
    scroll-behavior: smooth;
}
body {
    position: relative;
    background-color: #150E22;
	padding-top: 100px;
}
html,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never;
}
label, p, a, span, li, input {
	font-family: var(--base-font);
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--heading-font);
}
a {
	transition: all 0.5s;
}

.after-before-gradient {
	position: relative;
	z-index: 2;
}

.after-before-gradient:before {
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 28.32%, rgba(0, 0, 0, 0) 95.98%);
    filter: blur(76px);
    position: absolute;
    left: 0;
    height: 50%;
    width: 100%;
    z-index: -1;
}
.after-before-gradient:after {
	content: "";
	background: linear-gradient(90deg, rgba(128, 64, 148, 0.2) 28.32%, rgba(224, 176, 254, 0.2) 95.98%);
	filter: blur(93px);
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	z-index: -1;
}
section {
	position: relative;
	z-index: 9;
	scroll-margin-top: 90px;
}
.ptb-40 {
	padding: 40px 0px;
}
p:last-child {
	margin-bottom: 0px;
}
.text-grey p {
	color: var(--text-grey);
}

.title {
	color: var(--white);
	font-size: 48px;
	font-weight: 600;
	line-height: 100%;
	margin-bottom: 40px;
}

/* ===== Always use *theme-btn-border* this class while usign button ========
==== It's showing linear-gradient border style effects  ===================== 
============================================================================= */
.theme-btn-border {
	background-image: linear-gradient(154deg,#C977D6,#602EA6);
    border-radius: 4px;
    padding: 2px;
    display: inline-flex;
}
.theme-btn {
	background: var(--bg-radial-gradient);
	font-family: var(--heading-font);
	color: var(--white);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	/* border-width: 1px;
	border-style: solid;
	border-image: linear-gradient(to top, #602EA6, #C977D6) 1; */
	border-radius: 4px;
	padding: 14px 26px;
	display: inline-block;
	transition: all 0.5s;
}
.theme-btn-border:hover, .theme-btn-border:focus {
	background-image: linear-gradient(232deg,#C977D6,#602EA6);
}
.theme-btn:hover, .theme-btn:focus {
	background: var(--bg-radial-gradient-reverse);
	border-image: linear-gradient(to right, #602EA6, #C977D6) 1;
	color: var(--white) !important;
}
/* ==== .end ==== */ 

.swiper-pagination-bullet {
	background: #0B50A1;
	border-radius: 10.938px;
	opacity: 0.8;
	width: 10px;
    height: 10px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0B50A1;
	width: 31px;
}

/* ========== swiper slider common css ========== */
 .swiper-container {
	width: 100%;
	height: auto;
}
.swiper-slide {
	overflow: hidden;
}
/* .swiper-slide img {
	aspect-ratio: 16/9;
	aspect-ratio: 4/3;
} */
.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: linear;
	margin: 0 auto;
}
.swiper-pagination-bullet {
	background-color: #2E3555;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #CFA0F3;
}
.swiper-wrapper{
	transition-timing-function: linear !important;
}
/* ========== .end swiper slider common css ========== */

.gradient-text {
	background: linear-gradient(91.22deg, #D2A5F8 4.16%, #AD68B8 98.72%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* ========== .Inner page global header css ========== */
.inner-page-header {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	height: 516px;
	position: relative;
    display: flex;
    align-items: end;
    padding-bottom: 64px;
}
.inner-page-header:after {
	content: "";
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 28.32%, rgba(0, 0, 0, 0) 95.98%);
	filter: blur(76px);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.inner-page-header .container {
    position: relative;
    z-index: 2;
}
.inner-page-header h1, .inner-page-header p {
	color: var(--white);
}
.inner-page-header h1 {
	font-family: var(--heading-font);
	font-size: 60px;
	font-weight: 800;
	text-transform: capitalize;
	margin-bottom: 0px;
}
.inner-page-header p {
	color: #efefef;
	font-size: 18px;
}
.inner-page-header-wrapper {
	display: block;
    padding-bottom: 0px;
}
.inner-page-header-wrapper img {
    height: 100%;
	object-fit: cover;
    object-position: center;
    position: relative;
}
.obj-pr {
	object-position: right !important;
}
/* ========== .end Inner page global header css ========== */

/* ========== Breadcrumb css ========== */
.inner-page-breadcrumb {
	padding: 36px 0px;
    position: relative;
}
.inner-page-breadcrumb:before {
    content: "";
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 95.98%, rgba(0, 0, 0, 0) 28.32%);
    filter: blur(76px);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.inner-page-breadcrumb .container {
	position: relative;
    z-index: 2;
}
.inner-page-breadcrumb .breadcrumb {
	margin-bottom: 0px;
}
.inner-page-breadcrumb .breadcrumb .breadcrumb-item,
.inner-page-breadcrumb .breadcrumb .breadcrumb-item a {
	color: #BBBBBB;
	font-size: 16px;
	text-decoration: none;
}
.inner-page-breadcrumb .breadcrumb .breadcrumb-item a:hover {
	color: #fff
}
.inner-page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	color: #BBBBBB;
}
/* ========== .end Breadcrumb css ========== */

/* ========== theme-accordion css ========== */
.theme-accordion .accordion-item {
	background: linear-gradient(180deg, rgba(49, 58, 91, 0) -44.24%, rgba(49, 58, 91, 0.44) 7.85%, #313A5B 111.92%);
	margin-bottom: 30px;
	border-radius: 10px;
	border: 1px solid #313A5B;
}
.theme-accordion .accordion-item:last-child {
	margin-bottom: 0px;
}
.theme-accordion .accordion-item .accordion-header {
	
}
.theme-accordion .accordion-item .accordion-header .accordion-button {
	background: transparent;
	color: var(--white);
	font-size: 20px;
	line-height: 1.3em;
	padding: 20px;
}
.theme-accordion .accordion-item .accordion-header .accordion-button:hover, .theme-accordion .accordion-item .accordion-header .accordion-button:focus {
	box-shadow: none;
}
.theme-accordion .accordion-button::after {
	filter: invert(100%) sepia(99%) saturate(2%) hue-rotate(54deg) brightness(104%) contrast(101%);
}
.theme-accordion .accordion-button:not(.collapsed) {
	box-shadow: none;
}
.theme-accordion .accordion-item .accordion-collapse {
	
}
.theme-accordion .accordion-item .accordion-collapse .accordion-body {
	padding: 0px 20px;
}
.theme-accordion .accordion-item .accordion-collapse .accordion-body .inner-content {
	border-top: 1px solid #fff;
	padding: 20px 0px;
	color: var(--text-grey);
}
.theme-accordion .accordion-item .accordion-collapse .accordion-body .inner-content p:last-child {
	margin-bottom: 0px;
}
/* ========== .end theme-accordion css ========== */

.check-list li, .bullet-p-list li {
	padding-left: 26px;
	margin-bottom: 12px;
	position: relative;
}
.check-list li:last-child, .bullet-p-list:last-child {
	margin-bottom: 0px;
}
.bullet-p-list li {
	color: var(--white);
	font-weight: 700;
	padding-left: 20px;
}
.check-list li:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0px;
	background-image: url("../img/icon/Vector.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 20px;
	width: 20px;
}
.bullet-p-list li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0px;
	background: var(--white);
	height: 8px;
	width: 8px;
	border-radius: 50px;
}
.check-list li {
    font-weight: 500;
}
.check-list li span {
	font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #BBBBBB;
}

/* scrollbar css */
.scrollbar {
  position: relative;
  overflow-x: hidden;
	overflow-y: scroll;
  scrollbar-color: #C977D6;
  scrollbar-width: 1px;
  -ms-overflow-style: none;
}
.scrollbar::-webkit-scrollbar {
  height: 2px;
  width: 3px;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0.1);
}
.scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: #C977D6;
  border-radius: 20px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #C977D6;
}
/* .end scrollbar css */

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.title {
		line-height: 167%;
	}
}
/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	body {
		padding-top: 84px;
	}
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
}
/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.title {
		font-size: 38px;
	}
	.inner-page-header {
		height: 416px;
		padding-bottom: 45px;
	}
	.inner-page-header h1 {
		font-size: 45px;
	}
	.inner-page-breadcrumb {
		padding: 20px 8px;
	}
	.theme-accordion .accordion-item {
		margin-bottom: 16px;	
	}
	.theme-accordion .accordion-item .accordion-header .accordion-button {
		font-size: 20px;
	}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
	body {
		padding-top: 61px;
	}
	.ptb-40 {
	    padding: 24px 8px;
	}
	.title {
		font-size: 32px;
		margin-bottom: 30px;
	}
	.inner-page-header {
		padding-bottom: 16px;
	}
	.inner-page-header h1 {
		font-size: 32px;
	}
	.inner-page-breadcrumb .breadcrumb {
		margin-bottom: 0px;
	}
	.container {
		/* border: 1px solid #fff; */
	}
	.theme-accordion .accordion-item .accordion-header .accordion-button {
	    font-size: 16px;
    	padding: 16px;
	}
	.theme-accordion .accordion-button::after {
        width: 1rem;
        height: 1rem;
        background-size: 1rem;
	}
	.theme-accordion .accordion-item .accordion-collapse .accordion-body .inner-content {
		padding: 16px 0px;
	}
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.title {
		font-size: 26px;
		margin-bottom: 30px;
	}
	.theme-btn {
		padding: 10px 16px;
	}
	.inner-page-header {
		padding: 0px 8px 10px 8px;
		height: 300px;
	}
	.inner-page-header h1 {
		font-size: 26px;
	}
	.inner-page-header p {
		font-size: 16px;
	}
}

/* Global end */
.header-navbar .navbar {
	box-shadow: 0px 40px 40px 0px #00000040;
	background-color: rgba(0,0,0,0.5) !important;
	transition: all 0.5s;
}
.header-navbar .navbar.scrolled {
  background-color: rgba(0,0,0,0.9) !important;
}
.header-navbar .navbar .navbar-nav .nav-item .nav-link {
	color: var(--white);
	font-size: 18px;
	margin-right: 40px;
	padding: 26px 0px;
}
.header-navbar .navbar .navbar-nav .nav-item .nav-link:hover {
	color: var(--text-gradient2);
}
.header-navbar .navbar .navbar-nav .nav-item.active .nav-link {
	color: #C977D6;
}
.header-navbar .navbar .navbar-nav .nav-item.active .dropdown-toggle::after {
	border-color: #C977D6; 
}
.header-navbar .navbar .navbar-nav .nav-item:last-child .nav-link {
	margin-right: 0px;
}
.header-navbar .navbar .navbar-nav .nav-item .nav-link.theme-btn {
	padding: 11px 26px;
}
.header-navbar .navbar .navbar-toggler {
	border-color: var(--white);
	padding: 1px 5px;
	border: none;
}
.header-navbar .navbar .navbar-toggler .navbar-toggler-icon {
	filter: invert(99%) sepia(9%) saturate(3%) hue-rotate(40deg) brightness(200%) contrast(100%);
}
.header-navbar .navbar .navbar-nav .dropdown-toggle::after {
	content: '';
	height: 9px;
	width: 9px;
	position: relative;
	top: 2px;
	left: 3px;
	border-top: var(--white) solid 1px;
	border-left: var(--white) solid 1px;
	border-right: none;
	transform: rotate(225deg);
}
.header-navbar .navbar .navbar-nav .nav-item.dropdown .nav-link:hover.dropdown-toggle::after {
	border-color: var(--text-gradient2);
}
.header-navbar .navbar .navbar-nav .dropdown-menu .dropdown-toggle::after {
	border-color: var(--black);
	transform: rotate(135deg);
	border-bottom: none;
	position: absolute;
	top: 16px;
	right: 15px;
	left: auto;
	height: 7px;
	width: 7px;
}
.header-navbar .navbar .navbar-nav li.dropdown .dropdown-menu {
	border: 1px solid #d9d9d9;
	min-width: 260px;
}
.header-navbar .navbar .navbar-nav li.dropdown .dropdown-menu li a {
	padding: 12px 16px;
	font-size: 16px;
	position: relative;
	width: 100%;
}
.header-navbar .navbar .navbar-nav .dropdown-item:focus,
.header-navbar .navbar .navbar-nav .dropdown-item:hover {
	background-color: var(--pop);
	color: var(--white);
}
.header-navbar .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover.dropdown-toggle::after,
.header-navbar .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:focus.dropdown-toggle::after {
	border-color: var(--white);
}
.header-navbar .navbar .navbar-toggler:focus {
	box-shadow: none;
}
.header-navbar .dropdown:hover > .dropdown-menu,
.header-navbar .dropend:hover > .dropdown-menu {
  display: block;
}

/* X-Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
	.header-navbar .navbar {
		padding: 0;
		line-height: 3rem;
	}
	.header-navbar .navbar .navbar-nav {
		align-items: center;
	}
	.header-navbar .navbar .navbar-nav .dropdown .dropdown-menu {
		line-height: initial;
	}
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media screen and (max-width: 1199.98px) {
	.header-navbar .navbar .navbar-nav .nav-item .nav-link {
		font-size: 16px;
		color: var(--black);
		padding: 10px 0px;
	}
	.header-navbar .navbar .navbar-nav .nav-item:last-child .nav-link {
		margin-top: 13px;
		margin-top: 0px;
	}
	.header-navbar .navbar .navbar-nav .dropdown-toggle::after {
		border-color: var(--black);
	}
	.header-navbar .navbar .offcanvas-header {
		min-height: 56px;
		box-shadow: 0px 3.261px 10.87px 2.174px rgba(0, 0, 0, 0.08);
	}
	.header-navbar .offcanvas-header .btn-close:focus {
		box-shadow: none;
	}
	.header-navbar .navbar .navbar-nav li.dropdown .dropdown-menu {
		border: none;
		padding-top: 0;
	}
	.header-navbar .navbar .navbar-nav .nav-item .nav-link.theme-btn {
		color: var(--white);
	}
	.header-navbar .navbar .navbar-nav .dropdown-toggle::after {
		top: 1px;
	}
	.header-navbar .navbar .navbar-nav .dropdown-menu .dropdown-toggle::after {
		top: 21px;
	}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
	.header-navbar .navbar {
		background: rgba(0,0,0,0.8) !important;
	}
	.header-navbar .offcanvas.offcanvas-end {
		width: 300px;
	}
	.header-navbar .navbar {
		padding: 4px 8px;
	}
	.header-navbar .navbar-brand img {
		max-width: 100px;
	}
}

/* ===========================
=== 3rd level dropdown =======
============================== */
/* Parent */
.header-navbar .dropdown-submenu {
  position: relative;
}
/* Submenu default state */
.header-navbar .dropdown-submenu .dropdown-menu {
	position: absolute;
	top: 0;
	left: 100%;
	opacity: 0;
	visibility: hidden;
	transform: translateX(20px);
	transition: all 0.3s ease;
	display: block; /* important */
}
.header-navbar .navbar .navbar-nav li.dropdown-submenu .dropdown-menu {
	width: 300px;
}
.header-navbar .navbar .navbar-nav li.dropdown-submenu .dropdown-menu li a {
	white-space: normal;
}

/* Hover state */
.header-navbar .dropdown-submenu:hover > .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}
@media (max-width: 1199.98px) {
	.header-navbar .dropdown-submenu .dropdown-menu {
		position: relative;
		top: 0;
		left: 0;
		padding-left: 12px;
		display: none;
	}
	.header-navbar .navbar .navbar-nav li.dropdown-submenu .dropdown-menu {
		width: 100%;
	}
	.submenu-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.submenu-toggle {
		background-color: var(--grey-e);
		cursor: pointer;
		padding: 4px 6px;
		font-size: 14px;
		border-radius: 16px;
	}
	.submenu-toggle.active {
		transform: rotate(180deg);
		transition: 0.3s;
	}
	.header-navbar .dropdown-submenu .dropdown-toggle::after {
		display: none;
	}
}

@media (min-width: 1200px) {
	.header-navbar .dropdown-submenu .submenu-toggle {
		display: none;
	}
}
/* .Navbar end */

footer {
    background-color: #150626;
}
.footer-row {
    padding: 40px 12px 10px 12px;
}
.footer-row h4 {
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}
.footer-copyright {
    background-color: var(--black);
    padding: 20px 0px;
}
.footer-copyright p,
.footer-copyright a {
    font-size: 16px;
}
.footer-row ul li a {
    color: var(--white);
    font-size: 14px;
    text-decoration: none;
    padding-bottom: 10px;
    display: inline-block;
    padding-left: 24px;
    position: relative;
}
.footer-row ul li a::after {
    content: "";
    height: 9px;
    width: 9px;
    position: absolute;
    top: 7px;
    left: 0px;
    border-top: var(--white) solid 2px;
    border-left: var(--white) solid 2px;
    border-right: none;
    transform: rotate(136deg);
    display: inline-block;
}
.footer-row ul li a:hover,
.footer-row ul li a:focus,
.footer-row ul li a:hover:after {
    color: var(--text-gradient2);
    border-color: var(--text-gradient2);
}
.footer-row p {
    color: var(--white);
    font-size: 14px;
}
.social li {
    display: inline-flex;
    align-items: center;
}
.social li a {
    padding: 6px !important;
    border: 1px solid #cfa1f4;
    border-radius: 50%;
    margin-right: 8px;
	margin-bottom: 8px;
	width: 40px;
    height: 40px;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.social li:last-child a {
	margin-right: 0px;
}
.social li a img {
    width: 17px;
    height: 17px;
	object-fit: contain;
}
.social li a::after {
    display: none !important;
}

.footer-row ul.read-only li:nth-child(1) a,
.footer-row ul.read-only li:nth-child(3) a {
	padding-left: 6px;
	color: var(--text-grey);
	cursor: auto;
}

.footer-row ul.read-only li:nth-child(1) a::after,
.footer-row ul.read-only li:nth-child(3) a::after {
	display: none;
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
    .footer-row h4 {
        margin-bottom: 20px;
    }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
    .footer-row {
        padding: 30px 12px 10px 12px;
    }
    .footer-row .col-md-6 {
    	flex: 0 0 auto;
        width: 50%;
    }
    .footer-row ul li a {
		word-break: break-all;
    }
    .footer-row h4 {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .social li a img {
        width: 22px;
    }
    .footer-row ul li a {
        font-size: 14px;
        padding-bottom: 8px;
    }
    .footer-copyright p,
    .footer-copyright a {
        font-size: 14px;
    }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media screen and (max-width: 400px) {
    .footer-row .col-md-6 {
    	flex: 0 0 auto;
        width: 100%;
    }
}

/* Footer end */

.hero-section .hp-hero-slider .swiper-wrapper .swiper-slide:after {
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 28.32%, rgba(0, 0, 0, 0) 95.98%);
    filter: blur(76px);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    z-index: 1;
}

.hero-section .hp-hero-slider .swiper-pagination {
    width: 250px;
    /* bottom: 160px; */
    bottom: 60px;
    left: 50%;
    transform: translate(-50%, 0px);
    text-align: center;
    margin: 0 auto;
}
.hp-about-section {
	padding: 36px 0px;
	position: relative;
}
.hp-about-section:before {
	content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 28.32%, rgba(0, 0, 0, 0) 95.98%);
    filter: blur(76px);
    position: absolute;
    left: 0;
    top: 0;
    height: 50%;
    width: 100%;
    z-index: 1;
}
.hp-about-section .container {
	position: relative;
	z-index: 2;
}
.hp-about-section h4 {
	color: #D8A9FA;
	font-weight: 500;
	font-size: 16px;
	line-height: 156%;
}
.hp-about-section h1 {
	color: var(--white);
	font-size: 54px;
	font-weight: 800;
}
.hp-about-section h1 span {
	font-family: var(--heading-font);
	font-weight: 800;
	background: linear-gradient(94.67deg, #AD68B8 18.29%, #D2A5F8 52.57%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hp-about-section p {
	color: var(--white);
}
.hp-about-section .link {
	color: #669FFF;
}
.hp-about-section .overlay-box {
	position: relative;
}
.hp-about-section .overlay-box .img1 {
	border: 1px solid #313A5B;
    border-radius: 10px;
    padding: 1px;
    background-image: linear-gradient(50deg, #999999, #313A5B);
}
.hp-about-section .overlay-box .bg-img {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.hp-programs-We-Offer {
	padding: 60px 0px;
}
.hp-programs-We-Offer .card {
	border: 1px solid #313A5B;
    /* border-radius: 20px; */
    padding: 1px;
    position: relative;
    background-image: linear-gradient(180deg, #ffffff, #313A5B);
	transition: all 0.5s;
	overflow: hidden;
}
.hp-programs-We-Offer .card .card-img {
	max-height: 235px;
	position: relative;
	overflow: hidden;
}
.hp-programs-We-Offer .card .overlay {
	background: rgba(49, 58, 91, 0.6);
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: none;
	border-left: none;
	border-right: none;
	position: absolute;
	top: -15px;
	left: 0;
	height: 50px;
	width: 100%;
	z-index: -1;
}
.hp-programs-We-Offer .card img {
	/* border-top-left-radius: 20px;
	border-top-right-radius: 20px; */
	transition: all 0.5s;
}
.hp-programs-We-Offer .card:hover img {
	transform: scale(1.2);
}
.hp-programs-We-Offer .card .card-body {
	background: #313A5B;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 6px 18px 20px 18px;
	position: relative;
	z-index: 1;
}
.hp-programs-We-Offer .card .card-body:after1 {
	content: "";
	background: linear-gradient(180deg, rgba(49, 58, 91, 0) -1.11%, rgba(49, 58, 91, 0.44) 23.83%, #313A5B 99.56%);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 20px;
	z-index: -1;
}
.hp-programs-We-Offer .card h4 {
	color: var(--white);
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 16px;
}
.hp-programs-We-Offer .card p {
	color: var(--white);
	margin-bottom: 20px;
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.hp-programs-We-Offer .card a {
	font-size: 14px;
	text-decoration: none;
	padding: 10px 18px;
}

.hp-why-choose-us {
	position: relative;
	z-index: 2;
	padding: 44px 0px 60px 0px;
}
.hp-why-choose-us:after {
	content: "";
	background: linear-gradient(90deg, rgba(128, 64, 148, 0.2) 28.32%, rgba(224, 176, 254, 0.2) 95.98%);
	filter: blur(93px);
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	z-index: -1;
}
.hp-why-choose-us .card {
	background-color: transparent;
	text-align: center;
	border: none;
	padding: 16px 0px;
	box-shadow: none;
	min-height: 300px;
	transition: all 0.5s;
}
.hp-why-choose-us .card:hover {
	background: linear-gradient(90deg, rgba(128, 64, 148, 0.2) 28.32%, rgba(224, 176, 254, 0.2) 95.98%);
}

/* .hp-why-choose-us .row .col-md-4:nth-child(2) .card {
	background: linear-gradient(90deg, rgba(128, 64, 148, 0.2) 28.32%, rgba(224, 176, 254, 0.2) 95.98%);
} */
.hp-why-choose-us .row .col-md-4:nth-child(even) .card {
	background: linear-gradient(90deg, rgba(128, 64, 148, 0.2) 28.32%, rgba(224, 176, 254, 0.2) 95.98%);
}


.hp-why-choose-us img {
	margin: 0 auto 30px auto;
}
.hp-why-choose-us h4 {
	color: var(--white);
	font-size: 24px;
	font-weight: 800;
	line-height: 100%;
	margin-bottom: 14px;
}
.hp-why-choose-us p {
	color: var(--text-grey);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 0px;
}

.our-awards {
	position: relative;
	z-index: 2;
	padding: 10px 0px 80px 0px;
}
.our-awards:after {
	content: "";
	background: linear-gradient(90deg, rgba(128, 64, 148, 0.2) 28.32%, rgba(224, 176, 254, 0.2) 95.98%);
	filter: blur(93px);
	position: absolute;
	left: 0;
	top: 0;
	height: 50%;
	width: 100%;
	z-index: -1;
}
.our-awards .swiper-slide {
	/* width: 200px !important; */
	text-align: center;
}
.our-awards .swiper-slide .img-h {
	height: 180px;
    background: rgba(224, 176, 254, 0.1);
    border-radius: 16px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-awards .swiper-slide img {
	width: 50%;
	/* aspect-ratio: 4/3;
	width: 100%;
	 -o-object-fit: cover;
	object-fit: cover; 
	border-radius: 8px; 
	box-shadow: 0px 4.97px 12.43px 0px #0000001A; */
}
.our-awards .swiper-slide h3 {
	color: var(--text-grey);
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin-top: 14px;
}
.our-awards .swiper-slide h3 sub {
	top: -.25em;
}

.our-collaboration {
	padding: 10px 0px 80px 0px;	
}

.collaboration-slider .swiper-slide {
    height: 100px;
	display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4.97px 12.43px 0px #0000001A; */
}
.collaboration-slider .swiper-slide img {
	width: 160px;
    padding: 1pc;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
    max-width: 100%;
    height: auto;	
}

.testimonials {
	padding: 10px 0px 0px 0px;
}
.testimonials .title {
	margin-bottom: 0px;
	line-height: 120%;
}
.testimonials .text-white {
	font-size: 20px;
}
.testimonials .swiper-testimonials {
	margin-top: 40px;
	padding-bottom: 100px;
}

.testimonials .swiper-testimonials .card {
	border: 1px solid #313A5B;
    border-radius: 10px;
    padding: 40px 18px;
    position: relative;
    /* background-image: linear-gradient(180deg, #ffffff, #313A5B); */
    background: linear-gradient(180deg, rgba(49, 58, 91, 0) -1.11%, rgba(49, 58, 91, 0.44) 23.83%, #313A5B 99.56%);
}
.testimonials .swiper-testimonials .card .card-body {
	padding: 0px 0px 24px 0px;
}

.testimonials .swiper-testimonials .card h4 {
	color: #CFA0F3;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0px;
}
.testimonials .swiper-testimonials .card p {
	color: var(--grey-e);
	margin-bottom: 0px;
}
.testimonials .swiper-testimonials .card .card-footer {
	border: none;
	padding: 0px;
}
.testimonials .swiper-testimonials .card .card-footer .post {
	display: flex;
	align-items: center;
	
}
.testimonials .swiper-testimonials .card .card-footer .post .avtar img {
	border: 1px solid #CFA0F3;
	border-radius: 50%;
	width: 47px;
	width: 47px;
    object-fit: contain;
}
.testimonials .swiper-testimonials .card .card-footer .post .avtar {
	margin-right: 10px;
}
.testimonials .swiper-testimonials .card .card-footer .post .containt {
	text-align: left;
}
.testimonials .swiper-testimonials .card .card-footer p {
	color: #A5A5A5;
	font-size: 13px;
}

.testimonials .long-desc-testimonials {
	padding-bottom: 60px;
}
.testimonials .long-desc-testimonials .card {
	align-items: center;
    text-align: center;
    padding: 40px 68px;
}
.industry-experts-section {
	padding-top: 60px;
}

.contact-form-section {
	/* padding: 10px 0px 60px 0px; */
	background: linear-gradient(180deg, #150E22 0.83%, #282233 41.97%, #313A5B 99.06%);
	position: relative;
}
.contact-form-section .title-wrap h2 {
	margin-bottom: 0px;
}
.contact-form-section .title-wrap p {
	color: var(--white);
	max-width: 545px;
	margin-bottom: 0px;
}
.contact-form-section .inner-wrapper .left {
	max-width: 592px;
}
.contact-form-section .container {
	position: relative;
}
.contact-form {
	margin-top: 24px;
}
/* .contact-form .row .col-md-6 {
	padding-left: 8px;
	padding-right: 8px;
} */
.contact-form .form-floating {
	margin-bottom: 14px;
}
.contact-form .form-floating .form-control {
	color: #909090;
	background: #150626;
	border: 1px solid #D2A5F8;
	border-radius: 4px;
}
.contact-form .form-floating .form-select {
	background-image: url(../img/icon/down-arrow.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 97% 20px;
}
.contact-form .form-floating .form-select:after {
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	position: absolute;
	top: 10px;
	right: 20px;
	height: 20px;
	width: 20px;
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(250deg) brightness(114%) contrast(103%); 
	
}
.form-floating>textarea:focus~label::after, .form-floating>textarea:not(:placeholder-shown)~label::after {
	background-color: transparent;	
}

.contact-form .form-floating>.form-control:focus {
	box-shadow: none;
}
.contact-form .form-floating label {
	color: #909090;
}
.contact-form .form-floating {
	position: relative;
}
.contact-form .form-floating .input-group-text {
	position: absolute;
    top: 4px;
    right: 3px;
    font-size: 20px;
    height: 86%;
}

.contact-form .theme-btn {
	margin-top: 30px;
	padding: 11px 26px;
}

.sroll-to-section {
	padding: 60px 0px;
	transition: all 0.5s;
}
.sroll-to-section-links.is-stuck {
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.5s;
}
.sroll-to-section-links ul {
	margin-bottom: 0px;
	transition: all 0.5s;
}
.sroll-to-section-links ul li {
	display: inline-flex;
	align-items: center;
	margin-right: 40px;
}
.sroll-to-section-links ul li:last-child {
	margin-right: 0px;
}
.sroll-to-section-links ul li a.active {
	color: #A261CA;
	border-bottom: 1px solid #A261CA;
}
.sroll-to-section-links ul li a {
	font-size: 22px;
	color: var(--text-grey);
	text-decoration: none;
	padding: 16px 0px;
	transition: all 0.5s;
}
.sroll-to-section-links ul li a:hover {
	color: #A261CA;
}
.flip-action .navbar {
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	z-index: 0;
}

.sroll-to-section p {
	color: var(--text-grey);
}
.course-overview p {
	color: var(--text-grey);
}
.course-overview .row {
	align-items: center;
}
.course-overview img {
	max-width: 87%;
}
.animation-courses {
	position: relative;
}
.animation-courses .card {
	background-color: transparent;
	position: relative;
	border-radius: 10px;
	transition: 0.4s;
}
.animation-courses .card .card-img img {
	background-color: transparent;
	height: 390px;
	width: 100%;
	border-radius: 10px;
	object-fit: cover;
}
.animation-courses .card .card-img {
	position: relative;
}
.animation-courses .card .card-img::after {
	content: "";
	background: linear-gradient(171.03deg, rgba(0, 0, 0, 0) 60.76%, rgba(0, 0, 0, 0.5) 93.18%);
	position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.animation-courses .card .overlay-content {
	background: linear-gradient(180.2deg, rgba(0, 0, 0, 0) 62.55%, rgba(0, 0, 0, 0.5) 85.35%),
	linear-gradient(0deg, rgba(86, 55, 145, 0.8), rgba(86, 55, 145, 0.8));
	padding: 30px 16px;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
    height: 100%;
    width: 100%;
	transition: 0.4s;
}
.animation-courses .card:hover .overlay-content {
	opacity: 1;
	visibility: visible;
	z-index: 4;
}
.animation-courses .card .overlay-content p {
	color: var(--white);
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}
.animation-courses .card .overlay-content p strong {
	font-weight: 500;
}

.animation-courses .card .overlay-content .link {
	color: #FB6620;
	font-weight: 800;
	font-size: 20px;
	line-height: 62.4px;
	text-transform: uppercase;
	text-decoration: none;
	display: flex;
    align-items: center;
}
.animation-courses .card .overlay-content .link img {
    object-fit: contain;
	width: 16px;
	height: 16px;
	margin-left: 10px;
}
.animation-courses .card .outer-content {
	opacity: 1;
	visibility: visible;
	transition: 0.4s;
	position: absolute;
	bottom: 20px;
	left: 16px;
	padding-right: 20px;
	height: 106px;
}
.animation-courses .card .outer-content .duration {
	background: rgba(255, 255, 255, 0.8);
	padding: 10px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	border-radius: 6px;
	display: inline-flex;
    align-items: center;
}
.animation-courses .card .outer-content h4 {
	color: var(--white);
	font-size: 22px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.animation-courses .card:hover .outer-content {
	opacity: 0;
	visibility: hidden;
}

.faq-section {
	padding-bottom: 40px;
    position: relative;
    z-index: 2;
}
.faq-section:after {
    content: "";
    background: linear-gradient(90deg, rgba(128, 64, 148, 0.2) 28.32%, rgba(224, 176, 254, 0.2) 95.98%);
    filter: blur(93px);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.animation-courses-bg {
	background-image: url("../img/Frame.png");
}
/* .about-us-header-bg {
	background-image: url("../img/about-header-bg.jpg");
} */
.master-program {
	background-image: url("../img/animation-c.webp");
	background-position: center;
}
.career-opportunities p, .certification p {
	color: var(--text-grey);
}
.key-highlights-section p {
	color: var(--text-grey);
}
.key-highlights-section .keys {
	background: linear-gradient(176.98deg, rgba(49, 58, 91, 0) -49.58%, rgba(49, 58, 91, 0.44) 17.16%, #313A5B 219.84%);
    border: 1px solid #313A5B;
    color: var(--white);
    padding: 10px 14px 10px 10px;
    border-radius: 10px;
}
.about-reliance-section {
	padding-bottom: 40px;
	overflow: hidden;
}
.about-reliance-section h2 {
	line-height: 100%;
}
.about-reliance-section p {
	color: var(--text-grey);
}

.swiper-wrapper .swiper-slide:first-child {
  margin-left: auto;
}

.soft-boxes li {
	background: linear-gradient(176.98deg, rgba(49, 58, 91, 0) -49.58%, rgba(49, 58, 91, 0.44) 17.16%, #313A5B 219.84%);
	border: 1px solid #313A5B;
	/* padding: 12px 20px 12px 12px;
	margin-right: 25px;
	margin-bottom: 20px; */
	padding: 10px 14px 10px 10px;
    margin-right: 16px;
    margin-bottom: 16px;
	border-radius: 10px;
	color: var(--white);
	display: inline-flex;
    align-items: center;
    /* width: 22%; */
}
.soft-boxes li .icon img {
	/* width: 38px;
	height: 38px; */
	width: 30px;
	height: 30px;
	object-fit: contain;
	border-radius: 6px;
}
.soft-boxes li .inner {
	display: inline-flex;
	align-items: center;
}
.soft-boxes li .inner span {
	/* font-size: 20px; */
	font-size: 18px;
	margin-left: 10px;
}

.common-section {
	padding: 40px 0px;
}
.common-section .title {
	line-height: 100%;
}
.future-list li {
	font-weight: 400;
	color: var(--text-grey);
}
.about-vision-mission {
	padding: 40px 0px 80px 0px;
}
.about-vision-mission h4 {
	color: var(--text-grey);
}
.about-vision-mission .row:nth-child(2) {
	margin-top: 50px;
}
.about-vision-mission .card {
	background: transparent;
	border: none;
}
.about-vision-mission .card .card-body h4 {
	color: #fff;
	font-weight: 700;
}
.about-vision-mission .img-fluid {
	max-width: 90%;
}


/* .reliance-entertainment {
	width: 350px;
	height: 400px;
	padding: 50px 0;
	margin-left: 0;
}
.reliance-entertainment .swiper-slide {
	position: relative;
	box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.reliance-entertainment .swiper-slide img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	object-fit: contain;
}

.reliance-entertainment .swiper-slide .img-position {
  object-position: 50% 0%;
} */

.reliance-entertainment .swiper-slide img {
	max-width: 90%;
	padding: 4px;
	border: 2px solid var(--text-grey);
}

/* ======== swiper slider large-content with overlay css  ======== */
.large-content .swiper-testimonials .card {
	position: relative;
}
.large-content .swiper-testimonials .card .card-body .short-description {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	transition: 0.4s;
}
.large-content .swiper-testimonials .card .overlay-content {
	background: linear-gradient(180.2deg, rgba(0, 0, 0, 0) 62.55%, rgba(0, 0, 0, 0.5) 85.35%),
	linear-gradient(0deg, rgba(86, 55, 145, 0.8), rgba(86, 55, 145, 0.8));
	padding: 16px;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
    height: 100%;
    width: 100%;
	transition: 0.4s;
}
.large-content .swiper-testimonials .card .overlay-content p {
	color: var(--white);
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
}
.large-content .swiper-testimonials .card:hover .overlay-content {
	opacity: 1;
	visibility: visible;
	z-index: 4;
}
.large-content .swiper-testimonials .card:hover .short-description {
	opacity: 1;
}

.large-content .swiper-testimonials {
	padding-bottom: 80px;
}
.large-content .swiper-testimonials .card {
	height: 243px;
}
.large-content .swiper-testimonials .card:hover {
	background: linear-gradient(180.2deg, rgba(0, 0, 0, 0) 62.55%, rgba(0, 0, 0, 0.5) 85.35%),
	linear-gradient(0deg, rgba(86, 55, 145, 0.8), rgba(86, 55, 145, 0.8));
	padding: 16px;
	border-radius: 10px;
    width: 100%;
}
.large-content .swiper-testimonials .card:hover .short-description {
	-webkit-line-clamp: none;
}

.inline-logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.inline-logo-wrapper .inner {
    background-color: rgba(224, 176, 254, 0.2);
    background: linear-gradient(0deg, rgba(224, 176, 254, 0.2) 28.32%, rgba(128, 64, 148, 0.2) 95.98%);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 18%;
    height: 170px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
}
.inline-logo-wrapper .inner:hover {
	transform: translateY(-5px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.inline-logo-wrapper .inner img {
    width: 90%;
    margin: 0 auto;
}
.inline-logo-wrapper .inner img.white {
    filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(115deg) brightness(108%) contrast(108%);
}

/* ======== end swiper slider large-content with overlay css  ======== */

.action-btn-fixed {
	position: fixed;
    right: -54px;
    top: 50%;
    transform: translate(0px, -50%);
    z-index: 999;
}

.action-btn-fixed .btn {
	padding: 8px 14px;
	transform: rotate(90deg);	
}


/* news-card section */
.news-card {
	border: none;
	border-radius: 20px;
	padding: 1px;
	position: relative;
	background-image: linear-gradient(180deg, #BBBBBB, #313A5B);
	margin-bottom: 30px;
}
.news-card .card-img {
	height: 160px;
	width: 100%;
	display: flex;
}
.news-card .card-img img {
	object-fit: cover;
	object-position: center;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.news-card .card-body {
	background: #313A5B;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.news-card .card-body .card-title {
	color: #fff;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-weight: 600;
	margin-bottom: 16px;
}
.news-card .card-body .card-text {
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	opacity: 0.8;
}
.news-card .card-body .theme-btn {
	line-height: 16px;
	padding: 12px 20px;
}
/* news-card section end */
.bg-linear-gradient {
	background: linear-gradient(180deg, rgba(49, 58, 91, 0) -44.24%, rgba(49, 58, 91, 0.44) 7.85%, #313A5B 111.92%);
	margin-bottom: 30px;
	border-radius: 10px;
	border: 1px solid #313A5B;
}
.text-grey {
	color: var(--text-grey);
}
.blog-details-header:after {
	display: none;
}
#promoModal .btn-close {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: 600;
	border-radius: 16px;
	height: 25px;
	width: 25px;
	background-color: #fff;
	background-size: 16px;
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.inline-logo-wrapper .inner {
		max-width: 14%;
		height: 160px;
	}
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	/* .hero-section .hp-hero-slider .swiper-pagination {
		bottom: 100px;
	} */
	.hp-about-section .row {
		flex-direction: column-reverse;
	}
	.hp-about-section .row .col-lg-6 {
		flex-direction: row-reverse;
		width: 100%;
	}
	.hp-about-section .row .overlay-box {
		margin-top: 20px;
	}
	.sroll-to-section-links ul li {
		margin-right: 22px;
	}
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	/* .hero-section .hp-hero-slider .swiper-pagination {
		bottom: 80px;
	} */
	.hp-about-section h1 {
		font-size: 45px;
	}
	.hp-why-choose-us img {
		margin: 0 auto 10px auto;
	}
	.testimonials .swiper-testimonials {
		margin-top: 30px;
		padding-bottom: 70px;
	}
	.contact-form-section {
		padding: 70px 0px 60px 0px;
	}
	.contact-form-section .form-overlay-img {
		display: none;
	}
	.contact-form-section .title-wrap h2 {
		line-height: 126%;
	}
	.sroll-to-section-links ul li a {
		font-size: 22px;
	}
	.course-overview .row {
		align-items: flex-start;
	}
	.sroll-to-section {
		padding: 30px 0px;	
	}
	.course-overview img {
		max-width: 100%;
	}
	.soft-boxes li {
		/* width: 29%; */
	}
	.sroll-to-section-links ul {
	    white-space: nowrap;
	    overflow-y: hidden;
	    overflow-x: scroll;
	}
	.common-section {
		padding: 20px 0px;
	}
	.about-vision-mission .row:nth-child(2) {
		margin-top: 0px;
	}
	.about-vision-mission .img-fluid {
		max-width: 100%;
	}
	.testimonials .long-desc-testimonials .card {
		padding: 30px 18px;
	}
	.inline-logo-wrapper .inner {
		max-width: 22%;
		height: 166px;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
	/* .hero-section {
		margin-top: 60px;
	} */
	.hero-section .hp-hero-slider .swiper-pagination {
		bottom: 20px;
	}
	.hp-about-section h1 {
		font-size: 32px;
	}
	.hp-hy-choose-us .card {
		min-height: auto;
	}
	.hp-programs-We-Offer {
		padding: 40px 0px;
	}
	.hp-why-choose-us {
		padding: 30px 0px;
	}
	.our-awards {
		padding: 10px 12px 50px 12px;
	}
	.our-collaboration .title {
		margin-bottom: 10px;
	}
	.our-collaboration {
		padding: 10px 12px 50px 12px;
	}
	.testimonials {
		padding: 10px 12px 60px 12px;
	}
	.testimonials .swiper-testimonials {
		margin-top: 20px;
		padding-bottom: 65px;
	}
	.contact-form-section {
		padding: 0px 12px 40px 12px;
	}
    .contact-form .theme-btn {
    	margin-top: 0px;
    }
    .hp-why-choose-us h4 {
    	font-size: 20px;
    }
	.sroll-to-section-links ul li a {
		font-size: 20px;
	}
	.sroll-to-section-links ul {
		margin-bottom: 0px;
	}
	.course-overview .row {
		flex-direction: column-reverse;
	}
	.sroll-to-section {
		padding: 30px 8px;
	}
    .course-overview img {
    	margin-top: 10px;
    }
	.soft-boxes li {
		/* width: 46%;
		margin-right: 16px;
    	margin-bottom: 16px; */
	}
	.animation-courses .card .outer-content {
		height: auto;
	}
	.animation-courses .card .card-img img {
		aspect-ratio: 4 / 3;
		height: 100%;
	}
	.animation-courses .card .overlay-content {
		padding: 16px;
	}
	.animation-courses .card .overlay-content p {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.animation-courses .card .overlay-content .link {
	    font-size: 18px;
    	line-height: 100%;
    	margin-top: 24px;
	}
	.animation-courses .card:hover .overlay-content {
	    overflow-y: scroll;
    	overflow-x: hidden;
	}
	.about-vision-mission img {
		margin: 20px 0px;
	}
	.about-vision-mission .img-fluid {
		max-width: 90%;
	}
	.testimonials .long-desc-testimonials {
		padding-bottom: 50px;
	}
	.inline-logo-wrapper {
        gap: 12px;
    }
    .inline-logo-wrapper .inner {
        max-width: 30%;
    }
	.news-card .card-body .card-title {
		font-size: 16px;
	}
	.news-card .card-body .card-text {
		font-size: 14px;
	}
	.news-card .card-body .theme-btn {
		line-height: 11px;
    	padding: 12px 20px;
	}
	.blog-details-header {
		height: auto;
	}
	.blog-details-header img {
		height: auto;
	}
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.hp-about-section {
		padding: 20px 12px 30px 12px;
	}
	.hp-about-section h1 {
		font-size: 26px;
	}
	.hp-about-section .row .overlay-box img {
		max-width: 90%;
	}
    .hp-programs-We-Offer {
        padding: 40px 12px 30px 12px;
    }
    .hp-programs-We-Offer .card h4 {
    	font-size: 22px;
    	margin-bottom: 14px;
    }
    .hp-programs-We-Offer .card .overlay {
    	top: -18px;
    }
    .testimonials .swiper-testimonials .card {
    	padding: 20px 18px;
    }
    .testimonials .swiper-testimonials {
    	margin-top: 10px;
    }
    .testimonials .text-white {
    	font-size: 16px;
    }
    .testimonials .title {
    	margin-bottom: 6px;
    }
    .contact-form .theme-btn {
    	padding: 14px 26px;
    	margin-top: 10px;
    }    
    .sroll-to-section-links {
    	padding: 0px 8px;
    }
    .sroll-to-section-links ul li {
    	margin-right: 12px;
    }
    .sroll-to-section-links ul li a {
    	font-size: 20px;
    }
	.soft-boxes li {
		/* width: 45%; */
        margin-right: 12px;
        margin-bottom: 11px;
    	padding: 8px 6px;
	}
	.soft-boxes li .icon img {
	    /* width: 28px;
	    height: 28px; */
	    width: 24px;
	    height: 24px;
    }
    .soft-boxes li .inner span {
    	font-size: 16px;
	    margin-left: 7px;
	}
	.career-opportunities .row .col-md-6 {
		max-width: 48%;
	}
	.career-opportunities .mb-4 {
		margin-bottom: 20px !important;
	}
	.career-opportunities .mt-4 {
		margin-top: 10px !important;
	}
	.about-reliance-section {
		padding: 0px 8px;
	}
	.common-section {
		padding: 30px 8px;
	}
	.common-section .title {
		margin-bottom: 20px;
	}
	.about-vision-mission .card .card-body {
		padding: 16px 0px;
	}
	.large-content .swiper-testimonials .card {
		height: 200px;
	}
	.action-btn-fixed .btn {
		font-size: 14px;
		padding: 6px 12px;
		margin-right: 9px;
	}
	.inline-logo-wrapper {
	    gap: 12px;
	}
	.inline-logo-wrapper .inner {
	    max-width: 48%;
	    height: auto;
	}
	.reliance-entertainment .swiper-slide img {
		max-width: 100%;
	}
	.contact-form .form-floating .form-control {
		height: calc(2.7rem + calc(var(--bs-border-width) * 2));
		min-height: calc(2.7rem + calc(var(--bs-border-width) * 2));
		padding: .75rem .75rem;
	}
	.contact-form .form-floating .form-select {
		height: calc(2.9rem + calc(var(--bs-border-width) * 2));
		min-height: calc(2.9rem + calc(var(--bs-border-width) * 2));
	}
	.contact-form .form-floating>label {
		padding: 8px;
	}
	.contact-form .form-floating .form-select {
		background-position: 97% 10px;
	}
	.theme-btn {
		line-height: 18px;
	}
}
@media (max-width: 400px) {
	.soft-boxes li {
		width: 100%;
    	margin-bottom: 16px;
	}
	.career-opportunities .row .col-md-6 {
		max-width: 100%;
	}
	/* .reliance-entertainment {
		width: 320px;
	    padding: 20px 0;
	    margin-left: 20px;
	} */
}

.base-modal .modal-header {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
    border: none;
    padding-bottom: 0;
}
.base-modal .modal-header .modal-title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 9px;
}
.base-modal .modal-header .btn-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

/* Board of Director's */
.board-section .board-card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    padding: 40px 20px;
    backdrop-filter: blur(10px);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}
.board-section .board-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 15px;
    padding: 1px;
    /* background: linear-gradient(120deg, transparent, #a855f7, transparent); */
	background: linear-gradient(120deg, transparent, var(--bg-gradient1), transparent);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    opacity: 0;
    transition: 0.4s;
	z-index: -1;
}
.board-section .board-card:hover::before {
    opacity: 1;
}
.board-section .board-card:hover {
    transform: translateY(-10px) scale(1.02);
}
.board-section .board-card {
	z-index: 9;
}
.board-section .img-wrapper {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 50%;
    padding: 4px;
    background: linear-gradient(135deg, var(--bg-gradient1), var(--text-gradient1));
}
.board-section .img-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.board-section .board-card h5 {
    font-weight: 600;
    color: var(--text-color);
}
.board-section .board-card .designation {
    font-size: 0.9rem;
    color: #cbd5e1;
}

/* ==== 06 April 2026 ==== */
.about-alumni-section .alumni-card, .about-alumni-section .video-card {
	background: rgba(255, 255, 255, 0.05);
	border: none;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.4s ease;
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.about-alumni-section .alumni-card:hover {
	/* transform: translateY(-10px) scale(1.02); */
	box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}
.about-alumni-section .alumni-card .name {
	font-size: 16px;
	font-weight: 600;
    color: var(--white);
	margin-bottom: 20px;
	text-transform: uppercase;
}
.about-alumni-section .alumni-card .alumni-img {
	overflow: hidden;
	height: 300px;
}
.about-alumni-section .alumni-card .alumni-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.about-alumni-section .alumni-card:hover img {
	transform: scale(1.1);
}
.about-alumni-section .alumni-card .card-body {
	padding: 20px 16px;
}
.about-alumni-section .alumni-card .card-body .award {
	font-size: 0.95rem;
	color: #ddd;
	margin-bottom: 10px;
	line-height: 1.6;
	display: inline-flex;
}
.about-alumni-section .alumni-card .card-body .award strong {
	color: #ffb347;
	font-weight: 500;
}
.about-alumni-section .alumni-card .card-body .award .content {
	color: #cbd5e1;
}
.about-alumni-section .video-card h5 {
	padding: 16px;
}
.about-alumni-section .team-card {
    background: var(--white);
	background-color: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.about-alumni-section .team-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.about-alumni-section .team-card .img-wrapper {
    position: relative;
    overflow: hidden;
}
.about-alumni-section .team-card .img-wrapper img {
	width: 100%;
    height: 300px;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.about-alumni-section .team-card .team-card:hover img {
    transform: scale(1.1);
}
.about-alumni-section .team-card .img-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    opacity: 0;
    transition: 0.3s;
}
.about-alumni-section .team-card:hover .img-wrapper::after {
    opacity: 1;
}
.about-alumni-section .team-card .company-tag {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: var(--bg-gradient1);
    color: #fff;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 4px;
    z-index: 2;
}
.about-alumni-section .team-card .team-info {
    padding: 15px;
}
.about-alumni-section .team-card .team-info h5 {
	color: var(--white);
    font-weight: 600;
    font-size: 15px;
}
.about-alumni-section .team-card .team-info p {
    font-size: 13px;
    color: var(--grey-e);
    margin: 0;
}

/* Blog details CMS typography */
.blog-details h1,
.blog-details h2,
.blog-details h3,
.blog-details h4,
.blog-details h5,
.blog-details h6 {
	color: var(--white);
}

/* Add breathing room above CMS headings in blog details */
.blog-details .col-md-12 :where(h2, h3, h4, h5, h6) {
	margin-top: 28px;
	margin-bottom: 14px;
}

.blog-details strong,
.blog-details b {
	color: var(--white);
}

/* Blog details banner height */
.blog-details-header {
	max-height: 516px;
	overflow: hidden;
}
.blog-details-header img {
	height: 516px;
	object-fit: cover;
	object-position: center;
}

/* CMS Content Table Styling */
.common-section table,
.blog-details table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    background: rgba(15, 15, 30, 0.6);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(200, 120, 220, 0.2);
}

.common-section table th,
.common-section table td,
.blog-details table th,
.blog-details table td {
    border: 1px solid rgba(200, 120, 220, 0.15);
    padding: 16px 18px;
    text-align: left;
    vertical-align: middle;
    line-height: 1.6;
    color: #e0e0e0;
}

.common-section table th,
.blog-details table th {
    background: linear-gradient(135deg, #563791 0%, #7c3fa8 100%);
    color: #ffffff;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: none;
    font-family: "Raleway", sans-serif;
}

.common-section table tbody tr:nth-child(odd),
.blog-details table tbody tr:nth-child(odd) {
    background: rgba(96, 46, 166, 0.08);
}

.common-section table tbody tr:hover,
.blog-details table tbody tr:hover {
    background: rgba(96, 46, 166, 0.15);
}

.common-section table caption,
.blog-details table caption {
    caption-side: top;
    text-align: left;
    font-weight: 600;
    margin-bottom: 14px;
    color: #d8a9fa;
    font-size: 14px;
}

/* CMS Content Check List Styling - Frontend Only */
.common-section ul.check-list,
.blog-details ul.check-list {
    list-style: none;
    margin: 20px 0;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgba(96, 46, 166, 0.12) 0%, rgba(140, 77, 186, 0.08) 100%);
    border-radius: 8px;
    border-left: 4px solid #563791;
}

.common-section ul.check-list li,
.blog-details ul.check-list li {
    margin: 12px 0;
    padding-left: 32px;
    position: relative;
    line-height: 1.7;
    color: #e0e0e0;
    list-style: none;
}

.common-section ul.check-list li strong,
.blog-details ul.check-list li strong {
    color: #ffffff;
    font-weight: 700;
}
/* CMS Content Table - Mobile overflow fix */
.cms-table-scroll {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 24px 0;
}
.cms-table-scroll table {
	margin: 0;
}

/* If table has more than 3 columns, keep horizontal scroll */
.cms-table-scroll.is-wide table {
	width: max-content;
	min-width: 100%;
}

@media (max-width: 991.98px) {
	/* .blog-details-header {
		max-height: 416px;
	
	.blog-details-header img {
		height: 416px;
	} */
	.blog-details-header {
		height: auto;
	}
	.blog-details-header img {
		height: auto;
		max-height: none;
		object-fit: contain;
	}
}

@media (max-width: 575.98px) {
	/* Keep 3-column (or smaller) tables inside screen without scroll */
	.common-section table,
	.blog-details table {
		width: 100% !important;
		max-width: 100%;
		table-layout: fixed;
	}

	.common-section table th,
	.common-section table td,
	.blog-details table th,
	.blog-details table td {
		padding: 12px 12px;
		overflow-wrap: anywhere;
		word-break: break-word;
		hyphens: auto;
	}
}
/* CMS Content Table Styling End */

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.about-alumni-section .team-section {
		flex-wrap: nowrap;
		overflow-y: scroll;
		justify-content: start !important;
	}
	.about-alumni-section .team-section .col-md-6 {
		width: 50%;
	}
	.about-alumni-section .team-card {
		height: auto;
	}
	.about-alumni-section .team-card .img-wrapper img {
		height: 260px;
        object-position: top;
	}
}
@media (min-width: 1200px) {
	.team-section .col-xl-3 {
		width: 20%;
	}
	.about-alumni-section .team-card .img-wrapper img {
		height: 190px;
	}
}