/* GENERAL */
*{
  font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}

.nunito * {
  font-family: 'Nunito' !important;
}

#chevron {
  background: rgb(243,96,13);
  background: -moz-linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 35%, rgba(255,107,0,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 35%, rgba(255,107,0,1) 100%);
  background: linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 35%, rgba(255,107,0,1) 100%);
}

/* Custom Auth Header Nav */
.my-admin_btn {
  background: rgb(243,96,13);
  background: -moz-linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 35%, rgba(255,107,0,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 35%, rgba(255,107,0,1) 100%);
  background: linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 35%, rgba(255,107,0,1) 100%);
}

.myheader {
  background-color: transparent;
  transition: all 0.5s ease-in-out;
}

.myheader .logo-section {
  scale: 1;
  transition: all 0.5s ease-in-out;
}

.scrollHeader {
  background-color: #fff;
  transition: all 0.5s ease-in-out;
}

.scrollHeader .logo-section {
  scale: .9 !important;
  transition: all 0.5s ease-in-out;
}
  /* End Custom Auth Desktop Header Nav */

  /* Mobile hamburger  */
  .menu-wrap .toggler {
    position: fixed;
    top: 25px;
    right: 0;
    z-index: 30;
    cursor: pointer;
    width: 50px;
    height: 50px;
    opacity: 0;
  }
  .menu-wrap .hamburger {
    /*  Hamburger line */
    position: fixed;
    top: 25px;
    right: 0;
    width: 60px;
    height: 60px;
    padding: 1rem;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
  }
  .menu-wrap .hamburger div {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #000000;
    transition: all 0.4s ease;
  }

    /*  top line */
  .menu-wrap .hamburger div:before {
    content: "";
    position: absolute;
    top: -10px;
    width: inherit;
    height: inherit;
    background: inherit;
  }

  /* bottom line */
  .menu-wrap .hamburger div:after {
    content: "";
    position: absolute;
    top: 10px;
    width: inherit;
    height: inherit;
    background: inherit;
  }

  /*  toggler animate */
  .toggler:checked + .hamburger div {
    transform: rotate(135deg);
    /*  Turn lines into X */
  }
  .toggler:checked + .hamburger div:before {
    top: 0;
    transform: rotate(90deg);
  }
  .toggler:checked + .hamburger div:after {
    top: 0;
    transform: rotate(90deg);
  }


  .menu { 
    visibility: hidden;
  }


  /* Show menu */
  .menu-wrap .toggler:checked ~ .menu {
    visibility: visible;
  }

  
  /* End mobile hamburger */

  /* Home page */
  .my-info_btn {
    background: rgb(243,96,13);
    background: -moz-linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 15%, rgba(255,107,0,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 15%, rgba(255,107,0,1) 100%);
    background: linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 15%, rgba(255,107,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3600d",endColorstr="#ff6b00",GradientType=1);
  }

  .my-cadre_btn {
    background: rgb(33,168,26);
    background: -moz-linear-gradient(90deg, rgba(33,168,26,1) 0%, rgba(95,207,67,1) 42%, rgba(50,247,33,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(33,168,26,1) 0%, rgba(95,207,67,1) 42%, rgba(50,247,33,1) 100%);
    background: linear-gradient(90deg, rgba(33,168,26,1) 0%, rgba(95,207,67,1) 42%, rgba(50,247,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21a81a",endColorstr="#32f721",GradientType=1);
  }

  .my-about_btn {
    background: rgb(182,28,83);
    background: -moz-linear-gradient(90deg, rgba(182,28,83,1) 0%, rgba(244,13,96,1) 32%, rgba(252,88,147,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(182,28,83,1) 0%, rgba(244,13,96,1) 32%, rgba(252,88,147,1) 100%);
    background: linear-gradient(90deg, rgba(182,28,83,1) 0%, rgba(244,13,96,1) 32%, rgba(252,88,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b61c53",endColorstr="#fc5893",GradientType=1);
  }

  .my-contact_btn {
    background: rgb(59,89,152);
    background: -moz-linear-gradient(90deg, rgba(59,89,152,1) 0%, rgba(74,3,193,1) 32%, rgba(188,52,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(59,89,152,1) 0%, rgba(74,3,193,1) 32%, rgba(188,52,255,1) 100%);
    background: linear-gradient(90deg, rgba(59,89,152,1) 0%, rgba(74,3,193,1) 32%, rgba(188,52,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b5998",endColorstr="#bc34ff",GradientType=1);
  }

  .my-gallery_btn {
    background: rgb(58,163,185);
background: -moz-linear-gradient(90deg, rgba(58,163,185,1) 0%, rgba(40,193,188,1) 68%, rgba(0,217,222,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(58,163,185,1) 0%, rgba(40,193,188,1) 68%, rgba(0,217,222,1) 100%);
background: linear-gradient(90deg, rgba(58,163,185,1) 0%, rgba(40,193,188,1) 68%, rgba(0,217,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3aa3b9",endColorstr="#00d9de",GradientType=1);
  }



  /* ------------------------------------------------------------ */
  /* Page Public Prof */



  .cards {
    max-width: 450px;
    max-height: 600px;
    display: block;
    background-size: cover;
    float: left;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    background-position: center;
    margin: 10px;
}

.cards--two {
  position: relative;
  backface-visibility: hidden;
}

.cards--two p {
  position: absolute;
  top: 83%;
  left: -100%;
  text-transform: capitalize;
  color: #fff;
  font-size: 30px;
  z-index: 8;
  transition: all .6s ease;
}

.cards--two:hover p {
  left: 8%;
}

.cards--two img {
  transition: all .2s ease;
}

.cards--two:hover img {
  transform: translateY(-15px);
}

.cards--two:hover .cards--two__rect {
  top: 75%;
}

.cards--two:hover .cards--two__rect::before {
  transform: translateY(15px);
}

.cards--two ul {
  list-style: none;
  position: absolute;
  bottom: 0;
  left: 8%;
  z-index: 9;
}

.cards--two ul li {
  display: inline-block;
  font-size: 20px;
  margin: 7px;
  color: #fff;
  transition: all .5s ease-in-out;
  transform: translateY(100px);
}

.cards--two ul li:nth-child(4) {
  transition-delay: .1s;
}
/*
.cards--two ul li:nth-child(3) {
  transition-delay: .3s;
}

.cards--two ul li:nth-child(4) {
  transition-delay: .2s;
}
*/
.cards--two:hover li {
  transform: translateY(-10px);
}

.cards--two__tri {
  border-top: 220px solid transparent;
  border-bottom: 190px solid transparent;
  border-right: 288px solid #fff;
  opacity: .9;
  position: absolute;
  display: block;
  top: 0;
  right: -100%;
  transition: all .3s ease-in-out;
}

.cards--two__tri::before {
  border-top: 220px solid transparent;
  border-bottom: 190px solid transparent;
  border-right: 288px solid rgba(34,227,223,1);
  position: absolute;
  content: '';
  display: block;
  top: -220px;
  right: -612px;
  transition: all .3s ease-in-out;
  transition-delay: .2s;
}

.cards--two:hover .cards--two__tri {
  right: -20%;
}

.cards--two:hover .cards--two__tri::before {
  right: -312px;
}

.cards--two__rect {
  width: 1050px;
  height: 500px;
  background: #fff;
  display: block;
  position: absolute;
  top: 175%;
  left: -78%;
  transform: rotate(30deg);
  z-index: 5;
  opacity: .9;
  transition: all .3s ease-in-out;
}

.cards--two__rect::before {
  content: '';
  display: block;
  width: 100%;
  position: relative;
  height: 100%;
  background: linear-gradient(90deg, rgba(243,96,13,1) 0%, rgba(255,42,0,1) 15%, rgba(255,107,0,1) 100%);
  transform: translateY(200px);
  z-index: 2;
  transition: all .3s ease-in-out;
  transition-delay: .1s;
}










/* End page prof */
  /*----------------------------------------------------------*/


  /* Page public gallery */

  /*  Custom swiper library  */
  .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }


  /* end Swiper*/

  /*-------------------------------------*/
  /* ADMIN CUSTOM */
  /* Pagination reservation */

  .reservation .pagination .active .page-link {
    color: #fff !important;
    background-color: #89D4FE;
    border-color: #89D4FE;
  }
  .reservation .pagination .page-item .page-link {
    color: #89D4FE;
  }
  
  /* Pagination teacher */

  .teacher .pagination .active .page-link {
    color: #fff !important;
    background-color: #4DD146;
    border-color: #4DD146;
  }
  .teacher .pagination .page-item .page-link {
    color: #4DD146;
  }

   /* Pagination gallery */

   .gallery .pagination .active .page-link {
    color: #fff !important;
    background-color: #ED9426;
    border-color: #ED9426;
  }
  .gallery .pagination .page-item .page-link {
    color: #ED9426;
  }

  /* Gallery tabs */
  .admin-gallerie_tabs .active {
    border: 1px solid #ED9426 !important;
    color: #ED9426 !important;
    font-weight: 700 !important;
  }


