.bg-dynadark{background-color:#0B4876 !important}
.text-dynaprimary{color:#018CB9 !important}
.text-dynadark{color:#0B4876 !important}
.btn-block{border-radius:0px !important; display: block;width: 100%;}
.btn-dynaprimary{background-color:#018CB9;}
.btn-dynadark{background-color:#0B4876;}
.btn-outline-dynadark{color:#fff;background-color:#0B4876;border: 2px solid white;}

.btn-trapezoid{
        clip-path: polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%);
    }
    .btn-trapezoid-reverse-mid{
        clip-path: polygon(15% 100%, 85% 100%, 100% 0, 0 0);
    }
    .btn-trapezoid-left{
        clip-path: polygon(0 100%, 100% 100%, 85% 0, 0 0);
    }
    .btn-trapezoid-reverse-right{
        clip-path: polygon(15% 100%, 100% 100%, 100% 0, 0 0);
    }

.text-justify {
    text-align: justify!important;
}

.nav-text-body {
    color: #696E77;
    font-weight: 500;
    outline: none;
}

.hrdyna {
    max-width: 50px !important;
    border-width: 3px !important;
    border-color: #018CB9 !important;
    color:#018CB9 !important;
    background-color:#018CB9 !important;
        box-sizing: content-box;
    height: 3px !important;
    overflow: visible;
    opacity: 1 !important;
    text-align: center !important;
    margin:auto;
}



/* fancybox */
 a[data-fancybox] img {
  cursor: zoom-in;
}

.fancybox__backdrop::after {
  content: "";
  position: absolute;
  width: 10%;
  height: 10%;
  filter: blur(2px);
  left: 50%;
  top: 50%;
  transform: scale(11);
  opacity: 0.7;
  background-image: var(--bg-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.fancybox__container {
  --fancybox-bg: #e3e3e3;

  --fancybox-thumbs-width: 48px;
  --fancybox-thumbs-ratio: 1;

  --carousel-button-bg: rgb(91 78 76 / 74%);

  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;

  --carousel-button-svg-stroke-width: 2.5;
}

.fancybox__nav {
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
}

.fancybox__nav .carousel__button.is-prev {
  left: 20px;
}

.fancybox__nav .carousel__button.is-next {
  right: 20px;
}

.carousel__button.is-close {
  right: auto;
  top: 20px;
  left: 20px;
}

.fancybox__slide {
  padding: 8px 88px;
}

/* Thumbnails */
.fancybox__thumbs .carousel__slide {
  padding: 8px 8px 16px 8px;
}

.is-nav-selected::after {
  display: none;
}

.fancybox__thumb {
  border-radius: 6px;
  opacity: 0.4;
}

.fancybox__thumb:hover,
.is-nav-selected .fancybox__thumb {
  border-radius: 6px;
  opacity: 1;
}

.is-nav-selected .fancybox__thumb::after {
  display: none;
}

img.fancybox-btn {

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.gallery-transition {
    -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

plan-link.active {
    color: #fff !important;
}

/*** Service ***/
.service .nav .nav-link {
    transition: .5s;
}

.service .nav .nav-link.active {
    border-color: var(--dynadarkprimary) !important;
    background: var(--dynadarkprimary);
}

.service .nav .nav-link.active h5 {
    color: #FFFFFF !important;
}

.service .nav .nav-link.active h5 i {
    color: #FFFFFF !important;
}
#hiddenDiv {
    display: none;
  }
#hiddenDiv4 {
    display: none;
  }
#hiddenDiv2 {
    display: none;
}
#hiddenDiv3 {
    display: none;
  }

/*** coupon ***/
input {
  transition: border-color 0.3s ease;
}

input.found {
  border-color: green;
  border-width: 5px;
}

input.not-found {
  border-color: red;
  border-width: 5px;
}

input.not-found:focus {
  outline: none;
  border-color: red;
  box-shadow: 0 0 5px red;
}

input.found:focus {
  outline: none;
  border-color: green;
  box-shadow: 0 0 5px green;
}
.coupon-status {
  margin-top: 10px;
  font-size: 15px;
  color: red;
}
.coupon-statusgood {
  margin-top: 10px;
  font-size: 15px;
  color: green;
}

.square-btn {
  border-radius: 0;
  width: 498px; /* Adjust the width as needed */
}
/*** coupon end***/

/*** custom checkbox ***/
  .checkbox {
    position: relative;
    cursor: pointer;
    transition: border-color 0.3s ease;
    border: 1px solid transparent;
    border-radius: 5px;
  }

  .checkbox:hover,
  .checkbox.selected {
     transform: scale(1.03,1.03);
     
     transition: transform 1s ease;
  }

  .service-item {
       cursor: pointer;
    transition: transform 1s ease;
  }
  .service-item:hover{ 
      cursor: pointer;
  }
  .service-item { background-color: #FFFFFF; }
  .checkbox.selected .service-item {
    z-index:99;  
    transform: scale(1.1,1.1);
    box-shadow: rgba(40, 40, 40, 0.25) 5px 5px, rgba(40, 40, 40, 0.5) 10px 10px;
    transition: transform 1s ease;
     background-color: #ffd300;
  }

  /* Hide the radio dot */
  input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #999;
    border-radius: 50%;
    transition: border-color 0.3s ease;
  }

  input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: blue;
    border-radius: 50%;
  }

  input[type="radio"]:checked::before {
    border-color: blue;
    box-shadow: 0 0 10px rgba(0, 0, 255, 0.5);
  }
/*** custom checkbox end **/