.elementor-168 .elementor-element.elementor-element-56fc88b8{--display:flex;}.elementor-168 .elementor-element.elementor-element-9072adb{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-168 .elementor-element.elementor-element-360e985{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:41px 41px 41px 41px;--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-168 .elementor-element.elementor-element-360e985:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-360e985 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#007DFF1F;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-repeater-item-8d90385 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://jomlax.com/wp-content/uploads/2025/06/New-Project-1.png);background-size:contain;}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-repeater-item-8d90385 .swiper-slide-contents{margin:0 auto;text-shadow:0px 0px 12px rgba(0, 0, 0, 0.3);}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-repeater-item-8d90385 .swiper-slide-inner{align-items:flex-end;text-align:center;}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-repeater-item-8d90385 .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-repeater-item-8d90385 .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-repeater-item-8d90385 .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-repeater-item-0803665 .swiper-slide-bg{background-color:#4054B200;background-image:url(https://jomlax.com/wp-content/uploads/2025/06/New-Project-2.png);background-size:contain;}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-repeater-item-43fd8f8 .swiper-slide-bg{background-color:#1ABC9C00;background-image:url(https://jomlax.com/wp-content/uploads/2025/06/New-Project.png);background-size:contain;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-slide{transition-duration:calc(5000ms*1.2);height:781px;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-slide-contents{max-width:12%;text-shadow:0px 0px 10px #FFFFFF;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-slide-inner{padding:116px 116px 116px 116px;text-align:center;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:27px;}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-slide-heading{color:#000000;font-family:"Noto Kufi Arabic", Sans-serif;font-weight:600;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:3px;}.elementor-168 .elementor-element.elementor-element-9d76647 .elementor-slide-description{color:#000000;font-family:"Noto Kufi Arabic", Sans-serif;font-weight:400;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-pagination-bullet{height:9px;width:9px;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-horizontal .swiper-pagination-progressbar{height:9px;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-pagination-fraction{font-size:9px;}.elementor-168 .elementor-element.elementor-element-a4f3a01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-168 .elementor-element.elementor-element-a4fa073{--display:flex;--min-height:484px;--justify-content:center;}.elementor-168 .elementor-element.elementor-element-a4fa073:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-a4fa073 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A7A7A726;}.elementor-168 .elementor-element.elementor-element-a4fa073.e-con{--align-self:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-168 .elementor-element.elementor-element-5116f99 img{width:21%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-fc2233f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:44px 0px 32px 0px;}.elementor-168 .elementor-element.elementor-element-fc2233f{text-align:center;}.elementor-168 .elementor-element.elementor-element-fc2233f .elementor-heading-title{color:#000000;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-be3e71c .elementor-icon-wrapper{text-align:center;}.elementor-168 .elementor-element.elementor-element-be3e71c.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-168 .elementor-element.elementor-element-be3e71c.elementor-view-framed .elementor-icon, .elementor-168 .elementor-element.elementor-element-be3e71c.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-168 .elementor-element.elementor-element-be3e71c.elementor-view-framed .elementor-icon, .elementor-168 .elementor-element.elementor-element-be3e71c.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-168 .elementor-element.elementor-element-814c754{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-168 .elementor-element.elementor-element-f01941b{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-168 .elementor-element.elementor-element-8a4b03a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-168 .elementor-element.elementor-element-b714da6.elementor-element{--align-self:center;}.elementor-168 .elementor-element.elementor-element-b714da6 img{width:34%;}.elementor-168 .elementor-element.elementor-element-51e7965{--display:flex;--min-height:484px;--justify-content:center;}.elementor-168 .elementor-element.elementor-element-51e7965:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-51e7965 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A7A7A726;}.elementor-168 .elementor-element.elementor-element-51e7965.e-con{--align-self:center;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-168 .elementor-element.elementor-element-3e8d07c > .elementor-widget-container{margin:0px 0px -54px 0px;padding:0px 0px 0px 0px;}.elementor-168 .elementor-element.elementor-element-3e8d07c{--lottie-container-width:14%;}.elementor-168 .elementor-element.elementor-element-a1e9199 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:44px 0px 32px 0px;}.elementor-168 .elementor-element.elementor-element-a1e9199{text-align:center;}.elementor-168 .elementor-element.elementor-element-a1e9199 .elementor-heading-title{font-family:"Noto Kufi Arabic", Sans-serif;font-weight:600;color:#000000;}.elementor-168 .elementor-element.elementor-element-6034c1f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-168 .elementor-element.elementor-element-fedcaa7 .elementor-button{background-color:#0F05FF00;font-family:"Noto Kufi Arabic", Sans-serif;font-weight:500;fill:#000000;color:#000000;padding:3px 3px 3px 3px;}.elementor-168 .elementor-element.elementor-element-5023419 .elementor-button{background-color:#0F05FF00;font-family:"Noto Kufi Arabic", Sans-serif;font-weight:500;fill:#000000;color:#000000;padding:3px 3px 3px 3px;}@media(max-width:1024px){.elementor-168 .elementor-element.elementor-element-9072adb{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:wrap;--align-content:space-around;}.elementor-168 .elementor-element.elementor-element-360e985{--min-height:350px;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-slide{height:302px;}.elementor-168 .elementor-element.elementor-element-a4fa073{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-168 .elementor-element.elementor-element-3e8d07c{--lottie-container-width:32%;}}@media(max-width:767px){.elementor-168 .elementor-element.elementor-element-9072adb{--flex-wrap:wrap;}.elementor-168 .elementor-element.elementor-element-9d76647 .swiper-slide{height:232px;}.elementor-168 .elementor-element.elementor-element-5116f99 img{width:33%;}.elementor-168 .elementor-element.elementor-element-3e8d07c > .elementor-widget-container{margin:0px 0px -79px 0px;}.elementor-168 .elementor-element.elementor-element-3e8d07c{--lottie-container-width:64%;}.elementor-168 .elementor-element.elementor-element-a1e9199 .elementor-heading-title{font-size:23px;line-height:1.8em;}}@media(min-width:768px){.elementor-168 .elementor-element.elementor-element-360e985{--width:60%;}.elementor-168 .elementor-element.elementor-element-a4f3a01{--width:40%;}.elementor-168 .elementor-element.elementor-element-a4fa073{--width:94%;}.elementor-168 .elementor-element.elementor-element-8a4b03a{--width:100%;}.elementor-168 .elementor-element.elementor-element-51e7965{--width:94%;}}@media(max-width:1024px) and (min-width:768px){.elementor-168 .elementor-element.elementor-element-360e985{--width:716px;}.elementor-168 .elementor-element.elementor-element-a4f3a01{--width:716px;}}/* Start custom CSS for slides, class: .elementor-element-9d76647 */.elementor-slides .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}
.elementor-widget-sSlides,
.elementor-slides,
.swiper-container {
  position: relative !important;
}
.swiper-pagination {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  padding: 6px 14px;
  border-radius: 30px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  z-index: 10;
  backdrop-filter: blur(8px);
}
.swiper-pagination {
  max-width: fit-content;
  margin: 0 auto;
  right: 0;
  left: 0;
  transform: none;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-360e985 */.card {

  background: rgba(255, 255, 255, 0.17);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 1);
  position: relative;
  overflow: hidden;
}

.card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}

.card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8676558 */input#user_password-150 {
    border-radius: 90px;
}
input#username-150 {
    border-radius: 90px;
}
/* تخصيص زر تسجيل الدخول فقط */
#um-submit-btn {
    background-color: #007bff !important;  /* لون الخلفية */
    color: #fff !important;                /* لون النص */
    border-radius: 8px !important;         /* زوايا ناعمة */
    padding: 14px 24px !important;         /* مسافات داخلية */
    font-size: 16px !important;            /* حجم الخط */
    font-weight: bold !important;          /* خط عريض */
    text-transform: uppercase !important;  /* كل الحروف كابيتال */
    width: fit-content !important;         /* عرض على قد المحتوى */
    margin: 0 auto !important;             /* توسيط الزر */
    display: block !important;
    cursor: pointer !important;
}

