.elementor-4566 .elementor-element.elementor-element-716953f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4566 .elementor-element.elementor-element-716953f:not(.elementor-motion-effects-element-type-background), .elementor-4566 .elementor-element.elementor-element-716953f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#232323;background-image:url("https://dentisusa.com/wp-content/uploads/2024/12/bannn-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4566 .elementor-element.elementor-element-716953f > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4566 .elementor-element.elementor-element-716953f > .elementor-container{min-height:300px;}.elementor-4566 .elementor-element.elementor-element-716953f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:73px;margin-bottom:73px;padding:50px 0px 50px 0px;}.elementor-4566 .elementor-element.elementor-element-e553073 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-4566 .elementor-element.elementor-element-1c9c1f1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4566 .elementor-element.elementor-element-1c9c1f1{text-align:center;}.elementor-4566 .elementor-element.elementor-element-1c9c1f1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;line-height:24px;letter-spacing:1em;color:#FF7216;}.elementor-4566 .elementor-element.elementor-element-20a287b{text-align:center;}.elementor-4566 .elementor-element.elementor-element-20a287b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:96px;font-weight:200;line-height:80px;letter-spacing:0px;color:#FFFFFF;}.elementor-4566 .elementor-element.elementor-element-9c5bc8f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4566 .elementor-element.elementor-element-7b9d109 img{border-radius:5px 5px 5px 5px;}@media(min-width:768px){.elementor-4566 .elementor-element.elementor-element-9c5bc8f{--content-width:800px;}}@media(max-width:1024px){.elementor-4566 .elementor-element.elementor-element-716953f{padding:150px 0px 60px 0px;}.elementor-4566 .elementor-element.elementor-element-20a287b .elementor-heading-title{font-size:60px;line-height:56px;letter-spacing:0px;}.elementor-4566 .elementor-element.elementor-element-9c5bc8f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4566 .elementor-element.elementor-element-716953f{padding:110px 0px 20px 0px;}.elementor-4566 .elementor-element.elementor-element-20a287b .elementor-heading-title{font-size:48px;line-height:48px;}.elementor-4566 .elementor-element.elementor-element-9c5bc8f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-7b9d109 *//* 이미지 위젯 컨테이너 설정 */
.hover-text-effect-dentishop {
 position: relative;
    overflow: hidden;
    display: inline-block; /* 컨테이너 크기를 이미지 크기에 맞춤 */
    width: 100%; /* 너비 조정 */
aspect-ratio: 1 / 1;
    text-align: center; /* 텍스트와 이미지를 가운데 정렬 */
    margin: 0; /* 외부 여백 제거 */
    padding: 0; /* 내부 여백 제거 */
    border: none; /* 불필요한 테두리 제거 */
}

/* 이미지 스타일 */
.hover-text-effect-dentishop img {
    transition: opacity 0.3s ease; /* 부드러운 전환 효과 */
    opacity: 1; /* 기본 상태에서 이미지 보임 */
    width: 100%; /* 이미지가 컨테이너 크기에 맞게 조정 */
    height: auto; /* 이미지 비율 유지 */
    display: block; /* 불필요한 간격 제거 */
}

/* 마우스 오버 시 배경색 변경 */
.hover-text-effect-dentishop:hover {
    background-color: #EA752E; /* 마우스 오버 시 배경색 */
    transition: background-color 0.3s ease; /* 부드러운 배경 전환 */
      border-radius: 5px;
}

/* 마우스 오버 시 이미지 숨김 */
.hover-text-effect-dentishop:hover img {
    opacity: 0; /* 이미지 투명 처리 */
}

/* 텍스트 스타일 */
.hover-text-effect-dentishop::after {
  content: "Dentishop"; /* 나타날 텍스트 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 중앙 정렬 */
    color: #fff; /* 텍스트 색상 */
    font-size: 1rem; /* 텍스트 크기 키움 */
    font-weight: bold; /* 텍스트 굵기 */
    text-align: center; /* 텍스트 중앙 정렬 */
    line-height: 1.5; /* 줄 간격 */
    width: 80%; /* 텍스트 박스 너비를 이미지 크기의 80%로 설정 */
    height: 50%; /* 텍스트 박스 높이를 이미지 크기의 50%로 설정 */
    display: flex; /* 텍스트 중앙 정렬을 위한 Flexbox 사용 */
    align-items: center; /* 수직 중앙 정렬 */
    justify-content: center; /* 수평 중앙 정렬 */
    opacity: 0; /* 기본 상태에서 숨김 */
    transition: opacity 0.3s ease; /* 부드러운 전환 효과 */
    z-index: 2; /* 텍스트가 이미지 위에 표시되도록 설정 */
        pointer-events: none; /* 텍스트 영역이 클릭 이벤트를 차단하지 않도록 설정 */

    border-radius: 10px; /* 박스 테두리를 둥글게 */
}

/* 마우스 오버 시 텍스트 표시 */
.hover-text-effect-dentishop:hover::after {
    opacity: 1; /* 텍스트 표시 */
}/* End custom CSS */