@charset "UTF-8";
/* CSS Document */
header.header-area{
 position: fixed;
 width: 100%;
 z-index: 1;
 top: 17px;
}
#seconds-fv{
 width: 91%;
 margin: 100px 0 0 auto;
 height: 300px;
 background-size: cover;
 background-repeat: no-repeat;
 border-radius: 50px 0 0 50px;
 background-position: center left;
}
#seconds-fv p{
 position: absolute;
 left: 0;
 right: 0;
 top: 28vh;
 margin: auto;
 font-size: 35px;
 font-weight: bold;
 color: #fff;
 text-align: center;
 width: fit-content;
 height: fit-content;
 line-height: 1;
 letter-spacing: 0.1rem;
 text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
}
#seconds-fv p span{
 display: block;
 font-size: 15px;
 margin: 20px 0 0;
}
ul.breadcrumbs{
 display: flex;
 gap: 30px;
 justify-content: center;
 margin: 25px 0 95px;
}
ul.breadcrumbs li,
ul.breadcrumbs li a{
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 0.05rem;
 color: #BBB0A2;
 line-height: 1;
}
ul.breadcrumbs li a{
 text-decoration: none;
 position: relative;
}
ul.breadcrumbs li a:hover{
 text-decoration: underline wavy 2px #BBB0A2;
 text-underline-offset: 2px;
}
ul.breadcrumbs li a:after{
 content: "";
 position: absolute;
 background-image: url("../images/2f-common/breadcrumbs-arrow.png");
 background-size: cover;
 background-repeat: no-repeat;
 width: 6px;
 height: 10px;
 top: 0;
 bottom: 0;
 margin: auto;
 margin-left: 12px;
}
@media screen and (max-width: 768px){
 #seconds-fv{
  width: 95%;
  height: 150px;
  border-radius: 25px 0 0 25px;
  position: relative;
  margin: 50px 0 0 auto;
 }
 #seconds-fv p{
  top: 0;
  bottom: 0;
  font-size: 25px;
 }
 #seconds-fv p span{
  font-size: 18px;
  margin: 15px 0 0;
 }
 ul.breadcrumbs{
  margin: 17px 0 47px;
 }
 .heading img{
  height: unset;
  width: unset;
  max-width: 120px;
  top: 0;
  left: 10px;
 }
}