body{
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
}
.bg-pink{
    background-color: #FDF8EE
}
.f-10{
	font-size: 10px;
}
.f-11{
	font-size: 11px;
}
.f-12{
	font-size: 12px;
}
.f-13{
	font-size: 13px;
}
.f-14{
	font-size: 14px;
}
.f-15{
	font-size: 15px;
}
.f-16{
	font-size: 16px;
}
.f-18{
	font-size: 18px;
}
.f-19{
	font-size: 19px;
}
.f-20{
	font-size: 20px;
}
.f-22{
	font-size: 22px;
}
.f-24{
	font-size: 24px;
}
.f-26{
	font-size: 26px;
}
.f-30{
	font-size: 30px;
}
.f-32{
	font-size: 32px;
}
.f-40{
	font-size: 40px;
}
.f-60{
	font-size: 60px;
}
/*.color-default{
	color: #1F386B;
}*/
/*.color-pink{
	color: #E41937;
}*/
.text-dark{
	color: #000;
}
.text-white{
	color: #fff;
}
/*.bg-default{
	background-color: #1F386B;
}*/
.bg-dark{
	background-color: #000;
}
.spad{
	padding-top: 30px;
	padding-bottom: 30px;
}
.spad-25{
	padding-top: 25px;
	padding-bottom: 25px;
}
.pa-80{padding: 80px 0; }
.pa-bot-10{
	padding-bottom: 10px;
}
.pa-top-15{
	padding-top: 15px;
}
.pa-top-25{
	padding-top: 25px;
}
.pa-bot-30{
	padding-bottom: 30px;
}
.pa-top-40{
	padding-top: 40px;
}
.pa-bot-40{
	padding-bottom: 40px;
}
.pa-top-45{
	padding-top: 45px;
}
.ma-0{
	margin: 0 auto;
}
.ma-6{
	margin: 6px auto;
}
.mt-0{
	margin-top: 0!important;
}
.mb-0{
	margin-bottom: 0;
}
.mb-8{
	margin-bottom: 8px;
}
.mb-15{
	margin-bottom: 15px;
}
.mt-15{
	margin-top: 15px;
}
.mt-18{
	margin-top: 18px;
}
.mb-18{
	margin-bottom: 18px;
}
.mt-20{
	margin-top:20px;
}
.mb-20{
	margin-bottom: 20px;
}
.mt-25{
	margin-top: 25px;
}
.mb-25{
	margin-bottom: 25px;
}
.mb-30{
	margin-bottom: 30px;
}
.margin-top-bottom{
	margin: 25px 0;
}
.navbar-brand img {
	 width: 75px;
}
 .navbar ul li a {
	 color: #29166f;
	 font-size: 18px;
}
.navbar ul li a.active {
	 font-weight: 700;
}
 .gap40 {
	 gap: 40px;
}
 .banner-section {
	 position: relative;
	 padding: 0 7%;
	 height: 450px;
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 @media (max-width: 768px) {
	 .banner-section {
		 width: 100%;
		 text-align: center;
		 height: auto;
	}
}
 .banner-section .heading {
	 margin-top: -60px;
}
 @media (max-width: 768px) {
	 .banner-section .heading {
		 width: 100%;
		 margin-top: 0;
	}
}
 .banner-section .heading h1 {
	 position: relative;
	 font-size: 50px;
	 color: #29166f;
	 font-weight: 600;
}
 .banner-section .heading span {
	 color: #da251c;
	 display: block;
}
 .banner-section .heading .swing {
	 position: absolute;
	 top: -51%;
	 left: -36px;
	 width: 100px;
}
 @media (max-width: 768px) {
	 .banner-section .heading .swing {
		 top: -41%;
		 left: 169px;
		 width: 81px;
	}
}

 .banner-section .heading .bottom-right {
	 top: 36%;
	 left: 24.5%;
	 position: absolute;
	 width: 100px;
}
 @media (max-width: 768px) {
	 .banner-section .heading .bottom-right {
		 left: 30.5%;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
    .banner-section .heading .swing {
        display: none;
    }
}
 @media (min-width: 320px) and (max-width: 767px) {
	 .banner-section .heading .bottom-right {
		display: none;
	}
}
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    filter: brightness(.1);
}
 .banner-section::before {
	 content: "";
	 background-image: url("/assets/images/header-bg-icons.svg");
	 background-repeat: no-repeat;
	 background-size: 85%;
	 background-position: bottom center;
	 width: 90%;
	 height: 450px;
	 display: inline-block;
	 position: absolute;
	 top: -10%;
}
 .banner-section .right-container {
	 position: relative;
}
 @media (max-width: 768px) {
	 .banner-section .right-container {
		 margin: 20px auto;
	}
	.banner-section .right-container img{
	    width: 300px;
	}
}
.banner-section .right-container img {
	 width: 400px;
}
@media (max-width: 768px) {
	.banner-section .right-container img{
	    width: 300px;
	}
}
.banner-section .right-container .animated-icons .bottom-left {
	 bottom: 0;
	 left: 0;
	 position: absolute;
}
.banner-section .right-container .animated-icons .top-right {
	 top: 0;
	 right: 0;
	 position: absolute;
}
.banner-section .right-container .animated-icons .top-left {
	 top: 0;
	 left: 0;
	 position: absolute;
}
@media (min-width: 320px) and (max-width: 767px) {
    .banner-section .right-container .animated-icons .top-right {
        width: 75px;
    }
    .banner-section .right-container .animated-icons .top-left {
        width: 75px;   
    }
}
 .banner-section .right-container .animated-icons img {
	 width: 100px;
}
 .bounce {
	 animation: bounce 2s ease infinite;
}
 @keyframes bounce {
	 70% {
		 transform: translateY(0%);
	}
	 80% {
		 transform: translateY(-15%);
	}
	 90% {
		 transform: translateY(0%);
	}
	 95% {
		 transform: translateY(-7%);
	}
	 97% {
		 transform: translateY(0%);
	}
	 99% {
		 transform: translateY(-3%);
	}
	 100% {
		 transform: translateY(0);
	}
}
 .bounce2 {
	 animation: bounce2 2s ease infinite;
}
 @keyframes bounce2 {
	 0%, 20%, 50%, 80%, 100% {
		 transform: translateY(0);
	}
	 40% {
		 transform: translateY(-30px);
	}
	 60% {
		 transform: translateY(-15px);
	}
}
 .flip {
	 backface-visibility: visible !important;
	 animation: flip 2s ease infinite;
}
 @keyframes flip {
	 0% {
		 transform: perspective(400px) rotateY(0);
		 animation-timing-function: ease-out;
	}
	 40% {
		 transform: perspective(400px) translateZ(150px) rotateY(170deg);
		 animation-timing-function: ease-out;
	}
	 50% {
		 transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		 animation-timing-function: ease-in;
	}
	 80% {
		 transform: perspective(400px) rotateY(360deg) scale(0.95);
		 animation-timing-function: ease-in;
	}
	 100% {
		 transform: perspective(400px) scale(1);
		 animation-timing-function: ease-in;
	}
}
 .swing {
	 transform-origin: top center;
	 animation: swing 2s ease infinite;
}
 @keyframes swing {
	 20% {
		 transform: rotate(15deg);
	}
	 40% {
		 transform: rotate(-10deg);
	}
	 60% {
		 transform: rotate(5deg);
	}
	 80% {
		 transform: rotate(-5deg);
	}
	 100% {
		 transform: rotate(0deg);
	}
}
 .wobble {
	 animation: wobble 2s ease infinite;
}
 @keyframes wobble {
	 0% {
		 transform: translateX(0%);
	}
	 15% {
		 transform: translateX(-25%) rotate(-5deg);
	}
	 30% {
		 transform: translateX(20%) rotate(3deg);
	}
	 45% {
		 transform: translateX(-15%) rotate(-3deg);
	}
	 60% {
		 transform: translateX(10%) rotate(2deg);
	}
	 75% {
		 transform: translateX(-5%) rotate(-1deg);
	}
	 100% {
		 transform: translateX(0%);
	}
}
 .pulse {
	 animation: pulse 1s infinite ease-in-out alternate;
	 position: absolute;
	 right: 0;
	 top: 0;
	 width: 100px;
}
 @keyframes pulse {
	 from {
		 transform: scale(0.8);
	}
	 to {
		 transform: scale(1.2);
	}
}
 .contact-detail {
	 background-color: #29166f;
	 max-width: 70%;
	 border-radius: 16px;
	 margin: auto;
	 color: #fff;
	 padding: 30px 40px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 30px;
	 margin-top: -4%;
	 z-index: 3;
	 position: relative;
}
 @media (max-width: 768px) {
	 .contact-detail {
		 max-width: 100%;
		 flex-wrap: wrap;
		 margin-top: 30%;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
    .contact-detail{
        margin-top: 18%;
    }
}
 .contact-detail .icon {
	 display: flex;
	 align-items: flex-start;
	 align-items: center;
	 gap: 10px;
}
 .contact-detail .icon img {
	 filter: invert(1);
	 width: 40px;
	 background: #29166f 38;
	 border-radius: 4px;
	 padding: 2px;
	 animation: heartBeat1 1.35s linear 0s infinite;
}
 .contact-detail .icon a {
	 font-size: 16px;
	 font-weight: 400;
	 margin: 0 0 4px;
	 color: #fff;
	 text-decoration: none;
}
 .contact-detail .icon .no-filter {
	 filter: contrast(0.5);
	 background: #29166f 38;
	 padding: 6px;
	 width: 40px;
	 height: 40px;
}
 .contact-detail .icon .content {
	 display: flex;
	 flex-direction: column;
}
 @keyframes heartBeat1 {
	 0% {
		 transform: scale(1);
		 opacity: 1;
	}
	 15% {
		 transform: scale(0.8);
	}
	 20% {
		 transform: scale(0.85);
		 opacity: 1;
	}
	 35% {
		 transform: scale(1.3);
		 opacity: 0.6;
	}
	 50% {
		 transform: scale(1);
		 opacity: 1;
	}
	 100% {
		 transform: scale(1);
	}
}
 .innovation {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 margin: 50px 0;
	 gap: 50px;
	 flex-wrap: wrap;
}
 .innovation img {
	 filter: drop-shadow(2px 4px 6px black);
}
 @media (max-width: 768px) {
	 .innovation {
		 //flex-direction: column-reverse;
	}
	 .innovation img {
		 margin: auto;
		 width: 300px;
	}
}
 .section-heading {
	 text-align: center;
}
 .section-heading h4 {
	 color: #da251c;
	 font-size: 48px;
}
 .section-heading h4 em {
	 color: #29166f;
	 font-style: normal;
}
 .section-heading span {
	 position: relative;
	 display: inline-block;
}
 .section-heading span::before {
	 position: absolute;
	 content: '';
	 height: 1px;
	 width: 75px;
	 top: 16px;
	 left: -75px;
	 background-color: #da251c;
}
 .section-heading span:after {
	 position: absolute;
	 content: '';
	 background-color: #da251c;
	 height: 1px;
	 width: 75px;
	 top: 16px;
	 right: -75px;
}
 .section-heading span small img {
	 width: 30px;
}
 .section-heading span small::before {
	 position: absolute;
	 content: '';
	 background-color: #da251c;
	 height: 1px;
	 width: 40px;
	 top: 12px;
	 left: -42px;
}
 .section-heading span small:after {
	 position: absolute;
	 content: '';
	 background-color: #da251c;
	 height: 1px;
	 width: 40px;
	 top: 12px;
	 right: -42px;
}
 .flex1 {
	 flex: 1;
}
 .fee-structure .fee-card {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 20px;
	 margin-top: 25px;
}
 @media (max-width: 768px) {
     .fee-structure .fee-card {
        flex-wrap: wrap;   
     }
 }
 .fee-structure .fee-card .card {
	 transition: 0.2s;
}
 .fee-structure .fee-card .card:hover {
	 transform: translateY(-5%);
	 transition: 0.2s;
}
 .fee-structure .fee-card .card:hover img {
	 filter: sepia(1);
}
 .fee-structure .fee-card .card-title {
	 font-size: 30px;
	 background: #fff;
	 text-align: center;
	 border-radius: 34px;
	 padding: 6px;
	 margin-top: -43px;
	 margin-bottom: 28px;
	 color: #da251c;
	 position: relative;
	 z-index: 2;
}
 .fee-structure .fee-card ul {
	 list-style: none;
	 padding-left: 0;
}
 .fee-structure .fee-card ul li {
	 display: flex;
	 justify-content: space-between;
}
 .fee-structure .fee-card ul li:not(:last-child) {
	 margin-bottom: 10px;
}
 .gallery {
	 margin: 100px 0;
}
 .parent-container, .child-container {
	 display: flex;
}
 .parent-container {
	 width: 100%;
	 justify-content: center;
	 gap: 30px 30px;
}
 .child-container {
	 width: 30%;
	 height: auto;
	 gap: 30px 30px;
	 flex-direction: column;
}
 .child-container img {
	 transition: all 0.2s ease-in-out 0s;
	 box-shadow: 2px 2px 20px gray, inset 2px 2px 10px lightgray;
}
 .child-container img:hover {
	 box-shadow: 4px 4px 25px black, inset 2px 2px 2px 10px #000014;
	 transform: scale(1.5);
}
 .footer {
	 background-color: #fdf8ee;
	 padding: 20px;
	 border-top: 1px solid #e67973;
	 text-align: center;
}