* {
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
/* a blue color as a generic focus style */
button:focus-visible {outline: 2px solid #4a90e2 !important;outline: -webkit-focus-ring-color auto 5px !important;}
.popupNewSsoccare { position: absolute; top:100px; left: 50%; transform: translateX(-50%); z-index: 9999;}
.popupNewSsoccare .popup {display: flex;flex-direction: row;justify-content: center;width: 100%;height:100%;}
/*.popup .overlap-wrapper {background-color: #000000;width: 100%;}*/
.popupNewSsoccare .popup .overlap {background: rgb(112,100,231);background: linear-gradient(0deg, rgba(112,100,231,1) 0%, rgba(255,245,245,1) 100%);border-radius: 20px 20px 0px 0px;padding: 50px;width: 650px;}
.popupNewSsoccare .popup .img {position: relative;width: 282px;}
.popupNewSsoccare .popup .div {position: absolute;height: 77px;font-weight: 400;color: #51318f;font-size: 64px;line-height: normal;margin-left: 5px;top:92px;}
.popupNewSsoccare .popup .text-wrapper-2 {position: relative;height: 77px;font-weight: 600;color: #51318f;font-size: 64px;letter-spacing: -3.20px;line-height: normal;margin-bottom: 30px;margin-top: 5px;}
.popupNewSsoccare .popup .element {position: relative;font-weight: 500;color: #ffffff;font-size: 30px;letter-spacing: -1.50px;line-height: normal;margin-bottom: 30px;}
.popupNewSsoccare .popup .p {position: relative;font-weight: 500;color: #ffffff;font-size: 20px;letter-spacing: -1.00px;line-height: normal;margin-bottom: 30px;}
.popupNewSsoccare .popup .overlap-group-wrapper {margin: 0 auto;position: relative;height: 70px;}
.popupNewSsoccare .popup .div-wrapper {position: relative;width: 100%;height: 70px;background-color: #7ac8ff;border-radius: 35px;}
.popupNewSsoccare .popup .text-wrapper-3 {position: absolute;width: 100%;height: 70px;font-weight: 600;color: #ffffff;font-size: 24px;text-align: center;letter-spacing: -1.44px;line-height: 70px;}
.popupNewSsoccare .popup .view {width: 650px;position: absolute;height: 70px;}
.popupNewSsoccare .popup .overlap-group {position: relative;width: 100%;height: 60px;background-color: #ffffff;border-radius: 0px 0px 20px 20px;padding-right: 20px;}
.popupNewSsoccare .popup .text-wrapper {position: relative;font-weight: 300;color: #000000;font-size: 20px;text-align: right;letter-spacing: -1.20px;line-height: normal;white-space: nowrap;padding-top: 18px;}
.popupNewSsoccare .popup .close {position: relative;width: 24px;height: 24px;}

.popupEvent { position: absolute; top:100px; left: 50%; transform: translateX(-50%); z-index: 9999;}
.popupEvent .popup {display: flex;flex-direction: row;justify-content: center;width: 100%;height:100%;}
.popupEvent .popup .overlap {background-color:#FFFFFF;border-radius: 20px 20px 20px 20px;padding: 0px;width: 650px;}
.popupEvent .popup .img {width: 650px; border-radius: 20px 20px 0px 0px;}
.popupEvent .popup .view {width: 650px; height: 60px;}
.popupEvent .popup .view .text-wrapper {color: #000000;font-size: 20px;text-align: right; letter-spacing: -1.20px;line-height: normal;white-space: nowrap;padding-top: 18px; padding-right: 20px; font-weight: 300;}
.popupEvent .popup .close {width: 24px; height: 24px;}

@media (max-width: 750px) {
  .popupNewSsoccare { position: absolute; top:100px; left: 50%; transform: translateX(-50%); z-index: 9999;width: 95%}
  .popupNewSsoccare .popup .overlap {border-radius: 10px 10px 0px 0px;padding: 30px;width: 100%;}
  .popupNewSsoccare .popup .img {width: 200px;}
  .popupNewSsoccare .popup .div {font-size: 40px;margin-left: 5px;top:60px;}
  .popupNewSsoccare .popup .text-wrapper-2 {height: 67px;font-size: 40px;margin-bottom: 10px;margin-top: 5px;}
  .popupNewSsoccare .popup .element {font-size: 22px;margin-bottom: 15px;}
  .popupNewSsoccare .popup .p {font-size: 14px;margin-bottom: 30px;}
  .popupNewSsoccare .popup .div-wrapper {height: 50px;background-color: #7ac8ff;border-radius: 25px;}
  .popupNewSsoccare .popup .text-wrapper-3 {height: 50px;font-size: 20px;line-height: 50px;}
  .popupNewSsoccare .popup .overlap-group-wrapper {height: 50px;}
  .popupNewSsoccare .popup .view {width: 100%;height: 50px;}
  .popupNewSsoccare .popup .overlap-group {height: 50px;border-radius: 0px 0px 10px 10px;padding-right: 10px;}
  .popupNewSsoccare .popup .text-wrapper {font-size: 14px;}
  .popupNewSsoccare .popup .close {top:-3px}

  .popupEvent { position: absolute; top:100px; left: 50%; transform: translateX(-50%); z-index: 9999;width: 95%}
  .popupEvent .popup .overlap {background-color:#FFFFFF;border-radius: 10px 10px 10px 10px;padding: 0px;width: 100%;}
  .popupEvent .popup .img {width: 100%;border-radius: 10px 10px 0px 0px;}
  .popupEvent .popup .view {width: 100%; height: 50px;}
  .popupEvent .popup .view .text-wrapper {color: #000000;font-size: 14px;text-align: right; letter-spacing: -1.20px;line-height: normal;white-space: nowrap;padding-top: 16px; padding-right: 10px; font-weight: 300;}
  .popupEvent .popup .close {width: 24px; height: 24px;margin-top:-3px}

}