body {
    font-family: "FONTSPRING DEMO - Cera Pro Medium";
}

@font-face {
    font-family: "FONTSPRING DEMO - Cera Pro Medium";
    src: url("font/CeraPro-Medium.woff");
}

.f-bel {
    font-family: "Belanosima", sans-serif;
}
.bg-theme {
    background: #001c34;
}

.bg-theme-m {
    background-color: rgba(1, 165, 228, 1) !important;
}
.bg-theme-t {
    background-color: rgba(254, 150, 198, 1) !important;
}

.bg-theme-d {
    background-color: #FF5768 !important;
}

.bg-theme-h {
    background-color: #00B1BB !important;
}

.bg-e2 {
    background: #fff1e2;
}

.tx-theme {
    color: #001c34 !important;
}
.tx-28 {
    color: #28272f;
}

#uni .card {
    box-shadow: 0px 0px 36px 0px #e4d8cb;
    border-radius: 14px;
}

#uni .card-img,
.card-img-bottom {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.tx-45 {
    font-size: 45px;
}
.tx-25 {
    font-size: 25px;
}
.tx-42 {
    font-size: 42px;
}
.tx-17 {
    font-size: 17px;
}
.tx-13 {
    font-size: 13px;
}
.tx-20 {
    font-size: 20px;
}

.tx-75 {
    font-size: 76px;
    font-weight: 400;
}

.tx-p {
    color: #56565b;
}
.form-label {
    color: #28272f;
}

.btn-search {
    color: #fff;
    padding: 14px 48px;
    border: none;
    transition: all 0.3s ease;
    background: linear-gradient(93.21deg, #fd4e6b 0.82%, #f22b4c 93.15%);
    border-radius: 8px;
	transition: all 0.3s ease;
}

.btn-search:hover {
color: #fff;
transform: scale(1.05);
}


.stars {
    color: #e7711a;
}
.testimonial-quote {
    font-style: italic;
    font-size: 32px;
}
.testimonial {
    background: linear-gradient(to bottom right, #feebf9, #ecfafe);
}
.bg-head {
    background: #fffbf2;
    background: linear-gradient(90deg, rgba(255, 251, 242, 1) 0%, rgba(236, 250, 254, 1) 88%);
}
.nav-link {
    color: #ffffff;
    font-weight: 500;
    font-style: Regular;
    font-size: 16px;
}

.position-relative.cc {
    z-index: 1000;
}

.nav-link:hover {
    color: #fd4e6b;
}
.end-10 {
    right: 20px;
}
.mr-66 {
    margin-bottom: -20px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 30px;
    padding-left: 0px;
}
.rounded-79 {
    border-radius: 62px;
}
.mt-min-45 {
    margin-top: -65px;
}

.form-control:focus {
    box-shadow: none;
}

.mr-min-20 {
    margin-right: -20px;
    margin-top: -40px;
}

.mr-min-149 {
    margin-right: -140px;
    top: 117px;
}

.mr-min-80 {
    margin-right: -80px;
    margin-top: 231px;
}

@-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate(1px, 1px) rotate(0deg);
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-1deg);
    }
    20% {
        -webkit-transform: translate(-1px, 0px) rotate(1deg);
    }
    30% {
        -webkit-transform: translate(0px, 1px) rotate(0deg);
    }
    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        -webkit-transform: translate(-1px, 1px) rotate(-1deg);
    }
    60% {
        -webkit-transform: translate(-1px, 1px) rotate(0deg);
    }
    70% {
        -webkit-transform: translate(1px, 1px) rotate(-1deg);
    }
    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        -webkit-transform: translate(1px, 1px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(1px, -1px) rotate(-1deg);
    }
}
.shake:hover,
.shake:focus {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 1s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.btn-type-1 {
    background: linear-gradient(93.21deg, #fd4e6b 0.82%, #f22b4c 93.15%);
    font-weight: 500;
    font-style: Regular;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 62px;
  transition: all 0.3s ease;
    padding: 8px 20px;
}

.btn-type-2 {
    background: linear-gradient(#001c34, #001c34) padding-box, linear-gradient(180deg, #007bff 0%, #e94b64 35.91%, #ffc107 61.43%, #ff66b2 100%) border-box;
    border-radius: 62px;
    border: 1px solid transparent;
    font-weight: 500;
    font-style: Regular;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    transition: all 0.3s ease;
    padding: 8px 20px;
}

.btn-type-1:hover {
    color: #ffffff;
	transform: scale(1.05);
}


.btn-type-2:hover {
    color: #ffffff;
	transform: scale(1.05);
}
.btn-type-3 {
    background: linear-gradient(#fcfcfc, #fcfcfc) padding-box, linear-gradient(180deg, #007bff 0%, #e94b64 35.91%, #ffc107 61.43%, #ff66b2 100%) border-box;
    border-radius: 62px;
    border: 1px solid transparent;
    font-weight: 500;
    font-style: Regular;
    font-size: 12px;
    color: #28272f;
    padding: 12px 40px;
	transition: all 0.3s ease;
}

.btn-type-3:hover {

color: #ffffff;
 background: linear-gradient(#f22b4c, #f22b4c) padding-box, linear-gradient(180deg, #f22b4c 0%, #f22b4c 35.91%, #f22b4c 61.43%, #f22b4c 100%) border-box;
 transform: scale(1.05);	
	
}

.search-container {
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(180deg, #007bff 0%, #e94b64 35.91%, #ffc107 61.43%, #ff66b2 100%) border-box;
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 15px;
    width: 850px;
	    z-index: 1000;
}

.nav-pills .nav-link {
    background: linear-gradient(#001c34, #001c34) padding-box, linear-gradient(180deg, #007bff 0%, #e94b64 35.91%, #ffc107 61.43%, #ff66b2 100%) border-box;
    border-radius: 60px;
    border: 1px solid transparent;
    font-weight: 500;
    font-size: 13px;
    margin: 3px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: #f63656;
}
.text-c3 {
    color: #fd4e6b;
}

.text-a1 {
    color: #93a0aa !important;
}

.carousel-indicators [data-bs-target] {
    background-color: #f53454;
    width: 10px;
    height: 10px;
}
.carousel-indicators {
    margin-left: 0%;
    bottom: -42px;
}

.search-input {
    border: none;
    font-size: 18px;
}

.text-dim {
    color: #848487 !important;
}
.bg-dim {
    background: #848487;
}
.bg-fc {
    background-image: url(../img/banners/subs.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: cover;
}

#uni .card-img,
.card-img-bottom,
.card-img-top {
    width: 100%;
    height: 182px;
}


.grey img{
	  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
    transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  border-radius: 10px;
	
}

.grey img:hover{
filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);		
}
.z-index-1 {
    z-index: 1;
}

.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
    padding: 0.7rem 1rem;
}

.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
    border-radius: 36px;
}

.tx-50 {
    font-size: 50px;
}
.tx-11 {
    font-size: 11px;
}
.tx-12 {
    font-size: 12px;
}

.tx-15 {
    font-size: 15px !important;
}

.tx-10 {
    font-size: 10px;
}
.tx-ff {
    color: rgba(255, 255, 255, 1);
}

.footer-link a {
    color: rgba(172, 188, 201, 1);
    text-decoration: none;
}

.footer-link a:hover {
color: #fd4e6b;		
}
button.navbar-toggler {
    color: #fff;
    border: 1px solid #ffffff;
}

.footer hr {
    color: rgba(28, 58, 83, 1);
}

.social-icons {
    background: rgba(5, 38, 66, 1);
    border: 1px solid rgba(30, 63, 92, 1);
}

.social-icons a {
    color: rgba(158, 167, 174, 1);
    text-decoration: none;
    font-size: 13px;
}

.social-icons a:hover {
    color: #fd4e6b;
}

.social-icons span {
    color: rgba(158, 167, 174, 1);
    padding: 0 4px;
}

#schedule-form .form-control {
    border: 0px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0px;
}

#schedule-form .form-select {
    border: 0px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0px;
}

.mb-n6 {
    margin-bottom: -140px;
}
.mt-155 {
    margin-top: -110px;
}

.btn-ui {
    background: #fceea4;
    width: 49px;
    top: -6px;
    left: -10px;
    height: 49px;
    border-radius: 60px;
    z-index: -1;
}

@media (max-width: 992px) {
    .search-container {
        width: 100%;
    }
    .btn-search {
        padding: 16px 15px;
    }

    .tx-74 {
        font-size: 45px;
    }
    .search-input {
        padding: 16px 0px;
        border: none;
        font-size: 13px;
    }

    .tracking-wide {
        letter-spacing: 0px;
    }
    .mb-n6 {
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .navbar-toggl {
        display: block;
    }
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
    }
}

@media (max-width: 1199px) {
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .cc {
        display: none;
    }
}

/* Heart Button Animation Styles */
.heart-stroke {
  fill: none;
  stroke: #ddd;
  stroke-width: 1px;
  opacity: 1;
  transform-origin: center center;
}
.button.active .heart-stroke {
  opacity: 0;
}
.heart-full {
  opacity: 0;
  transform-origin: 50% 50%;
}
.button.active .heart-full {
  opacity: 1;
}
.heart-lines {
  stroke-width: 1px;
  display: none;
}

.button:not(.active):hover .heart-stroke {
  -webkit-animation: pulse 1s ease-out infinite;
          animation: pulse 1s ease-out infinite;
}

.button.animate .heart-full {
  -webkit-animation: heart 0.35s;
          animation: heart 0.35s;
}
.button.animate .heart-lines {
  -webkit-animation: lines 0.2s ease-out forwards;
          animation: lines 0.2s ease-out forwards;
  display: block;
}

@-webkit-keyframes lines {
  0% {
    stroke-dasharray: 6;
    stroke-dashoffset: 16;
  }
  100% {
    stroke-dasharray: 13;
    stroke-dashoffset: 18;
  }
}

@keyframes lines {
  0% {
    stroke-dasharray: 6;
    stroke-dashoffset: 16;
  }
  100% {
    stroke-dasharray: 13;
    stroke-dashoffset: 18;
  }
}

@-webkit-keyframes heart {
  0% {
    transform: scale(1);
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    transform: scale(1.2);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  35% {
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  75% {
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

@keyframes heart {
  0% {
    transform: scale(1);
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    transform: scale(1.2);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  35% {
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  75% {
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    transform-origin: center center;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.15);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    opacity: 1;
    transform-origin: center center;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.15);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}