.loginForm {
  border: 1px solid #fff;
  padding: 30px;
  box-shadow: 0 0 6px #CDDC39;
  margin-top: 100px;
}

.loginForm:hover {
  box-shadow: 0 0 10px #CDDC39;
}

.container-login100::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: #043b90; */
  background: #056a99;
  /* background: -o-linear-gradient(bottom, #005bea, #00c6fb);
   background: -moz-linear-gradient(bottom, #005bea, #00c6fb);
   background: linear-gradient(bottom, #005bea, #00c6fb); */
  opacity: 0.8;
}

.backoffice_head>li {
  --b: 0.2em;
  /* the thickness of the line */
  --c: #3da3d4;
  /* the color */

  color: #0000;
  padding-block: var(--b);
  background:
    linear-gradient(var(--c) 50%, #000 0) 0% calc(100% - var(--_p, 0%))/100% 200%,
    linear-gradient(var(--c) 0 0) 0% var(--_p, 0%)/var(--_p, 0%) var(--b) no-repeat;
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  transition: .3s var(--_s, 0s) linear, background-size .3s calc(.3s - var(--_s, 0s));
}

.backoffice_head>li:hover {
  --_p: 100%;
  --_s: .3s;
  box-shadow: 0 20px 10px -20px rgba(0, 0, 0, 0.45) inset;
}

.active {
  --_p: 100%;
  box-shadow: 0 20px 10px -20px rgba(0, 0, 0, 0.45) inset;
}

.active_bg {
  --_p: 100%;
  background-color: #3da3d4 !important;
  color: #fff!important;
}

.navbar-nav li:hover>div.dropdown-menu {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.navbar-nav li>div.dropdown-menu>a:hover {
  background-color: #3da3d4 !important;
}

@media screen and (min-width: 992px) {
  .navbar-nav li:hover>div.dropdown-menu {
    display: block;
  }
}




.swiper-5 {
  .swiper-slide {
    padding: 3em 0;
    /* color: #fff; */
    text-align: center;
    font-size: 1.1em;
    outline: 0;
    /* background-color: #4899DD; */
  }

  .swiper-5:hover {
    background-color: #066ea5 !important;
    color: white !important;
    transition: .5s all ease;
  }

  .swiper-button-prev_ts {

    &:before {
      position: absolute;
      content: '\f137';
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      color: #fff;
      margin-top: 10px;
      background-color: #066ea5 !important;
    }
  }

  .swiper-button-next_ts {
    /* background: none; */

    &:before {
      position: absolute;
      content: '\f138';
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      color: #fff;
      margin-top: 10px;
      background-color: #066ea5 !important;
    }
  }
}


.text-effect {
  background-repeat: no-repeat;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-transform: initial;
  text-align: center;
  -webkit-text-stroke: 0.02em #fff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  position: relative;
  animation: animate 1s ease-in infinite alternate;
}

@keyframes animate {
  0% {
    background-image: radial-gradient(circle farthest-corner at center center, #fff 0%, #fff 50%, transparent 50.1%);
    background-position: 80% 80%;
    background-size: 0% 0%;
  }

  100% {
    background-size: 500% 600%;
  }
}

@media only screen and (max-width: 990px) {
  .text-effect {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .text-effect {
    font-size: 60px;
  }
}

@media only screen and (max-width: 576px) {
  .text-effect {
    font-size: 22px;
  }
}

._2p3a {
  width: 540px !important;

}

.mail_table_css>tr>th,
.mail_table_css>tr>td,
.mail_table_css>tr {
  text-align: left !important;
  border: 1px solid black
}


.blink_span1 {
  font-family: cursive;
  animation: blink1 .8s infinite alternate;
}

@keyframes blink1 {
  0% {
    opacity: .1;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

.blink_span {
  font-family: cursive;
  animation: 4s blink ease infinite;
}

@keyframes blink {
  0% {
    color: black;
    transform: scale(0);
    opacity: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }

  25% {
    color: red;
    transform: scale(1.3);
    opacity: 1;
    text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
  }

  50% {
    color: black;
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }

  100% {
    /* animate nothing to add pause at the end of animation */
    transform: scale(1);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 500px) {
  .testimonial-text {
    font-size: 16px !important;
  }

  .swiper-slide {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .testimonial_mobile_container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .testi_mobile_height {
    min-height: 190px !important;
  }
}

.campaign_css {
  transition: transform .9s;
}

.campaign_css:hover {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari 3-8 */
  transform: scale(1.1);
  z-index: 1;
}

@media (max-width: 650px) {

  ul.socialmedia,
  li.socialmedia {
    display: inline !important;
    font-size: 14px;
    padding: 5px;
    margin: 5px;
    float: left;
  }

  .sewarthback {
    background-image: url(assets/images/Backimage.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 850px 130px;
    padding: 10px;
    background-color: #0099CC !important;
  }

}