/* تأثير عند المرور */
#um-submit-btn:hover {
    background-color: #0056b3 !important;
}
/* تخصيص زر Register فقط */
a.um-button.um-alt {
    background-color: #28a745 !important;  /* أخضر */
    color: #fff !important;
    border-radius: 8px !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    width: fit-content !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

/* تأثير عند المرور */
a.um-button.um-alt:hover {
    background-color: #1e7e34 !important;
}
/* الحاوية الأم للزرارين */
.um-col-alt-b {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 15px !important;
}

/* زر Login */
#um-submit-btn {
    width: 100% !important;
}

/* زر Register */
a.um-button.um-alt {
    width: 100% !important;
}
/* زر Login */
#um-submit-btn {
  width: 100% !important;
  padding: 16px 20px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #000 !important;
  background: rgba(255, 255, 255, 0.17) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  outline: none !important;
  transition: transform 0.2s ease;
}

/* إزالة أي تأثير عند hover */
#um-submit-btn:hover {
  transform: scale(1.05);
  background: rgba(255, 255, 255, 0.17) !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 1) !important;
  background-image: none !important;
  outline: none !important;
}

/* زر Register */
a.um-button.um-alt {
  width: 100% !important;
  padding: 16px 20px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #000 !important;
  background: rgba(255, 255, 255, 0.17) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  outline: none !important;
  transition: transform 0.2s ease;
}

