a{text-decoration: none;}
.form-fill-btn {
    background: #e91e63;
    padding: 7px 17px;
    border-radius: 23px;
    text-decoration: none;
    color: #ffffff;
}
.text-sky {
    color: #85cbe8 !important;
}
.text-pink {
    color: #e91e63 !important;
}
span.select2-selection__arrow {
    background: #fff;
    z-index: 9;
    color: #000;
  
    padding: 8px 15px;
}
.banner-section{
    min-height: 76vh;
}
.section-two {
  overflow: hidden;
  background: #212529;
  padding: 15px 0;
}

.slide-box-second {
  margin: 0;
  white-space: nowrap;
}

.marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.marquee-inner {
  display: inline-flex;
  width: max-content;
  animation: marqueeMove 200s linear infinite;
}
span.slider-content p {
font-size: .8em;
    margin-bottom: 0px;
  font-weight: 700;
  color: #fff;
  padding-right: 50px;
}

/* Animation */
@keyframes marqueeMove {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.text-rotate {
  color: #ff6600;
  font-weight: bold;
  transition: opacity 0.5s ease-in-out;
}
img.card-img {
    height: 200px;
    object-fit: cover;
    margin-bottom: 2px;
    object-position: top;
    width: 100%;
}

a, a:hover{text-decoration: none !important;}
.select2-container--open .select2-dropdown {
  top: 100% !important;
  bottom: auto !important;
}
.custome-social-media {
    display: flow;
    position: absolute;
    margin-top: 20px;
    margin-left:3px;
    z-index: 999;
}

.custome-social-media div#social-links ul {padding-left: 10px;}

.card .card-body {
    border-top: 2px solid #e91e63;
    background: #eceeed;
    border-bottom: 1px solid #e91e63;
    box-shadow: 0px 5px 10px #0000001f;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    border-bottom-style: dashed;
    bottom: 8px;
    transition: .3s;
}
.card:hover .card-body {
    border-top: 2px solid #e91e63;
    background: #eceeed;
    border-bottom: 1px solid #e91e63;
    box-shadow: 0px 5px 10px #0000001f;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    border-bottom-style: dashed;
    bottom: 3px;
    transition: .3s;
}
.custome-social-media div#social-links ul li
 {
    background: #101d27;
    width: 38px;
    font-size: 22px;
    color: #fff;
    border-radius: 25px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px 5px #101d27;
    height: 38px;
    padding: 1px;
    transition: 2s;
    transform: rotate(405deg); text-align: center;
}

.custome-social-media div#social-links ul:hover li{ text-align: center; width: 38px;height: 38px;box-shadow: 0px 0px 0px 6px #101d27;border-radius: 7px; transition: 1s;background: #000;font-size: 22px;padding: 1px;transform: rotate(-360deg);}

.custome-social-media div#social-links ul li svg.svg-inline--fa.fa-square-facebook{color: #0766ff!important; transform: rotate(-45deg);transition: .0s;}
.custome-social-media div#social-links ul li svg.svg-inline--fa.fa-twitter{color: #fff!important; transform: rotate(-45deg);transition: .0s;}
.custome-social-media div#social-links ul li svg.svg-inline--fa.fa-whatsapp{color: #1daa61!important; transform: rotate(-45deg);transition: .0s;}

.custome-social-media div#social-links ul:hover li svg.svg-inline--fa.fa-square-facebook{color: #0766ff!important; transform: rotate(0deg);transition: .0s;}
.custome-social-media div#social-links ul:hover li svg.svg-inline--fa.fa-twitter{color: #fff!important; transform: rotate(0deg);transition: .0s;}
.custome-social-media div#social-links ul:hover li svg.svg-inline--fa.fa-whatsapp{color: #1daa61!important; transform: rotate(0deg);transition: .0s;}


 .select2-container .select2-selection--single {
    height: 38px !important;
}
.degree-form2 {
    padding: 50px;
    background: #e9eaec;
    border-radius: 10px;
    text-align:left;
}
.font-small{font-size: 13px;}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 35px !important; }
span.right-symbol {
    font-size: 22px;
    line-height: 0px;
}
.footer-content ul li a {
    position: relative;
    right: 0px;
        color: #000;
    font-weight: 500;
    transition: .3s;
}
.footer-content ul li:hover a {
    position: relative;
    right: -3px;
    transition: .3s;
           color: #e91e63;
    font-weight: 500;
}

