/* You can add global styles to this file, and also import other style files */
body {
    font-family: "Open Sans";
    min-height: 100dvh;
    background-color: #FAFAFB;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@media (max-width: 576px) {
  .ant-picker-dropdown {
    max-width: 100vw !important;
    left: 0 !important;
  }

  .ant-picker-panel {
    width: 100% !important;
    min-width: 300px !important; /* Ensures minimum usable width */
  }

  .ant-picker-panels {
    flex-direction: column !important;
  }

  .ant-picker-time-panel-column {
    width: 80px !important; /* Wider time columns for better selection */
  }
}

.ant-picker-footer .ant-picker-now-btn {
  color: #005778; /* Change text color */
  font-size: 14px; /* Larger font for touch */
  padding: 4px 8px; /* Add padding for better tap area */
  background: #f0f0f0; /* Background color */
  border-radius: 4px; /* Rounded corners */
  margin-right: 8px; /* Space from OK button */
}

.ant-picker-footer .ant-picker-now-btn:hover {
  color: #00AFF0; /* Hover effect */
  background: #e6e6e6;
}.cubes-loader {
  --size: 100px;
  --gap: 15px;
  --duration: 2.7s;
  
  width: calc(var(--size) * 2.5);
  height: calc(var(--size) * 2.2);
  position: relative;
  perspective: 800px;
  perspective-origin: 50% 30%;
  transform-style: preserve-3d;
  margin: 0 auto; /* center if needed */
}

.cube {
  position: absolute;
  width: var(--size);
  height: var(--size);
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.face {
  position: absolute;
  width: var(--size);
  height: var(--size);
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.04);
}

.front  { transform: translateZ(calc(var(--size)/2)); background: #f8f9fa; }
.back   { transform: rotateY(180deg) translateZ(calc(var(--size)/2)); background: #e9ecef; }
.right  { transform: rotateY(90deg)  translateZ(calc(var(--size)/2)); background: #f1f3f5; }
.left   { transform: rotateY(-90deg) translateZ(calc(var(--size)/2)); background: #dee2e6; }
.top    { transform: rotateX(90deg)  translateZ(calc(var(--size)/2)); background: #ffffff; }
.bottom { transform: rotateX(-90deg) translateZ(calc(var(--size)/2)); background: #ced4da; }

.c1 { animation: cycle1 var(--duration) cubic-bezier(0.77, 0, 0.175, 1.8) infinite; }
.c2 { animation: cycle2 var(--duration) cubic-bezier(0.77, 0, 0.175, 1.8) infinite; }
.c3 { animation: cycle3 var(--duration) cubic-bezier(0.77, 0, 0.175, 1.8) infinite; }

@keyframes cycle1 {
  0%, 28% {
    transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) scale(1);
  }
  45% {
    transform: translate3d(calc(var(--size) + var(--gap)), calc(-100% - var(--gap)), 80px)
                rotateX(-20deg) rotateY(40deg) scale(1.08);
  }
  55% {
    transform: translate3d(calc(var(--size) + var(--gap)), calc(-100% - var(--gap)), 30px)
                rotateX(-5deg) rotateY(12deg) scale(0.97);
  }
  78%, 100% {
    transform: translate3d(calc(var(--size) + var(--gap)), calc(-100% - var(--gap)), 0)
                rotateX(0deg) rotateY(0deg) scale(1);
  }
}

@keyframes cycle2 {
  0%, 28% {
    transform: translate3d(calc(var(--size) + var(--gap)), 0, -40px)
                rotateX(15deg) rotateY(-25deg) scale(1);
  }
  45% {
    transform: translate3d(0, calc(-100% - var(--gap)), -80px)
                rotateX(25deg) rotateY(-42deg) scale(1.07);
  }
  55% {
    transform: translate3d(0, calc(-100% - var(--gap)), -25px)
                rotateX(6deg) rotateY(-10deg) scale(0.96);
  }
  78%, 100% {
    transform: translate3d(0, calc(-100% - var(--gap)), 0)
                rotateX(0deg) rotateY(0deg) scale(1);
  }
}

@keyframes cycle3 {
  0%, 28% {
    transform: translate3d(calc(var(--size) + var(--gap)), calc(-100% - var(--gap)), 50px)
                rotateX(-18deg) rotateY(32deg) scale(1);
  }
  45% {
    transform: translate3d(0, 0, 100px)
                rotateX(-32deg) rotateY(50deg) scale(1.09);
  }
  55% {
    transform: translate3d(0, 0, 40px)
                rotateX(-8deg) rotateY(18deg) scale(0.95);
  }
  78%, 100% {
    transform: translate3d(0, 0, 0)
                rotateX(0deg) rotateY(0deg) scale(1);
  }
}.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}