/*@charset "utf-8";*/
/* CSS Document */
/*
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&display=swap');
*/
body{
	/*-webkit-user-select: none;
	-ms-user-select: none; 
	user-select: none; 
	font-family: syne;*/
	color: #5C5C75;
}
a{
	color: #3E3E59;
	text-decoration: none;
}
a:hover{
	color: #0D6EFD;
}
h1, h2, h3, h4, h5, h6{
	color: #212121;
}
.header-bg{
	background-image: url("../img/background.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.logo-bg{
	background-image: url("../img/logo-footer.svg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 10%;
}
.bg-light-blue{
	background-color: #EEFDFF;
}
.bg-light-blue_2{
	background-color: #DEEBFF;
}
.bg-light-blue_3{
	background-color: #D8F6FF;
}
.bg-light-yellow{
	background-color: #FEF8E6;
}
.bg-light-orange{
	background-color: #FDF4F0;
}
.bg-light-green{
	background-color: #E7FAF3;
}
.bg-light-green_2{
	background-color: #ECFAE7;
}
.bg-light-perple{
	background-color: #F1F1FB;
}
.bg-light-pink{
	background-color: #FFF5FF;
}
.bg-colors{
	background-image: url("../img/bg-colors.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-gradient-purple{
	background: rgb(119,24,237);
	background: radial-gradient(circle, rgba(119,24,237,0.2) 0%, rgba(255,255,255,1) 40%);
}
.bg-blue{
	background-color: #0496FF;
}
.bg-circle{
	background-image: url("../img/circle.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.text-red-light{
	color: #FF715B;
}
.text-perple{
	color: #925BE8
}
.text-pink{
	color: #F487B1;
}
.text-black{
	color: #000000;
}
.text-deep-blue{
	color: #23176C;
}
.text-success-light{
	color: #03AC00
}
.rounded-4{
	border-radius: 20px;
}
.rounded-200{
	border-radius: 200px;
}
.rounded-card-header{
	border-radius: 20px 20px 7px 7px !important;
}
.features-img_1{
	border-radius: 200px 100px 0px 200px;
	border-right: 6px #C4D4FF solid;
}
.features-img_2{
	border-radius: 100px 200px 200px 0px ;
	border-left: 6px #EDC7E4 solid;
}
.features-img_3{
	border-radius: 200px 100px 0px 200px;
	border-right: 6px #91E2B0 solid;
}
.features-img_4{
	border-radius: 100px 200px 200px 0px ;
	border-left: 6px #FED00D solid;
}
.features-img_5{
	border-radius: 200px 100px 0px 200px;
	border-right: 6px #BFB6F1 solid;
}
.filter-blur-bg{
	background-color: rgb(255 255 255 / 0.3);
	backdrop-filter: blur(10px);
}
.mt-7{
	margin-top: 70px;
}
.mt-120{
	margin-top: 120px;
}
.mb-120{
	margin-bottom: 120px;
}
.mt-60{
	padding-top: 20px;
	margin-top: 20px;
}
.mb-60{
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.fs-14{
	font-size: 14px;
}
.fs-22{
	font-size: 22px;
}
.fs-48{
	font-size: 48px;
}
.fw-800{
	font-weight: 800;
}
.hex-blue .rbg{
	background-color: #eefdff;
	/*background-image: url("../img/hex_blue.svg");*/

}
.hex-yellow .rbg{
	background-color: #fffaeb;
	/*background-image: url("../img/hex_yellow.svg");*/

}
.hex-perple .rbg{
	background-color: #f5eefe;
	/*background-image: url("../img/hex_perple.svg");*/

	
}
.hex-pink .rbg{
	background-color: #fff3f7;
	/*background-image: url("../img/hex_pink.svg");*/

}

.hexbgs {background-position: center center; }
	.hexbgs .rbg {
		background-size: contain;
		background-image: url("../img/lower_hex.png"), url("../img/upper_hex.png");
		background-position: bottom center, left top;
		background-repeat: no-repeat;
	}

.hex_content {
	padding:0 20px;
	
}

.modal-body .btn-close{
	background: #0d6efd  !important;
	border-radius: 0;
	opacity: 1;
}

.hexbgs img {
	max-width:33%;
}


@media (max-width: 767px) and (min-width: 420px) {

	.hexbgs .rbg {
		min-height: 350px !important;
	}
.hexbgs img {
	max-width:20%;
}

}



@media (max-width: 419px) {

	.hexbgs .rbg {
		min-height: 400px;
	}

}




@media (max-width: 1199px) and (min-width: 992px) {
.hexbgs .rbg {
		min-height: 400px;
	}


}


@media (max-width: 991px) {
.hexbgs .rbg {
		min-height: 300px;
	}
.hexbgs img {
	max-width:20%;
}

}


.ul-check {
	list-style: none;
}

.ul-check li:before {
	content: '✓';
	color: #0d6efd;
	font-weight: 800;
	display: inline-block;
	font-family: 'ionicons';
	margin-left: -20px;
	width: 20px;
}




.beehive_modules a {
	display:block;
	text-align: center;
	margin-bottom: 20px;
	color:#23176C;
	font-weight: 800;
}
.beehive_modules a span {
	display: block;
}
.beehive_modules .bee {
	width: 100px;
	height: 100px;
}






.wavesBack {
	width: 100%;
    /*position: fixed;
    
    bottom: 0;
    left: 0;*/
}

.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

/* Animation */

.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}

    .parallax > use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 7s;
    }

    .parallax > use:nth-child(2) {
        animation-delay: -3s;
        animation-duration: 10s;
    }

    .parallax > use:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 13s;
    }

    .parallax > use:nth-child(4) {
        animation-delay: -5s;
        animation-duration: 20s;
    }

@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }

    100% {
        transform: translate3d(85px,0,0);
    }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }

    .content {
        height: 30vh;
    }

    h1 {
        font-size: 24px;
    }
}