.ani-baba{animation: myAnim 2s ease 0s infinite normal forwards;}

@keyframes myAnim {
  0%,
  50%,
  100% {
    opacity: 1;
    background: #212529;
    color: #fff;
  }

  25%,
  75% {
    opacity: 1;
    background: #fff;
    color: #212529;
  }
}

.blink{animation: dgfdas 2s ease 0s infinite normal forwards;}
@keyframes dgfdas {
  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: .6;
    transform: scale(1.1)rotate(1deg);
  }
}
@keyframes ccss {
  0%{border-radius: 30px 30px 0px 0px;}
  30%{border-radius: 30px 30px 30px 30px;transform: translateY(5px)rotate(0deg);}
  60%{border-radius: 30px 30px 30px 0px;transform: translateY(5px)rotate(0deg);}
  90%{border-radius: 30px 30px 30px 0px;transform: translateY(5px)rotate(0deg);}
  100%{border-radius:30px 30px 0px 0px;}
}
.section-title-black {
  position: relative;
  display: inline-block; 
  text-align: center;
}

.section-title-black::after {
  content: "";
  display: block;
  height: 3px;          
  width: 100px;           
  background-color: #212529; 
  margin: 5px auto 0;  
  border-radius: 10px;  
  animation: titledark 2s ease 0s infinite normal forwards;
}
@keyframes titledark {
  0%{ width: 100px;}
  50%{ width: 150px; }
  100%{ width: 100px; }

}
.section-title-white {
  position: relative;
  display: inline-block; 
  text-align: center;
}

.section-title-white::after {
  content: "";
  display: block;
  height: 3px;          
  width: 100px;           
  background-color: #f8f9fa; 
  margin: 5px auto 0;  
  border-radius: 10px;  
  animation: titlewhite 2s ease 0s infinite normal forwards;
}
@keyframes titlewhite {
  0%{ width: 100px;}
  50%{ width: 150px; }
  100%{ width: 100px; }

}

.scroll-animate {
  opacity: 0;
  transition: all 1.2s ease;
}

/* Directions */
.scroll-left   { transform: translateX(-80px); }
.scroll-right  { transform: translateX(80px); }
.scroll-up     { transform: translateY(80px); }
.scroll-down   { transform: translateY(-80px); }

/* Show state */
.scroll-animate.show {
  opacity: 1;
  transform: translateX(0) translateY(0);
}

.fix-ab {
    background: #ffffff;
    padding: 10px 20px;
    position: relative;
    bottom: 2.6em;
    box-shadow: 0px -20px 0px 20px #ffffff;
    border-radius: 10px 10px 2px 2px;}

.card-ab {
    background: #212529;
    color: #fff;
    border-radius: 20px 5px 0px 0px;
        padding: 35px 20px;
   margin-top: 25px;
    box-shadow: 6px 6px 1px 0px #c21f58;
    overflow-y: auto;
   
    overflow: hidden;top: 0px;
  transition: .5s;
}
.card-ab:hover {
    background: #85cbe8;
    color: #fff;
    border-radius: 20px 2px 0px 0px;
        padding: 35px 20px;
    margin-top: 25px;
    box-shadow: 6px 6px 1px 0px #85cbe8;
    overflow-y: auto;
    position: relative;
    top: 2px;
   
  transition: .5s;
}

