/* #product_area */
#product_area .list_box ul li {transform:translate(0,0);-webkit-transform:translate(0,0)}

/* #book_area */
#book_area .list_box li .img_box:before,#book_area .list_box li .img_box:after {transform:scaleY(0);-webkit-transform:scaleY(0)}
#book_area .list_box li .img_box:after {transform-origin:center bottom;-webkit-transform-origin:center bottom}

/* #youtube_box */
#youtube_box a {width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-animation:spineer 2s infinite;animation:spineer 2s infinite}
header .menu {border-bottom:1px rgba(var(--white-rgb),.2) solid}

/* #webmenu */
header #webmenu nav>ul>li>p a {color:var(--white)}

/* #openform */
#openform {background:rgba(var(--white-rgb),.3)}
section.section_pad {padding:5vw 0}
section>* {z-index:3}
section .title_box {margin-bottom:40px;display:flex;flex-direction:column}
section .title_box .area_title {font-weight:400;font-size:45px}
section .title_box .sub_title {font-weight:300;font-size:23px}
section .title_box .area_title:after {content:"";position:absolute;right:-20px;top:-12px;width:12px;aspect-ratio:1;border-radius:50%;background:#c99b75}
.bg_box {width:100%;height:100%;background:no-repeat 50% / cover;background-attachment:fixed;opacity:.3;top:0;left:0}
.bg_box:before {width:100%;height:100%;display:block;background:rgba(var(--primary-rgb),.2);content:""}
.bg_box.white:before {background:rgba(var(--white-rgb),.2)}
.hatitle h1 {line-height:1.8;font-size:1.25rem;margin-bottom:10px}

/* #about_area */
#about_area {background:#fdf9f8}
#about_area:before {content:"";position:absolute;left:0;top:0;width:34%;height:100%;background:linear-gradient(135deg,rgba(253,242,243,.65),rgba(255,255,255,0));pointer-events:none}
#about_area:after {content:"";position:absolute;width:20vw;aspect-ratio:1/1;background:url(/images/40/about_area_bg_fly.png);bottom:-10px;right:-30px;background-size:cover;background-position:50%;animation:float 5s linear infinite}
#about_area .about_inner {position:relative;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,0.78fr);align-items:center;gap:7%;width:min(90%,1500px);margin:100px auto 0}
#about_area .about_content {position:relative;z-index:3}
#about_area .about_article {color:#4f484a;font-size:15px;line-height:2;letter-spacing:.025em}
#about_area .about_article p {margin:0 0 17px}
#about_area .about_article p:last-child {margin-bottom:0}
#about_area .about_article strong {color:#7f3c52;font-weight:600}
#about_area .about_article ul {margin:24px 0 0;padding:0;list-style:none}
#about_area .about_article li {position:relative;margin-bottom:12px;padding-left:22px;color:#453e40}
#about_area .about_article li:before {content:"";position:absolute;left:1px;top:.78em;width:6px;aspect-ratio:1;border:2px solid #a95770;border-radius:50%;transform:translateY(-50%)}
#about_area .about_visual {position:relative;padding:0 0 7% 8%}
#about_area .about_main_img {position:relative;width:100%;aspect-ratio:1.45;overflow:hidden;border-radius:110px 28px 110px 28px;background:#f8eeec;display:flex}
#about_area .about_main_img:after {content:"";position:absolute;inset:0;border:1px solid rgba(172,117,125,.12);border-radius:inherit;pointer-events:none}
#about_area .about_main_img img {display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1);margin:0;padding:0}
#about_area .about_main_img:hover img {transform:scale(1.035)}
#about_area .about_circle {position:absolute;left:0;bottom:0;width:31%;aspect-ratio:1;border:9px solid #fff;border-radius:50%;overflow:hidden;background:#f9efed;z-index:3}
#about_area .about_circle img {display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.45);object-position:15% 75%}
#about_area .about_deco {position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
#about_area .about_deco_01 {right:-5%;top:-10%;width:42%;aspect-ratio:1;border:1px solid rgba(164,83,105,.12)}
#about_area .about_deco_02 {right:-2%;bottom:4%;width:25%;aspect-ratio:1;background:radial-gradient(circle,rgba(213,170,130,.3) 1px,transparent 1.7px);background-size:10px 10px;opacity:.38}
@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}