/* إزالة تأثيرات اللون عند hover */
a.um-button.um-alt:hover {
  transform: scale(1.05);
  background: rgba(255, 255, 255, 0.17) !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 1) !important;
  background-image: none !important;
  outline: none !important;
}
input#user_email-150 {
    border-radius: 90px;
}
input#confirm_user_password-150 {
    border-radius: 90px;
}
input#user_login-150 {
    border-radius: 90px;
}
input#first_name-150 {
    border-radius: 90px;
}
element.style {
    border-radius: 90px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4fa073 */.glass-card {

  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 22px 11px rgba(255, 255, 255, 1.1);
  position: relative;
  overflow: hidden;
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}

.glass-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fedcaa7 */.glass-butt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.17);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 1);
  color: black !important;
  font-weight: 600;
  padding: 14px 28px;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  transition: transform 0.2s ease;
  text-decoration: none !important;
}

.glass-butt:hover {
  transform: scale(1.05);
}

.glass-butt:active {
  transform: scale(1.1);
}

.glass-butt:hover,
.glass-butt:focus,
.glass-butt:active {
  background-color: rgba(255, 255, 255, 0.17) !important;
  box-shadow: none !important;
  outline: none !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5023419 */.glass-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.17);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: black !important;
  font-weight: 600;
  padding: 14px 28px;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  transition: transform 0.3s ease;
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.glass-button::before {
  content: '';
  position: absolute;
  top: -30%;
  left: -30%;
  width: 160%;
  height: 160%;
  background: radial-gradient(circle, rgba(0, 136, 255, 0.15) 0%, transparent 70%);
  animation: blue-glow 3s infinite ease-in-out;
  z-index: 0;
}

@keyframes blue-glow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
}

.glass-button:hover {
  transform: scale(1.05);
}

.glass-button:active {
  transform: scale(1.1);
}

.glass-button:hover,
.glass-button:focus,
.glass-button:active {
  background-color: rgba(255, 255, 255, 0.17) !important;
  box-shadow: none !important;
  outline: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51e7965 */.glass-card {

  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 22px 11px rgba(255, 255, 255, 1.1);
  position: relative;
  overflow: hidden;
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}

.glass-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}/* End custom CSS */