/* 
Theme Name: Hello Syaf
Theme URI: https://syaf.net/
Description: WordPress Theme
Author: Syaf
Author URI: https://syaf.net/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html, body {
  overflow-x: hidden;
}


.custom-box {
  position: relative;
  padding: 50px;
  box-sizing: border-box;
  
  /* white box + black 1px border */
  background: #ffffff40;
  border: none;

  /* only top-left & bottom-right rounded */
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;

  /* center text horizontally and vertically */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* two overlays that mask exactly half of each side-border */
.custom-box::before,
.custom-box::after {
  content: "";
  position: absolute;
  width: 3px;           /* a bit wider than 1px to fully cover */
  background: inherit;  /* will be #fff */
  z-index: 1;
}

/* mask bottom-half of left border */
.custom-box::before {
  left: -1px;           /* shift to cover the 1px border fully */
  bottom: 0;
  height: 50%;
}

/* mask top-half of right border */
.custom-box::after {
  right: -1px;
  top: 0;
  height: 50%;
}