/* #product_area */
#product_area {overflow:hidden;max-width:100vw}
#product_area .slick-list {overflow:visible}

/* #news_area */
#news_area {position:relative;background:#fff;overflow:hidden}
#news_area .news_bg {inset:0;background:linear-gradient(120deg,rgba(252,241,243,.72) 0%,rgba(255,255,255,.9) 34%,#fff 72%);pointer-events:none}
#news_area .news_bg:before {content:"";position:absolute;left:-10%;top:1%;width:46%;aspect-ratio:1;border:1px solid rgba(151,74,98,.08);border-radius:50%}
#news_area .news_bg:after {content:"";position:absolute;right:-3%;bottom:4%;width:20%;aspect-ratio:1;background:radial-gradient(circle,rgba(199,152,115,.32) 1px,transparent 1.6px);background-size:11px 11px;opacity:.28}
#news_area .news_inner {display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1.75fr);align-items:start;gap:6%;width:min(90%,1540px);margin:auto}
#news_area .news_intro {position:relative;padding-top:12px}
#news_area .news_intro_text {max-width:300px;margin-top:34px}
#news_area .news_intro_text p {margin:0 0 12px;color:#423a3c;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:.08em}
#news_area .news_intro_text span {display:block;color:#74696c;font-size: 15px;line-height:1.9;letter-spacing:.025em}
#news_area .news_control {display:flex;align-items:center;gap:13px;margin-top:42px}
#news_area .news_control button {display:flex;align-items:center;justify-content:center;width:48px;aspect-ratio:1;padding:0;border:1px solid rgba(154,75,101,.38);border-radius:50%;background:transparent;color:#944962;cursor:pointer;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease}
#news_area .news_control button svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#news_area .news_control button:hover {border-color:#974b64;background:#974b64;color:#fff;transform:translateY(-2px)}
#news_area .news_control_line {width:34px;height:1px;background:#ddc7b5}
#news_area .list_box {min-width:0;overflow:hidden}
#news_area .list_box ul {margin:0 -14px;padding:0;list-style:none}
#news_area .list_box li {padding:0 14px}
#news_area .news_item {position:relative}
#news_area .news_img {width:100%;aspect-ratio:1.32;border-radius:28px 8px 28px 8px;background:#f7eeee}
#news_area .news_img:after {content:"";position:absolute;inset:0;border:1px solid rgba(130,72,89,.08);border-radius:inherit;pointer-events:none}
#news_area .news_img img {display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s ease}
#news_area .news_category {left:15px;bottom:15px;z-index:3}
#news_area .news_category a {display:block;padding:7px 14px;border-radius:30px;background:rgba(255,255,255,.93);color:#8d435a;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.08em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#news_area .info_box {padding:22px 5px 4px}
#news_area .news_meta {display:flex;align-items:center;gap:10px;margin-bottom:14px}
#news_area .news_date {color:#b88a62;font-family:"Times New Roman",serif;font-size:13px;letter-spacing:.08em}
#news_area .news_meta_line {width:22px;height:1px;background:#d7b89c}
#news_area .news_meta_en {color:#a59a9d;font-family:"Times New Roman",serif;font-size:10px;letter-spacing:.12em}
#news_area .news_title {min-height:58px;color:#342d2f;font-size:19px;font-weight:600;line-height:1.55;letter-spacing:.04em;-webkit-line-clamp:2}
#news_area .news_more {display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid #eee4e5;color:#944962}
#news_area .news_more span {font-family:"Times New Roman",serif;font-size:11px;letter-spacing:.12em}
#news_area .news_more i {display:flex;align-items:center;justify-content:center;width:34px;aspect-ratio:1;border:1px solid rgba(148,73,98,.3);border-radius:50%;transition:background .35s ease,color .35s ease,transform .35s ease}
#news_area .news_more svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#news_area .atag_item {z-index:5;inset:0}
#news_area .news_item:hover .news_img img {transform:scale(1.045);filter:saturate(.92)}
#news_area .news_item:hover .news_more i {background:var(--primary);color:#fff;transform:translateX(4px)}
#news_area .news_item:hover .news_more i svg {stroke:white}
#news_area .slick-list {overflow:visible}
#news_area .slick-slide {outline:none}

