/*/------ Text Color ------/*/

.text-primary {
    color: #f6931e !important;
}
.text-secondary {
    color: #f5f4f8 !important;
}
.text-success {
    color: #07c98b !important;
}
.text-danger {
    color: #f23c49 !important;
}
.text-warning {
    color: #fdbc31 !important;
}
.text-info {
    color: #3c76f2 !important;
}
.text-light {
    color: #f5f4f8 !important;
}
.text-dark {
    color: #1f1b2d !important;
}

/*/------ Text Color ------/*/


/*/------ Background Color ------/*/

.bg-primary {
    background: #f6931e !important
}

.bg-secondary {
    background: #f5f4f8 !important
}

.bg-success {
    background: #07c98b !important
}

.bg-danger {
    background: #f23c49 !important
}

.bg-info {
    background: #3c76f2 !important
}

.bg-warning {
    background: #fdbc31 !important
}

.bg-light {
    background: #fff !important
}

.bg-dark {
    background: #1f1b2d !important
}

.bg-white {
    background: #fff !important
}

/*/------ Background Color ------/*/


/*/------ Badge ------/*/

.badge {
    display: inline-block;
    padding: 7px 9px 6px 9px !important;
    font-family: Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 80%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
}

/*/------ Badge ------/*/


/*/------ Accordion ------/*/

button, a {
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: #f6931e;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 #efecf3
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fd5631'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23454056'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1rem;
    transition: transform .2s ease-in-out
}

/*/------ Accordion ------/*/


/*/------ Alert ------/*/

.alert {
    position: relative;
    padding: 0.675rem 0.675rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem; 
    font-size: 0.875rem; 
}

.alert-heading {
    color: inherit; 
}

.alert-dismissible {
    padding-right: 2rem; 
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.875rem 0.875rem;
}

.alert strong {
    font-weight: 600; 
}

.alert-modern {
    display: inline-block;
    padding: .375rem 1rem .375rem .5rem;
    border-radius: 50rem; 
}

.alert-dark {
    background-color: #273444;
    color: #FFF;
    border: 0; 
}

.alert-outline-primary {
    background: transparent;
    color: #4816a2;
    border-color: #d6b8ff; 
}

.badge-pill {
    border-radius: 30px !important;
}

/*/------ Alert ------/*/


/*/------ Form ------/*/

.form-label {
    margin-bottom: .375rem;
    font-size: 1rem;
    color: #1f1b2d
}

.form-control {
    color: #454056;
    background-color: #fff;
    border: 1px solid #d5d2dc;
    border-radius: 4px;
    box-shadow: none !important;
}

.form-control:focus {
    color: #454056;
    background-color: #fff;
    border-color: #feab98;
    outline: 0;
}

/*/------ Form ------/*/


/*/------ Carousel ------/*/
.carousel-indicators button {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
    display: none;
}

.carousel-indicators .active {
    opacity: 1;
    width: 8px !important;
    height: 8px !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}


/*/------ Carousel ------/*/


/*/------ Card ------/*/

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFF;
  background-clip: border-box;
  border: 1px solid #EFF2F7;
  border-radius: 0.375rem; 
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.375rem - 1px); }


.card {
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }
  .card.hover-scale-110:hover {
    z-index: 2;
    border-radius: 0.375rem !important; }

.card-header {
  border-bottom: 1px solid #EFF2F7; }

.card-img-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  border-radius: 0.375rem;
  /* -webkit-backface-visibility: hidden; */
  transition: all 0.2s ease; }
  @media (prefers-reduced-motion: reduce) {
    .card-img-bg {
      transition: none; } }
  .card-img-bg ~ .card-body {
    position: relative; }

.card:hover .card-img-bg {
  transform: scale(1.1); }

.card .card-image,
.card .animate-this,
.card > a {
  min-height: 1px; }

.card-group .card .mask {
  border-radius: 0; }

.blockquote-card {
  padding: 1.2em 30px 1.2em 75px;
  border-left: 0.5rem solid #6e00ff;
  position: relative; }
  .blockquote-card:before {
    font-family: Arial;
    content: "\201C";
    color: #6e00ff;
    font-size: 4em;
    position: absolute;
    left: .875rem;
    top: -.875rem; }
  .blockquote-card:after {
    content: ''; }
    
/*/------ Card ------/*/


.back-to-top {
    color: #dbf3fe !important;
    background: #f6931e;
    display: inline-block;
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s; 
}

a {
    text-decoration: none !important;
}

.social-links a {
    font-size: 20px;
    display: inline-block;
    line-height: 0;
    margin-right: 10px;
    transition: 0.3s; 
    padding: 10px;
    border-radius: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.social-links .twitter {
    color: #00acee;
}

.social-links .facebook {
    color: #3b5998;
}

.social-links .instagram {
    color: #e95950;
}

.social-links .linkedin {
    color: #0A66C2;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:30%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



 /***
Parallax
***/
#parallax span img {
  -webkit-animation: parallax 1s ease-in-out infinite alternate;
          animation: parallax 1s ease-in-out infinite alternate;
}
@keyframes parallax {
  0% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(6px);
  }
}



.parallax {
  /* The image used */
  /* background-image: url("assets/img/1.jpg"); */
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax-appointment {
    background-image: url('appointment.png');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Subscribe Us */
.card-img-bg {
    background-image: url('subscribe.png');
}



.hs-responsive-embed-youtube {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px;
}
.hs-responsive-embed-youtube iframe {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
}


.form-group {
    margin-bottom: 5px;
}


.form-group label {
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 8px;
}



/* Bubbly Button */
.bubbly-button {
    letter-spacing: 1px; 
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:active {
    transform: scale(0.9);
    box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}
.bubbly-button.animate:before {
    animation: topBubbles ease-in-out 0.75s forwards;
}
.bubbly-button.animate:after {
    animation: bottomBubbles ease-in-out 0.75s forwards;
}   



.footer-links ul li a:hover {
    color: rgb(199, 193, 193) !important;
    transition: .10s;
}