.card-ab::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 5px;
  width: 40px;
  padding: 0px;
  border-radius: 0px 0px 10px 10px;
  height: 40px;
  background-image: url("/assets/front/images/book-recommendation.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(0deg);
  transition: .3s;

}
.card-ab:hover::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  padding: 0px;
  border-radius: 10px 10px 0px 0px;
  height: 40px;
  transform: rotate(0deg);
  background-image: url("/assets/front/images/book-recommendation.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: .3s;
}

.cc-opo{animation: disanfsdnfsadfsad 2s ease 0s infinite normal forwards;}
@keyframes disanfsdnfsadfsad {
  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: .9;
  }
}
.free-download-list-sec ul li a svg.svg-inline--fa.fa-download.download-btn{animation: download 5s ease 0s infinite normal forwards;}

@keyframes download {
  0%,
  100% {
    transform: translateY(0);
  }

  10%,
  30%,
  50%,
  70% {
    transform: translateY(-2px);
  }

  20%,
  40%,
  60% {
    transform: translateY(2px)rotate(5deg);
  }

  80% {
    transform: translateY(3.4px)rotate(-5deg);
  }

  90% {
    transform: translateY(-3.4px);
  }
}

.free-download-list-sec ul li:hover a svg.svg-inline--fa.fa-download.download-btn{animation: downadsss 5s ease 0s infinite normal forwards;}

@keyframes downadsss {
  0%,
  100% {
    transform: rotate(0deg);
    transform-origin: 50% 100%;
  }

  10% {
    transform: rotate(2deg);
  }

  20%,
  40%,
  60% {
    transform: rotate(-4deg);
  }

  30%,
  50%,
  70% {
    transform: rotate(4deg);
  }

  80% {
    transform: rotate(-2deg);
  }

  90% {
    transform: rotate(2deg);
  }
}


.contact-img img {
    height: 570px;
    object-fit: cover;
    border-radius: 2px 0px 0px 0px ;
    border: 2px solid #e72165;
    border-style: dashed;
    box-shadow: 0px 0px 11px #ddd;
    padding: 5px;
}
.contact-img {overflow: hidden;}

.btn-flips:after {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    color: #fff;
    display: block;
    transition: 0.3s ease;
    position: absolute;
   background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    content: attr(data-back);
    transform: translateY(-50%) rotateX(90deg);
}


.btn-flips:before {
    top: 0;
    left: 0;
    opacity: 1;
    color: #fff;
    display: block;
    padding: 0 30px;
    line-height: 40px;
    transition: 0.3s ease;
    position: relative;
   background: radial-gradient(
                ellipse farthest-corner at left top,
                transparent 20%,
                #8A6E2F 60%,
                #9f7928 70%,
                #FDB931 92%,
                #FEDB37 100%
            ),
            radial-gradient(
                ellipse farthest-corner at right bottom,
                #5d4a1f 0%,
                #5d4a1f 37.5%,
                #D1B464 75%,
                #FFFFAC 92%,
                #FFFFFF 100%
            );

    content: attr(data-front);
    transform: translateY(0) rotateX(0);
}
 .cc.btn-flips {
    opacity: 1;
    outline: 0;
    color: #fff;
    line-height: 40px;
    position: relative;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    text-decoration: none;
    font-family: 'Open Sans';
    text-transform: capitalize;
}

.cc.btn-flips:hover:after {
    opacity: 1;
    transform: translateY(0) rotateX(0);
}

.cc.btn-flips:hover:before {
    opacity: 0;
    transform: translateY(50%) rotateX(90deg);
}

.cc.btn-flips:after {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    color: #151515;
    display: block;
    background: #e1e1e1;
    transition: 0.3s ease;
    position: absolute;
    transform: translateY(-50%) rotateX(90deg);
}

.cc.btn-flips:before {
    top: 0;
    left: 0;
    opacity: 1;
    color: #fff;
    display: block;
    padding: 0 30px;
    border: 1px solid #fff;
    line-height: 40px;
    transition: 0.3s ease;
    position: relative;
   background: #212529;

    content: attr(data-front);
    transform: translateY(0) rotateX(0);
}
/**/
.btn-flip:after {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    color: #fff;
    display: block;
    transition: 0.3s ease;
    position: absolute;
   background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    content: attr(data-back);
    transform: translateY(-50%) rotateX(90deg);
}