/* #book_area */
#book_area .list_box img {height:450px}
#book_area .list_box .img_box {border:var(--white) solid;border-width:0 1px 1px 0}
#book_area .list_box .img_box:before,#book_area .list_box .img_box:after {position:absolute;width:100%;height:100%;background:var(--white);z-index:9;opacity:.4;content:""}
#book_area .list_box .img_box:after {right:0;bottom:0}
#book_area .list_box .atag_item {z-index:10}
#book_area .list_box .badge {margin:auto;padding:10px 20px;max-width:calc(80% - 40px);height:34px;line-height:36px;font-size:20px}

/* #youtube_box */
#youtube_box {min-height:1px;padding-bottom:30%}
#youtube_box a {position:absolute;background:var(--white);display:flex;top:50%;left:50%;z-index:99}
#youtube_box a i {margin:auto;font-size:30px;color:var(--primary)}
#youtube_box iframe {position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}

/* #custom_area */
#custom_area {position:relative;background:#fff;overflow:hidden}
#custom_area:before {content:"";position:absolute;top:0;width:100%;height:2px;background:linear-gradient(to right,var(--primary),var(--secondary));z-index:2}
#custom_area:after {content:"";position:absolute;bottom:0;width:100%;height:2px;background:linear-gradient(to right,var(--secondary),var(--primary));z-index:2}
#custom_area .custom_bg {z-index:0;inset:0;background:linear-gradient(105deg,#fff 0%,#fff 58%,rgba(250,238,240,.72) 100%);pointer-events:none}
#custom_area .custom_bg:before {content:"";position:absolute;left:-9%;bottom:-52%;width:36%;aspect-ratio:1;border:1px solid rgba(151,74,98,.08);border-radius:50%}
#custom_area .custom_bg:after {content:"";position:absolute;right:2%;top:7%;width:16%;aspect-ratio:1;background:radial-gradient(circle,rgba(190,142,102,.3) 1px,transparent 1.6px);background-size:11px 11px;opacity:.3}
#custom_area .custom_inner {z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,0.5fr);align-items:center;gap:5%;width:min(90%,1540px);margin:auto}
#custom_area .custom_slider_area {position:relative;min-width:0;width:100%}
#custom_area #custom_box {position:relative;overflow:hidden}
#custom_area #custom_box>ul {margin:0;padding:0;list-style:none}
#custom_area #custom_box>ul>li {padding:0 12px}
#custom_area .custom_item {position:relative;flex-direction:column;min-height:300px;padding:34px 32px 28px;border:1px solid rgba(145,77,96,.15);border-radius:30px 8px 30px 8px;background:rgba(255,255,255,.84);color:inherit;overflow:hidden;transition:border-color .4s ease,transform .5s cubic-bezier(.16,1,.3,1),background .4s ease}
#custom_area .custom_item:before {content:"";position:absolute;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,#944962 0%,#b7647d 48%,#d4ad82 100%);transition:width .7s cubic-bezier(.16,1,.3,1)}
#custom_area .custom_item:after {content:"";position:absolute;right:-75px;bottom:-75px;width:190px;aspect-ratio:1;border:1px solid rgba(158,88,106,.08);border-radius:50%;transition:transform .8s cubic-bezier(.16,1,.3,1),border-color .5s ease;opacity:0}
#custom_area .custom_item_top {position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:54px}
#custom_area .custom_number {color:#a86e58;font-family:"Times New Roman",serif;font-size:16px;line-height:1;letter-spacing:.1em}
#custom_area .custom_type {color:#aa9a9e;font-family:"Times New Roman",serif;font-size:10px;line-height:1.4;letter-spacing:.15em}
#custom_area .custom_item_body {position:relative;z-index:2;flex:1;display:flex;flex-direction:column}
#custom_area .custom_title {position:relative;padding-bottom:24px;color:#332c2e;font-size:23px;font-weight:600;line-height:1.55;letter-spacing:.045em;transition:color .35s ease}
#custom_area .custom_title:after {content:"";position:absolute;left:0;bottom:0;width:38px;height:1px;background:#d5b699;transition:width .5s cubic-bezier(.16,1,.3,1)}
#custom_area .custom_content {margin-top:24px;color:#706669;font-size: 15px;font-weight:400;line-height:2;letter-spacing:.025em;white-space:normal}
#custom_area .custom_item_bottom {position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:20px;border-top:1px solid #eee4e6;color:#985068}
#custom_area .custom_item_bottom>span {font-family:"Times New Roman",serif;font-size:10px;line-height:1;letter-spacing:.16em}
#custom_area .custom_item_bottom i {display:flex;align-items:center;justify-content:center;width:38px;aspect-ratio:1;border:1px solid rgba(145,71,96,.3);border-radius:50%;transition:background .35s ease,color .35s ease,transform .45s cubic-bezier(.16,1,.3,1),border-color .35s ease}
#custom_area .custom_item_bottom svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#custom_area .custom_item:hover {border-color:rgba(145,77,96,.3);background:#fff;transform:translateY(-7px)}
#custom_area .custom_item:hover:before {width:100%}
#custom_area .custom_item:hover:after {border-color:rgba(158,88,106,.14);transform:scale(1.16)}
#custom_area .custom_item:hover .custom_title {color:#864158}
#custom_area .custom_item:hover .custom_title:after {width:68px}
#custom_area .custom_item:hover .custom_item_bottom i {border-color:#944962;background:#944962;color:#fff;transform:translateX(4px)}
#custom_area .custom_item:hover .custom_item_bottom i svg {stroke:white}
#custom_area .custom_heading {position:relative;display:flex;flex-direction:column;justify-content:center;padding:55px 0 55px 8%}
#custom_area .custom_heading:before {content:"";position:absolute;left:0;top:8%;width:1px;height:84%;background:linear-gradient(to bottom,transparent,#e7d4d8 15%,#e7d4d8 85%,transparent)}
#custom_area .custom_heading_text {max-width:100%;margin-top:12px}
#custom_area .custom_heading_text p {margin:0 0 14px;color:#41383b;font-size:17px;font-weight:600;line-height:1.75;letter-spacing:.055em}
#custom_area .custom_heading_text span {display:block;color:#776d70;font-size:14px;line-height:1.95;letter-spacing:.02em}
#custom_area .custom_navigation {display:flex;align-items:center;gap:17px;margin-top:45px}
#custom_area .custom_navigation button {display:flex;align-items:center;justify-content:center;width:46px;aspect-ratio:1;padding:0;border:1px solid rgba(148,73,98,.38);border-radius:50%;background:transparent;color:#944963;cursor:pointer;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease}
#custom_area .custom_navigation button svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#custom_area .custom_navigation button:hover {border-color:var(--primary);background:var(--primary);color:#fff;transform:translateY(-2px)}
#custom_area .custom_navigation button:hover svg {stroke:white}
#custom_area .custom_count {display:flex;align-items:center;gap:9px;color:#9d7b70;font-family:"Times New Roman",serif;font-size:12px;line-height:1;letter-spacing:.08em}
#custom_area .custom_count i {display:block;width:28px;height:1px;background:#d8beb2}
#custom_area .custom_total {color:#b8aaad}
#custom_area .custom_deco {position:absolute;right:0;bottom:25px;width:90px;height:90px;pointer-events:none}
#custom_area .custom_deco span {position:absolute;right:0;bottom:0;width:66px;aspect-ratio:1;border:1px solid rgba(160,87,107,.13);border-radius:50%;animation:customDecoFloat 6s ease-in-out infinite}
#custom_area .custom_deco i {position:absolute;right:28px;bottom:28px;width:32px;aspect-ratio:1;border:1px solid rgba(203,161,122,.3);border-radius:50%;animation:customDecoFloat 5s ease-in-out -2s infinite reverse}
#custom_area .slick-list {overflow:hidden;width:100%}
#custom_area .slick-slide {outline:none;margin:10px}
#custom_area .slick-slide>div {height:100%}
@keyframes customDecoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@-webkit-keyframes spineer{0%{-webkit-box-shadow:0 0 0 0 var(--info)}70%{-webkit-box-shadow:0 0 0 20px transparent}100%{-webkit-box-shadow:0 0 0 0 transparent}}
@keyframes spineer{0%{box-shadow:0 0 0 0 var(--info)}70%{box-shadow:0 0 0 20px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* @media */
@media screen and (max-width:1200px) {
  #news_area .news_inner { width: 92%; grid-template-columns: minmax(220px,.48fr) minmax(0,1.52fr); gap: 4% }
  #news_area .list_box ul { margin: 0 -10px }
  #news_area .list_box li { padding: 0 10px }
  #news_area .news_img { border-radius: 22px 7px 22px 7px }
  #news_area .news_title { font-size: 17px }
  #custom_area .custom_inner { width: 92%; grid-template-columns: minmax(0,1.65fr) minmax(260px,.65fr); gap: 4% }
  #custom_area .custom_item { min-height: 400px; padding: 30px 26px 25px }
  #custom_area .custom_item_top { margin-bottom: 42px }
  #custom_area .custom_title { font-size: 20px }
  #custom_area .custom_heading { padding-left: 8% }
  .section_space { padding: 95px 0 }
  #about_area .about_inner { width: 92%; gap: 5% }
  #about_area .about_main_img { border-radius: 80px 24px 80px 24px }
  #about_area .about_article { font-size: 14px }
}
@media screen and (max-width:1024px) {
  #news_area .news_inner { display: block; width: 90% }
  #news_area .news_intro { display: grid; grid-template-columns: 1fr auto; align-items: end; margin-bottom: 45px; padding: 0 }
  #news_area .news_intro .title_box { grid-column: 1/2 }
  #news_area .news_intro_text { grid-column: 1/2; max-width: 500px; margin-top: 0 }
  #news_area .news_intro .more_btn { grid-column: 1/2 }
  #news_area .news_control { grid-column: 2/3; grid-row: 1/4; align-self: end; margin: 0 0 5px 30px }
  #news_area .slick-list { overflow: hidden }
  #custom_area .custom_inner { display: flex; flex-direction: column }
  #custom_area .custom_heading { order: 1; padding: 0 0 45px }
  #custom_area .custom_slider_area { order: 2 }
  #custom_area .custom_heading:before { display: none }
  #custom_area .custom_heading_text { max-width: 550px }
  #custom_area .custom_navigation { position: absolute; right: 0; bottom: 45px; margin: 0 }
  #custom_area .custom_deco { display: none }
  #custom_area .custom_item { min-height: 390px }
  .section_space { padding: 80px 0 }
  #about_area .about_inner { grid-template-columns: 1fr; gap: 50px }
  #about_area .about_content { width: 88%; margin: auto }
  #about_area .about_visual { width: 88%; margin: auto; padding-left: 7%; padding-bottom: 8% }
  #about_area .about_main_img { aspect-ratio: 4/2.6 }
  #about_area .about_circle { width: 27% }
}
@media screen and (max-width:768px) {
  #youtube_box { padding-bottom: 60vw }
  #custom_box li .row { margin: 10px 15px; padding: 10px 0 }
}
@media screen and (max-width:640px) {
  #news_area .news_inner { width: 88% }
  #news_area .news_intro { display: block; margin-bottom: 35px }
  #news_area .news_intro_text { margin-top: 0 }
  #news_area .news_intro_text p { font-size: 19px }
  #news_area .news_intro_text span { font-size: 13px }
  #news_area .news_control { margin-top: 25px }
  #news_area .news_control button { width: 42px }
  #news_area .list_box ul { margin: 0 -6px }
  #news_area .list_box li { padding: 0 6px }
  #news_area .news_img { aspect-ratio: 4/2.8; border-radius: 24px 7px 24px 7px }
  #news_area .info_box { padding-top: 18px }
  #news_area .news_title { min-height: auto; font-size: 17px }
  #news_area .news_more { margin-top: 15px }
  #custom_area .custom_inner { width: 88% }
  #custom_area .custom_heading { padding-bottom: 32px }
  #custom_area .custom_heading_text { margin-top: 5px }
  #custom_area .custom_heading_text p { font-size: 15px }
  #custom_area .custom_heading_text span { font-size: 13px }
  #custom_area .custom_navigation { position: relative; right: auto; bottom: auto; margin-top: 25px }
  #custom_area .custom_navigation button { width: 42px }
  #custom_area #custom_box>ul { margin: 0 -5px }
  #custom_area #custom_box>ul>li { padding: 0 5px }
  #custom_area .custom_item { min-height: 360px; padding: 26px 22px 23px; border-radius: 24px 7px 24px 7px }
  #custom_area .custom_item_top { margin-bottom: 34px }
  #custom_area .custom_title { font-size: 18px }
  #custom_area .custom_content { margin-top: 20px; font-size: 13px; line-height: 1.9 }
  #custom_area .custom_item_bottom { margin-top: 28px }
  #book_area .list_box img { height: 65vw }
  .section_space { padding: 65px 0 }
  section .title_box { margin-bottom: 25px }
  .sub_title { margin-bottom: 8px; font-size: 12px }
  section .title_box .area_title { font-size: 36px; line-height: 1.45 }
  section .title_box .area_title:after { display: none }
  .title_line { width: 32px; margin-top: 14px }
  .more_btn { min-width: 195px; margin-top: 28px; padding: 12px 13px 12px 20px; font-size: 13px }
  .more_btn i { width: 29px }
  #about_area:before { width: 65% }
  #about_area .about_inner { width: 100%; gap: 38px; margin: 0 auto }
  #about_area .about_content { width: 88% }
  #about_area .about_article { font-size: 13px; line-height: 1.9 }
  #about_area .about_article p { margin-bottom: 13px }
  #about_area .about_visual { width: 92%; padding-left: 5%; padding-bottom: 13% }
  #about_area .about_main_img { aspect-ratio: 1.25; border-radius: 50px 15px 50px 15px }
  #about_area .about_circle { width: 34%; border-width: 6px }
  #about_area .about_deco_01 { right: -10%; top: -8%; width: 55% }
  #about_area .about_deco_02 { width: 35% }
}
@media screen and (max-width:450px) {
  #product_area .bgBox { width: 100%; object-fit: cover }
}
@media screen and (min-width:1281px) {
  #product_area .list_box ul li:hover { transform: translate(0,-20px); -webkit-transform: translate(0,-20px) }
  #book_area .list_box li:hover .img_box:before,#book_area .list_box li:hover .img_box:after { transform: scaleY(1); -webkit-transform: scaleY(1) }
  #book_area .list_box li:hover .badge { background: var(--primary); color: var(--white) }
  #custom_box li:hover .row { box-shadow: 0 4px 17px 0 rgba(var(--black-rgb),.2) }
}