/******************** section.pop-recires *********************/
section.pop-recipe {
   background-color: #03589c;
   display: flex;
   flex-direction: column;
   padding: 7em 5em;
   /* height: 120vh; */
   height: 100%;
}

.head-pop-recipe {
   width: 100%;
   margin: 3vh 0;
   display: flex;
   /* add padding 04-07-24 */
   padding: 0 !important;
}

.head-pop-recipe span {
   color: #fff;
   width: 1264px;
   margin-left: auto;
   margin-right: auto;
   /* font-size: 2rem; */
   font-size: 4vw;
   font-weight: lighter;
}
/******************** END section.pop-recires *********************/


/******************** start section.cookbook *********************/
section.cookbook {
   display: block;
}

.con-book {
   display: flex;
   flex-direction: row;
   /* border: 1px solid red; */
}

.con-book .txt-head {
   margin-bottom: 5vh;
}

.con-book .txt-head span {
   /* color: #000;  10-06-24*/
   letter-spacing: 3px;
   font-size: 3vw;
}

.panel-group {
   display: flex;
   width: 35%;
   flex-direction: column;
   justify-content: center;
   align-items: stretch;
}

.panel-title a,
.panel-body a {
   font-family: 'Lato', sans-serif;
   color: #000000;
   letter-spacing: 2px;
   transition: all 200ms;
   cursor: pointer;
}


.panel-title a:hover,
.panel-title a:active,
.panel-title a:focus {
   font-weight: 800;
   color: #000;
}

.panel-body a:hover,
.panel-body a:active,
.panel-body a:focus {
   font-weight: 800;
   text-transform: uppercase;
   background: linear-gradient(to right, #339f5b 0%, #005197 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.con-book .tab-content {
   display: flex;
   align-items: center;
   padding: none;
}

.tab-pane hr {
   background: rgb(51 51 51 / 51%);
   border: none;
   height: 5px;
}

.tab-pane hr::after {
   content: "";
   position: absolute;
   width: 30%;
   height: 5px;
   transform: translateX(-120%);
   background-color: #eee;
}

/* ver.mobile */
section.cookbook .con-cook-mobile {
   display: none;
   /* border: #000 solid; */
}

.con-cook-mobile .txt-head {
   text-align: center;
}
/******************** END section.cookbook *********************/