@import 'variables.css';

/* reset.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
    margin-top: 0 !important;
    scroll-behavior: smooth !important;
}

body{
  background-color:#ffffff;
  font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
    overflow-x: hidden;
}

p, li, a {
  font-size: 18px;
}

.slide-description {
    text-align: justify;
    font-size: 18px;
}

.custom-swiper-arrow,
.btn, .mc4wp-form-fields input[type="submit"] {
  border-radius: 0 !important;
  border: 2px solid #488CCA !important;
  background-color: transparent !important;
  color: #488CCA;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

/* HIDDEN by default */
.custom-swiper-arrow::before,
.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, #488CCA, white, #488CCA);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s ease-in-out;
  background-size: 200% auto;
}

/* On hover: shimmer activates */
.custom-swiper-arrow:hover,
.btn:hover {
  color: #fff !important;
  transform: scale(1.05);
}

/* Animate background only on hover */
.custom-swiper-arrow:hover::before,
.btn:hover::before {
  opacity: 1;
  animation: shimmer-slide 1.2s linear infinite;
}

/* Shimmer animation */
@keyframes shimmer-slide {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}

.contact-btn{
  color: #fff !important;
  border: none !important;
}
footer .btn-outline-light, .mc4wp-form-fields input[type="submit"]{
    color: #fff !important;
  border: 2px solid #fff !important;
}
.our-vision-btn{
  border: 2px solid #fff !important;
}

h2 {
    color: #488CCA;
    font-size: 2rem;
    margin-bottom: 30px;
      font-weight: 600;
}

.small-heading{
  font-size: 0.8rem;
  font-weight: 600;
  color: #488CCA;
}


a{
  text-decoration: none;
}


[class^="icon-"]:before, [class*=" icon-"]:before {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


.container {
    max-width: 90%;
}

.mc4wp-form-fields input[type="submit"] {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
}

.mc4wp-form-fields input#email {
    width: 100%;
    background: transparent;
    border: 2px solid #fff;
    padding: 8px 15px;
    border-radius: 5px;
    color: #fff;
}

.mc4wp-form-fields input#email::placeholder {
    color: #fff;
}


.header-socials a.social-icon:hover{
  color:var(#488CCA)
}