/* OnPage Animate */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
    --primary-color:#F82643;
    --cart-added: #0AC59A;
    --white-color:#ffffff;
    --primary-blue:#005BE3;
    --primary-orange:#F8A026;
    --secondary-green:#58B665;
    --yellow-light:#FFF9EB;
    --black-color:#000000;
    --green-btn:#79B52D;
    --border-color:#dddddd;
    --content-grey:#606060;
    --clarification-orange: #F8A026;
    --clarification-blue:#005BE3;
    --bg-color:#f5f5f5;
}
:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.br-top{
  border-top:1px solid var(--border-color);
}
.br-bottom{
  border-bottom:1px solid var(--border-color);
}
.br-y{
  border-top:1px solid var(--border-color);
  border-bottom:1px solid var(--border-color);
}
.fs-13{
  font-size: 0.813rem !important;
}
.fs-14{
  font-size: 0.875rem !important;
}
.fs-15{
  font-size: 0.938rem !important;
}
.bg-grey{
  color:#606060;
}
.bg-darkGrey{
  color:#999999;
}
.theme-primary{
  background-color: var(--primary-color);
}
.theme-primary:hover{
  background-color: var(--primary-color);
  color: var(--white-color);
}
.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes backInUp {
    0% {
      -webkit-transform: translateY(1200px) scale(0.7);
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
    }
  
    80% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }
@keyframes backInUp {
    0% {
      -webkit-transform: translateY(1200px) scale(0.7);
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
    }
  
    80% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
}
.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.common-radio-selection{
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.common-radio-selection input.form-check-input[type=radio], .common-checkbox-selection input.form-check-input[type=checkbox]{
  justify-content: space-between;
  border:1px solid var(--border-color);
  transition: 0.3s all;
  border-radius: 3px;
  position: relative;
  width: 19px;
  height: 19px;
  box-shadow: none;
}
.common-radio-selection input.form-check-input:checked[type=radio], .common-checkbox-selection input.form-check-input:checked[type=checkbox]{
  --bs-form-check-bg-image: none;
  position: relative;
  width: 19px;
  height: 19px;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  overflow: hidden;
  box-shadow: none;
}
.common-radio-selection input.form-check-input:checked[type=radio]::after,
.common-checkbox-selection input.form-check-input:checked[type=checkbox]::after
{
  position: absolute;
  content: "\f00c";
  font-family: 'FontAwesome';
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  top: -13px;
  left: 4px;
  color: var(--white-color);
  font-size: 12px;
}
.common-radio-selection input.form-check-input:checked[type=radio]:focus,
.common-checkbox-selection input.form-check-input:checked[type=checkbox]:focus
{
  box-shadow: none;
}
.common-radio-selection label{
  position: relative;
  top:3px;
  font-size: 14px;
}
@-webkit-keyframes slideInUp {
0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
}
@keyframes slideInUp {
0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
    }
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
} 
.greyLink-btn a{
  background-color: #F1F1F3;
  border-radius: 6px;
  padding: 10px 25px;
  color: var(--black-color);
  font-size: 14px;
  font-weight: 500;
  height:45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* OnPage Animate */
.ct-close button{
  -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.ct-close button:hover{
  -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
  .col-fs-12{
    font-size: 12px !important;
  }
  .col-fs-13{
    font-size: 13px !important;
  }
  .col-fs-14{
    font-size: 14px !important;
  }
  .col-fs-15{
    font-size: 15px !important;
  }
}