.btn-flip:before {
    top: 0;
    left: 0;
    opacity: 1;
    color: #fff;
    display: block;
    padding: 0 30px;
    line-height: 40px;
    transition: 0.3s ease;
    position: relative;
   background: radial-gradient(
                ellipse farthest-corner at left top,
                transparent 20%,
                #8A6E2F 60%,
                #9f7928 70%,
                #FDB931 92%,
                #FEDB37 100%
            ),
            radial-gradient(
                ellipse farthest-corner at right bottom,
                #5d4a1f 0%,
                #5d4a1f 37.5%,
                #D1B464 75%,
                #FFFFAC 92%,
                #FFFFFF 100%
            );

    content: attr(data-front);
    transform: translateY(0) rotateX(0);
}
 .cc.btn-flip {
    opacity: 1;
    outline: 0;
    color: #fff;
    line-height: 40px;
    position: relative;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    text-decoration: none;
    font-family: 'Open Sans';
    text-transform: capitalize;
}

.cc.btn-flip:hover:after {
    opacity: 1;
    transform: translateY(0) rotateX(0);
}

.cc.btn-flip:hover:before {
    opacity: 0;
    transform: translateY(50%) rotateX(90deg);
}

.cc.btn-flip:after {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    color: #fff;
    box-shadow: 0px 0px 0px 1px #fff inset;
    display: block;
    transition: 0.3s ease;
    position: absolute;
   background: #161616;
    transform: translateY(-50%) rotateX(90deg);
}

.cc.btn-flip:before {
    top: 0;
    left: 0;
    opacity: 1;
    color: #000;
    display: block;
    padding: 0 30px;
    border: 1px solid #fff;
    line-height: 40px;
    transition: 0.3s ease;
    position: relative;
   background: #e1e1e1;

    content: attr(data-front);
    transform: translateY(0) rotateX(0);
}

button.btn-book {
    padding: 8px !important;
    background: #212529 !important;
    transition: .3s;
    border: 1px solid #fff;
}

button:hover.btn-book {
    padding: 8px !important;
    background: #fff !important;
    transition: .3s;
    border: 1px solid #fff;
}

/**/
.btn-flip {
    position: relative;
    border: none;
    background: transparent;
    cursor: pointer;
    perspective: 500px;
}

/* FRONT */
button.btn-flip:before {
    content: attr(data-front);
    display: block;
    padding: 0 30px;
    line-height: 45px;
    color: #fff;
    border-radius: 1px !important;
    background: #161616;
    border: 1px solid #fff;
    transition: .0s ease;
    transform: translateY(0) rotateX(0);
}

/* BACK */
button.btn-flip:after {
    content: attr(data-back);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 1px !important;
    padding: 0 30px;
    line-height: 45px;
    color: #000;
    background: #e1e1e1;
    opacity: 0;
    transition: 0.3s ease;
    transform: translateY(-50%) rotateX(90deg);
}

/* HOVER EFFECT */
button.btn-flip:hover:after {
    opacity: 1;
    transform: translateY(0) rotateX(0);
}

button.btn-flip:hover:before {
    opacity: 0;
    transform: translateY(50%) rotateX(90deg);
}


.apply-btn {
    padding: 6px 13px;
    margin-top: 5px;
    background: #ffffff;
    color: #767676;
    font-weight: 400;
    border-radius: 1px;
    position: relative;
    top: 1px;
    border: 1px solid #767676;
}
.apply-btn:hover {
    padding: 6px 13px;
    margin-top: 5px;
    background: #85cbe8;
    color: #020202;
    font-weight: 400;
    border-radius: 1px;
    position: relative;
    top: 1px;
    border: 1px solid #080808;
}






















.select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
@media  only screen and (max-width: 767px){ 
    .banner-section {
    min-height: 120vh;
}
}