/* your styles go here */
@import url(typewriter.css);
@import url("price.css");
@import url("slider.css");
@import url("masonry.css");
@import url("animista.css");
/*@import url("savew.css");*/

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
.gradient2 {
    background-image: linear-gradient(to right,#00a2e8,cyan);
}
.rounded {
    border-radius: 0.25rem!important;
}
.button {
  position: relative;
  
  border: none;
  color: #2851CE;
  text-align: center;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}

.button:after {
  content: "";
  background: #2B90D9;
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px!important;
  margin-top: -120%;
  opacity: 0;
  transition: all 1.2s;
  border-radius: 40;
}
 

.button:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}

.btn-contact-me {
  color: #2B90D9;
  background-color: #DEE2E6;
  border-color: #2b90d9;
}
.btn-contact-me:hover{
  background-color: transparent;
  color: #cecece;
  border:1px solid #DEE2E6;
}
 


.text-shadow{
  text-shadow: 1px 1px 2px rgba(128, 0, 0, 0.57);
}

 .fw-700{
  font-weight: 700;
 }

 .fc-dark{
  color: #333333;
 }

 .m0, .p0{
  margin:0px;
 }

.divider-one-page {
 
  background: #2B90D9;
  padding: 1em 0 4em;
  position: relative;
}

.divider-one-page-img {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 80px;
}

.no-border{
  border:0;
}

.card img{
  width: 150px;
  margin: auto;
}
.card{
  background: transparent;
}

@media screen and (max-width: 400px) {
  .card img{
  width: 50px;
  margin: auto;
  }
  /* CSS styles for screens with width 600px or less */
  /* Place your styles here */
  .card h4{
    font-size: 18px;
  }
}

@media screen and (max-width: 320px) {
  .card h4{
    font-size: 15px;
  }
}

@media screen and (max-width: 300px) {
  .card h4{
    font-size: 12px;
  }
}

.section-mini {
  padding: .75rem 0;
  overflow: hidden;
  position: relative;
}
.pointer {
  cursor: pointer;
}

.inner-shadow {
  box-shadow: inset 4px 4px 6px rgba(0, 0, 0, 0.1);
}
.styles{
  margin-top: 180px;
}

.gradient-blue{
  background: rgb(97,178,236);
  background: radial-gradient(circle, rgba(97,178,236,1) 44%, rgba(43,144,217,1) 81%);
}

@media screen and (max-width: 600px) {
  /* CSS styles for screens with width 600px or less */
  /* Place your styles here */
  .p-5{
     padding: 0rem !important;
     line-height: 1.5em;
   }  
}


  @media (max-width: 767px) {
    .hide-on-small-screen {
      display: none;
    }
  }

 /*@media (max-width: 992px) {
    .modal-title a{
      font-size: 14px; /* Adjust the font size as needed */
    }
  }*/

 @media (max-width: 360px) {
    .modal-title a{
      font-size: 10px; /* Adjust the font size as needed */
    }
  }


  .modal-content img{
    border: 1px solid #cecece;
  }
 label{
  font-size: 12px;
 }