#form.successFull{
    outline: 5px solid #22AB38;
}
#form.successFull #contact-button{
    background-color: #22AB38;
}
#form-btn-loader , #thankyou-Messge{display: none;}
.counter-input-radio{display: none;}
.counter-input-radio:checked ~ .country-label{background-color: rgb(243, 243, 243);}
.counter-input-radio:checked ~ .country-label .country-name{color: #4738F5;}
.country-dropdown{display: none;}
.show{display: block !important;}
.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
  }
  .invalidError{
    border: 2px solid #F44236;
  }
  .invalidBg{
    background-color: #F44236;
  }
  .loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #FFF;
    animation: prixClipFix 2s linear infinite ;
  }

  @keyframes rotate {
    100%   {transform: rotate(360deg)}
  }

  @keyframes prixClipFix {
      0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
      25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
      50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
      75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
      100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
  }


  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  .custome-scrollbar{
    scrollbar-width: auto;
    scrollbar-color: #d1d1d1 #f8f8f8;
  }

  /* Chrome, Edge, and Safari */
  .custome-scrollbar::-webkit-scrollbar {
    width: 8px;
  }

  .custome-scrollbar::-webkit-scrollbar-track {
    background: #f8f8f8;
  }

  .custome-scrollbar::-webkit-scrollbar-thumb {
    background-color: #d1d1d1;
    border-radius: 10px;
    border: 3px solid #f8f8f8;
  }