body {
  font-family: "Fredoka", sans-serif;
}
/* header css start */
.menu-text {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
}

#staticBackdrop .menu-text{
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  color: #221066;
}
.dropdown-menu .menu-text{
   color:#221066 ;
    
}
.dropdown-menu .menu-text:hover{
    background-color:#221066 ;
     color: #fff;
}
.text-clr {
  color: #393185 !important;
}
.bg-clr {
  background-color: #393185 !important;
}
/*.header-bg {*/
/*  background-color: #fff112;*/
/*}*/
.home-active {
  color: #d91717 !important;
}
.navbar-brand img {
  max-width: 130px;
}
.curve-attach img {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.nav-link {
  transition: 0.5s;
}
.nav-link:hover {
  color: #d91717 !important;
}
/* header css end */

/* middle section start */
.middle-sec .mid-r-content h1 {
  font-weight: 500;
}
.middle-sec .mid-r-content p {
  /* font-weight: 500; */
  font-size: 20px;
  line-height: 25px;
}
/* middle section end */

/* form section  */
.h-form-sec form label {
  color: #000000;
  font-weight: 500;
}
.h-form-sec form {
  background: #abeef4;
}
.h-form-sec form h3 {
  color: #ff8302;
}
.award-img img {
  max-height: 530px;
}
.form-sec {
  max-width: 500px;
  margin: auto;
}
/* form section end  */

/* footer css start */
footer {
  /* background: #192587; */
  background-image: url(images/footer.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 40px;
  background-size: 150% 100%;
}
footer .social-i i {
  background: #fff;
  padding: 13px;
  font-size: 20px;
  border-radius: 50%;
}
footer .comp-add i {
  background: #d91717;
  padding: 13px;
  font-size: 20px;
  border-radius: 50%;
  color: #fff;
}

footer .comp-add p {
  color: #fff;
  font-size: 20px;
  /*font-weight: 600;*/
}
footer .comp-add {
  color: #fff;
}
footer .footer-l-con {
  color: #fff;
}
footer .footer-l-con h2 {
  padding-bottom: 0px;
}
footer .footer-l-con a {
  color: #fff;
  text-decoration: none;
}
.blog-footer img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.blog-footer .img-con {
  height: 75px;
  width: 75px;
}
.footer-l-con .email-f {
}
.footer-l-con .email-f input {
  width: 100%;
  padding: 13px 10px;
  border-radius: 5px;
}
.footer-l-con .email-f i {
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: #1baaec;
  padding: 12px;
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
}
.footer-back {
}
.footer-menu li {
  color: #fff;
}
.footer-menu li a {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
/* footer css end */
.franchise-sec {
  background: url(images/yellow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.fran-card p {
  text-transform: uppercase;
  font-weight: 600;
}

/* testimonial css start */
.happy-star h5 {
  text-transform: uppercase;
  color: #fec007;
  font-size: 15px;
}
/* .happy-star svg{
    position: absolute;
    right: -138px;
    top: -62px;
    width: 113px;
} */
.testimonial-con .p-h {
  color: #858585;
  font-size: 13px;
}
/* owl */
.testmonial-owl-car {
  max-width: 1000px;
  margin: auto;
  padding: 0 20px;
}
.testimonial-img-user img {
  width: 50px !important;
}
.card-down h4 {
  font-size: 14px !important;
}
.testmonial-owl-car .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #feda00;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}
.testmonial-owl-car .card-up {
  background-color: #feda00;
      height: 300px;
      padding: 20px;
      
}
.testmonial-owl-car .card-up p {
  font-weight: 600;
  color: #000;
  line-height: 20px;
}
.testimonial-con .owl-nav button {
  position: absolute;
  top: 44%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.testimonial-con .owl-nav button.owl-prev {
  left: -20px;
}
.testimonial-con .owl-nav button.owl-next {
  right: -20px;
}

.testimonial-con .owl-dots {
  text-align: center;
  padding-top: 15px;
}
.testimonial-con .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.testimonial-con .owl-dots button.owl-dot.active {
  background-color: #ff8302;
}
.testimonial-con .owl-dots button.owl-dot:focus {
  outline: none;
}
.testimonial-con .owl-nav button {
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.38) !important;
}
.testimonial-con span {
  font-size: 38px;
  position: relative;
  top: -5px;
  color: #ff8302;
}
.testimonial-con .owl-nav button:focus {
  outline: none;
}
/* owl */
/* testimonial css end */

/* franchise start */
.franch-benefit {
  background: url(images/frinchise.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.franch-content-con {
  max-width: 1000px;
  margin: auto;
}
.franch-content-con p {
  color: #fff;
  font-size: 20px;
}
/* franchise end */

/* franchisee benifite */
/* .box{
    width: 200px;
    height: 250px;
    background-color: red;
    clip-path: polygon(12% 0, 87% 0, 100% 100%, 0% 100%);
    border-radius: 49% 51% 41% 43% / 44% 42% 76% 73% ;
} */
.facilities-heading {
  max-width: 560px;
  margin: auto;
}
.benifite-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.benifite-inner-content {
    max-width: 250px;
    margin: auto;
}
.benifite-inner-content {
  line-height: 19px;
}
.box-inner-benefite {
}
.ben-view-m {
  position: absolute;
  bottom: -17px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.ben-view-m a {
  text-decoration: none;
  color: #fff;
  background-color: red;
}
.benefite-svg {
  fill: #127469;
  width: 80px;
  position: absolute;
  bottom: -40px;
  left: -15px;
  transition: 1s ease-in;
  /* transform: scale(1); */
  opacity: 1;
}
.card-benifite {
  cursor: pointer;
}
.card-benifite:hover .benefite-svg {
  bottom: 100px;
  left: 115px;
  /* transform: scale(0); */
  opacity: 0;
}
.facilities-heading .cap-svg {
  width: 50px;
}
.facilities-heading h2 {
  line-height: 35px;
}
.facilities-heading h5 {
  color: #d9283d;
}
.nurt-main-d {
  max-width: 1000px;
  margin: auto;
  padding-left: 35px !important;
}
.nurturing-con {
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  transition: 0.5s;
  background-color: #fff;
}

.nurturing-icon-d {
  position: absolute;
  left: -42px;
  top: 50%;
  transform: translateY(-50%);
  height: 80px;
  width: 80px;
  border: 1px solid #cfcfcf;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  transition: 0.5s;
}
.nur-icon {
  width: 55px;
  transition: 0.3s;
  fill: #686de0;
}

.nurturing-con:hover .nurturing-icon-d {
  background-color: #221066;
}
.nurturing-con:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.nurturing-con:hover .nur-icon {
  fill: #fff;
   filter: brightness(0) invert(1);
}
.nurturing-con a {
  text-decoration: none;
  color: #221066;
  font-weight: 600;
  transition: 0.5s;
}
.nurturing-con a:hover{
    color: #DC3545;
}
.r-nur {
  transition: 0.5s;
}
.nurturing-con a:hover .r-nur {
  transform: translateX(10px);
}
.nur-head {
  color: #336f25;
  font-size: 15px;
  font-weight: 600;
}
.schl-pencil {
  max-width: 120px;
  position: absolute;
  right: -31px;
  z-index: 1;
  top: 65px;
}

.star-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
}
.planet-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 90px;
}
.happy-star .h-star-testimonial {
  max-width: 47px;
  position: absolute;
  right: -71px;
  top: -23px;
  fill: red;
}

.plane-sec-3 {
  position: absolute;
  left: -21px;
  width: 104px;
  top: 128px;
}

@keyframes moveStarLeft {
  0% {
    transform: translateX(-20px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes moveStarLeftb {
  0% {
    transform: translateX(20px);
  }
  50% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes moveStarLeftc {
  0% {
    transform: translateY(20px);
    transform: translateX(20px);
  }
  50% {
    transform: translateY(-20px);
   
  }
  100% {
    transform: translateY(20px);
    transform: translateX(20px);
  }
}
@keyframes moveStarLeftd {
    0% {
      transform: translateY(10px);
    scale: 1;
    rotate: 0deg;
    }
    50% {
      transform: translateY(-10px);
    scale: 1.1;
    rotate: 90deg;
     
    }
    100% {
      transform: translateY(10px);
    scale: 1;
    rotate: 0deg;
      
    }
  }

.star-left {
  animation: moveStarLeft 5s linear infinite;
}
.planet-right {
  animation: moveStarLeftb 5s linear infinite;
}
.plane-sec-3 {
  animation: moveStarLeftc 5s linear infinite;
}
.schl-pencil {
    animation: moveStarLeftc 5s linear infinite;
  }
.h-star-testimonial {
    animation: moveStarLeftd 5s linear infinite;
  }
  .frame-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
   
  }
  .main-img{
    width: 250px;
    padding: 1px;
  }



  /* ==============================ABOUT PAGE CSS=================================== */
  .hero-wrap{
    padding:1rem 0;
    background-repeat: no-repeat;
    background-position: center ;
    background-size: cover;
  }
  

  .hero-wrap .slider-text .breadcrumbs {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.test-img{
  border: 15px solid #fff;
  border-radius: 16px;
  box-shadow: 0 0 8px #666;
}
.test .mid-r-content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
}
.test .mid-r-content h1 {
  font-weight: 600;
}
.curve-attach img {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.franchise-sec-about {
  background: url(images/yellow-2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
  /* ==============================ABOUT PAGE CSS=================================== */
  .hero-wrap-3{
    background-image: url(./images/contact-us2.jpg);
    padding:12px 0;
    background-repeat: no-repeat;
    background-position: center ;
    background-size: cover;
  }
  .h-form-sec form {
    background: #ffffff;
    box-shadow: 0 0 8px #666;
  } 
  .align-self-stretch{
    height: 200px;
    border-radius: 16px;
    shadow: 0 0 0 8x #666;
  }
  .align-self-stretch a{
    text-decoration: none;
  }
  
  .modal .modal-dialog .modal-content .modal-body .rounded-4{
    padding: 6px !important ;
  }
  
/*    .container {*/
/*    padding: 20px;*/
/*}*/
.video-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.video-thumbnail .test-img-youtube {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%);
    opacity: .5;
    transition: width 2s;
    
}
.video-thumbnail:hover .test-img-youtube{
     opacity: 1;
     
}
.video-thumbnail:hover{
    box-shadow: 0 0 10px 4px #666;
    border-radius: 10px;
}
.video-thumbnail {
    width: 100%;
    text-align: center;
    position: relative;
}
.video-thumbnail img {
    width: 100%;
    border-radius: 10px;
}
.video-thumbnail

.search-input {
  width: 100%;
  height: 43px;
  border-radius: 20px;
  border: 0.5px solid #bfbcbc;
  padding: 20px;
  margin: 20px 0;
  outline: none;
}

.search-container {
  display: flex;
  align-items: center;
}

.search-input {
  flex: 1;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
}

#search-button {
  padding: 10px 20px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-left: none;
  border-radius: 0 4px 4px 0;
  /*background-color: #007bff;*/
  color: white;
  cursor: pointer;
}

#search-button:hover {
  /*background-color: #0056b3;*/
}

.resu-card:hover{
    background-color: #192688;
    /*color: #D91717;*/
    color: #fff;
}