.banner_hover_img {
  animation: moveUpDown 2s infinite ease-in-out;
}

@keyframes moveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}




.toplink {
	display: inline-block;
 transform: scale(1);
	margin-bottom: -50%;
	background: #FFF;
	padding: 10px;
  /*transition: transform 0.1s ease-in-out ;*/
}

.toplink:hover {
  
  animation: bounce 0.5s ease-in-out ;
}

@keyframes bounce {
  0%{
    transform: scale(1);
  }
	25% {
    transform: scale(1.2);
  }
	50% {
		transform: scale(1);
	}
	50% {
		transform: scale(.9);
	}
  100% {
    transform: scale(1);
  }
}



.checked_billing {
	font-weight: bold;
	color: #23176C;
	font-size: 1.5em;
}

.could_img {
  animation: skewing 2s infinite ease-in-out;
	max-width: 100%;
}

@keyframes skewing {
  0%, 100% {
	transform: skewX(1deg);
  }
  50% {
    transform: skewX(-1deg);
  }
}

.cloud_cnt {
	background: url("../../dist/img/cloud_bg.jpg") top center repeat-x;
}




@media (max-width: 991px) {
	.md_center {
		text-align: center;
	}
}
@media (max-width: 767px) {
	.small_center {
		text-align: center;
	}
	
	.small_center .subscribe_form {
		
		display: inline-block !important;
	}
	
	.small_center .subscribe_form input {
		margin-bottom: 10px;
		
	}
	
	
	
}

/*

.lightbox .ratio {
  
  width: auto !important;
  height: auto !important;
  padding: 0 !important;  
}
.lightbox .ratio > * {
  
  width: auto !important;
  height: auto !important;
}






.modal.fade .modal-dialog {
	height: auto !important;
}




.lightbox .lightbox-content {
    height: auto !important; 
    
    overflow-y: scroll; 
}

.lightbox .modal-dialog {
     
}

.lightbox .modal-content {
    
}*/










/* Lightbox background */
    .lightbox-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,0.8);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 1050;
    }

    /* Lightbox content */
    .lightbox-content {
      background: #fff;
      border-radius: 0.5rem;
      max-width: 90%;
      max-height: 90%;
      overflow-y: auto;
      padding: 1.5rem;
      box-shadow: 0 0 30px rgba(0,0,0,0.5);
      animation: fadeIn 0.3s ease;
    }

    /* Close button */
    .lightbox-close {
      position: absolute;
      top: 15px;
      right: 20px;
      font-size: 1.5rem;
      color: #fff;
      cursor: pointer;
    }

    @keyframes fadeIn {
      from {opacity: 0; transform: scale(0.95);}
      to {opacity: 1; transform: scale(1);}
    }


.testimonials {
	background: #1f50a0;
	
}


.testimonials .card {
	width: 65%;
	margin:20px auto;
	background: transparent;
}



  .testimonials .carousel-control-prev-icon,
  .testimonials .carousel-control-next-icon {
    background: transparent !important; /* remove default white svg */
	  filter: brightness(100) !important;
      

  }
  .testimonials .carousel-control-prev-icon::after,
  .testimonials .carousel-control-next-icon::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 3px solid white;
    border-right: 3px solid white;
      
  }
  .testimonials .carousel-control-prev-icon::after {
    transform: rotate(-135deg); /* left arrow */
  }
  .testimonials .carousel-control-next-icon::after {
    transform: rotate(45deg); /* right arrow */
  }

.brand_images img{
transition: transform 0.3s ease; /* smooth animation */
	}
.brand_images img:hover{
transform: scale(1.2) ; /* enlarge 20% on hover */
	}



.hover_effect {
transition: transform 0.3s ease; /* smooth animation */
	}
.hover_effect:hover{
transform: scale(1.08) ; /* enlarge 20% on hover */
	}




#brandCarousel .carousel-control-prev-icon,
  #brandCarousel .carousel-control-next-icon {
   filter: brightness(0);
  }


.newsletter_cnt {
	padding-top: 80px;
	padding-bottom: 30px;
	border-top: 3px solid #ffc107;
	border-bottom: 3px solid #ffc107;
}

.footer_list_bg {
	background: #1f50a0;
}
.footer_list h3 {
	color: #FFCB2F ;
}

.footer_list a {
	color: #FFF;
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #FFFFFF50;
	
	transition: all 0.3s ease; /* smooth animation */
}

.footer_list a:hover {
		padding: 5px 10px;
		color: #FFCB2F ;
		transition: all 0.3s ease; /* smooth animation */
}


.footer_socials {
	padding-top: 20px;
}
.footer_socials img {
	filter: brightness(100);
}
.footer_copy {
	padding: 20px 0;
}



.education-systems {
  background-color: #f9fbff;
}

.section-title {
  font-size: 1.8rem;
}

.edu-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.edu-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.edu-icon {
  font-size: 3rem;
}