@font-face {
    font-family: "myFirstFont";
    src: url("product-sans/Product\ Sans\ Bold.ttf");
    src: url("product-sans/Product\ Sans\ Bold\ Italic.ttf");
    src: url("product-sans/Product\ Sans\ Italic.ttf");
    src: url("product-sans/Product\ Sans\ Regular.ttf");
}
body {
    font-family: "myFirstFont";
}
.container-spacing{
  padding: 0 100px;
}
.section-padding{
  margin: 100px 0;
}
.header-btns{
  display: flex;
}
.admission-btn button{
  border-radius: 8px;
  border: 1px solid #115181;
  background: transparent;
  color: #115181;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  padding: 0 20px;
  height: 50px;
  margin-right: 20px;
}
.contact-btn button{
  border-radius: 8px;
  background: #115181;
  border: 0;
  padding: 0 20px;
  color: #FFF;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 50px;
}
header .nav-link{
  color: #494949;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 30px;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #FFF;
box-shadow: 7px 6px 19.8px 0px rgba(0, 0, 0, 0.06);
z-index: 3;
}
.banner-sec{
  display: flex;
    align-items: center;
    justify-content: space-around;
        padding-top: 150px !important;
}
main {
    background: radial-gradient(transparent 50%, #115181 152%);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position-y: top;
}
.banner-bg{
  position: absolute;
  top: 0;
}
.banner-sec{
  position: relative;
}
.banner-bg {
    position: absolute;
    top: 30%;
    left: 40%;
    z-index: -1;
}
.banner-sec h1{
  color: #002039;
  font-size: 68px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.banner-sec h1 span{
  background: linear-gradient(#115181 , #8BCDFF);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 60px !important;
  font-weight: 700;
}
.banner-sec p{
  color: #817E7E;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.banner-app{
  display: flex;
  margin-top: 40px;
}
.contact-sec {
    position: relative;
        width: 560px;
    height: 50px;
    margin-top: 80px;
}
.iti {
    width: 100%;
    height: 60px;
}
.contact-sec input {
    width: 100%;
    height: 60px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}
.banner-btn {
    position: absolute;
    top: 0;
    right: 0;

}
.banner-btn button{
  border-radius: 0px 8px 8px 0px;
  background: #4283B4;
  height: 60px;
  border: 0;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; 
  padding: 0 20px;
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
    border-right: 1px solid #D9D9D9;
}

.banner-img{
  position: relative;
}
.course-box{
  position: absolute;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 12.6px 0px rgba(0, 0, 0, 0.25);
  top: 60px;
  right: 40px;
  padding: 15px;
  animation: float 3s ease-in-out infinite;
}
.course-box h6, .course-box2 h6{
  color: #226393;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.course-box p, .course-box2 p{
  color: #45494C;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin: 0;
}
.course-box2{
  position: absolute;
  bottom: 175px;
  left: 175px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 12.6px 0px rgba(0, 0, 0, 0.25);
  padding: 15px 20px;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -12%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}


.count-sec {
    display: flex;
    background: #fff;
    width: 60%;
    margin: 73px auto;
    border-radius: 20px;
    align-items: center;
    justify-content: space-around;
    text-align: center;
        padding: 10px;
}
.count-sec h6 {
    color: #4283B4;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 17px;
}
.count-sec p {
    color: #333;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.count-border {
    background: radial-gradient(#4283B4 10% , transparent 70%);
    width: 1px;
    height: 100px;
}
.angle{
  position: absolute;
  top: 0;
      z-index: -1;
}
.institute{
  position: relative;
}
.angle-two{
  position: absolute;
  bottom: -300px;
  left: 0;
}
.angle-right{
   position: absolute;
  bottom: 0;
  right: 0;
      z-index: -1;
}
.cout{
  position: relative;
}
.explore-sec h1{
  color: #002039;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.explore-sec p{
  color: #002039;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.explore-sec a{
  color: #0060A8;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.explore-sec span{
  font-size: 22px;
}
.course-sec h1{
  text-align: center;
  margin-bottom: 25px;
}
.course-sec{
  position: relative;
}
.sec-heading h1 .text-bg{
    position: relative;
    color: #002039;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.sec-heading h1 .text-bg:after{
  opacity: 0.66;
  background: #B7E1FF;
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  height: 35px;
  left: 6px;
  z-index: -1;
}

.first-card{
  background: url('../images/card-bg.svg'), #fff;
  width: 100%;
     height: 260px;
  background-repeat: no-repeat;
  padding: 20px 20px 0;
    border-radius: 24px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    border-radius: 100px;
    background: linear-gradient(90deg, #1A5A89 0%, #5B92BB 100%) !important;
    width: 120px;
}
.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius);
    border-radius: 100px;
    border: 1px solid #4283B4;
    width: 120px;
    margin: 0 10px;
    color: #4283B4;
}

.card-head {
    display: flex;
    align-items: end;
    height: 100%;
    justify-content: space-between;
}
.course-head {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
   height: 200px;
}
.course-head h1{
  color: #4283B4;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: left;
}
.course-card{
  border-radius: 24px;
  background: #FFF;
  box-shadow: 2px 2px 12.7px 0px rgba(0, 0, 0, 0.10);
      height: 100%;
}
.course-card p{
  padding: 20px;
  color: #7A7A7A;
  text-align: justify;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.course-card:hover .first-card{
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transition: .5s;
  cursor: pointer;
}
.insti-head{
  margin-bottom: 60px;
}
.insti-head h1{
  margin: auto;
  text-align: center;
  color: #002039;
font-size: 53px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.insti-head p{
  color: #747D83;
text-align: center;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.insti-head .text-gradiant{
  font-size: 53px !important;
  font-weight: 400;
  background: linear-gradient(270deg, #0A4571 28.31%, #4283B4 99.74%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.insti-head p{
  width: 50%;
  margin: auto;
  text-align: center;
}
.insti-head h1{
  color: #002039;
font-size: 56px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 67.2px */
}

 .text-gradiant{
   background: linear-gradient(#115181 , #8BCDFF);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 48px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
 }

 .insti-card{
  border-radius: 24.892px;
  background: #FFF;
  box-shadow: 2.986px 0px 25.28px 0px rgba(0, 0, 0, 0.10);
  padding: 18px;
  min-height: 272px;
 }

 .insti-card h6{
  color: #002039;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
 }
  .insti-card p{
    color: #6B6B6B;
  font-size: 17.915px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  }

  .insti-card h6 {
    margin-top: 20px;
    margin-bottom: 9px;
}
.learning{
  border-radius: 40px 0px 0px 40px;
  background: linear-gradient(129deg, #5891BB 2.67%, #1E5E8E 100%);
  color: #fff;
  padding: 40px;
  height: 100%;
}
.learning-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.learning-text h1{
  color: #FFF;
  font-size: 58px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.learning-text p{
  color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.learning-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 40px 40px 0;
}


.testi-sec h1{
  color: #002039;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 67.2px */
}
.testi-sec .text-gradiant{
  background: linear-gradient(90deg, #002039 45.63%, #73C3FF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 56px !important;
}
.testi-sec p{
  width: 40%;
  color: #747D83;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}



.mySwiper .swiper-button-prev, .mySwiper .swiper-rtl .swiper-button-next{
    left: auto !important;
    right: 162px !important;
}
.swiper-button-next, .swiper-button-prev{
  color: #000000 !important;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid #000;
  border-radius: 100px;
      top: 125px !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 25px !important;
}
.testi-box {
    border-radius: 24px;
    background: #E5F4FF;
    padding: 20px;
}
.testimonial {
    display: flex;
}
.testimonial img {
    margin-right: 15px;
}
.padding{
  padding-left: 70px;
}

.faq-sec{
  text-align: center;

}
.faq-sec p{
  width: 80%;
  margin: auto;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent !important;
    box-shadow: none !important;
}
.accordion-item{
    color: var(--bs-accordion-color);
    background-color: #F2FAFF;
    border: 1px solid #4283B4;
    border-radius: 24px !important;
    margin-bottom: 15px;
    padding: 15px;
}
.accordion-button{
  background: transparent;
  color: #041F36;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;

}
.accordion-button:focus {
    outline: 0;
    box-shadow: none;
}
.accordion-body{
  color: rgba(4, 31, 54, 0.50);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
}
.accordion {
    margin-top: 40px;
}

footer{
  background: linear-gradient(90deg, #4283B4 0%, #1D394E 100%);
  padding: 40px 70px !important;
      margin-bottom: 0 !important;
}
footer p{
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 25px;
}
.contact{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.contact h6{
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.address, .number, .email{
    display: flex;
    align-items: baseline;
}
.address p, .number p, .email p{
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 10px;
}
.end-sec {
    border-top: 1px solid #fff;
    padding: 10px 10px 0;
    margin-top: 50px;
    text-align: center;
}
.end-sec p{
  margin: 0;
  padding-top: 20px;
}

.video .swiper-slide img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.base-template__wrapper {
	max-width: 1390px;
}

/**
 * Slider Instance
 */

.gallery-slider__slider {
	display: flex;
	align-items: center;
	justify-content: center;
  overflow: hidden;
  flex-wrap: wrap;
}

.gallery-slider__wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 20px;
	overflow: hidden;
}

/**
 * Slider Item
 */

.gallery-slider__slide {
	position: relative;
	overflow: hidden;
	width: 195px;
	height: 564px;
	max-width: 498px;
	filter: grayscale(100%);
	border: solid 1px transparent;
	transition: width 1.2s cubic-bezier(1, 0.3, 0.5, 1), filter 0.8s ease-in-out,
		border-color 0.6s ease;
	cursor: pointer;
      border-radius: 20px;
}

.gallery-slider__image {
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
	object-fit: cover;
}

.gallery-slider__slide.active {
	width: 824px;
	filter: none;
}

.gallery-slider__img-prev,
.gallery-slider__img-next {
	position: absolute;
	top: 0;
	object-fit: cover;
}

.gallery-slider__img-prev,
.gallery-slider__img-next {
	width: 183px;
	height: 564px;
	opacity: 1;
	visibility: visible;
	transition: width 1.2s cubic-bezier(1, 0.3, 0.5, 1), opacity 1.2s ease-in-out,
		visibility 1.2s ease-in-out;
}

.gallery-slider__img-next {
	width: 183px;
	height: 564px;
	opacity: 0;
	visibility: hidden;
	transition: width 1.2s cubic-bezier(1, 0.3, 0.5, 1), opacity 1.2s ease-in-out,
		visibility 1.2s ease-in-out;
}

@keyframes zoom-img {
	0% {
		opacity: 1;
		visibility: visible;
	}

	50% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1.4);
		opacity: 0;
		visibility: hidden;
	}
}

.gallery-slider__slide.active .gallery-slider__img-prev {
	width: 498px;
	z-index: 1;
	animation: zoom-img 1.2s ease-in-out 0.5s 1 forwards;
}

.gallery-slider__slide.active .gallery-slider__img-next {
	width: 498px;
	opacity: 1;
	visibility: visible;
}

.gallery-slider__slide:hover {
	filter: none;
}

.gallery-slider__slide:focus {
	filter: none;
	border-color: #b6b7b8;
	outline: none;
}

@media (max-width: 1400px) {
	.gallery-slider__wrapper {
		gap: 20px;
		padding: 0 20px;
	}

	.gallery-slider__slide {
		width: 140px;
	}

	.gallery-slider__img-prev,
	.gallery-slider__img-next {
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 1024px) {
	.gallery-slider__wrapper {
		gap: 10px;
	}

	.gallery-slider__slide.active,
	.gallery-slider__slide.active .gallery-slider__img-prev,
	.gallery-slider__slide.active .gallery-slider__img-next {
		width: 300px;
	}
}

@media (max-width: 768px) {
	.gallery-slider__slide {
		        width: 100%;
        height: 100px;
	}

    .gallery-slider__slide.active {
        width: 100%;
        height: 300px;
    }
	.gallery-slider__img-prev,
	.gallery-slider__img-next,
	.gallery-slider__slide.active .gallery-slider__img-prev,
	.gallery-slider__slide.active .gallery-slider__img-next {
		width: 100%;
		height: 300px;
	}
  .teacher h1{
    transform: rotate(0deg);
  }
}

@media (max-width: 575px) {
	.gallery-slider__slide {
		        width: 100%;
        height: 100px;
	}

    .gallery-slider__slide.active {
        width: 100%;
        height: 300px;
    }
	.gallery-slider__img-prev,
	.gallery-slider__img-next,
	.gallery-slider__slide.active .gallery-slider__img-prev,
	.gallery-slider__slide.active .gallery-slider__img-next {
		width: 100%;
		height: 300px;
	}
  .teacher h1{
    transform: rotate(0deg) !important;
  }
}


.teacher{
      position: absolute;
    bottom: 30px;
    padding: 15px;
    display: flex;
    justify-content: end;
    width: 100%;
    flex-direction: column;

}
.teacher h1{
  color: #FFF;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 36px */
transform: rotate(270deg);
white-space: nowrap;
}
.teacher p{
  color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
display: none;
}
.gallery-slider__slide.active .teacher{
      align-items: start;
      bottom: 0;
}
.gallery-slider__slide.active .teacher p{
    display: block;
}
.gallery-slider__slide.active .teacher h1{
  transform: none;
}
.teacher-sec{
  text-align: center;
}
.gallery-slider .prev-btn, .gallery-slider .next-btn{
  background: transparent;
  border: 1px solid #000;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  font-size: 30px;
  text-align: center;
      display: flex;
    flex-direction: column;
    justify-content: center;
}
.slider-btn{
  display: flex;
      justify-content: flex-end;
    margin-top: 20px;
}
.gallery-slider .prev-btn{
  margin-right: 20px;
}

.video .swiper-wrapper{
      padding-bottom: 114px;
}
.video .swiper-button-next, .video .swiper-button-prev{
      top: 380px !important;
}
.video  .swiper-button-prev, .video  .swiper-rtl .swiper-button-next{
      left: 48% !important;
}
.video  .swiper-button-next, .video  .swiper-rtl .swiper-button-prev{
      right: 43% !important;
}
.testibtn{
  margin-right: 100px;
}
.mySwiper .swiper-button-next, .mySwiper .swiper-rtl .swiper-button-prev{
  right:100px !important;
}
.course-img img{
        width: 150px;
    height: 200px;
    object-fit: cover;
}

.course-head h6{
  border-radius: 100px;
background: #4283B4;
color: #FFF;
width: fit-content;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
padding: 5px 15px;
}
.testimonial img {
    object-fit: cover;
    width: 60px;
    height: 60px;
    border-radius: 100px;
}
 .full-message {
      display: none;
    }

.icon p {
    margin: 0 10px;
}

.icon {
    display: flex;
    align-items: center;
}
.cntct .icon{
      margin-bottom: 35px;
}
.testimonial-sec, .faq-sec{
  position: relative;
}
.testimonial-sec .angle-two{
  top: -260px;
  bottom: auto;
  z-index: -1;
}
.faq-sec .angle-two{
  top: -100px;
}
.faq-angle-two{
    bottom: -100px;
    right: 0;
    position: absolute;
        z-index: -1;
}

.ftr-whats {
    position: fixed;
    bottom: 100px;
    right: 10px;
        z-index: 9;
}


.modal-form .nav-pills .nav-link{
  border-radius: 5.689px;
background: #F8F8F8;
color: #777;
text-align: center;
font-size: 17.068px;
font-style: normal;
font-weight: 400;
line-height: normal;
white-space: nowrap;
    width: fit-content;
    margin-left: 0;
}

.modal-form .nav-pills .nav-link.active, .modal-form .nav-pills .show>.nav-link{
 border-radius: 5.689px;
background: #E0FCFF !important; 
color: #0E5059;
text-align: center;
font-size: 17.068px;
font-style: normal;
font-weight: 400;
line-height: normal;
    margin-left: 0;
        white-space: nowrap;
    width: fit-content;
}
.modal-form h6{
  color: #1B1B1B;
font-size: 17.251px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.modal-form input, .modal-form textarea{
  border-radius: 8px;
border: 1px solid #CDCDCD;
width: 100%;
height: 48px;
padding: 10px 10px 10px 28px;
margin-bottom: 20px;
}
.modal-form textarea{
  border-radius: 8px;
border: 1px solid #CDCDCD;
height: 107px;
}
.modal-btn{
  border-radius: 8px;
background: #4283B4;
width: 100%;
padding: 10px 10px 10px 28px;
align-items: center;
text-align: center;
}
.modal-btn a{
  color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration: none;
}
.modal-content{
      border-radius: 15px;
}
.modal-form {
    padding-right: 40px;
        padding-bottom: 25px;
}
.modal-img img {
    height: 100%;
    object-fit: cover;
}
.modal-mob-head{
  display: none;
}

.toggle-link {
      cursor: pointer;
      text-decoration: underline;
      font-size: 14px;
      color: #000;
      cursor: pointer;
      font-family: "myFirstFont";
    }
    .testi-box p {
    font-size: 14px;
    line-height: 25px;
	margin-top: 20px;
}