/*============================================================================
  #Override Stylesheet
  #Add Custom Styles Here
==============================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/*
font-family: 'Quicksand', sans-serif;

font-family: 'Poppins', sans-serif;

font-family: 'Bebas Neue', cursive;
*/

@font-face {
    font-family: 'MADE TOMMY';
    src: url('madetommy-extrabold.woff2') format('woff2'),
        url('madetommy-extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('madetommy-bold.woff2') format('woff2'),
        url('madetommy-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: 'Canela';
  src: url('ogg-roman.woff2') format('woff2'), url('ogg-roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Styreneaweb';
  src: url('styreneaweb-regular.woff2') format('woff2'), url('styreneaweb-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Styreneaweb';
  src: url('styreneaweb-medium.woff2') format('woff2'), url('styreneaweb-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('hk-grotesk-regular.woff2') format('woff2'),
        url('hk-grotesk-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('hk-grotesk-bold.woff2') format('woff2'),
        url('hk-grotesk-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Commuters Sans';
    src: url('commuters-sans-regular.woff2') format('woff2'),
        url('commuters-sans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Commuters Sans';
    src: url('commuters-sans-semi-bold.woff2') format('woff2'),
        url('commuters-sans-semi-bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}



body{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.88;
  color: #000000;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1.09px;
  font-family: 'HK Grotesk';
}
h1, h2, h3, h4, h5, h6{
  margin:0;
  margin-bottom:20px;
  font-family: 'Bebas Neue', cursive;
  font-weight: 500;
  color: #000000;
}
h1{
  font-family: 'MADE TOMMY';
  font-weight: bold;
  font-size: 86.5px;
  line-height: 1.04;
  letter-spacing: -0.4px;
  font-family: 'Canela';
}
h2{
  font-size: 48.75px;
  letter-spacing: 1px;
  line-height: 1.1;
  color: #23284f;
  text-align: center;
  font-family: 'Canela';
}
mark{color:#23284f;}
h3{
  font-size: 22.4px;
  line-height: 1.2;
}
h4{

}
h5{

}
h6{

}
.mobile_only{
  display:none;
}
.container--main {
  background: #ffffff !important;
  }

.pf4_button{
  position:relative;
  display: inline-block;
  margin: 0;
  background-color: #214A50;
  color: #FFF;
  padding: 13px 50px 13px 50px;
  font-size: 13px;
  font-family: 'Styreneaweb';
}
.pf4_button:after{
  content:" ";
  height:100%;
  width:100%;
  position:absolute;
  z-index: 0;
  left: -2px;
  bottom: -2px;
  display: none;
  background-color: #000;
}
.pf4_button span{
  font-family: 'Quicksand', sans-serif;
  font-size: 18.6px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.8px;
  color: #34333f;
  display:inline-block;
  background-color:#F0DF58;
  padding: 17px 45px;
  margin: 0;
  position:relative;
  z-index:1;
}
.pf4_button span:hover,
.pf4_button:hover{
  background-color:#000;
  color: #ffffff;
}



/*
  Globals --> Full Left BG
-----------------------------*/
.full-bg-holder {
  position: relative; }

.full-bg-holder > * {
  position: relative;
  z-index: 1; }

.full-left-bg {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
  content: "";
  background-color: #F5F5F5;
  background-repeat: no-repeat;
  opacity: 0;
  background-size: cover;
  }

.full-left-bg.active {
  opacity: 1; }

/*
  Globals --> Full right BG
-----------------------------*/
.full-right-bg {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  display: block;
  content: "";
  background-color: #859CAC;
  opacity: 0; }

.full-right-bg.active {
  opacity: 1; }

/*
  Globals --> Full Right & Left BG
-----------------------------*/
.full-bg-mobile {
  display: none;
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  content: "";
  opacity: 0;
  background-color: #859CAC; }

.full-bg-mobile.active {
  opacity: 1; }

@media (max-width: 980px) {
  .full-bg-mobile {
    display: block; 
  } 
}


.section_inner {
  width: 1110px;
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  position: relative;
}
.section_inner img {
  max-width: 100%;
  height: auto;
  margin: 0; 
}

.pf4_mobile_img,
.pf4_mobile_icon {
  width: 100% !important;
  display: none !important; 
}


.button-alt{
    width: auto;
    padding-left: 37px;
    margin-top: 0px;
    padding-top: 14px;
    height: auto;
    padding-right: 23px;
    background-color: #d1fa05;
    position: relative;
    z-index: 222;
    display: inline-block;
    color: #000 !important;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    padding-bottom: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
.button-alt:hover{
    background-color: #000;
    color: #FFF !important;
}

@media (max-width: 1440px) {
  body{
    font-size: 1.111VW;
    letter-spacing: 0.0712vw;
  }
  h1, h2, h3, h4, h5, h6{
    margin-bottom: 1.389vw;
  }
  h1{
    font-size: 4.826vw;
    letter-spacing: -0.028vw;
  }
  h2{
    font-size: 3.385vw;
  }
  h3{
    font-size: 1.563vw;
  }
  h4{

  }
  h5{

  }
  h6{

  }
  .section_inner {
    width: 77.083vw;
  }
  .button-alt{
    padding-left: 2.569vw;
    padding-top: 0.972vw;
    padding-right: 1.597vw;
    font-size: 1.042vw;
    letter-spacing: 0.125vw;
    padding-bottom: 0.833vw;
  }
}
@media (max-width: 1140px) {
  body{
    letter-spacing: 0.083vw;
    font-size: 1.3vw;
    line-height: 1.5;
  }
  h1, h2, h3, h4, h5, h6{
    margin-bottom: 1.389vw;
  }
  h1{
    font-size: 5.826vw;
    letter-spacing: -0.028vw;
  }
  h2{
    font-size: 3.969vw;
  }
  h3{
    font-size: 1.9vw;
  }
  h4{

  }
  h5{

  }
  h6{

  }
  .section_inner {
    width: 77.083vw;
  }
  .button-alt{
    padding-left: 2.569vw;
    padding-top: 0.972vw;
    padding-right: 1.597vw;
    font-size: 1.042vw;
    letter-spacing: 0.125vw;
    padding-bottom: 0.833vw;
  }  
}
@media (max-width: 1024px) {
  body{
    font-size: 1.4vw;
  }
  h1, h2, h3, h4, h5, h6{
    margin-bottom: 1.389vw;
  }
  h1{
    font-size: 6vw;
    letter-spacing: -0.028vw;
  }
  h2{
    font-size: 5vw;
  }
  h3{
    font-size: 3vw;
  }
  h4{

  }
  h5{

  }
  h6{

  }
  .section_inner {
    width: 100%;
  }
  .button-alt{
    padding-left: 2.569vw;
    padding-top: 1.5vw;
    padding-right: 2.597vw;
    font-size: 1.042vw;
    letter-spacing: 0.125vw;
    padding-bottom: 1.2vw;
  } 
}
@media (max-width: 768px) {
  body{
    font-size: 2.4vw;
    letter-spacing: 0.083vw;
  }
  h1, h2, h3, h4, h5, h6{
    margin-bottom: 1.389vw;
  }
  h1{
    font-size: 6.826vw;
    letter-spacing: -0.3vw;
    line-height: 1.03;
  }
  h2{
    font-size: 6.4vw;
    line-height: 1.15;
  }
  h3{
    font-size: 5.3vw;
    line-height: 1.1;
  }
  h4{

  }
  h5{

  }
  h6{

  }
  .section_inner {
    width: 100%;
  }
  .button-alt{
    padding-left: 8.569vw;
    padding-top: 2.55vw;
    padding-right: 5.597vw;
    font-size: 2.1vw;
    letter-spacing: 0.5vw;
    padding-bottom: 2.1vw;
    text-align: center;
    display: inline-block;
  } 
}
@media (max-width: 550px) {
  body{
    font-size: 4vw;
    letter-spacing: 0.083vw;
  }
  h1, h2, h3, h4, h5, h6{
    margin-bottom: 1.389vw;
  }
  h1{
    font-size: 16.6vw;
    letter-spacing: -0.3vw;
    line-height: 0.97;
  }
  h2{
    font-size: 11.7vw;
    line-height: 1.08;
    letter-spacing: 0.1vw;
    font-weight: 500;
  }
  h3{
    font-size: 5vw;
    line-height: 1.1;
    letter-spacing: 0.7vw;
  }
  h4{

  }
  h5{

  }
  h6{

  }
  .section_inner {
    width: 100%;
  }
  .button-alt{
    padding-left: 8.569vw;
    padding-top: 4.55vw;
    padding-right: 5.597vw;
    font-size: 3.2vw;
    letter-spacing: 0.5vw;
    padding-bottom: 4.1vw;
    text-align: center;
    display: inline-block;
  } 
}


/* 
=======================================
  Site Header Section
=========================================*/
.pf4_site_header {
    padding: 0;
    position: fixed;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0) !important;
    width: 100%;
}
.pf4_site_header.active {
    background-color: #fff !important;
}
.pf4_site_header .section_inner {
    width: 100%;
    padding-left: 37px;
    padding-right: 37px;
}

.pf4_heade_logo {
    width: 20%;
    padding-top: 44px;
    z-index: 2;
}

.pf4_heade_logo img {
    width: auto;
    height: 59px;
    max-width: initial !important;
    max-height: initial !important;
}

.pf4_header_right {
    width: 80%;
    text-align: right;
    padding-top: 37px;
}

.pf4_header_right ul {
    margin: 0px;
    padding: 0px;
    width: auto;
    display: inline-block;
}

.pf4_header_right ul li {
    list-style: none;
    margin: 0px;
    padding-left: 42px !important;
    display: inline-block;
    position: relative;
}

.pf4_header_right ul li a {
}

.pf4_header_right a {
    text-decoration: none;
    color: #23284f;
    font-size: 14.5px;
    line-height: normal !important;
    position: relative;
    margin: 0 !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-family: 'Styreneaweb';
    font-family: 'Commuters Sans';
}

.pf4_header_right a:hover {
    color: #000000;
}

.pf4_header_right a:before, .pf4_header_right a:after, .pf4_header_right a i {
    content: " ";
    position: absolute;
    height: 10px;
    bottom: 20px;
    z-index: 0;
    opacity: 0;
}

.pf4_header_right a span {
    position: relative;
    z-index: 1;
    padding-right: 1px;
}

.pf4_header_right a:before {
    width: 23px;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    left: -24px;
    content: ">>";
    opacity: 0;
    top: 0px;
    bottom: inherit;
}
.pf4_header_right a:hover:before{
  opacity: 1;
}
.pf4_header_right a:after {
    width: 29px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    right: 0;
    border: 0;
}

.pf4_header_right a i {
    left: 23px;
    width: calc(100% - 52px);
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
}

.pf4_header_right a:hover:before, .pf4_header_right a:hover:after, .pf4_header_right a:hover i {
    opacity: 1;
    display: none;
}

.pf4_header_social_icon {
    width: 15%;
    text-align: right;
    padding-top: 12px;
}

.pf4_header_social_icon a {
    text-decoration: none;
    display: inline-block;
    margin-left: 3px;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pf4_header_social_icon a img {
    height: 17px;
}

.dropdown-menu li {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.pf4_header_right .dropdown-menu li a:before, .pf4_header_right .dropdown-menu li a:after, .pf4_header_right .dropdown-menu li a i {
    bottom: 10px;
}

.dropdown-menu li a {
    padding-top: 0;
    padding-bottom: 0;
}

li.dropdown:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -8px;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.pf4_header_userarea span a {
    /* border: 2px solid #000; */
    /* padding: 4px 20px 6px 20px; */
    /* margin-left: 13px !important; */
}
.pf4_header_right ul li{
  position: relative;
}
.pf4_header_right ul li a:hover span {
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #d1fa05 0%, #d1fa05 100%);
    background-repeat: no-repeat;
    background-size: 100% 47%;
    background-position: 0 90%;
    padding-left: 6px;
    margin-left: -6px;
}
.pf4_header_right ul li:hover:before{
  content:"";
  width: 103%;
  height: 7px;
  background-color: #d1fa05;
  bottom: 3px;
  left: -3px;
  display: block;
  display: none;
  position: absolute;
}
.pf4_header_right ul li:hover i{

  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: -19px;
  top: 4px;
}
/*
  Header ---> Responsive Menu
-----------------------------*/
a.responsive-menu-hand {
    margin: 3px 0;
    position: absolute;
    top: 60px;
    right: -4px;
    display: none;
    width: 48px;
    height: 44px;
    cursor: pointer;
    background-image: url(open_img2.png);
    background-position: center right;
    background-repeat: no-repeat;
    /* background-color: #FFF; */
}

a.responsive-menu-hand span, a.responsive-menu-close span {
    display: none;
}

a.responsive-menu-hand span {
}

a.responsive-menu-close span {
    display: block;
}

a.responsive-menu-hand:before, a.responsive-menu-hand:after {
    display: none;
}

a.responsive-menu-close {
    clear: both;
    height: 40px;
    width: 40px;
    display: block;
    position: absolute;
    top: 8px;
    right: 37px;
}

a.responsive-menu-close strong {
    position: relative;
    height: 0px;
    width: 40px;
    display: block;
}

a.responsive-menu-close span:nth-child(1), a.responsive-menu-close span:nth-child(2) {
    width: 40px;
    display: block;
    margin-top: 5px;
    margin-left: 5px;
    background-color: #000;
    height: 5px;
}

a.responsive-menu-close span:nth-child(1) {
    transform: rotate(-50deg);
    margin-top: 25px;
}

a.responsive-menu-close span:nth-child(2) {
    transform: rotate(50deg);
    margin-top: -5px;
}

a.responsive-menu-close:hover {
    background-color: #EFCBBF;
}

.responsive-menu .user__avatar {
    display: none;
}

.responsive-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: -110%;
    background: rgba(239, 203, 191, 0.98);
    z-index: 999999;
    overflow: scroll;
    overflow-y: auto;
    overflow-x: auto;
    font-family: 'sofia_probold';
    transition: right 0.5s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.responsive-menu.active {
    right: 0;
}

.responsive-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    border-bottom: 0;
}

.responsive-menu ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    margin-bottom: 0px;
}

.responsive-menu ul li a, .responsive-menu .pf4_header_userarea span a {
    line-height: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    color: #000000;
    font-size: 22px !important;
    letter-spacing: 0.3px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.52;
    font-weight: bold;
    font-family: 'Work Sans', sans-serif;
    border: 0;
    margin: 0;
}

.responsive-menu ul li:hover {
    text-decoration: none;
}

.responsive-menu ul li a:hover {
    color: #000000;
}

.responsive-menu ul li i {
    height: 40px;
    width: 40px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 40px;
    cursor: pointer;
    border-left: solid 1px #ffbea5;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.responsive-menu ul li i.minus {
    background-image: url(images/ui/minus.svg);
}

.responsive-menu ul li i.plus {
    background-image: url(images/ui/plus.svg);
}

.responsive-menu ul li ul {
    margin: 0;
    padding: 0;
}

.responsive-menu ul li ul li a {
    font-size: 90%;
    padding-left: 30px;
    border-bottom: solid 1px #E9E9E9;
    background-color: #F0F0F0;
}

.responsive-menu ul li ul li ul li a {
    font-size: 80%;
    padding-left: 30px;
    border-bottom: solid 1px #E9E9E9;
    background-color: #E4E4E4 ;
}

.pf4_header_userarea span a {
    /* border: 2px solid #000; */
    /* padding: 4px 20px 6px 20px; */
    /* margin-left: 13px !important; */
    display: block;
    text-align: center;
}

span[kjb-settings-id="sections_header_settings_language_login"] {
    padding-left: 23px;
}

span[kjb-settings-id="sections_header_settings_language_login"] a {
    border: solid 2px #000;
    padding: 4px 17px;
}

html{
  padding: 0px !important;
}

.header .logo--image.mobile_only {
    display: none;
}

.responsive-menu .responsive-menu-head{ order: 1; }
.pf4_header_userarea{ order: 3; }
.responsive-menu #primary_menu{ order: 2; }

.pf4_site_header.active .section_inner{
    margin-bottom: 0px;
    padding-bottom: 14px;
    padding-top: 0px;
}
.pf4_site_header.active .pf4_heade_logo{
  padding-top: 10px;
  padding-bottom: 8px;
}
.pf4_site_header.active .pf4_heade_logo .logo--image{ 
  height: auto;
}
.pf4_site_header.active .pf4_heade_logo img{
  width: auto;
  height: 30px;
  margin-top: 10px;
}
.pf4_site_header.active .pf4_header_right{
  padding-top: 21px;
}

.pf4_header_right ul li:last-child {
    
}
.pf4_header_right ul li:last-child a {
    border: 2px solid #12625D;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 29px;
    padding-right: 29px;
    margin-top: -9px !important;
    background-color: #12625D;
    color: #FFF;
    font-weight: 400;
    font-weight: normal !important;
}
.pf4_header_right ul li:last-child a:hover{
  background-color: #ffffff;
  color: #000;
}
.pf4_header_right ul li a:last-child:hover span{
  background-image: linear-gradient(120deg, rgb(209 250 5 / 0%) 0%, rgb(209 250 5 / 0%) 100%);
}
@media screen and (max-width: 1440px) {
    span[kjb-settings-id="sections_header_settings_language_login"] {
        padding-left: 1.597vw;
    }
    .pf4_site_header .section_inner{
      width: 95.833vw;
    }
}

@media (max-width: 1200px) {
    .pf4_site_header .section_inner {
        width: 90%;
    }
}
@media screen and (max-width: 1140px) {
  .header .pf4_header_right .header-menu{
    display: none !important;
  }
  a.responsive-menu-hand{
    display: block;
  }
  
  .pf4_site_header.active .pf4_header_right a.responsive-menu-hand{
    top: 16px;
  }
}
@media (max-width: 1024px) {
    .pf4_site_header {
        padding-right: 5vw;
        padding-left: 5vw;
        background: rgba(255, 255, 255, 0) !important;
    }

    .pf4_site_header .section_inner {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .pf4_heade_logo {
        width: 45%;
        padding-top: 15px;
    }

    .pf4_header_right {
        width: 55%;
        padding-top: 15px;
    }

    a.responsive-menu-hand span {
        display: block;
        top: 5vw;
    }

    .header .header-menu {
        display: none !important;
    }

    .pf4_heade_logo img {
    height: 40px;
    margin-top: 5px;
    }

    a.responsive-menu-hand {
        display: block;
        top: 21px;
        right: 0px;
    }

    
}

@media (max-width: 768px) {
    .header .logo--image {
        height: auto !important;
        max-height: unset !important;
        max-width: 100%;
        display: none;
    }

    .header .logo--image.mobile_only {
        display: block;
    }

    .pf4_heade_logo img {
        height: auto;
        max-height: unset !important;
        width: 19vw;
        max-width: unset !important;
        transform: translateY(0) !important;
        top: -2% !important;
        left: -3.3vw;
    }

    a.responsive-menu-hand {
        top: 33px;
    }

    .pf4_heade_logo img {
        height: auto;
        max-height: unset !important;
        width: 150px;
        max-width: unset !important;
        transform: translateY(0) !important;
        top: 0 !important;
        left: 0;
    }

    .pf4_heade_logo {
        padding-top: 34px;
    }
}

@media (max-width: 550px) {
    .pf4_site_header {
        padding-right: 6.5vw;
        padding-left: 6.3vw;
    }

    .pf4_heade_logo {
        padding-top: 34px;
    }

    a.responsive-menu-hand {
        top: 33px;
    }
}





/*
  Home ---> Section 01
-----------------------------*/
.bbs_01{
    position: relative;
    padding-top: 304px;
    padding-bottom: 95px;
}
.bbs_01:before{
  content:"";
  background-color:#f4f1ec;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 14.42%;
}
.bbs_01_bg{
    width: 100%;
    display: none;
    /* background-image: url(bbu_s01_1_top.png); */
    height: 160px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    
}
.bbs_01 .section_inner{
    width: 1100px;
}

.bbs_01_left{
    width: 48%;
    padding-right: 38px;
}
.bbs_01_left_img{}
.bbs_01_left_img img{
    margin: 0px;
    padding: 0px;
    box-shadow: -29.6px -4.7px 71px 0 rgba(213, 202, 191, 0.8);
}

.bbs_01_righ{
    width: 52%;
    padding-left: 15px;
}
.bbs_01_righ_in{}

.bbs_01_item_top{
    padding-top: 67px;
    padding-bottom: 55px;
}
.bbs_01_item_top h1{
    font-size: 76.5px;
    margin-bottom: 0px;
    padding-bottom: 23px;
    text-transform: lowercase;
    font-weight: normal;
    letter-spacing: 2px;
}
.bbs_01_item_top h1 mark{
    background-color: rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-size: 100% 41%;
    background-position: 0% 88%;
    padding: 0px;
    padding-right: 4px;
    position: relative;
    background-image: linear-gradient( 
120deg
 , #e5fc88 0%, #e5fc88 100%);
    color: #000;
}
.bbs_01_item_top .price{
    color: #214A50;
    font-weight: 600;
    font-size: 33px;
    display: block;
    line-height: 1;
    /* font-style: italic; */
    letter-spacing: -1px;
}
.bbs_01_item_top article{
    padding-top: 0px;
}
.bbs_01_item_top article p{
    margin: 0px;
    padding-bottom: 24px;
    letter-spacing: 0.8px;
}
.bbs_01_item_top article p em{
    font-family: 'Styreneaweb';
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Commuters Sans';
}

.bbs_01_link{
    padding-top: 20px;
}
.bbs_01_link a.pf4_button{
    padding: 12px 46px 10px 37px;
    letter-spacing: 0.8px;
}
.bbs_01_link span{
    display: block;
    padding-top: 8px;
    font-style: italic;
    font-size: 11px;
    font-weight: bold;
}
.bbs_01_link span strong{
    color: #ACD016;
    position: relative;
}
.bbs_01_link span strong:after{
  content:"";
  position:absolute;
  width:100%;
  height:1px;
  background-color: #ACD016;
  display:block;
  bottom: 0px;
  left:0px;
}

.bbs_01_item{
    /* padding-top: 79px; */
    padding-left: 3px;
    padding-bottom: 32px;
}
.bbs_01_item h2{
    font-size: 32.75px;
    /* padding-left: 53px; */
    letter-spacing: 0.4px;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: left;
    text-transform: lowercase;
}
.bbs_01_item h2 span{
    position: absolute;
    top: 2px;
    left: 0px;
    width: 39px;
    height: 39px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
}
.bbs_01_item h2 mark{
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #D9DFED 0%, #D9DFED 100%);
    background-repeat: no-repeat;
    background-size: 100% 53%;
    background-position: 11% 91%;
    padding: 0px;
    padding-right: 4px;
    position: relative;
}
.bbs_01_item h2 mark:after{
  width: 200px;
  content:" ";
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 58%;
  left: calc(100% + 35px);
  opacity: 0;
}
.bbs_01_item article{
    padding-left: 19px;
    /* margin-right: -50px; */
}
.bbs_01_item article p{
    margin: 0px;
    margin-left: 0px;
    font-style: italic;
    padding-top: 11px;
    line-height: 1.6;
}
.bbs_01_item article p a{
    color: #273ef2;
    text-decoration: underline;
}

.bbs_01_item article ul{
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
}
.bbs_01_item article ul li{
    margin: 0px;
    padding-left: 18px;
    padding-bottom: 24px;
    list-style: none;
    position: relative;
    line-height: 1.69;
    letter-spacing: 0.23px;
}
.bbs_01_item article ul li div{
    width: 6px;
    height: 6px;
    position: absolute;
    display: block;
    top: 10px;
    left: 0px;
    /* background-image: url(bbu_s01_7.png); */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    background-color: #C9E35E;
    border-radius: 100%;
}
.bbs_01_item article ul li br{
    /* display: none; */
}
.bbs_01_item article ul li a{
    color: #273ef2;
    position: relative;
}
.bbs_01_item article ul li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #273ef2;
    display: block;
    bottom: 0px;
    left: 0px;
}
.bbs_01_item article ul li strong{}

.bbs_01_item.style_2{
    padding-bottom: 45px;
}
.bbs_01_item.style_2 article{color: #23284f;}
.bbs_01_item.style_2 article p{ }
.bbs_01_item.style_2 article ul{padding-top: 14px;}
.bbs_01_item.style_2 article ul li{padding-bottom: 6px;}

.bbs_01_item.style_3 article{
    padding-top: 1px;
    color: #23284f;
}

.bbs_01_item.style_4 article{padding-top: 0px;color: #23284f;}
.bbs_01_item.style_4 article p{ }
.bbs_01_item.style_4 article ul{}
.bbs_01_item.style_4 article ul li{}
.bbs_01_item.style_4 article ul li div{
    width: 18px;
    height: 18px;
    top: 3px;
    left: -11px;
    line-height: 20px;
    text-align: center;
    font-style: italic;
    background-color: #C8E25D;
    background-image: none !important;
    border-radius: 50%;
    color: #000000;
    font-weight: 700;
    font-size: 12px;
}
.bbs_01_item.style_5 article{
    padding-top: 0px;
    color: #23284f;
}
.bbs_01_item.style_5 article p{
    padding-top: 14px;
    font-style: normal;
    padding-bottom: 8px;
}
.bbs_01_item_top .pf4_button.mobile_only{
  display:none;
}

  .bbs_02_lists_slider{
    display: none !important;
    position: relative;
  }
  .bbs_02_lists_slider ul.slick-dots{
    display: none !important;
  }

  .bbs_02_lists_slider .slick-prev,
  .bbs_02_lists_slider .slick-next{
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    font-size: 0px;
    width: 30px;
    height: 52px;
    padding: 0px;
    margin: 0px;
    background-size: contain;
    position: absolute;
    top: 42%;
    z-index: 9;
  }
  .bbs_02_lists_slider .slick-prev{
    background-image: url(bob_03_s1.png);
    left: -1.6vw;
  }
  .bbs_02_lists_slider .slick-next{
    background-image: url(bob_03_s2.png);
    right: -1.6vw;
  }

  .bbs_02_lists_slider .slick-list .slick-track .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6vw;
    padding-top: 6vw;
  }

@media (max-width: 1440px) {
  .bbs_01{
      padding-top: 21.111vw;
      padding-bottom: 6.597vw;
  }
  .bbs_01:before{ }
  .bbs_01_bg{
      height: 11.111vw;
  }
  .bbs_01 .section_inner{
      width: 76.389vw;
  }

  .bbs_01_left{
      padding-right: 2.639vw;
  }
  .bbs_01_left_img{}
  .bbs_01_left_img img{
      box-shadow: -2.056vw -0.326vw 4.931vw 0 rgba(213, 202, 191, 0.8);
  }

  .bbs_01_righ{
      padding-left: 1.042VW;
  }
  .bbs_01_righ_in{}

  .bbs_01_item_top{
      padding-top: 4.653vw;
      padding-bottom: 3.819vw;
  }
  .bbs_01_item_top h1{
      font-size: 5.313vw;
      padding-bottom: 1.597vw;
      letter-spacing: 0.139vw;
  }
  .bbs_01_item_top .price{
      font-size: 2.292vw;
      letter-spacing: -0.069vw;
  }
  .bbs_01_item_top article{ }
  .bbs_01_item_top article p{
      padding-bottom: 1.667vw;
      letter-spacing: 0.056vw;
  }
  .bbs_01_item_top article p em{
      font-size: 0.833vw;
  }

  .bbs_01_link{
      padding-top: 1.389vw;
  }
  .bbs_01_link a.pf4_button{
      padding: 0.833vw 3.194vw 0.694vw 2.569vw;
      letter-spacing: 0.056vw;
  }
  .bbs_01_link span{
      padding-top: 0.556vw;
      font-size: 0.764vw;
  }
  .bbs_01_link span strong{ }
  .bbs_01_link span strong:after{ }

  .bbs_01_item{
      padding-left: 0.208vw;
      padding-bottom: 2.222vw;
  }
  .bbs_01_item h2{
      font-size: 2.274vw;
      letter-spacing: 0.028vw;
  }
  .bbs_01_item h2 span{
      top: 0.139vw;
      width: 2.708vw;
      height: 2.708vw;
  }
  .bbs_01_item h2 mark{ }
  .bbs_01_item h2 mark:after{
    width: 13.889vw;
    left: calc(100% + 2.431vw);
  }
  .bbs_01_item article{
      padding-left: 1.319vw;
  }
  .bbs_01_item article p{
      padding-top: 0.764vw;
  }
  .bbs_01_item article p a{ }

  .bbs_01_item article ul{
      padding-top: 0.694vw;
  }
  .bbs_01_item article ul li{
      padding-left: 1.25vw;
      padding-bottom: 1.667vw;
      letter-spacing: 0.016vw;
  }
  .bbs_01_item article ul li div{
      width: 0.417vw;
      height: 0.417vw;
      top: 0.694vw;
  }
  .bbs_01_item article ul li br{ }
  .bbs_01_item article ul li a{ }
  .bbs_01_item article ul li a:after { }
  .bbs_01_item article ul li strong{}

  .bbs_01_item.style_2{
      padding-bottom: 3.125vw;
  }
  .bbs_01_item.style_2 article{ }
  .bbs_01_item.style_2 article p{ }
  .bbs_01_item.style_2 article ul{ padding-top: 0.972vw; }
  .bbs_01_item.style_2 article ul li{ padding-bottom: 0.417vw; }

  .bbs_01_item.style_3 article{
      padding-top: 0.069vw;
  }

  .bbs_01_item.style_4 article{ }
  .bbs_01_item.style_4 article p{ }
  .bbs_01_item.style_4 article ul{}
  .bbs_01_item.style_4 article ul li{}
  .bbs_01_item.style_4 article ul li div{
      width: 1.25vw;
      height: 1.25vw;
      top: 0.208vw;
      left: -0.764vw;
      line-height: 1.389vw;
      font-size: 0.833vw;
  }
  .bbs_01_item.style_5 article{}
  .bbs_01_item.style_5 article p{
      padding-top: 0.972vw;
      padding-bottom: 0.556vw;
  }
  .bbs_01_item_top .pf4_button.mobile_only{}

  .bbs_02_lists_slider{}
  .bbs_02_lists_slider ul.slick-dots{}

  .bbs_02_lists_slider .slick-prev,
  .bbs_02_lists_slider .slick-next{
    width: 2.083vw;
    height: 3.611vw;
  }
  .bbs_02_lists_slider .slick-prev{
    left: -23.04px;
  }
  .bbs_02_lists_slider .slick-next{
    right: -23.04px;
  }

  .bbs_02_lists_slider .slick-list .slick-track .slick-slide {
    padding-left: 0.694vw;
    padding-right: 0.694vw;
    padding-bottom: 86.4px;
    padding-top: 86.4px;
  }
}
@media (max-width: 1140px) {
  .bbs_01{padding-top: 21.347vw;padding-left: 7vw;padding-right: 7vw;}
  .bbs_01_bg{  }
  .bbs_01 .section_inner{width: 100%;}

  .bbs_01_left{  }
  .bbs_01_left_img{  }
  .bbs_01_left_img img{  }

  .bbs_01_righ{  }
  .bbs_01_righ_in{  }

  .bbs_01_item_top{  }
  .bbs_01_item_top h1{font-size: 6vw;}
  .bbs_01_item_top .price{  }
  .bbs_01_item_top article{  }
  .bbs_01_item_top article p{  }
  .bbs_01_item_top article p em{  }

  .bbs_01_link{  }
  .bbs_01_link a.pf4_button{  }
  .bbs_01_link span{  }
  .bbs_01_link span strong{  }
  .bbs_01_link span strong:after{  }

  .bbs_01_item{  }
  .bbs_01_item h2{font-size: 2.9vw;}
  .bbs_01_item h2 span{  }
  .bbs_01_item h2 mark{  }

  .bbs_01_item article{margin-right: 0vw;}
  .bbs_01_item article p{  }
  .bbs_01_item article p a{  }

  .bbs_01_item article ul{  }
  .bbs_01_item article ul li{  }
  .bbs_01_item article ul li div{  }
  .bbs_01_item article ul li br{
    display: none;
  }
  .bbs_01_item article ul li a{  }
  .bbs_01_item article ul li a:after {  }
  .bbs_01_item article ul li strong{}

  .bbs_01_item.style_2{  }
  .bbs_01_item.style_2 article{ }
  .bbs_01_item.style_2 article p{ }
  .bbs_01_item.style_2 article ul{  }
  .bbs_01_item.style_2 article ul li{  }

  .bbs_01_item.style_3 article{  }

  .bbs_01_item.style_4 article{  }
  .bbs_01_item.style_4 article p{ }
  .bbs_01_item.style_4 article ul{}
  .bbs_01_item.style_4 article ul li{}
  .bbs_01_item.style_4 article ul li div{  }
  .bbs_01_item.style_5 article{margin-right: 0vw;}
  .bbs_01_item.style_5 article p{  }
  .bbs_01_item.style_5 article p br{
    display: none;
  }
}
@media (max-width: 1024px) {
  .bbs_01{  }
  .bbs_01_bg{  }
  .bbs_01 .section_inner{  }

  .bbs_01_left{  }
  .bbs_01_left_img{  }
  .bbs_01_left_img img{  }

  .bbs_01_righ{  }
  .bbs_01_righ_in{  }

  .bbs_01_item_top{  }
  .bbs_01_item_top h1{  }
  .bbs_01_item_top .price{  }
  .bbs_01_item_top article{  }
  .bbs_01_item_top article p{  }
  .bbs_01_item_top article p em{  }

  .bbs_01_link{  }
  .bbs_01_link a.pf4_button{  }
  .bbs_01_link span{  }
  .bbs_01_link span strong{  }
  .bbs_01_link span strong:after{  }

  .bbs_01_item{  }
  .bbs_01_item h2{  }
  .bbs_01_item h2 span{top: -4px;left: -16px;width: 39px;height: 39px;}
  .bbs_01_item h2 mark{padding: 0;}

  .bbs_01_item article{padding-left: 2.208vw;}
  .bbs_01_item article p{margin-left: 0vw;}
  .bbs_01_item article p br{
    display: none;
  }
  .bbs_01_item article p a{  }

  .bbs_01_item article ul{  }
  .bbs_01_item article ul li{  }
  .bbs_01_item article ul li div{  }
  .bbs_01_item article ul li br{}
  .bbs_01_item article ul li a{  }
  .bbs_01_item article ul li a:after {  }
  .bbs_01_item article ul li strong{}

  .bbs_01_item.style_2{  }
  .bbs_01_item.style_2 article{line-height: 1.5;letter-spacing: 0.083vw;font-size: 3.5vw;font-size: 1.4vw;}
  .bbs_01_item.style_2 article p{ }
  .bbs_01_item.style_2 article ul{  }
  .bbs_01_item.style_2 article ul li{  }

  .bbs_01_item.style_3 article{  }

  .bbs_01_item.style_4 article{  }
  .bbs_01_item.style_4 article p{ }
  .bbs_01_item.style_4 article ul{}
  .bbs_01_item.style_4 article ul li{}
  .bbs_01_item.style_4 article ul li div{  }
  .bbs_01_item.style_5 article{padding-left: 3.6vw;}
  .bbs_01_item.style_5 article p{  }
}
@media (max-width: 768px) {
  .bbs_01{padding-left: 7vw;padding-right: 7vw;padding-top: 20.347vw;}
  .bbs_01_bg{background-image: url(bbu_s01_1_top_m.png);height: 20.111vw;}
  .bbs_01 .section_inner{  }

  .bbs_01_left{width: 100%;order: 3;height: 141.2vw;overflow: hidden;overflow-y: scroll;padding-right: 1.7vw;box-shadow: -29.6px -4.7px 71px 0 rgba(213, 202, 191, 0.8);}
  .bbs_01_left_img{  }
  .bbs_01_left_img img{box-shadow: 0px 0px 0px #000;}

  .bbs_01_righ{order: 2;width: 100%;padding-left: 0vw;padding-left: 6vw;padding-right: 6vw;padding-bottom: 4.6vw;}
  .bbs_01_righ_in{  }

  .bbs_01_item_top{text-align: center;padding-top: 4.4vw;}
  .bbs_01_item_top h1{font-size: 9vw;-webkit-text-stroke-width: 3px;letter-spacing: 0vw;/* text-shadow: 0px 5px 0px #e5765b; */}
  .bbs_01_item_top .price{font-size: 5.875vw;padding-top: 2.7vw;padding-bottom: 1.1vw;}
  .bbs_01_item_top article{
    letter-spacing: 0.2vw;
    line-height: 1.78;
  }
  .bbs_01_item_top article p{/* letter-spacing: 0.2vw; */padding-bottom: 2.5vw;}
  .bbs_01_item_top article p em{font-size: 2.4vw;}

  .bbs_01_item_top_subtitle{
    letter-spacing: 0.23vw;
    padding-bottom: 4.5vw;
    line-height: 1.5;
  }
  .bbs_01_item_top_subtitle em{}
  .bbs_01_item_top .pf4_button.mobile_only{
    margin-bottom: 2.7vw;
    line-height: 1.5;
    padding: 2.5vw 6vw 2.5vw 6vw;
    font-size: 2.4vw;
    letter-spacing: 0.7vw;
    display:inline-block;
  }

  .bbs_01_link{  }
  .bbs_01_link a.pf4_button{display: none;}
  .bbs_01_link span{letter-spacing: 0.2vw;padding-right: 2.5vw;font-size: 3vw;}
  .bbs_01_link span strong{  }
  .bbs_01_link span strong:after{  }

  .bbs_01_item{padding-left: 0vw;padding-bottom: 0.764vw;padding-top: 2.9vw;text-align: left;}
  .bbs_01_item h2{padding-left: 0vw;text-align: center;margin-left: 0vw;font-size: 6.6vw;line-height: 1.15;letter-spacing: 0.3vw;font-weight: 500;padding-bottom: 3.9vw;}
  .bbs_01_item h2 span{position: relative;top: 0px;left: 0px;display: block;margin: 0px auto;width: 60px;height: 50px;margin-bottom: 3.2vw;}
  .bbs_01_item h2 mark{/* font-size: 8.6vw; *//* line-height: 1.15; *//* letter-spacing: 0.2vw; */}

  .bbs_01_item article{padding-left: 3.208vw;}
  .bbs_01_item article p{  }
  .bbs_01_item article p a{  }

  .bbs_01_item article ul{  }
  .bbs_01_item article ul li{line-height: 1.8;padding-bottom: 4vw;font-size: 2.4vw;letter-spacing: 0.083vw;}
  .bbs_01_item article ul li div{width: 10px;height: 10px;top: 12px;left: -18px;}
  .bbs_01_item article ul li br{}
  .bbs_01_item article ul li a{  }
  .bbs_01_item article ul li a:after {  }
  .bbs_01_item article ul li strong{}

  .bbs_01_item.style_2{padding-top: 5.5vw;}
  .bbs_01_item.style_2 h2{/* padding-bottom: 0.9vw; */}
  .bbs_01_item.style_2 article{line-height: 1.8;letter-spacing: 0.27vw;font-size: 2.4vw;}
  .bbs_01_item.style_2 article p{padding-top: 0.6vw;padding-bottom: 3vw;}
  .bbs_01_item.style_2 article ul{  }
  .bbs_01_item.style_2 article ul li{padding-bottom: 2vw;}
  
  .bbs_01_item.style_3{}
  .bbs_01_item.style_3 h2{
    margin-top: 0.7vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .bbs_01_item.style_3 article{  }

  .bbs_01_item.style_4 article{  }
  .bbs_01_item.style_4 article p{ }
  .bbs_01_item.style_4 article ul{}
  .bbs_01_item.style_4 article ul li{
    letter-spacing: 0.24vw;
  }
  .bbs_01_item.style_4 article ul li div{width: 24px;height: 24px;top: 3px;left: -27px;line-height: 24px;font-size: 14px;}
  
  .bbs_01_item.style_5{}
  .bbs_01_item.style_5 h2{
    margin-top: -1.3vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .bbs_01_item.style_5 h2 span{
    width: 70px;
    height: 57px;
    margin-bottom: 3.3vw;
  }
  .bbs_01_item.style_5 article{padding-left: 0px;text-align: center;margin-top: -1.7vw;line-height: 1.74;margin-left: -4vw;margin-right: -4vw;}
  .bbs_01_item.style_5 article p{padding-bottom: 24px;}

  .bbs_01_mobile_img.mobile_only{
    display: block;
    height: auto;
    margin-left: 0vw;
    margin-right: 0vw;
    width: auto;
    background-image: none !important;
    order: 1;
  }
  .bbs_01_mobile_img.mobile_only img{
    opacity: 1;
    width: 100%;
  }

  /* width */
  .bbs_01_left::-webkit-scrollbar {
    width: 9px;
  }

  /* Track */
  .bbs_01_left::-webkit-scrollbar-track {
    background: #e1c7c4;
    border-radius: 10px;
  }
   
  /* Handle */
  .bbs_01_left::-webkit-scrollbar-thumb {
    background: #e16849; 
    border-radius: 10px;
  }

  /* Handle on hover */
  .bbs_01_left::-webkit-scrollbar-thumb:hover {
    background: #e16849; 
  }
}
@media (max-width: 550px) {
  .bbs_01{padding-left: 5vw;padding-right: 5vw;padding-top: 34.347vw;}
  .bbs_01_bg{background-image: url(bbu_s01_1_top_m.png);height: 20.111vw;}
  .bbs_01 .section_inner{  }

  .bbs_01_left{width: 100%;order: 3;height: 141.2vw;overflow: hidden;overflow-y: scroll;padding-right: 1.7vw;box-shadow: -29.6px -4.7px 71px 0 rgba(213, 202, 191, 0.8);}
  .bbs_01_left_img{  }
  .bbs_01_left_img img{box-shadow: 0px 0px 0px #000;}

  .bbs_01_righ{order: 2;width: 100%;padding-left: 0vw;padding-left: 6vw;padding-right: 6vw;padding-bottom: 8.6vw;}
  .bbs_01_righ_in{  }

  .bbs_01_item_top{text-align: center;padding-top: 4.4vw;}
  .bbs_01_item_top h1{font-size: 15vw;-webkit-text-stroke-width: 0;letter-spacing: 0vw;/* text-shadow: 0px 5px 0px #e5765b; */font-weight: normal;}
  .bbs_01_item_top .price{font-size: 7.875vw;padding-top: 8.7vw;padding-bottom: 1.1vw;}
  .bbs_01_item_top article{
    letter-spacing: 0.2vw;
    line-height: 1.78;
  }
  .bbs_01_item_top article p{/* letter-spacing: 0.2vw; */padding-bottom: 4.5vw;}
  .bbs_01_item_top article p em{  }

  .bbs_01_item_top_subtitle{
    letter-spacing: 0.23vw;
    padding-bottom: 4.5vw;
    line-height: 1.5;
  }
  .bbs_01_item_top_subtitle em{}
  .bbs_01_item_top .pf4_button.mobile_only{
    background-color: #214A50;
    color: #FFF;
    padding: 4.3vw 10.5vw 4.1vw 10.5vw;
    font-size: 4.2vw;
    letter-spacing: 0.45vw;
    margin-bottom: 5.7vw;
    line-height: 1.5;
  }
  .bbs_01_item_top .pf4_button.mobile_only:hover{
    background-color:#000;
  }
  .bbs_01_link{  }
  .bbs_01_link a.pf4_button{display: none;}
  .bbs_01_link span{letter-spacing: 0.2vw;padding-right: 2.5vw;}
  .bbs_01_link span strong{  }
  .bbs_01_link span strong:after{  }

  .bbs_01_item{padding-left: 0vw;padding-bottom: 0.764vw;padding-top: 8.9vw;text-align: left;}
  .bbs_01_item h2{padding-left: 0vw;text-align: left;margin-left: 0vw;font-size: 8vw;line-height: 1.15;letter-spacing: 0.3vw;font-weight: 500;padding-bottom: 2.9vw;color: #000;}
  .bbs_01_item h2 span{position: relative;top: 0px;left: 0px;display: block;margin: 0px auto;width: 60px;height: 50px;margin-bottom: 3.2vw;display: none;}
  .bbs_01_item h2 mark{
    color: #000;
}
  .bbs_01_item h2 mark strong{
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #bbe3d9 0%, #bbe3d9 100%);
    background-repeat: no-repeat;
    background-size: 100% 56%;
    background-position: 1px 76%;
    font-weight: 200;
  }
  .bbs_01_item article{padding-left: 3.208vw;}
  .bbs_01_item article p{  }
  .bbs_01_item article p a{  }

  .bbs_01_item article ul{  }
  .bbs_01_item article ul li{line-height: 1.8;letter-spacing: 0.27vw;padding-bottom: 6vw;font-size: 4vw;}
  .bbs_01_item article ul li div{width: 10px;height: 10px;top: 9px;left: -18px;}
  .bbs_01_item article ul li br{}
  .bbs_01_item article ul li a{  }
  .bbs_01_item article ul li a:after {  }
  .bbs_01_item article ul li strong{}

  .bbs_01_item.style_2{padding-top: 10.5vw;}
  .bbs_01_item.style_2 h2{/* padding-bottom: 0.9vw; */text-align: left;}
  .bbs_01_item.style_2 article{line-height: 1.74;font-size: 3.6vw;letter-spacing: 0.083vw;}
  .bbs_01_item.style_2 article p{padding-top: 0.6vw;padding-bottom: 3vw;}
  .bbs_01_item.style_2 article ul{  }
  .bbs_01_item.style_2 article ul li{padding-bottom: 2vw;}
  
  .bbs_01_item.style_3{}
  .bbs_01_item.style_3 h2{
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  .bbs_01_item.style_3 article{  }

  .bbs_01_item.style_4 article{  }
  .bbs_01_item.style_4 article p{ }
  .bbs_01_item.style_4 article ul{}
  .bbs_01_item.style_4 article ul li{
    letter-spacing: 0.24vw;
  }
  .bbs_01_item.style_4 article ul li div{width: 24px;height: 24px;top: 3px;left: -27px;line-height: 24px;font-size: 14px;}
  
  .bbs_01_item.style_5{}
  .bbs_01_item.style_5 h2{
    margin-top: -2.3vw;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    margin-left: -4vw;
    margin-right: -4vw;
  }
  .bbs_01_item.style_5 h2 span{
    width: 70px;
    height: 57px;
    margin-bottom: 3.3vw;
  }
  .bbs_01_item.style_5 article{padding-left: 0px;text-align: left;margin-top: -1.7vw;line-height: 1.74;margin-left: -4vw;margin-right: -4vw;}
  .bbs_01_item.style_5 article p{padding-bottom: 24px;}

  .bbs_01_mobile_img.mobile_only{
    display: block;
    height: auto;
    margin-left: -4vw;
    margin-right: -4vw;
    width: auto;
    background-image: none !important;
    order: 1;
  }
  .bbs_01_mobile_img.mobile_only img{
    opacity: 1;
    width: 100%;
  }

  /* width */
  .bbs_01_left::-webkit-scrollbar {
    width: 9px;
  }

  /* Track */
  .bbs_01_left::-webkit-scrollbar-track {
    background: #e1c7c4;
    border-radius: 10px;
  }
   
  /* Handle */
  .bbs_01_left::-webkit-scrollbar-thumb {
    background: #e16849; 
    border-radius: 10px;
  }

  /* Handle on hover */
  .bbs_01_left::-webkit-scrollbar-thumb:hover {
    background: #e16849; 
  }

  .bbs_01_item.style_3 h2 mark{
    /* background-image: none; */
  }
  .bbs_01_item.style_3 h2 mark strong{}
  .bbs_01_item_top article p br{
    display:none;
  }
  .bbs_01:before{
    height:155vw;
  }
}

/*
  Home ---> Section 02
-----------------------------*/
.bbs_02{
    padding-top: 70px;
    padding-bottom: 127px;
}
.bbs_02 .section_inner{
    width: 1128px;
}
.bbs_02 .section_inner:before{
  content:"";
  width: 100%;
  height: 147px;
  display: block;
  position: absolute;
  left: 0px;
  bottom: -20px;
  background-color: #ced2de;
}
.bbs_02_title{
    width: 100%;
    text-align: center;
    padding-right: 24px;
}
.bbs_02_title h2{
    margin: 0px;
    font-size: 41.75px;
    text-transform: lowercase;
    letter-spacing: 2px;
    line-height: 1.2;
}
.bbs_02_title h2 mark{
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #e5fc88 0%, #e5fc88 100%);
    background-repeat: no-repeat;
    background-size: 99.5% 56%;
    background-position: 0px 80%;
    padding: 0px;
    padding-left: 2px;
    padding-right: 0px;
    font-style: italic;
}
.bbs_02_title h2 br{/* display: none; */}
.bbs_02_title h2 br.m{
  display: none;
}

.bbs_02_lists{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 37px;
    position: relative;
}
.bbs_02_item{
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}
.bbs_02_item_in{
    width: 100%;
    border: 1px solid #000;
    background-color: #FFF;
    min-height: 287px;
    padding: 10px 26px;
    transition: all 0.5s ease;
}
.bbs_02_item_in:hover{
  transform: translateY(-5%) scale(1.03);
}
.bbs_02_item_step{
    width: 100%;
    height: 81px;
    text-align: left;
}
.bbs_02_item_step div{
    /* text-align: right; */
    font-size: 52px;
    color: #c6e349;
    font-family: 'Bebas Neue', cursive;
    font-weight: 200;
    font-style: italic;
    line-height: 0.99;
    padding-top: 23px;
    padding-right: 24px;
    position: relative;
    width: auto;
    display: inline-block;
    padding-left: 50px;
    font-family: 'Canela';
}
.bbs_02_item_step div strong{
  
position: relative;
  
z-index: 1;
}
.bbs_02_item_step div:before{
  content:"";
  width: 60px;
  height: 60px;
  display: block;
  background-color: #f3f4f9;
  position: absolute;
  top: 4px;
  right: -12px;
  border-radius: 50%;
  z-index: 0;
}
.bbs_02_item_step div span{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    position: absolute;
    top: 37px;
    left: 0px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: 'Commuters Sans';
}

.bbs_02_item_in article{
}
.bbs_02_item_in article p{
    margin: 0px;
    letter-spacing: 0.2px;
    line-height: 1.7;
}

@media (max-width: 1440px) {
  .bbs_02{
      padding-top: 6vw;
      padding-bottom: 8.75vw;
  }
  .bbs_02 .section_inner{
      width: 78.333vw;
  }
  .bbs_02 .section_inner:before{
    height: 10.208vw;
    bottom: -1.389vw;
  }
  .bbs_02_title{
      padding-right: 1.667vw;
  }
  .bbs_02_title h2{
      font-size: 2.899vw;
      letter-spacing: 0.139vw;
  }
  .bbs_02_title h2 mark{
      padding-left: 0.139vw;
  }
  .bbs_02_title h2 br{ }
  .bbs_02_title h2 br.m{ }

  .bbs_02_lists{
      padding-top: 2.569vw;
  }
  .bbs_02_item{
      padding-left: 1.042vw;
      padding-right: 1.042vw;
  }
  .bbs_02_item_in{
      min-height: 19.931vw;
      padding: 0.694vw 1.806vw;
  }
  .bbs_02_item_in:hover{}
  .bbs_02_item_step{
      height: 5.625vw;
  }
  .bbs_02_item_step div{
      font-size: 3.611vw;
      padding-top: 1.597vw;
      padding-right: 1.667vw;
      padding-left: 3.472vw;
  }
  .bbs_02_item_step div strong{ }
  .bbs_02_item_step div:before{
    width: 4.167vw;
    height: 4.167vw;
    top: 0.278vw;
    right: -0.833vw;
  }
  .bbs_02_item_step div span{
      font-size: 0.972vw;
      top: 2.569vw;
      letter-spacing: 0.208vw;
  }

  .bbs_02_item_in article{
  }
  .bbs_02_item_in article p{
      letter-spacing: 0.014vw;
  }
}
@media (max-width: 1140px) {
  .bbs_02{padding-left: 7vw;padding-right: 7vw;}
  .bbs_02 .section_inner{width: 100%;}

  .bbs_02_title{  }
  .bbs_02_title h2{}
  .bbs_02_title h2 mark{  }

  .bbs_02_lists{  }
  .bbs_02_item{  }
  .bbs_02_item_in{height: 100%;}
  .bbs_02_item_step{  }
  .bbs_02_item_step div{  }
  .bbs_02_item_step div span{font-size: 1.2vw;}

  .bbs_02_item_in article{  }
  .bbs_02_item_in article p{  }
}
@media (max-width: 1024px) {
  .bbs_02{  }
  .bbs_02 .section_inner{  }

  .bbs_02_title{  }
  .bbs_02_title h2{}
  .bbs_02_title h2 mark{  }

  .bbs_02_lists{  }
  .bbs_02_item{width: 50%;padding-bottom: 2vw;}
  .bbs_02_item_in{  }
  .bbs_02_item_step{  }
  .bbs_02_item_step div{font-size: 4.611vw;padding-top: 1.597vw;padding-right: 1.667vw;padding-left: 4.472vw;}
  .bbs_02_item_step div span{font-size: 1.6vw;top: 2.847vw;left: 0vw;}

  .bbs_02_item_in article{  }
  .bbs_02_item_in article p{  }

  .bbs_02_lists_slider{display: none !important;width: 100%;}
  .bbs_02_item_step div:before {
      width: 4.167vw;
      height: 4.167vw;
      top: 0.278vw;
      right: -0.833vw;
  }
}
@media (max-width: 768px) {
  .bbs_02{padding-top: 7.2vw;padding-bottom: 10.1vw;}
  .bbs_02 .section_inner{  }

  .bbs_02_title{padding-right: 5vw;padding-left: 5vw;padding-bottom: 1.5vw;}
  .bbs_02_title h2{font-weight: 500;font-size: 6.4vw;}
  .bbs_02_title h2 mark{/* background-image: none !important; */}
  .bbs_02_title h2 br{
    display: block;
  }
  .bbs_02 .section_inner:before {
      height: 20.208vw;
      bottom: -1.389vw;
  }
  .bbs_02_title h2 mark span{
      background-color: rgba(255, 255, 255, 0);
      background-image: linear-gradient(120deg, #bbe3d9 0%, #bbe3d9 100%);
      background-repeat: no-repeat;
      background-size: 100% 42%;
      background-position: 6.5vw 85%;
      padding-right: 8px;
  }

  .bbs_02_lists{display: none;}
  .bbs_02_item{width: 100%;padding-left: 3vw;padding-right: 3.6vw;}
  .bbs_02_item_in{border: 3px solid #000;padding: 4.9vw 8.5vw 7.694vw 8.5vw;}
  .bbs_02_item_step{height: auto;margin-bottom: -1.6vw;}
  .bbs_02_item_step div{font-size: 18.569vw;padding-top: 0.764vw;padding-right: 3.389vw;padding-left: 8.778vw;font-weight: 500;}
  .bbs_02_item_step div span{font-size: 2.4vw;top: 9.1vw;left: 1.1vw;letter-spacing: 0.5vw;}

  .bbs_02_item_in article{line-height: 1.75;letter-spacing: 0.2vw;}
  .bbs_02_item_in article p{  }

  .bbs_02_lists_slider ul.slick-dots{
    display: none !important;
  }

  .bbs_02_lists_slider .slick-prev,
  .bbs_02_lists_slider .slick-next{
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    font-size: 0px;
    width: 30px;
    height: 52px;
    padding: 0px;
    margin: 0px;
    background-size: contain;
    position: absolute;
    top: 42%;
    z-index: 9;
  }
  .bbs_02_lists_slider .slick-prev{
    background-image: url(bob_03_s1.png);
    left: -3.8vw;
  }
  .bbs_02_lists_slider .slick-next{
    background-image: url(bob_03_s2.png);
    right: -3.8vw;
  }

  .bbs_02_lists_slider .slick-list .slick-track .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0vw;
    padding-top: 6vw;
  }
   .bbs_02_lists_slider{display: block !important;width: 100%;}
  .bbs_02_item_step div:before {
      width: 15.167vw;
      height: 15.167vw;
      top: 0.278vw;
      right: -0.833vw;
  }
}
@media (max-width: 550px) {
  .bbs_02{padding-top: 14.2vw;padding-bottom: 15.1vw;padding-left: 12vw;padding-right: 12vw;}
  .bbs_02 .section_inner{  }

  .bbs_02_title{padding-right: 0vw;padding-left: 0vw;padding-bottom: 1.5vw;/* margin-left: -2vw; *//* margin-right: -2vw; */}
  .bbs_02_title h2{font-weight: 500;}
  .bbs_02_title h2 mark{/* background-image: none !important; */}
  .bbs_02_title h2 br{
    display: none;
  }
  .bbs_02_title h2 mark span{
      background-color: rgba(255, 255, 255, 0);
      background-image: linear-gradient(120deg, #bbe3d9 0%, #bbe3d9 100%);
      background-repeat: no-repeat;
      background-size: 100% 42%;
      background-position: 6.5vw 85%;
      padding-right: 8px;
  }

  .bbs_02_lists{display: none;}
  .bbs_02_item{width: 100%;padding-left: 3vw;padding-right: 3.6vw;}
  .bbs_02_item_in{border: 3px solid #000;padding: 4.9vw 8.5vw 7.694vw 8.5vw;}
  .bbs_02_item_step{height: auto;margin-bottom: -1.6vw;}
  .bbs_02_item_step div{font-size: 17.569vw;padding-top: 0.764vw;padding-right: 3.389vw;padding-left: 14.778vw;font-weight: 500;}
  .bbs_02_item_step div span{font-size: 4.4vw;top: 7.1vw;left: 1.1vw;letter-spacing: 0.5vw;}

  .bbs_02_item_in article{line-height: 1.75;letter-spacing: 0.2vw;}
  .bbs_02_item_in article p{  }

  .bbs_02_lists_slider ul.slick-dots{
    display: none !important;
  }

  .bbs_02_lists_slider .slick-prev,
  .bbs_02_lists_slider .slick-next{
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    font-size: 0px;
    width: 30px;
    height: 52px;
    padding: 0px;
    margin: 0px;
    background-size: contain;
    position: absolute;
    top: 42%;
    z-index: 9;
  }
  .bbs_02_lists_slider .slick-prev{
    background-image: url(bob_03_s1.png);
    left: -5.8vw;
  }
  .bbs_02_lists_slider .slick-next{
    background-image: url(bob_03_s2.png);
    right: -5.8vw;
  }

  .bbs_02_lists_slider .slick-list .slick-track .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6vw;
    padding-top: 6vw;
  }

.bbs_02_item_step div:before {
    width: 20.167vw;
    height: 20.167vw;
    top: -2.722vw;
    right: -4.833vw;
}
}

/*
  Home ---> Section 03
-----------------------------*/
.bbs_03{}
.bbs_03 .section_inner{
    width: 709px;
}
.bbs_03_bg1{
    display: block;
    width: 100%;
    height: auto;
}
.bbs_03_bg2{
    display: block;
    width: 100%;
    height: auto;
}
.bbs_03_bg1 img{
    margin: 0px;
}
.bbs_03_bg2 img{
    margin: 0px;
}
.bbs_03_in{
    background-color: #bbe3d9;
}
.bbs_03_title{
    width: 100%;
    padding-bottom: 25px;
    margin-top: -40px;
}
.bbs_03_title h2{
    padding-left: 19px;
}
.bbs_03_title h2 mark{
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #f2dbd8 0%, #f2dbd8 100%);
    background-repeat: no-repeat;
    background-size: 100% 56%;
    background-position: 0px 76%;
    padding: 0px;
    padding-left: 10px;
    padding-right: 19px;
}

.bbs_03_video{
    width: 100%;
    padding-right: 15px;
    margin-bottom: -108px;
}
.bbs_03_video img{
    margin: 0px;
}

@media (max-width: 1440px) {
  .bbs_03{}
  .bbs_03 .section_inner{
      width: 49.236vw;
  }
  .bbs_03_bg1{}
  .bbs_03_bg2{}
  .bbs_03_bg1 img{}
  .bbs_03_bg2 img{}
  .bbs_03_in{}
  .bbs_03_title{
      padding-bottom: 1.736vw;
      margin-top: -2.778vw;
  }
  .bbs_03_title h2{
      padding-left: 1.319vw;
  }
  .bbs_03_title h2 mark{
      padding-left: 0.694vw;
      padding-right: 1.319vw;
  }

  .bbs_03_video{
      padding-right: 1.042vw;
      margin-bottom: -7.5vw;
  }
  .bbs_03_video img{ }
}
@media (max-width: 1140px) {
  .bbs_03{
    /* padding-left: 7vw; */
    /* padding-right: 7vw; */
    /* width: 100%; */
  }
  .bbs_03 .section_inner{width: 60vw;}
  .bbs_03_bg1{ }
  .bbs_03_bg2{ }
  .bbs_03_bg1 img{ }
  .bbs_03_bg2 img{ }
  .bbs_03_in{padding-left: 7vw;padding-right: 7vw;width: 100%;}
  .bbs_03_title{ }
  .bbs_03_title h2{ }
  .bbs_03_title h2 mark{ }

  .bbs_03_video{ }
  .bbs_03_video img{ }
}
@media (max-width: 1024px) {
  .bbs_03{}
  .bbs_03 .section_inner{ }
  .bbs_03_bg1{ }
  .bbs_03_bg2{ }
  .bbs_03_bg1 img{ }
  .bbs_03_bg2 img{ }
  .bbs_03_in{ }
  .bbs_03_title{ }
  .bbs_03_title h2{ }
  .bbs_03_title h2 mark{ }

  .bbs_03_video{ }
  .bbs_03_video img{ }
}
@media (max-width: 768px) {
  .bbs_03{
    padding-top: 2vw;
  }
  .bbs_03 .section_inner{width: 100%;}
  .bbs_03_bg1{display: none;}
  .bbs_03_bg2{display: none;}
  .bbs_03_bg1 img{ }
  .bbs_03_bg2 img{ }
  .bbs_03_in{background-image: url(bbu_s03_1_m.png);background-color: transparent;background-position: center top;background-repeat: no-repeat;background-size: cover;padding-left: 5.6vw;padding-right: 4.7vw;padding-top: 20vw;}
  .bbs_03_title{text-align: center;margin-top: 0vw;padding-bottom: 4.1vw;}
  .bbs_03_title h2{font-size: 6.4vw;line-height: 1.15;}
  .bbs_03_title h2 mark{padding-left: 0vw;padding-right: 0vw;background-size: 98% 40%;background-position: 5px 80%;padding-bottom: 0.3vw;}

  .bbs_03_video{ }
  .bbs_03_video img{ }
}
@media (max-width: 550px) {
  .bbs_03{
    padding-top: 2vw;
  }
  .bbs_03 .section_inner{width: 100%;}
  .bbs_03_bg1{display: none;}
  .bbs_03_bg2{display: none;}
  .bbs_03_bg1 img{ }
  .bbs_03_bg2 img{ }
  .bbs_03_in{background-image: url(bbu_s03_1_m.png);background-color: transparent;background-position: center top;background-repeat: no-repeat;background-size: cover;padding-left: 5.6vw;padding-right: 4.7vw;padding-top: 20vw;}
  .bbs_03_title{text-align: center;margin-top: 0vw;padding-bottom: 4.1vw;}
  .bbs_03_title h2{font-size: 11.7vw;}
  .bbs_03_title h2 mark{padding-left: 0vw;padding-right: 0vw;background-size: 98% 40%;background-position: 5px 80%;padding-bottom: 0.3vw;}

  .bbs_03_video{ }
  .bbs_03_video img{ }
}

/*
  Home ---> Section 04
-----------------------------*/
.bbs_04{
    padding-top: 98px;
    padding-bottom: 84px;
}
.bbs_04 .section_inner{
    width: 800px;
}

.bbs_04_title{
    width: 100%;
    padding-bottom: 25px;
    margin-top: 0px;
    text-align: center;
    padding-left: 6px;
}
.bbs_04_title h2{
    padding-left: 19px;
    letter-spacing: 1.15px;
    margin-bottom: 0px;
}
.bbs_04_title h2 mark{
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #f2dbd8 0%, #f2dbd8 100%);
    background-repeat: no-repeat;
    background-size: 94% 56%;
    background-position: 0px 79%;
    padding: 0px;
    padding-left: 10px;
    padding-right: 19px;
}
.bbs_04_title h2 mark br{
    display:none;
}
.bbs_04_slider_waper{
  width: 100%;
  position: relative;
}
.bbs_04_slider {
    position: relative;
}
.bbs_04_slider .slick-track{
  /* width: 100% !important; */
}
.bbs_04_slider_item{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.bbs_04_slider_img{
    width: 34%;
    padding-left: 20px;
    padding-right: 32px;
    padding-top: 12px;
    text-align: right;
    position: relative;
}
.bbs_04_slider_img span.image{
    width: 144px;
    height: 144px;
    display: inline-block;
    background-color: #FFF;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 5px solid #e16849;
    position: relative;
    z-index: 2;
}
.bbs_04_slider_img span.image img{
    width: 10%;
    opacity: 0;
}

.bbs_04_slider_img_art{
    position: absolute;
    width: 76px;
    height: 65px;
    background-image: url(bbs_04_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 13px;
    right: 149px;
}

.bbs_04_slider_des{
    width: 66%;
    padding-top: 10px;
}
.bbs_04_slider_des article{
    padding-right: 26px;
}
.bbs_04_slider_des article h4{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #23284f;
    font-size: 16px;
    letter-spacing: 1.23px;
    line-height: 1.4;
    margin-bottom: 0px;
    padding-bottom: 7px;
}
.bbs_04_slider_des article p{
    margin: 0px;
    padding-bottom: 22px;
}
.bbs_04_slider_des article p br{ display:none;}
.bbs_04_slider_des article p.name{
    font-style: italic;
    font-weight: 800;
}

.bbs_04_slider_des article p.name span{}

.bbs_04_slider ul.slick-dots{
    display: none !important;
}

.bbs_04_slider .slick-prev,
.bbs_04_slider .slick-next{
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    font-size: 0px;
    width: 150px;
    height: 24px;
    padding: 0px;
    margin: 0px;
    background-size: contain;
    position: absolute;
    top: 36.6%;
    z-index: 2;
}
.bbs_04_slider .slick-prev{
    background-image: url(bbs_04_2.png);
    left: -148px;
}
.bbs_04_slider .slick-next{
    background-image: url(bbs_04_3.png);
    right: -166px;
}

.bbs_04_slider .slick-list .slick-track .slick-slide { }

@media (max-width: 1440px) {
  .bbs_04{
      padding-top: 6.806vw;
      padding-bottom: 5.833vw;
  }
  .bbs_04 .section_inner{
      width: 55.556vw;
  }
  .bbs_04_title{
      padding-bottom: 1.736vw;
      padding-left: 0.417vw;
  }
  .bbs_04_title h2{
      padding-left: 1.319vw;
      letter-spacing: 0.08vw;
  }
  .bbs_04_title h2 mark{
      padding-left: 0.694vw;
      padding-right: 1.319vw;
  }
  .bbs_04_title h2 mark br{ }
  .bbs_04_slider_waper{ }
  .bbs_04_slider { }
  .bbs_04_slider .slick-track{ }
  .bbs_04_slider_item{ }
  .bbs_04_slider_img{
      padding-left: 1.389vw;
      padding-right: 2.222vw;
      padding-top: 0.833vw;
  }
  .bbs_04_slider_img span.image{
      width: 10vw;
      height: 10vw;
      border: 0.347vw solid #e16849;
  }
  .bbs_04_slider_img span.image img{ }

  .bbs_04_slider_img_art{
      width: 5.278vw;
      height: 4.514vw;
      top: 0.903vw;
      right: 10.347vw;
  }

  .bbs_04_slider_des{
      padding-top: 0.694vw;
  }
  .bbs_04_slider_des article{
      padding-right: 1.806vw;
  }
  .bbs_04_slider_des article h4{
      font-size: 1.111vw;
      letter-spacing: 0.085vw;
      padding-bottom: 0.486vw;
  }
  .bbs_04_slider_des article p{
      padding-bottom: 1.528vw;
  }
  .bbs_04_slider_des article p br{ }
  .bbs_04_slider_des article p.name{}

  .bbs_04_slider_des article p.name span{}

  .bbs_04_slider ul.slick-dots{}

  .bbs_04_slider .slick-prev,
  .bbs_04_slider .slick-next{
      width: 10.417vw;
      height: 1.667vw;
  }
  .bbs_04_slider .slick-prev{
      left: -10.278vw;
  }
  .bbs_04_slider .slick-next{
      right: -11.528vw;
  }

  .bbs_04_slider .slick-list .slick-track .slick-slide { }
}
@media (max-width: 1140px) {
  .bbs_04{padding-left: 7vw;padding-right: 7vw;}
  .bbs_04 .section_inner{width: 70vw;}

  .bbs_04_title{ }
  .bbs_04_title h2{ }
  .bbs_04_title h2 mark{ }

  .bbs_04_slider_waper{ }
  .bbs_04_slider { }
  .bbs_04_slider .slick-track{ }
  .bbs_04_slider_item{ }
  .bbs_04_slider_img{ }
  .bbs_04_slider_img span.image{ }
  .bbs_04_slider_img span.image img{ }

  .bbs_04_slider_img_art{ }

  .bbs_04_slider_des{ }
  .bbs_04_slider_des article{ }
  .bbs_04_slider_des article h4{ }
  .bbs_04_slider_des article p{ }
  .bbs_04_slider_des article p br{ }
  .bbs_04_slider_des article p.name{ }

  .bbs_04_slider_des article p.name span{}

  .bbs_04_slider ul.slick-dots{ }

  .bbs_04_slider .slick-prev,
  .bbs_04_slider .slick-next{ }
  .bbs_04_slider .slick-prev{ }
  .bbs_04_slider .slick-next{ }
  .bbs_04_slider .slick-list .slick-track .slick-slide { }
}
@media (max-width: 1024px) {
  .bbs_04{ }
  .bbs_04 .section_inner{ }

  .bbs_04_title{ }
  .bbs_04_title h2{ }
  .bbs_04_title h2 mark{ }

  .bbs_04_slider_waper{ }
  .bbs_04_slider { }
  .bbs_04_slider .slick-track{ }
  .bbs_04_slider_item{ }
  .bbs_04_slider_img{ }
  .bbs_04_slider_img span.image{ }
  .bbs_04_slider_img span.image img{ }

  .bbs_04_slider_img_art{ }

  .bbs_04_slider_des{ }
  .bbs_04_slider_des article{ }
  .bbs_04_slider_des article h4{font-size: 1.6vw;}
  .bbs_04_slider_des article p{ }
  .bbs_04_slider_des article p br{ }
  .bbs_04_slider_des article p.name{ }

  .bbs_04_slider_des article p.name span{}

  .bbs_04_slider ul.slick-dots{ }

  .bbs_04_slider .slick-prev,
  .bbs_04_slider .slick-next{ }
  .bbs_04_slider .slick-prev{ }
  .bbs_04_slider .slick-next{ }
  .bbs_04_slider .slick-list .slick-track .slick-slide { }
}
@media (max-width: 768px) {
  .bbs_04{padding-top: 21.8vw;padding-bottom: 4.9vw;}
  .bbs_04 .section_inner{width: 100%;}

  .bbs_04_title{ }
  .bbs_04_title h2{ }
  .bbs_04_title h2 mark{background-image: none;}
  .bbs_04_title h2 br{ display: block; }

  .bbs_04_title h2 mark span{background-color: rgba(255, 255, 255, 0);background-image: linear-gradient(120deg, #f2dbd8 0%, #f2dbd8 100%);background-repeat: no-repeat;background-size: 100% 44%;background-position: 0px 79%;padding-left: 2vw;padding-right: 1vw;}

  .bbs_04_slider_waper{ }
  .bbs_04_slider { }
  .bbs_04_slider .slick-track{ }
  .bbs_04_slider_item{ }
  .bbs_04_slider_img{width: 40.5vw;height: 40.5vw;margin-left: 23vw;padding-left: 0vw;padding-right: 0vw;}
  .bbs_04_slider_img span.image{width: 39.5vw;height: 39.5vw;}
  .bbs_04_slider_img span.image img{ }

  .bbs_04_slider_img_art{position: absolute;width: 22.278vw;height: 18.2vw;top: 0.903vw;right: inherit;left: -13.2vw;}

  .bbs_04_slider_des{width: 100%;text-align: center;padding-top: 8.8vw;}
  .bbs_04_slider_des article{padding-right: 0vw;line-height: 1.75;letter-spacing: 0.2vw;}
  .bbs_04_slider_des article h4{font-size: 3.3vw;letter-spacing: -0.1vw;line-height: 1.5;padding-bottom: 1.3vw;}
  .bbs_04_slider_des article p{ }
  .bbs_04_slider_des article p br{ }
  .bbs_04_slider_des article p.name{ }

  .bbs_04_slider_des article p.name span{}


  .bbs_04_slider ul.slick-dots{
    display: none !important;
  }

  .bbs_04_slider .slick-prev,
  .bbs_04_slider .slick-next{
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    font-size: 0px;
    width: 30px;
    height: 52px;
    padding: 0px;
    margin: 0px;
    background-size: contain;
    position: absolute;
    top: 24vw;
    z-index: 9;
  }
  .bbs_04_slider .slick-prev{
    background-image: url(bob_03_s1.png);
    left: -3.8vw;
  }
  .bbs_04_slider .slick-next{
    background-image: url(bob_03_s2.png);
    right: -3.8vw;
  }

  .bbs_04_slider .slick-list .slick-track .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6vw;
    padding-top: 6vw;
  }
}
@media (max-width: 550px) {
  .bbs_04{padding-top: 21.8vw;padding-bottom: 4.9vw;}
  .bbs_04 .section_inner{width: 100%;}

  .bbs_04_title{ }
  .bbs_04_title h2{ }
  .bbs_04_title h2 mark{background-image: none;}
  .bbs_04_title h2 mark br{ display: block; }

  .bbs_04_title h2 mark span{background-color: rgba(255, 255, 255, 0);background-image: linear-gradient(120deg, #f2dbd8 0%, #f2dbd8 100%);background-repeat: no-repeat;background-size: 100% 44%;background-position: 0px 79%;padding-left: 2vw;padding-right: 1vw;}

  .bbs_04_slider_waper{ }
  .bbs_04_slider { }
  .bbs_04_slider .slick-track{ }
  .bbs_04_slider_item{ }
  .bbs_04_slider_img{width: 40.5vw;height: 40.5vw;margin-left: 23vw;padding-left: 0vw;padding-right: 0vw;}
  .bbs_04_slider_img span.image{width: 39.5vw;height: 39.5vw;}
  .bbs_04_slider_img span.image img{ }

  .bbs_04_slider_img_art{position: absolute;width: 22.278vw;height: 18.2vw;top: 0.903vw;right: inherit;left: -13.2vw;}

  .bbs_04_slider_des{width: 100%;text-align: center;padding-top: 8.8vw;}
  .bbs_04_slider_des article{padding-right: 0vw;line-height: 1.75;letter-spacing: 0.2vw;}
  .bbs_04_slider_des article h4{font-size: 4.3vw;letter-spacing: -0.1vw;line-height: 1.5;padding-bottom: 1.3vw;}
  .bbs_04_slider_des article p{ }
  .bbs_04_slider_des article p br{ }
  .bbs_04_slider_des article p.name{ }

  .bbs_04_slider_des article p.name span{}


  .bbs_04_slider ul.slick-dots{
    display: none !important;
  }

  .bbs_04_slider .slick-prev,
  .bbs_04_slider .slick-next{
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    font-size: 0px;
    width: 30px;
    height: 52px;
    padding: 0px;
    margin: 0px;
    background-size: contain;
    position: absolute;
    top: 24vw;
    z-index: 9;
  }
  .bbs_04_slider .slick-prev{
    background-image: url(bob_03_s1.png);
    left: -3.8vw;
  }
  .bbs_04_slider .slick-next{
    background-image: url(bob_03_s2.png);
    right: -3.8vw;
  }

  .bbs_04_slider .slick-list .slick-track .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6vw;
    padding-top: 6vw;
  }
}


/*
  Home ---> Section 05
-----------------------------*/
.bob_05{
    padding-top: 99px;
    position: relative;
    z-index: 1;
    padding-bottom: 90px;
}
.bob_05:after{
    content: "";
    position: absolute;
    width: 116%;
    height: 100%;
    display: block;
    /* background-image: url(bob_bg1.png); */
    background-position: center top;
    top: 0px;
    left: -8%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f4f1ec;
}
.bob_05 .section_inner{
    /* background-color: #ffffff; */
    width: 1080px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 69px;
    z-index: 1;
    /* display: flex; */
}

.bob_05_title{
    width: 25%;
    text-align: right;
    padding-right: 61px;
    position: relative;
}
.bob_05_title:before{
  content:"";
  width:2px;
  height: 553px;
  background-color:#000;
  position: absolute;
  top: 0px;
  right: 4px;
}
.bob_05_title h2{
    color: #23284f;
    letter-spacing: 1.4px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    text-align: right;
    font-size: 41.75px;
    text-transform: lowercase;
}
.bob_05_title h2 mark{
    padding: 0px;
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #e5fc88 0%, #e5fc88 100%);
    background-repeat: no-repeat;
    background-size: 100% 43%;
    background-position: 0px 96%;
    color: #23284f;
    padding-right: 0px;
}

.bob_05_faq{
    width: 75%;
    padding-top: 130px;
}
.bob_05_faq_in{
    max-width: unset;
    margin: 0px auto;
    height: 488px;
    overflow-y: scroll;
    padding-left: 49px;
}
.bob_05_faq_in{
        min-height: 304px;
        padding-right: 115px;
}
.bob_05_faq_list{
    text-align: left;
    padding-bottom: 6px;
}
.bob_05_faq_list h4{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #0a0a0a;
    letter-spacing: 0.34px;
    padding-bottom: 23px;
    margin-bottom: 0px;
    font-family: 'Styreneaweb';
    font-family: 'Commuters Sans';
}
.bob_05_faq_list h4 span{
    position: relative;
    padding-left: 31px;
    cursor: pointer;
    display: block;
}
.bob_05_faq_title .bob_05_faq_title2:before,
.bob_05_faq_title .bob_05_faq_title2:after{/* content: ""; *//* background-color: #23284f; */position: absolute;}

.bob_05_faq_title .bob_05_faq_title2:before{
    top: 1px;
    left: 4px;
    content: "+";
    width: 15px;
    height: 15px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.bob_05_faq_title .bob_05_faq_title2:after{
    width: 2px;
    height: 10px;
    top: 7px;
    left: 9px;
}
.bob_05_faq_title.active .bob_05_faq_title2:before{
    content: "-";
}
.bob_05_faq_title.active .bob_05_faq_title2:after{
    display: none;
}

.bob_05_faq_text{
    display: none;
}
.bob_05_faq_text article{}
.bob_05_faq_text article p{
    margin: 0px;
    padding-bottom: 20px;
    letter-spacing: 0.33px;
    line-height: 1.67;
}

.bob_05_faq_text.active{
  display: block;
  padding-bottom: 38px;
  padding-left: 53px;
  padding-right: 5px;
  position: relative;
}
.bob_05_faq_text.active:after{
  content:"";
  width: 87%;
  height: 1px;
  background-color: #000000;
  position: absolute;
  bottom: 31px;
  left: 8%;
}


.bob_05_faq h3{
  text-align: left;
  margin-top:0;
  margin-bottom:20px;
  font-size: 23px;
}
.bob_05_faq_list + h3{
  margin-top:40px;
}
.bob_05_faq h3 mark{
    padding: 0px;
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #bbe3d9 0%, #bbe3d9 100%);
    background-repeat: no-repeat;
    background-size: 100% 30%;
    background-position: 0px 76%;
    color: #23284f;
}

#style-3::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #bec2ce;
	border-radius: 3px;
}

#style-3::-webkit-scrollbar{
	width: 4px;
	background-color: #bec2ce;
	border-radius: 3px;
}

#style-3::-webkit-scrollbar-thumb{
	background-color: #d1e874;
	border-radius: 3px;
}

@media (max-width: 1440px) {
  .bob_05{
      padding-top: 6.875vw;
      padding-bottom: 6.25vw;
  }
  .bob_05:after{ }
  .bob_05 .section_inner{
      width: 75vw;
      padding-bottom: 4.792vw;
  }

  .bob_05_title{
      padding-right: 4.236vw;
  }
  .bob_05_title:before{
    height: 38.403vw;
    right: 0.278vw;
  }
  .bob_05_title h2{
      letter-spacing: 0.097vw;
      padding-bottom: 1.389vw;
      font-size: 2.899vw;
  }
  .bob_05_title h2 mark{ }

  .bob_05_faq{
      padding-top: 9.028vw;
  }
  .bob_05_faq_in{
      height: 33.889vw;
      padding-left: 3.403vw;
  }
  .bob_05_faq_in{
          min-height: 21.111vw;
          padding-right: 7.986vw;
  }
  .bob_05_faq_list{
      padding-bottom: 0.417vw;
  }
  .bob_05_faq_list h4{
      font-size: 0.972vw;
      letter-spacing: 0.34px;
      padding-bottom: 1.597vw;
  }
  .bob_05_faq_list h4 span{
      padding-left: 2.153vw;
  }
  .bob_05_faq_title .bob_05_faq_title2:before,
  .bob_05_faq_title .bob_05_faq_title2:after{ }

  .bob_05_faq_title .bob_05_faq_title2:before{
      top: 0.069vw;
      left: 0.069vw;
      width: 1.042vw;
      height: 1.042vw;
  }
  .bob_05_faq_title .bob_05_faq_title2:after{
      width: 0.139vw;
      height: 0.694vw;
      top: 0.486vw;
      left: 0.625vw;
  }
  .bob_05_faq_title.active .bob_05_faq_title2:before{ }
  .bob_05_faq_title.active .bob_05_faq_title2:after{ }

  .bob_05_faq_text{ }
  .bob_05_faq_text article{}
  .bob_05_faq_text article p{
      padding-bottom: 1.389vw;
      letter-spacing: 0.023vw;
  }

  .bob_05_faq_text.active{
    padding-bottom: 2.639vw;
    padding-left: 3.681vw;
    padding-right: 0.347vw;
  }
  .bob_05_faq_text.active:after{
    bottom: 2.153vw;
  }


  .bob_05_faq h3{
    margin-bottom:1.389vw;
    font-size: 1.597vw;
  }
  .bob_05_faq_list + h3{
    margin-top:2.778vw;
  }
  .bob_05_faq h3 mark{ }
}
@media (max-width: 1140px) {
  .bob_05{  }
  .bob_05 .section_inner{  }

  .bob_05_title{ }
  .bob_05_faq h3{
    
font-size: 2.5vw;
  }
  .bob_05_title h2{  }
  .bob_05_title h2 mark{  }

  .bob_05_faq{  }
  .bob_05_faq_in{max-width: 100%;}
  .bob_05_faq_list{  }
  .bob_05_faq_list h4{font-size: 1.4vw;}
  .bob_05_faq_list h4 span{  }
  .bob_05_faq_title .bob_05_faq_title2:before,
  .bob_05_faq_title .bob_05_faq_title2:after{ }

  .bob_05_faq_title .bob_05_faq_title2:before{  }
  .bob_05_faq_title .bob_05_faq_title2:after{  }
  .bob_05_faq_title.active .bob_05_faq_title2:before{ }
  .bob_05_faq_title.active .bob_05_faq_title2:after{ }

  .bob_05_faq_text{  }
  .bob_05_faq_text article{ }
  .bob_05_faq_text article p{  }

  .bob_05_faq_text.active{  }
  .bob_05_faq_text.active:after{  }
}
@media (max-width: 1024px) {
  .bob_05{padding-left: 8.181vw;padding-right: 8.181vw;padding-top: 6.056vw;}
  .bob_05:after{width: 100%;left: 0%;}
  .bob_05 .section_inner{width: 100%;}

  .bob_05_title{ }
  .bob_05_title h2{  }
  .bob_05_title h2 mark{  }

  .bob_05_faq{  }
  .bob_05_faq_in{min-height: 40vw;}
  .bob_05_faq_list{  }
  .bob_05_faq_list h4{font-size: 1.4vw;}
  .bob_05_faq_list h4 span{padding-left: 2.222vw;}
  .bob_05_faq_title .bob_05_faq_title2:before,
  .bob_05_faq_title .bob_05_faq_title2:after{ }

  .bob_05_faq_title .bob_05_faq_title2:before{top: 0.2vw;content: "+";width: 15px;height: 15px;background-color: transparent;color: #000;line-height: 15px;}
  .bob_05_faq_title .bob_05_faq_title2:after{display:none;}
  .bob_05_faq_title.active .bob_05_faq_title2:before{top: 0.6vw;content: "-";width: 15px;height: 15px;background-color: transparent;color: #000;line-height: 15px;}
  .bob_05_faq_title.active .bob_05_faq_title2:after{ }

  .bob_05_faq_text{  }
  .bob_05_faq_text article{ }
  .bob_05_faq_text article p{  }

  .bob_05_faq_text.active{  }
  .bob_05_faq_text.active:after{  }
  .bob_05_faq h3{
    margin-bottom:2vw;
    font-size: 2.8vw;
  }
  .bob_05_faq_list + h3{
    margin-top:3vw;
  }
}
@media (max-width: 768px) {
  .bob_05{padding-top: 10.2vw;padding-left: 8.8vw;padding-right: 8.8vw;padding-bottom: 10vw;}
  .bob_05:after{height: 100%;}
  .bob_05 .section_inner{padding-left: 6.944vw;padding-top: 0vw;padding-right: 6.944vw;padding-bottom: 0.792vw;}

  .bob_05_title{padding-left: 4vw;padding-right: 4vw;padding-bottom: 2vw;width: 100%;text-align: center;}
  .bob_05_title:before{
    display: none;
}
  .bob_05_title h2{font-weight: 500;font-size: 6.4vw;text-align: center;}
  .bob_05_title h2 mark{  }

  .bob_05_faq{padding-top: 2.6vw;padding-left: 0vw;padding-right: 0vw;width: 100%;}
  .bob_05_faq_in{min-height: 58vw;padding-right: 2.986vw;}
  .bob_05_faq_list{padding-bottom: 2vw;}
  .bob_05_faq_list h4{font-size: 2.1vw;line-height: 1.49;letter-spacing: 0.5vw;}
  .bob_05_faq_list h4 span{padding-left: 4.222vw;}
  .bob_05_faq_title .bob_05_faq_title2:before,
  .bob_05_faq_title .bob_05_faq_title2:after{ }

  .bob_05_faq_title .bob_05_faq_title2:before{left: 0vw;top: 0.5vw;}
  .bob_05_faq_title .bob_05_faq_title2:after{  }
  .bob_05_faq_title.active .bob_05_faq_title2:before{ }
  .bob_05_faq_title.active .bob_05_faq_title2:after{ }

  .bob_05_faq_text{  }
  .bob_05_faq_text article{line-height: 1.8;}
  .bob_05_faq_text article p{  }
  .bob_05_faq h3{
    margin-bottom:3vw;
    font-size: 4vw;
  }
  .bob_05_faq_list + h3{
    margin-top:4vw;
  }
  .bob_05_faq_text.active{padding-left: 0vw;padding-top: 0.4vw;padding-bottom: 5.999vw;}
  .bob_05_faq_text.active:after{bottom: 3.014vw;width: 90%;left: 5%;}
}
@media (max-width: 550px) {
  .bob_05{padding-top: 0vw;padding-left: 8.8vw;padding-right: 8.8vw;}
  .bob_05:after{/* background-image: url(bb_faq_m1.png); */height: 100%;top: 0vw;}
  .bob_05 .section_inner{padding-left: 0vw;padding-top: 12.8vw;padding-right: 0vw;padding-bottom: 6.792vw;}

  .bob_05_title{padding-left: 0;padding-right: 0;padding-bottom: 3vw;}
  .bob_05_title h2{font-size: 8vw;color: #000;text-align: left;}
  .bob_05_title h2 mark{color: #000;}

  .bob_05_faq{padding-top: 2.6vw;padding-left: 0vw;padding-right: 0vw;}
  .bob_05_faq_in{min-height: 74vw;}
  .bob_05_faq_list{padding-bottom: 4.8vw;}
  .bob_05_faq_list h4{font-size: 3.5vw;line-height: 1.49;letter-spacing: 0.5vw;}
  .bob_05_faq_list h4 span{padding-left: 3.222vw;}
  .bob_05_faq_title .bob_05_faq_title2:before,
  .bob_05_faq_title .bob_05_faq_title2:after{ }

  .bob_05_faq_title .bob_05_faq_title2:before{left: -3.9vw;top: 0.9vw;}
  .bob_05_faq_title .bob_05_faq_title2:after{  }
  .bob_05_faq_title.active .bob_05_faq_title2:before{ }
  .bob_05_faq_title.active .bob_05_faq_title2:after{ }

  .bob_05_faq_text{  }
  .bob_05_faq_text article{line-height: 1.8;}
  .bob_05_faq_text article p{  }
  .bob_05_faq h3{
    margin-bottom:6vw;
    font-size: 6vw;
  }
  .bob_05_faq_list + h3{
    margin-top:8vw;
  }
  .bob_05_faq_text.active{padding-left: 0vw;padding-top: 0.4vw;padding-bottom: 9.999vw;}
  .bob_05_faq_text.active:after{bottom: 3.014vw;width: 90%;left: 5%;}
}




/*
  Home ---> Section 04
-----------------------------*/
.bbs_06{
    padding-bottom: 117px;
    padding-top: 113px;
}
.bbs_06 .section_inner{
    width: 1184px;
}

.bbs_06_title{
    width: 100%;
    text-align: center;
}
.bbs_06_title h2{
    font-size: 68.75px;
    text-transform: lowercase;
    margin-bottom: 17px;
}
.bbs_06_title h2 mark{
    background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(120deg, #bbe3d9 0%, #bbe3d9 100%);
    background-image: linear-gradient(120deg, #e5fc88 0%, #e5fc88 100%);
    background-repeat: no-repeat;
    background-size: 98.5% 44%;
    background-position: 0px 83%;
    padding: 0px;
    color: #000000;
}

.bbs_06_title article{
    padding-top: 4px;
}
.bbs_06_title article p{
    margin: 0px;
    padding-bottom: 23px;
    line-height: 1.7;
}
.bbs_06_title article p br{}

.bbs_06_lists{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 30px;
    padding-left: 134px;
    padding-right: 134px;
}
.bbs_06_item{
    padding-left: 18px;
    padding-right: 18px;
    width: 33.33%;
}
.bbs_06_item_in{
    box-shadow: -29.6px -4.7px 71px 0 rgba(213, 202, 191, 0.8);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: block;
    height: 520px;
    padding: 11px 11px 11px 11px;
    position: relative;
}
.bbs_06_item_link{
  position:absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.bbs_06_item_img{
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
}
.bbs_06_item_img img{
    width: 0px;
    opacity: 0;
    position: absolute;
}

.bbs_06_item_overly{
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgb(39 59 58 / 76%);
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
}
.bbs_06_item_overly h3{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #ebfe86;
    display: inline-block;
    margin-bottom: 0px;
    padding-bottom: 1px;
}
.bbs_06_item_overly article{
    padding-top: 0px;
}
.bbs_06_item_overly article p{
    color: #FFF;
    margin-top: 0px;
}

.bbs_06_item_in:hover .bbs_06_item_overly{ opacity:1; }

.bbs_06_lists_slider{ display: none !important; position: relative; }

@media (max-width: 1440px) {
  .bbs_06{
      padding-bottom: 8.125vw;
      padding-top: 7.847vw;
  }
  .bbs_06 .section_inner{
      width: 82.222vw;
  }

  .bbs_06_title{ }
  .bbs_06_title h2{
      font-size: 4.774vw;
      margin-bottom: 1.181vw;
  }
  .bbs_06_title h2 mark{ }

  .bbs_06_title article{
      padding-top: 0.278vw;
  }
  .bbs_06_title article p{
      padding-bottom: 1.597vw;
  }
  .bbs_06_title article p br{}

  .bbs_06_lists{
      padding-top: 2.083vw;
      padding-left: 9.306vw;
      padding-right: 9.306vw;
  }
  .bbs_06_item{
      padding-left: 1.25vw;
      padding-right: 1.25vw;
  }
  .bbs_06_item_in{
      box-shadow: -2.056vw -0.326vw 4.931vw 0 rgba(213, 202, 191, 0.8);
      height: 36.111vw;
      padding: 0.764vw 0.764vw 0.764vw 0.764vw;
  }
  .bbs_06_item_link{ }
  .bbs_06_item_img{ }
  .bbs_06_item_img img{ }

  .bbs_06_item_overly{
      padding-left: 1.389vw;
      padding-right: 1.389vw;
      padding-top: 1vw;
      padding-bottom: 1vw;
  }
  .bbs_06_item_overly h3{
      font-size: 1.111vw;
      letter-spacing: 0.069vw;
      padding-bottom: 0.069vw;
  }
  .bbs_06_item_overly article{ }
  .bbs_06_item_overly article p{ }

  .bbs_06_item_in:hover .bbs_06_item_overly{ }

  .bbs_06_lists_slider{  }
}
@media (max-width: 1140px) {
  .bbs_06{padding-left: 7vw;padding-right: 7vw;}
  .bbs_06 .section_inner{width: 100%;}

  .bbs_06_title{ }
  .bbs_06_title h2{ }
  .bbs_06_title h2 mark{ }

  .bbs_06_title article{ }
  .bbs_06_title article p{ }
  .bbs_06_title article p br{}

  .bbs_06_lists{ }
  .bbs_06_item{ }
  .bbs_06_item_in{ }
  .bbs_06_item_img{ }
  .bbs_06_item_img img{ }

  .bbs_06_item_overly{ }
  .bbs_06_item_overly h3{font-size: 1.5vw;}
  .bbs_06_item_overly article{ }
  .bbs_06_item_overly article p{}
  .bbs_06_item_img:hover .bbs_06_item_overly{ }
}
@media (max-width: 1024px) {
  .bbs_06{ }
  .bbs_06 .section_inner{ }

  .bbs_06_title{ }
  .bbs_06_title h2{ }
  .bbs_06_title h2 mark{ }

  .bbs_06_title article{ }
  .bbs_06_title article p{ }
  .bbs_06_title article p br{}

  .bbs_06_lists{padding-left: 0vw;padding-right: 0vw;}
  .bbs_06_item{ }
  .bbs_06_item_in{height: 45.4vw;}
  .bbs_06_item_img{ }
  .bbs_06_item_img img{ }

  .bbs_06_item_overly{ }
  .bbs_06_item_overly h3{ }
  .bbs_06_item_overly article{ }
  .bbs_06_item_overly article p{}
  .bbs_06_item_img:hover .bbs_06_item_overly{ }
}
@media (max-width: 768px) {
  .bbs_06{padding-bottom: 5.764vw;padding-top: 11vw;padding-left: 5vw;padding-right: 5vw;}
  .bbs_06 .section_inner{ }

  .bbs_06_title{ }
  .bbs_06_title h2{padding-bottom: 5.1vw;margin-bottom: 0px;font-size: 6.4vw;line-height: 1.15;}
  .bbs_06_title h2 mark{background-size: 100% 64%;background-position: 12px 76%;padding-right: 1vw;padding-bottom: 1.9vw;}

  .bbs_06_title article{line-height: 1.75;letter-spacing: 0.25vw;padding-left: 1vw;padding-right: 1vw;}
  .bbs_06_title article p{ }
  .bbs_06_title article p br{
      display: none;
  }

  .bbs_06_lists{ }
  .bbs_06_item{width: 100%;padding-left: 0vw;padding-right: 0vw;}
  .bbs_06_item_in{height: 120vw;padding: 7.7vw 6.1vw 7.7vw 6.1vw;background-size: contain;background-position: center top;}
  .bbs_06_item_img{ }
  .bbs_06_item_img img{ }

  .bbs_06_item_overly{padding-left: 3.056vw;padding-right: 3.056vw;padding-top: 1vw;padding-bottom: 1vw;}
  .bbs_06_item_overly h3{font-size: 2.4vw;letter-spacing: 0.45vw;padding-bottom: 3vw;border-bottom: 2px solid #23284f;}
  .bbs_06_item_overly article{padding-top: 1.2vw;padding-left: 3vw;padding-right: 3vw;font-size: 2.2vw;line-height: 1.79;}
  .bbs_06_item_overly article p{}
  .bbs_06_item_img:hover .bbs_06_item_overly{padding-left: 8.056vw;padding-right: 8.056vw;padding-top: 25.417vw;padding-bottom: 4.167vw;}

  .bbs_06_lists{ display: none; }
  .bbs_06_lists_slider{display: block !important;position: relative;padding-top: 5vw;padding-bottom: 5.4vw;max-width: 480px;margin: 0px auto;}

  .bbs_06_lists_slider ul.slick-dots{
    display: none !important;
  }

  .bbs_06_lists_slider .slick-prev,
  .bbs_06_lists_slider .slick-next{
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    font-size: 0px;
    width: 30px;
    height: 52px;
    padding: 0px;
    margin: 0px;
    background-size: contain;
    position: absolute;
    top: 46.3%;
    z-index: 9;
  }
  .bbs_06_lists_slider .slick-prev{
    background-image: url(bob_03_s1.png);
    left: -2.8vw;
  }
  .bbs_06_lists_slider .slick-next{
    background-image: url(bob_03_s2.png);
    right: -2.8vw;
  }

  .bbs_06_lists_slider .slick-list .slick-track .slick-slide {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0vw;
    padding-top: 0vw;
  }
}
@media (max-width: 550px) {
  .bbs_06{padding-bottom: 5.764vw;padding-top: 8.5vw;padding-left: 5vw;padding-right: 5vw;}
  .bbs_06 .section_inner{ }

  .bbs_06_title{ }
  .bbs_06_title h2{font-size: 8vw;padding-bottom: 6.1vw;margin-bottom: 0px;}
  .bbs_06_title h2 mark{background-size: 100% 53%;background-position: 0 92%;padding-right: 0;padding-bottom: 0;}

  .bbs_06_title article{line-height: 1.75;letter-spacing: 0.25vw;padding-left: 1vw;padding-right: 1vw;}
  .bbs_06_title article p{ }
  .bbs_06_title article p br{
      display: none;
  }

  .bbs_06_lists{ }
  .bbs_06_item{width: 100%;padding-left: 0vw;padding-right: 1vw;}
  .bbs_06_item_in{height: 133.5vw;padding: 7.7vw 6.1vw 7.7vw 6.1vw;background-size: cover;}
  .bbs_06_item_img{ }
  .bbs_06_item_img img{ }

  .bbs_06_item_overly{}
  .bbs_06_item_overly h3{font-size: 4.2vw;letter-spacing: 0.45vw;padding-bottom: 3vw;border-bottom: 2px solid #23284f;}
  .bbs_06_item_overly article{padding-top: 8.2vw;padding-left: 5vw;padding-right: 5vw;font-size: 3.5vw;line-height: 1.79;}
  .bbs_06_item_overly article p{}


  .bbs_06_lists{ display: none; }
  .bbs_06_lists_slider{display: block !important;position: relative;padding-top: 8vw;padding-bottom: 5.4vw;padding-left: 11vw;padding-right: 11vw;}

  .bbs_06_lists_slider ul.slick-dots{
    display: none !important;
  }

  .bbs_06_lists_slider .slick-prev,
  .bbs_06_lists_slider .slick-next{
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    font-size: 0px;
    width: 30px;
    height: 52px;
    padding: 0px;
    margin: 0px;
    background-size: contain;
    position: absolute;
    top: 46.3%;
    z-index: 9;
  }
  .bbs_06_lists_slider .slick-prev{
    background-image: url(bob_03_s1.png);
    left: 0vw;
  }
  .bbs_06_lists_slider .slick-next{
    background-image: url(bob_03_s2.png);
    right: 0vw;
  }

  .bbs_06_lists_slider .slick-list .slick-track .slick-slide {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0vw;
    padding-top: 0vw;
  }
}

/*
  Site ---> Footer
-----------------------------*/
.hs_section_footer_bottom {
    background-color: #000000;
    padding-bottom: 20px;
    /* text-transform: uppercase; */
    padding-top: 17px;
}
.hs_section_footer_bottom .section_inner {
    width: 1150px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    font-size: 14.95px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    letter-spacing: 1.8px;
}
.hs_section_footer_bottom_left {
    width: 100%;
    color: #ffffff;
    padding-top: 3px;
    font-size: 11px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: normal;
}
.hs_section_footer_bottom_left span {
    color: #ffffff59;
    font-size: 11px;
    display: inline-block;
    text-transform: none;
    padding-right: 6px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.hs_section_footer_bottom_left a {
    color: #ffffff;
    font-weight: bold;
}


@media (max-width: 1440px) {
  .hs_section_footer_bottom {
      padding-bottom: 1.389vw;
      padding-top: 1.181vw;
  }
  .hs_section_footer_bottom .section_inner {
      width: 79.861vw;
      font-size: 1.038vw;
      letter-spacing: 0.125vw;
  }
  .hs_section_footer_bottom_left {
      padding-top: 0.208vw;
      font-size: 0.764VW;
      letter-spacing: 0.139vw;
  }
  .hs_section_footer_bottom_left span {
      font-size: 0.764VW;
      padding-right: 0.417vw;
  }
  .hs_section_footer_bottom_left a { }
}
@media (max-width: 1024px) {
  .hs_section_footer_bottom {padding-left: 7vw;padding-right: 7vw;padding-bottom: 1.208vw;padding-top: 1.139vw;}
  .hs_section_footer_bottom .section_inner {width: 100%;font-size: 2.038vw;letter-spacing: 0.125vw;}
  .hs_section_footer_bottom_left {padding-top: 0.208vw;font-size: 1.4vw;}
  .hs_section_footer_bottom_left span {font-size: 1.4vw;}
}
@media (max-width: 768px) {
  .hs_section_footer_bottom {padding-left: 2vw;padding-right: 2vw;padding-bottom: 5.2vw;padding-top: 4.2vw;}
  .hs_section_footer_bottom_left {font-size: 2.2vw;letter-spacing: 0.24vw;}
  .hs_section_footer_bottom_left span {display: block;font-size: 2.2vw;font-style: italic;font-weight: 100;padding-bottom: 0.4vw;letter-spacing: 0.37vw;}
  .hs_divider{ display:none !important;}
}
@media (max-width: 550px) {
  .hs_section_footer_bottom {padding-left: 2vw;padding-right: 2vw;padding-bottom: 5.2vw;padding-top: 4.2vw;}
  .hs_section_footer_bottom_left {font-size: 3.2vw;letter-spacing: 0.24vw;}
  .hs_section_footer_bottom_left span {display: block;font-size: 2.8vw;font-style: italic;font-weight: 100;padding-bottom: 2.4vw;letter-spacing: 0.37vw;}
  .hs_divider{ display:none !important;}
}




/* Shop 2 Section */
.busf_s2 {
  padding-top: 63px;
  padding-bottom: 0;
  position: relative;
}

.busf_s2 .section_inner {
  width: 1125px;
}

.busf_s2 h2 {
  font-family: Ogg-Roman;
  font-size: 41px;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 2.25px;
  color: #000000;
  background-color: #ffffff;
  display: inline-block;
  margin-bottom: 30px;
  padding-left: 58px;
  padding-right: 55px;
}

.busf_s2 .busf_s2_border::after {
  content: '';
  position: absolute;
  background-color: #000;
  opacity: 0.16;
  height: 1px;
  width: 100%;
  left: 0;
  top: 90px;
}

.busf_s2 .section_top {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.busf_s2 .video_image {
  position: relative;
  z-index: 1;
     width: 608px;
}

.busf_s2 .video_image:before {
  content: "";
  position: absolute;
  background-image: url(bss2_vdo_btn.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 63px;
  height: 63px;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.busf_s2_bottom_item .service {
  width: 22.75%;
  margin-right: 25.2px;
}
.busf_s2_bottom_item .busf_s2_item_in{
  border: solid 0.8px #000000;
  position: relative;
  background: #fff;
  padding: 50px 15px 22px 26px;
  transition: all 0.5s ease;
  height: 100%;
}
.busf_s2_bottom_item .busf_s2_item_in:hover {
    transform: translateY(-5%) scale(1.03);
}
.busf_s2_bottom_item .service:nth-child(4n) {
  margin-right: 0;
}

.busf_s2 .top_bg {
  position: absolute;
  top: -14px;
  left: 29px;
}

.busf_s2_bottom_item .service h6 {
  font-family: StyreneAWeb;
  font-size: 13.5px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.74;
  letter-spacing: 0.98px;
  text-align: left;
  color: #000000;
  margin-bottom: 21px;
}

.busf_s2_bottom_item .service h3 {
  position: relative;
  z-index: 3;
  font-size: 53px;
  letter-spacing: 2.65px;
  text-align: center;
  color: #cae35d;
}

.busf_s2_bottom_item .service h3:before {
  position: absolute;
  width: 58px;
  height: 59px;
  background-color: #f2f4fa;
  border-radius: 50%;
  left: -5px;
  z-index: -1;
  content: "";
  bottom: 9px;
}

.busf_s2_bottom_item:before {
  content: "";
  position: absolute;
  left: -19px;
  bottom: -21px;
  width: 101.2%;
  z-index: -1;
  height: 148px;
  background-color: #ced2de;
}

.busf_s2 .section_bottom {
  padding-left: 15px;
  width: 100%;
}

.busf_s2_bottom_item {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 85px;
}

.busf_s2_bottom_item .service p {
  font-size: 13.5px;
  letter-spacing: 0.76px;
}

.busf_s2_bottom_item .service:nth-child(1) .top_bg {
  left: 42px;
}

.busf_s2_bottom_item .service:nth-child(1) .top_bg h3:before {
  left: -15px;
}

.busf_s2_bottom_item .service:nth-child(4) .top_bg h3:before {
  left: 3px;
}

.busf_s2_bottom_item .service:nth-child(2) p {
  margin-left: -2px;
}

.busf_s2_bottom_item .service:nth-child(3) p {
  margin-left: -2px;
}


@media (max-width: 1440px) {

  .busf_s2 {
    padding-top: 6.472vw;
    padding-bottom: 0;
  }

  .busf_s2 .section_inner {
    width: 78.125vw;
  }

  .busf_s2 h2 {
    font-size: 2.847vw;
    letter-spacing: 0.156vw;
    margin-bottom: 2.083vw;
    padding-left: 4.028vw;
    padding-right: 3.819vw;
    font-size: 2.899vw;
  }
  
  .busf_s2 .busf_s2_border::after {
    width: 100%;
    top: 8.25vw;
  }

  .busf_s2 .video_image:before {
    /* width: 4.375vw; */
    /* height: 4.375vw; */
  }

  .busf_s2_bottom_item .service {
    
    margin-right: 1.75vw;
  }
  .busf_s2_bottom_item .busf_s2_item_in{
    padding: 3.472vw 1.042vw 1.528vw 1.806vw;
  }

  .busf_s2 .top_bg {
    top: -0.972vw;
    left: 2.014vw;
  }

  .busf_s2_bottom_item .service h6 {
    font-size: 0.938vw;
    letter-spacing: 0.068vw;
    margin-bottom: 1.458vw;
  }

  .busf_s2_bottom_item .service h3 {
    font-size: 3.681vw;
    letter-spacing: 0.184vw;
  }

  .busf_s2_bottom_item .service h3:before {
    width: 4.028vw;
    height: 4.097vw;
    left: -0.347vw;
    bottom: 0.625vw;
  }

  .busf_s2_bottom_item:before {
    left: -1.319vw;
    bottom: -1.458vw;
    height: 10.278vw;
  }

  .busf_s2 .section_bottom {
    padding-left: 1.042vw;
  }

  .busf_s2_bottom_item {
    margin-top: 5.903vw;
  }

  .busf_s2_bottom_item .service p {
    font-size: 0.938vw;
    letter-spacing: 0.053vw;
  }

  .busf_s2_bottom_item .service:nth-child(1) .top_bg {
    left: 2.917vw;
  }

  .busf_s2_bottom_item .service:nth-child(1) .top_bg h3:before {
    left: -1.042vw;
  }

  .busf_s2_bottom_item .service:nth-child(4) .top_bg h3:before {
    left: 0.208vw;
  }

  .busf_s2_bottom_item .service:nth-child(2) p {
    margin-left: -0.139vw;
  }

  .busf_s2_bottom_item .service:nth-child(3) p {
    margin-left: -0.139vw;
  }

}

@media (max-width: 1140px) {
  .busf_s2 h2{
    /* font-size:4.2vw */
  }
}

@media (max-width: 1024px) {
  .busf_s2 .section_inner {
    width: 88vw;
  }

  .busf_s2 h2 {
    font-size: 3.8vw;
  }

  .busf_s2 .busf_s2_border::after {
    top: 8.9vw;
  }

  .busf_s2 .section_bottom {
    padding-left: 2.042vw;
  }

  .busf_s2_bottom_item .service h6 {
    font-size: 1.6vw;
  }

  .busf_s2_bottom_item .service h3 {
    font-size: 4.2vw;
  }

  .busf_s2_bottom_item .service p {
    font-size: 1.4vw;
  }

  .busf_s2_bottom_item .service p br {
    display: none;
  }
}

@media (max-width: 768px) {
  .busf_s2 {
    padding-top: 7vw;
    padding-bottom: 6.25vw;
  }

  .busf_s2 .section_inner {
    width: 78vw;
  }

  .busf_s2 .video_image {}

  .busf_s2 h2 {
    font-size: 5.8vw;
    margin-bottom: 3.2vw;
  }

  .busf_s2 .video_image:before {
    width: 10.203vw;
    height: 10.203vw;
  }

  .busf_s2_bottom_item {
    justify-content: space-between;
    margin-top: 9vw;
  }

  .busf_s2_bottom_item .service {
    margin-right: 0;
    margin-bottom: 10vw;
    width: 100%;
    min-height: 30vw;
  }
  .busf_s2_bottom_item .busf_s2_item_in{
    padding: 6.4vw 5vw 1.528vw;
  }

  .busf_s2 .busf_s2_border::after {
    top: 11vw;
  }

  .busf_s2 .section_bottom {
    padding-left: 0;
  }

  .busf_s2_bottom_item .service h6 {
    font-size: 2.84vw;
  }

  .busf_s2_bottom_item .service h6 br {
    display: none;
  }

  .busf_s2_bottom_item .service h3 {
    font-size: 4.2vw;
  }

  .busf_s2_bottom_item .service p {
    font-size: 2vw;
  }


  .busf_s2 .top_bg {
    top: -3vw !important;
    left: 6vw !important;
  }

  .busf_s2_bottom_item .service h3 {
    font-size: 7.5vw;
    letter-spacing: 0.184vw;
  }

  .busf_s2_bottom_item .service h3:before {
    width: 8vw;
    height: 8vw;
    left: -1.5vw !important;
  }

  .busf_s2_bottom_item:before {
    left: -2.5vw;
    bottom: -0.4vw;
    height: 15vw;
    width: 106%;
  }
  
  .busf_s2 .section_top{
    width: 100%;   
  }
  .busf_s2 .video_image {
        width: 100%;
    }
}

@media (max-width: 550px) {
  .busf_s2 {
    padding-top: 10vw;
    padding-bottom: 0;
    margin-top: 5vw;
  }

  .busf_s2 .section_inner {
    width: 100vw;
    padding: 0 9vw;
  }

  .busf_s2 .busf_s2_border::after {
    top: 14.45vw;
  }

  .busf_s2 .video_image:before {
    width: 14.203vw;
    height: 14.203vw;
    top: 50%;
  }

  .busf_s2 h2 {
    font-size: 8.7vw;
    margin-bottom: 9vw;
  }

  .busf_s2_bottom_item .service h6 {
    font-size: 3.7vw;
  }

  .busf_s2_bottom_item .service h3 {
    font-size: 12.2vw;
  }

  .busf_s2_bottom_item .service p {
    font-size: 2.8vw;
  }

  .busf_s2 .top_bg {
    top: -3.5vw !important;
    left: 10vw !important;
  }

  .busf_s2_bottom_item {
    margin-top: 17vw;
  }

  .busf_s2_bottom_item .service h3:before {
    width: 13vw;
    height: 13vw;
    left: -2.5vw !important;
  }

  .busf_s2_bottom_item:before {
    left: -3.5vw;
    bottom: 5.6vw;
    height: 25vw;
    width: 108%;
  }

  .busf_s2_bottom_item .service {
    
    margin-right: 0;
    margin-bottom: 15vw;
    /* width: 100%; */
    /* min-height: 45vw; */
  }
  .busf_s2_bottom_item .busf_s2_item_in{
    padding: 11.4vw 5vw 5.528vw;
  }
}