/*
font-family: 'IBM Plex Mono', monospace;
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@font-face {
    font-family: 'Victor Serif';
    src: url('victorserif-light.woff2') format('woff2'),
        url('victorserif-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Victor Serif';
    src: url('victorserif-lightitalic.woff2') format('woff2'),
        url('victorserif-lightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'HK Grotesk';
    src: url('hkgrotesk-light.woff2') format('woff2'),
        url('hkgrotesk-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

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

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

@font-face {
    font-family: 'Ridley Grotesk';
    src: url('ridleygrotesk-medium.woff2') format('woff2'),
        url('ridleygrotesk-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

br[m],
br.m,
.mobile_only{
  display:none;
}

body {
  font-size: 1.319vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0vw;
  color: #000000;
  /* perspective: 1px; */
  /* transform-style: preserve-3d; */
}
.heading_animation .an_scroll{
    display: inline-block;
    overflow: hidden;
}
.heading_animation .an_scroll em{
    font-style:normal;
    display: inline-block;
}
a:hover {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}
input[type="submit"] {
    display: inline-block;
    font-stretch: normal;
    font-style: normal;
    border: 0;
    cursor: pointer;
    position: relative;
    background-color: #588791;
}
input[type="submit"]::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: #ffffff;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.site_button:hover:before,
input[type="submit"]::before {
    width: 100%;
}
p:last-child {
    margin-bottom: 0 !important;
}
mark {
    background-color: rgba(255, 255, 255, 0);
    background-image: -o-linear-gradient(330deg, #E4DBDC 0%, #E4DBDC 100%);
    background-image: linear-gradient(120deg, #E4DBDC 0%, #E4DBDC 100%);
    background-repeat: no-repeat;
    background-size: 100% 24%;
    background-position: 0 88%;
    color: inherit;
}
.mobile_only {
    display: none;
}
.m {
    display: none !important;
}
section {
  position:relative;
}
.section_inner {
  width: 100vw;
  margin: 0px auto;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.g_button {
    font-size: 0.931vw;
    letter-spacing: 0.229vw;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    padding: 1.319vw 1.944vw 1.25vw 2.083vw;
    border: solid 1px #000000;
    position: relative;
    font-family: 'Commuters Sans Semi';
    background-color: #000000;
    display: inline-block;
}
.g_button span{ }
.g_button span svg{
    width: 1.042vw;
    margin-bottom: -0.278vw;
    margin-left: 0.139vw;
}
.g_button span svg path{}
.g_button:hover { }
.owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*header*/

.header--overlay {
    background-color: #fff !important;
    border-bottom: 1px solid #000;
}

.header__content--desktop .link-list__link {
    color: #000;
    font-size: 0.625vw;
    text-transform: uppercase;
    font-family: 'Ridley Grotesk';
    line-height: 137%;
}

.header__content--desktop .link-list__link {
    margin: 0 3.021vw;
    font-size: 0.8vw !important;
    letter-spacing: 0;
    border: 1px solid rgb(0 0 0 / 0%);
    margin-top: -1px;
    padding: 7px 16px 5px 16px;
    display: inline-block;
    border-width: 1px !important;
    color: #000 !important;
}

.header__block--logo .logo__image {
    width: 7.521vw !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: unset;
}

.header__wrap a.logo {
    display: inline-block;
    position: relative;
    top: -0.3vw;
    left: 1.3vw;
}

.header__content--desktop {
    padding: 1.25vw 0 1.2vw;
}

.header__content--desktop a.link-list__link.workBtn {
    border: 1px solid #000;
    background: #DDF638;
    padding: 0.26vw 0.833vw;
    margin-top: -0.417vw;
    margin-left: 4.01vw;
}
.header__content--desktop .header__block--menu a:hover {
    border: 1px solid #000;
    background: #DDF638;
}

.header a.link-list__link:hover:before {
    display: none !important;
}
/* 1440px */

@media (max-width: 1280px) {

    .header__content--desktop .link-list__link {
        margin: 0 28px;
        /* font-size: 1.3vw !important; */
    }


}



/* 1140px */

@media (max-width: 1024px) {

    div.h_menu-left {
        margin-left: 0;
        padding-left: 4.883vw;
        margin-left: 0px !important;
    }

    div.h_menu-right {
        padding-right: 0;
        margin-right: 0;
        margin: 0 0px !important;
    }

    .header__content--desktop a.link-list__link.workBtn {
        margin-left: auto;
    }


    .header__content--desktop .link-list__link {
        margin: 0 28px;
        font-size: 1.3vw !important;
    }

    .header__block--logo .logo__image {
        width: 10.521vw !important;
        margin-bottom: -1.2vw;
    }
}

/* 1024px */

@media (min-width: 768px) {


    .mobiOnly {
        display: none !important
    }

    .header__content--desktop .link-list__link {
        letter-spacing: 0;
        padding: 7px 28px 5px 27px;
        margin: 0 2.4vw;
    }
}

@media (max-width: 1024px) {
    .header__content--desktop .link-list__link {
        letter-spacing: 0;
        padding: 7px 28px 5px 27px;
        margin: 0 0vw;
    }
}

@media (max-width: 767px) {
  br[m],
  br.m{
    display:unset;
  }

  br[d],
  br.d{
    display:none;
  }

  .mobile_only{
    display:block;
  }
  .desktop_only{
    display:none;
  }
    .deskOnly {
        display: none !important;
    }

    .header__block--logo .logo__image {
        width: 25.521vw !important;
        margin-bottom: -1.2vw;
    }

    .header__content--mobile .link-list__link {
        color: #000 !important;
        font-size: 2.347vw;
        text-align: center;
        line-height: 3.129vw;
        margin: 1.304vw 0 7.562vw 0 !important;
        text-transform: uppercase;
    }

    .header__content--mobile a.link-list__link.workBtn {
        background: #DDF638;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border: 1px solid #000;
        padding: 0.913vw 7.04vw !important;
    }

    .header__content--mobile {
        height: calc(100vh - 8.475vw);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header__content.header__content--mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        border-top: 1px solid #000;
        padding: 19vh 0 26vh 0;
    }

    .header__content.header__content--mobile .header__block {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        display: contents;
    }

    .header__content.header__content--mobile .header__block>div {
        display: contents;
    }

    header__block--logo {
        margin-right: auto !important;
        margin-left: 0 !important;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        line-height: unset;
        height: auto;
        max-height: unset;
        min-height: unset;
    }

    .header__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        padding: 0 5vw 0 5.5vw;
    }

    .hamburger__slice {
        background: #000;
    }

    .hamburger--slice-2,
    .hamburger--slice-3 {
        top: 2.3vw;
        opacity: 0.4;
    }

    .hamburger__slice.hamburger--slice-1 {
        width: 100%;
        margin-left: auto;
        display: block;
        left: auto;
        right: 0px;
        opacity: 0.6;
    }

    .hamburger--slice-4 {
        width: 100%;
        top: 4.347vw;
        opacity: 0.6;
    }

    .header__wrap a.logo {
        position: unset;
        margin: 0vw 0 0 0;
    }

    .header__content--desktop {
        padding: 5.6vw 0 6.868vw !important;
    }

    .header__block--logo {
        order: 1;
        margin-right: 0px !important;
        width: 56%;
        text-align: left;
    }

    .header--overlay .header__content--mobile {

        padding-top: 40vw !important;

    }

    .header--overlay .header__content--mobile .h_menu-right,
    .header--overlay .header__content--mobile .h_menu-left {}

    .header--overlay .header__content--mobile .h_menu-right .link-list,
    .header--overlay .header__content--mobile .h_menu-left .link-list {
        text-align: center;
    }

    .header--overlay .header__content--mobile .h_menu-right .link-list a,
    .header--overlay .header__content--mobile .h_menu-left .link-list a {
        text-align: center;
        margin: 0px !important;
        font-size: 18px;
        font-family: 'Ridley Grotesk';
        font-weight: normal;
        /* margin-bottom: 16.3vw !important; */
        margin: 0px 85px !important;
        margin-bottom: 16.3vw !important;
    }

    .header--overlay .header__content--mobile .link-list a {
        display: block;
        margin: 0px 85px !important;
        font-size: 16px;
        padding: 3.4vw 3.4vw 2.7vw 3.4vw;
        border: 1px solid rgb(0 0 0 / 0%);
    }

    .header--overlay .header__content--mobile .link-list a:hover {
        border: 1px solid #000;
        background: #DDF638;
    }

}

/* 767px */

@media (max-width: 550px) {
        .h_menu-left .link-list .link-list__link:last-child {
    border: 1px solid #000;
    background: #DDF638;
    margin-left: 4vw;
    display: inline-block;
    overflow: hidden;
    padding-left: 8vw;
    padding-right: 8vw;
    letter-spacing: .04vw;
}
}

/* 550px */

.fixed-header .site-header{
    position: fixed;
    z-index: 0;
}
.fixed-header.active .site-header{
    z-index: 999;
}

@media (max-width: 767px) {
    .fixed-header .site-header{
        display:none;
    }
}
/*************************************
Footer Start From Here
************************************/
footer.bbfooter{
    background-color: #DB6541;
    border-top: 1px solid black;
}
.bbfooter>.section_inner{
    width: 80%;
}
.bbfooter h4{
    text-align: center;
    font-family: 'Ridley Grotesk';
    font-size: 0.7vw;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-right: 4vw;
    padding-top: 0.7vw;
    padding-bottom: 0.88vw;
    font-weight: normal;
}
.bbfooter h4 span{
    display: inline-block;
    position:
    relative;
    height: 1vw;
    padding-left: 1.89vw;
    padding-right: 1.8vw;
}
.bbfooter h4 span:after{
    content:
    "";
    position:
    absolute;
    width: 0.078vw;
    background-color: #FFFFFF;
    height: 196%;
    top: -11%;
    left: 47%;
}
.bbfooter h4 a{
    color: #ffffff;
    text-decoration: underline;
}
/******************************************
Footer CSS Resposive Start From here 
*******************************************/
@media(max-width:768px){
    footer.bbfooter{}
    .bbfooter>.section_inner{
    width: 100%;
}
    .bbfooter h4{
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 3vw;
    padding-top: 5.7vw;
    letter-spacing: 0.39vw;
    padding-bottom: 5.5vw;
}
    .bbfooter h4 span{
    height: 5vw;
    display: block;
}
    .bbfooter h4 span:after{
    opacity: 0;
}
    .bbfooter h4 a{}
    }
/******************************************
Footer CSS Resposive End From here 
*******************************************/
/*************************************
Globally Css Start From Here
*************************************/
main{
    background-color:#f7f7f7;
    position:
    relative;
    /* z-index:-10; */
}
h1{
    font-family: degular-display, sans-serif;
}
h2{
    font-family: 'Victor Serif';
    font-weight: 300;
    margin-bottom: 0!important;
    line-height: 6.35vw;
    font-size: 6.3vw;
    letter-spacing: -0.155vw;
}
h3{
    font-family: degular-display, sans-serif;
    margin-bottom: 0;
    font-size: 2.4vw;
    font-weight: 300;
    letter-spacing: 0.145vw;
}
h4{
    font-family: degular-display, sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 3vw;
    letter-spacing: 0.1vw;
}
h5{
    font-family: degular-display, sans-serif;
    font-weight: 300;
    margin-bottom: 0!important;
}
h6{}
ul{}
li{
    margin-bottom: 0;
}
a{}
.btn{
    width: 100%;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.btn a{
    display: inline-block;
    background-color: #CDFF7D;
    padding-left: 1.9vw;
    padding-right: 6vw;
    padding-top: 1.02vw;
    padding-bottom: 1.02vw;
    line-height: 0!important;
    border: 1px solid #232021;
    position: relative;
    font-family: 'IBM Plex Mono', monospace;
    letter-spacing:.1vw;
}
.btn a span{
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 500;
    color: #000000;
    font-size: 0.74vw;
    line-height: 0.8vw;
    display: inline-block;
    letter-spacing: 0.11vw;
}
.btn a:hover span{
    color: #ffffff;
    position: relative;
}
.btn a:before{
    content:
    "";
    background-color:#000000;
    width:0%;
    height:100%;
    top:0;
    left:0;
    position:
    absolute;
    transition: all 1s ease;
}
.bbs1 .btn a:before{}
.btn a:hover:before{
    width:100%;
}
.btn a:after{
    content:
    "";
    position:
    absolute;
    right: 0;
    height: 100%;
    width: 3.9vw;
    top: 0;
    border-left: 1px solid #000000;
}
.bbs1 .btn a:after{
    width: 3.2vw;
}

.btn a:hover:after{border-left: 1px solid #fff;}
.btn a span:before{
    content:
    "";
    position:
    absolute;
    top: 50%;
    right: 1.2vw;
    background-image: url(bbs_btn_arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 0.885vw;
    width: 0.885vw;
    margin-top: -0.3925vw;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    opacity:1;
}

.bbs1 .btn a span:before{}
.bbs1 .btn a:hover span:before{
    right: -23.9vw;
}
.bbs10_content .btn a span:before{
    right: 1.5vw;
}
.bbs10_content .btn a:hover span:before{
    right: -16.8vw;
}
.btn a:hover span:before{
    content:
    "";
    position:
    absolute;
    top: 50%;
    right: -4.9vw;
    background-image: url(icon_hover.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 0.885vw;
    width: 0.885vw;
    margin-top: -0.3925vw;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    opacity:1;
}
.bbs2_in .btn a:hover span:before{
    content:
    "";
    position: absolute;
    top: 50%;
    background-image: url(icon_hover_uncommon.png);
    background-size: contain;
    background-repeat: no-repeat;
    /* height: 2vw; */
    /* width: 1vw; */
    margin-top: -.8vw;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    opacity:1;
    right: -6vw;
}

.btn a:hover span:before{
    opacity: 1;
    /* height: 4.885vw; */
    /* width: 4.885vw; */
}
.btn:hover{
    filter: brightness(1);
}
p{
    letter-spacing: 0.045vw;
    line-height: 1.8vw;
    margin-bottom: 0;
}
.m{
    display: none;
}
/*Animations Keyframe*/

@keyframes droping{
    0%{transform:translateY(2vw);}
    50%{transform:translateY(-2vw);}
    100%{transform:translateY(2vw);}
}
/******************************************
Globally CSS Resposive Start From here 
*******************************************/
@media(max-width:768px){
    h1{}
    h2{
    line-height: 11.7vw;
    font-size: 10.1vw;
}
    h3{
    font-size: 9.45vw;
}
    h4{}
    h5{}
    h6{}
    ul{}
    li{}
    a{}
    .btn{}
    .btn a{
    padding-left: 8.9vw;
    padding-right: 26vw;
    padding-top: 6.3vw;
    padding-bottom: 5.5vw;
}
    .btn a span{
    font-size: 4.35vw;
}
.btn a:hover span{}
    .btn a:before{}
    .btn a:hover:before{}
    .btn a:after{
    width: 15.9vw !important;
}
    .btn a span:before{
    right: 5.3vw;
    height: 4.885vw;
    width: 4.885vw;
    margin-top: -2.4425vw;
}
    .btn a:hover span:before{
    height: 4.885vw;
    width: 4.885vw;
    top: 50%;
    line-height: 4.8vw;
    margin-top: -2.4425vw;
}
    .btn:hover{}
    p{
    font-size: 5.15vw;
    line-height: 7.2vw;
    letter-spacing: 0.1vw;
}
    .m{
        display: block!important;
    }
    /*Animations Keyframe*/

    @keyframes droping{

    0%{transform: translateY(2vw);}
    50%{transform: translateY(-2vw);}
    100%{transform: translateY(2vw);}
    }
}
/******************************************
Globally CSS Resposive End From here 
*******************************************/
/************************************
Main Css Start Form HEre 
*************************************/
/*Section 1 Start From Here */
.bbs1{
    margin-top: 4.3vw;
    padding-top: 5vw;
    padding-bottom: 13vw;
    position:
    relative;
}
.bbs1:after{
    content:
    "";
    position:
    absolute;
    bottom: 0;
    background-image: url(bbs1_bg.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 27vw;
    z-index: 0;
}
.bbs1:before{
    content:"";
    position: absolute;
    background-image: url(bbs1_bottom_arrow.svg);
    width: 2.969vw;
    height: 4.427vw;
    bottom: 9.25vw;
    left: 11.6vw;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: cover;
    animation-name: droping;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.bbs1>.section_inner{
    margin: 0 auto;
    width: 88%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bbs1_left{
    width: 66%;
    padding-left: 1.3vw;
}
.bbs1 h1{
    font-size: 12.3vw;
    color: #DB6541;
    font-weight: 300;
    padding-right: 2vw;
    margin-bottom: 0;
    line-height: 9.5vw;
    padding-top: 0.7vw;
    letter-spacing: -0.03vw;
}
.bbs1 h1 br{}
.bbs1 h1 strong{
    font-weight: 500;
    padding-left: 7.5vw;
}
.bbs1_right{
    width: 34%;
    padding-top: 17.3vw;
    padding-left: 1.65vw;
}
.bbs1 h3{
    font-size: 2.4vw;
    font-weight: 300;
    letter-spacing: 0.145vw;
    padding-right: 7vw;
    color: #000000;
}
.bbs1 h3 br{}
.bbs1 article{
    padding-top: 1.6vw;
    padding-right: 2vw;
}
.bbs1 article p{font-family: 'HK Grotesk';color: #000000;}
.bbs1 .btn{
    text-align: left;
    padding-top: 2.3vw;
}
.bbs1 .btn a{
    /* padding-right: 5.4vw; */
    /* padding-left: 1.9vw; */
}
.bbs1 .btn a span{}
.bbs1.btn a:after {

}
/******************************************
Section 1 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs1{
    margin-top: 18vw;
    padding-bottom: 50vw;
}
    .bbs1:after{width: 100%;height: 207vw;}
    .bbs1:before{
    width: 20.969vw;
    height: 22.427vw;
    left: 41.6vw;
    bottom: 14.25vw;
    background-size: contain;
}
    .bbs1>.section_inner{}
    .bbs1_left{
    width: 100%;
}
    .bbs1 h1{
    font-size: 19.2vw;
    padding-top: 7vw;
    padding-left: 2vw;
    line-height: 14.5vw;
    padding-right: 0;
}
    .bbs1 h1 br{}
    .bbs1 h1 strong{
    padding-left: 12vw;
}
    .bbs1_right{
    width: 100%;
    padding-left: 0;
    padding-top: 11vw;
}
    .bbs1 h3{
    text-align: center;
    font-size: 9.45vw;
    padding-right: 0;
    padding-top: 1vw;
}
    .bbs1 h3 br{}
    .bbs1 article{
    padding-top: 15.5vw;
    padding-right: 0;
}
    .bbs1 article p{
    text-align: center;
    font-size: 5.15vw;
    line-height: 7.2vw;
    letter-spacing: 0.1vw;
}
    .bbs1 article p br{
    display: none;
}
    .bbs1 .btn{
    text-align: left;
    padding-top: 18.35vw;
    padding-left: 7vw;
}
    .bbs1 .btn a{
    /* letter-spacing: 27.2vw; */
    padding-right: 29.4vw;
    padding-left: 9.1vw;
}
    .bbs1 .btn a span{
    letter-spacing: 0.11vw;
}
}
/******************************************
Section 1 Resposive End From here 
*******************************************/
/*Section 2 Start From here */
.bbs2{
    position:relative;
}
.bbs2:after{
    content:
    "";
    position:
    absolute;
    top: -1px;
    background-image: url(bbs2_bg.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 92%;
}
.bbs2>.section_inner{}
.bbs2 h2{
    text-align: left;
    padding-right: 8vw;
    color: #000000;
    padding-left: 10.3vw;
    padding-top: 1.68vw;
    letter-spacing: -0.155vw;
    font-family: 'Victor Serif';
    font-weight: 300;
}
.bbs2 h2 br{}
.bbs2 h2 span{}
.bbs2 h2 strong{
    font-style: italic;
    font-weight: 400;
    padding-right: 1.3vw;
}
.bbs2 h5{
    text-align: left;
    padding-top: 3.44vw;
    font-size: 2.2vw;
    padding-bottom: 2.7vw;
    padding-left: 10.3vw;
    letter-spacing: 0.105vw;
    padding-right: 12vw;
    color: #000000;
    font-family: degular-display, sans-serif;
    font-weight: 300;
}
.bbs2 h5 br{}
.bbs2 h5 strong{}
.bbs2_in{
    position: relative;
    padding-left: 17.28vw;
    padding-top: 7.2vw;
    padding-right: 16vw;
}
.bbs2_in:after{
    content:
    "";
    position:
    absolute;
    width: 92%;
    background-color: #1D1D1D;
    height: 1px;
    top: 0;
    left: 4%;
}
.bbs2_in_img{
    /* background-image: url(bbs2_img.png); */
    height: 37.4vw;
    background-size: cover;
    border: 1px solid #1D1D1D;
}
.bbs2_in_img img{
    width: 10%;
    opacity: 0;
    display: none;
}
.bbs2_in .btn{
    position: absolute;
    top: 23.7vw;
    left: 0;
    padding-left: 1.3vw;
}
.bbs2_in .btn a{
    padding-left: 2.7vw;
    padding-right: 8.1vw;
    padding-top: 1.3vw;
    padding-bottom: 1.5vw;
}
.bbs2_in .btn a:after{
    height: 100%;
    width: 5.3vw;
}
.bbs2_in .btn a span:before{
    background-image: url(bbs2_btn_video.svg);
    height: 1.615vw;
    width: 1.198vw;
    margin-top: -0.8075vw;
    right: 1.9vw;
}
.bbs2_in .btn a span{
    font-size: 1.3vw;
    /* padding-left: 2vw; */
    letter-spacing: 0.10vw;
    line-height: 1.3vw;
}
/******************************************
Section 2 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs2{
    padding-top: 10vw;
}
    .bbs2:after{}
    .bbs2>.section_inner{}
    .bbs2 h2{
    font-size: 10.1vw;
    padding-right: 5vw;
    padding-left: 5.4vw;
    padding-top: 4.2vw;
    line-height: 11.7vw;
    text-align: center;
}
    .bbs2 h2 br{
    display: none;
}
    .bbs2 h2 span{}
    .bbs2 h2 strong{}
    .bbs2 h5{
    text-align: center;
    font-size: 6.15vw;
    padding-top: 9vw;
    padding-right: 10vw;
    word-spacing: .1vw;
    letter-spacing: .1vw;
}
    .bbs2 h5 br{}
    .bbs2 h5 strong{}
    .bbs2_in{
    padding-top: 10.3vw;
    padding-left: 0;
    padding-right: 0;
}
    .bbs2_in:after{
    opacity: 0;
}
    .bbs2_in_img{
    border-left: 0;
    border-right: 0;
    height: 74.5vw;
    /* background-image: url(bbs2_img_mobile.png); */
}
    .bbs2_in_img img{}
    .bbs2_in .btn{
    top: 49.3%;
    padding-left: 1vw;
}
    .bbs2_in .btn a{
    padding-left: 8.5vw;
    padding-right: 27vw;
    padding-top: 5.2vw;
    padding-bottom: 6.2vw;
}
    .bbs2_in .btn a:after{
    width: 17.4vw !important;
}
    .bbs2_in .btn a span:before{
    height: 5.915vw;
    width: 4.198vw;
    margin-top: -2.9vw;
    right: 5.5vw;
}
    .bbs2_in .btn a:hover span:before{
    margin-top: -2.3vw;
    right: -21vw;
}
    .bbs2_in .btn a span{
    font-size: 4.2vw;
}
}
/******************************************
Section 2 Resposive End From here 
*******************************************/
/*Section 3 Start From Here */
.bbs3{
    position:relative;
}
.bbs3:after{
    content:"";
    position:absolute;
    top: -6vw;
    background-image: url(bbs3_bg.svg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 100%;
    height: 40%;
}
.bbs3:before{
    content:
    "";
    position: absolute;
    bottom: 0.31vw;
    width: 92.1%;
    left: 3.9%;
    background-color: #1D1D1D;
    height: 1px;
}
.bbs3>.section_inner{}
.bbs3 h2{
    padding-left: 10.6vw;
    padding-top: 10.5vw;
    text-transform: unset;
    letter-spacing: -0.22vw;
    padding-right: 30vw;
    color: #000000;
    font-family: 'Victor Serif';
    font-weight: 300;
}
.bbs3_boxes{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 85%;
    padding-top: 6vw;
}
/*common class*/
.bbs3_box{
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 5.5vw;
}
.bbs3_box .bbs3_box_left{
    width: 21%;
    box-sizing: border-box;
    padding-left: 3.4vw;
    padding-top: 0.8vw;
    padding-right: 1.4vw;
}
.bbs3_box .bbs3_box_img{
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 5vw;
}
.bbs3_box .bbs3_box_img img{
    width: 10%;
    opacity: 0;
}
.bbs3_box .bbs3_box_right{
    width: 79%;
    padding-left: 0.98vw;
}
.bbs3_box .bbs3_box_right h4{
    font-family: degular-display, sans-serif;
    text-transform: unset;
    font-size: 3.4vw;
    font-weight: 300;
    color: #000000;
}
.bbs3_box .bbs3_box_right h4 br{}
.bbs3_box .bbs3_box_right article{
    padding-top: 2.9vw;
}
.bbs3_box .bbs3_box_right article p{
    font-family: 'HK Grotesk';
    font-weight: 300;
    color: #000000;
}
.bbs3_box .bbs3_box_right article p br{}
/* uncommon class */
.bbs3_box:nth-child(1){}
.bbs3_box:nth-child(1) .bbs3_box_left{}
.bbs3_box:nth-child(1) .bbs3_box_img{
    /* background-image: url(bbs3_box1_icon.svg); */
}
.bbs3_box:nth-child(1) .bbs3_box_img img{}
.bbs3_box:nth-child(1) .bbs3_box_right{}
.bbs3_box:nth-child(1) .bbs3_box_right h4{}
.bbs3_box:nth-child(1) .bbs3_box_right h4 br{}
.bbs3_box:nth-child(1) .bbs3_box_right article{}
.bbs3_box:nth-child(1) .bbs3_box_right article p{}
.bbs3_box:nth-child(1) .bbs3_box_right article p br{}
.bbs3_box:nth-child(2){}
.bbs3_box:nth-child(2) .bbs3_box_left{
    padding-left: 4.4vw;
    padding-right: 0.6vw;
}
.bbs3_box:nth-child(2) .bbs3_box_img{background-image: url(bbs3_box2_icon.svg);}
.bbs3_box:nth-child(2) .bbs3_box_img img{}
.bbs3_box:nth-child(2) .bbs3_box_right{}
.bbs3_box:nth-child(2) .bbs3_box_right h4{}
.bbs3_box:nth-child(2) .bbs3_box_right h4 br{}
.bbs3_box:nth-child(2) .bbs3_box_right article{}
.bbs3_box:nth-child(2) .bbs3_box_right article p{}
.bbs3_box:nth-child(2) .bbs3_box_right article p br{}
.bbs3_box:nth-child(3){}
.bbs3_box:nth-child(3) .bbs3_box_left{
    padding-top: 1.1vw;
    padding-right: 2.2vw;
}
.bbs3_box:nth-child(3) .bbs3_box_img{background-image: url(bbs3_box3_icon.svg);}
.bbs3_box:nth-child(3) .bbs3_box_img img{}
.bbs3_box:nth-child(3) .bbs3_box_right{}
.bbs3_box:nth-child(3) .bbs3_box_right h4{}
.bbs3_box:nth-child(3) .bbs3_box_right h4 br{}
.bbs3_box:nth-child(3) .bbs3_box_right article{}
.bbs3_box:nth-child(3) .bbs3_box_right article p{}
.bbs3_box:nth-child(3) .bbs3_box_right article p br{}
.bbs3_box:nth-child(4){}
.bbs3_box:nth-child(4) .bbs3_box_left{
    padding-top: 0.5vw;
    padding-left: 3.58vw;
    padding-right: 1.5vw;
}
.bbs3_box:nth-child(4) .bbs3_box_img{background-image: url(bbs3_box4_icon.svg);}
.bbs3_box:nth-child(4) .bbs3_box_img img{}
.bbs3_box:nth-child(4) .bbs3_box_right{}
.bbs3_box:nth-child(4) .bbs3_box_right h4{}
.bbs3_box:nth-child(4) .bbs3_box_right h4 br{}
.bbs3_box:nth-child(4) .bbs3_box_right article{}
.bbs3_box:nth-child(4) .bbs3_box_right article p{}
.bbs3_box:nth-child(4) .bbs3_box_right article p br{}
/******************************************
Section 3 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs3{
    background-color: #F7F7F7;
}
    .bbs3:after{
    height: 34%;
}
    .bbs3:before{
    bottom: 1.2vw;
    width: 84.1%;
    left: 7.9%;
}
    .bbs3>.section_inner{}
    .bbs3 h2{
    padding-right: 7vw;
    padding-top: 13.25vw;
    padding-left: 11.25vw;
}
    .bbs3_boxes{}
    /*common class*/
    .bbs3_box{
    width: 100%;
    padding-bottom: 18.6vw;
}
    .bbs3_box .bbs3_box_left{
    width: 100%;
    padding-left: 0;
    text-align: center;
    padding-top: 14.5vw;
    padding-right: 0;
}
    .bbs3_box .bbs3_box_img{
    width: 20vw;
    height: 19vw;
    margin: 0 auto;
}
    .bbs3_box .bbs3_box_img img{}
    .bbs3_box .bbs3_box_right{
    width: 100%;
    padding-left: 0;
}
    .bbs3_box .bbs3_box_right h4{
    text-align: center;
    padding-top: 4vw;
    font-size: 8.4vw;
    line-height: 10.1vw;
}
    .bbs3_box .bbs3_box_right h4 br{}
    .bbs3_box .bbs3_box_right article{
    padding-top: 6vw;
}
    .bbs3_box .bbs3_box_right article p{
    text-align: center;
}
    .bbs3_box .bbs3_box_right article p br{
    display: none;
}
    /* uncommon class */
    .bbs3_box:nth-child(1){}
    .bbs3_box:nth-child(1) .bbs3_box_left{}
    .bbs3_box:nth-child(1) .bbs3_box_img{}
    .bbs3_box:nth-child(1) .bbs3_box_img img{}
    .bbs3_box:nth-child(1) .bbs3_box_right{}
    .bbs3_box:nth-child(1) .bbs3_box_right h4{}
    .bbs3_box:nth-child(1) .bbs3_box_right h4 br{}
    .bbs3_box:nth-child(1) .bbs3_box_right article{}
    .bbs3_box:nth-child(1) .bbs3_box_right article p{}
    .bbs3_box:nth-child(1) .bbs3_box_right article p br{}
    .bbs3_box:nth-child(2){}
    .bbs3_box:nth-child(2) .bbs3_box_left{padding-top: 0;padding-right: 1.3vw;}
    .bbs3_box:nth-child(2) .bbs3_box_img{
    width: 22vw;
    height: 20vw;
}
    .bbs3_box:nth-child(2) .bbs3_box_img img{}
    .bbs3_box:nth-child(2) .bbs3_box_right{}
    .bbs3_box:nth-child(2) .bbs3_box_right h4{
    padding-top: 9.6vw;
}
    .bbs3_box:nth-child(2) .bbs3_box_right h4 br{}
    .bbs3_box:nth-child(2) .bbs3_box_right article{}
    .bbs3_box:nth-child(2) .bbs3_box_right article p{}
    .bbs3_box:nth-child(2) .bbs3_box_right article p br{}
    .bbs3_box:nth-child(3){
    padding-bottom: 16.99vw;
}
    .bbs3_box:nth-child(3) .bbs3_box_left{
    padding-right: 4vw;
}
    .bbs3_box:nth-child(3) .bbs3_box_img{
    width: 15.5vw;
    height: 19vw;
}
    .bbs3_box:nth-child(3) .bbs3_box_img img{}
    .bbs3_box:nth-child(3) .bbs3_box_right{}
    .bbs3_box:nth-child(3) .bbs3_box_right h4{
    padding-top: 1vw;
}
    .bbs3_box:nth-child(3) .bbs3_box_right h4 br{
    display: none;
}
    .bbs3_box:nth-child(3) .bbs3_box_right article{}
    .bbs3_box:nth-child(3) .bbs3_box_right article p{}
    .bbs3_box:nth-child(3) .bbs3_box_right article p br{}
    .bbs3_box:nth-child(4){}
    .bbs3_box:nth-child(4) .bbs3_box_left{}
    .bbs3_box:nth-child(4) .bbs3_box_img{}
    .bbs3_box:nth-child(4) .bbs3_box_img img{}
    .bbs3_box:nth-child(4) .bbs3_box_right{}
    .bbs3_box:nth-child(4) .bbs3_box_right h4{
    padding-top: 7vw;
}
    .bbs3_box:nth-child(4) .bbs3_box_right h4 br{}
    .bbs3_box:nth-child(4) .bbs3_box_right article{}
    .bbs3_box:nth-child(4) .bbs3_box_right article p{}
    .bbs3_box:nth-child(4) .bbs3_box_right article p br{}
    }
/******************************************
Section 3 Resposive End From here 
*******************************************/
/*Section 4 Start From Here*/
.bbs4{
    padding-top: 5vw;
    padding-bottom: 4vw;
}
.bbs4>.section_inner{
    width: 82%;
}
.bbs4 h2{
    text-transform: unset;
    padding-right: 29vw;
    padding-left: 0.24vw;
    letter-spacing: -0.22vw;
    color: #000000;
    font-family: 'Victor Serif';
    font-weight: 300;
}
.bbs4 h2 strong{
    font-weight: 300;
    font-style: italic;
}
.bbs4 ul{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    padding-top: 3.99vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}
/* common */
.bbs4 ul li{
    margin-bottom: 0;
    padding-bottom: 1.97vw;
    position: relative;
}
.bbs4 ul li>i{
    position:
    absolute;
    background-image: url(bbs_box_sine_mark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.875vw;
    height: 1.354vw;
}
.bbs4 ul li article{}
.bbs4 ul li article:after{}
.bbs4 ul li article p{
    font-size: 1.3vw;
    font-family: 'HK Grotesk';
    letter-spacing: 0.054vw;
    color: #000000;
}
.bbs4 ul li article p br{}
.bbs4 ul li article p strong{}
/* uncommon 2 */
.bbs4 ul li:nth-child(even) {
    padding-left: 6vw;
    width: 44%;
}
.bbs4 ul li:nth-child(even) i{
    top: 0.199vw;
    left: 2.34vw;
}
.bbs4 ul li:nth-child(even) article{}
.bbs4 ul li:nth-child(even) article p{}
.bbs4 ul li:nth-child(even) article p br{}
.bbs4 ul li:nth-child(even) article p strong{}
.bbs4 ul li:nth-child(odd) {
    padding-left: 13.0vw;
    width: 56%;
}
.bbs4 ul li:nth-child(odd) i{
    top: 0.8vw;
    left: 9.5vw;
}
.bbs4 ul li:nth-child(odd) article{}
.bbs4 ul li:nth-child(odd) article p{}
.bbs4 ul li:nth-child(odd) article p br{}
.bbs4 ul li:nth-child(odd) article p strong{}
/*uncommon */
.bbs4 ul li:nth-child(1) {
    padding-top: 0.5vw;
    padding-left: 13.25vw;
}
.bbs4 ul li:nth-child(1) i{}
.bbs4 ul li:nth-child(1) article{}
.bbs4 ul li:nth-child(1) article p{}
.bbs4 ul li:nth-child(1) article p br{}
.bbs4 ul li:nth-child(1) article p strong{}
.bbs4 ul li:nth-child(2) {}
.bbs4 ul li:nth-child(2) i{}
.bbs4 ul li:nth-child(2) article{}
.bbs4 ul li:nth-child(2) article p{}
.bbs4 ul li:nth-child(2) article p br{}
.bbs4 ul li:nth-child(2) article p strong{}
.bbs4 ul li:nth-child(3) {}
.bbs4 ul li:nth-child(3) i{
    top: 0.4vw;
}
.bbs4 ul li:nth-child(3) article{}
.bbs4 ul li:nth-child(3) article p{}
.bbs4 ul li:nth-child(3) article p br{}
.bbs4 ul li:nth-child(3) article p strong{}
.bbs4 ul li:nth-child(4) {}
.bbs4 ul li:nth-child(4) i{
    top: 0.4vw;
}
.bbs4 ul li:nth-child(4) article{}
.bbs4 ul li:nth-child(4) article p{}
.bbs4 ul li:nth-child(4) article p br{}
.bbs4 ul li:nth-child(4) article p strong{}
/******************************************
Section 4 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs4{
    padding-bottom: 0;
}
    .bbs4>.section_inner{
    width: 90%;
}
    .bbs4 h2{
    font-size: 10.16vw;
    padding-top: 6.6vw;
    padding-left: 3vw;
}
    .bbs4 h2 strong{}
    .bbs4 ul{
    padding-top: 8.3vw;
}
    /* common */
    .bbs4 ul li{padding-bottom: 14.5vw;}
    .bbs4 ul li>i{
    width: 9.875vw;
    height: 9.354vw;
}
    .bbs4 ul li article{
    padding-left: 8.6vw;
}
    .bbs4 ul li article:after{}
    .bbs4 ul li article p{
    font-size: 5.53vw;
    letter-spacing: -0.07vw;
    padding-right: 4vw;
}
    .bbs4 ul li article p br{
    display: none;
}
    .bbs4 ul li article p strong{}
    /* uncommon 2 */
    .bbs4 ul li:nth-child(even) {
    width: 100%;
    padding-left: 13.1vw;
}
    .bbs4 ul li:nth-child(even) i{
    top: 3.2vw;
    left: 2.34vw;
}
    .bbs4 ul li:nth-child(even) article{}
    .bbs4 ul li:nth-child(even) article p{}
    .bbs4 ul li:nth-child(even) article p br{}
    .bbs4 ul li:nth-child(even) article p strong{}
    .bbs4 ul li:nth-child(odd) {
    width: 100%;
}
    .bbs4 ul li:nth-child(odd) i{
    top: 3.8vw;
    left: 2.5vw;
}
    .bbs4 ul li:nth-child(odd) article{}
    .bbs4 ul li:nth-child(odd) article p{}
    .bbs4 ul li:nth-child(odd) article p br{}
    .bbs4 ul li:nth-child(odd) article p strong{}
    /*uncommon */
    .bbs4 ul li:nth-child(1) {
    order: 1;
}
    .bbs4 ul li:nth-child(1) i{}
    .bbs4 ul li:nth-child(1) article{
    padding-top: 0.7vw;
}
    .bbs4 ul li:nth-child(1) article p{}
    .bbs4 ul li:nth-child(1) article p br{}
    .bbs4 ul li:nth-child(1) article p strong{}
    .bbs4 ul li:nth-child(2) {
    order: 3;
}
    .bbs4 ul li:nth-child(2) i{
    top: 1.6vw;
}
    .bbs4 ul li:nth-child(2) article{}
    .bbs4 ul li:nth-child(2) article p{}
    .bbs4 ul li:nth-child(2) article p br{}
    .bbs4 ul li:nth-child(2) article p strong{}
    .bbs4 ul li:nth-child(3) {
    order: 2;
}
    .bbs4 ul li:nth-child(3) i{
    top: 1.8vw;
}
    .bbs4 ul li:nth-child(3) article{}
    .bbs4 ul li:nth-child(3) article p{}
    .bbs4 ul li:nth-child(3) article p br{}
    .bbs4 ul li:nth-child(3) article p strong{}
    .bbs4 ul li:nth-child(4) {
    order: 4;
}
    .bbs4 ul li:nth-child(4) i{
    top: 1.6vw;
}
    .bbs4 ul li:nth-child(4) article{}
    .bbs4 ul li:nth-child(4) article p{}
    .bbs4 ul li:nth-child(4) article p br{}
    .bbs4 ul li:nth-child(4) article p strong{}
    }
/******************************************
Section 4 Resposive End From here 
*******************************************/
/*section 5 Start From Here */
.bbs5{
    padding-top: 4vw;
    position:relative;
}
.bbs5:after{
    content:
    "";
    position:
    absolute;
    background-image: url(bbs5_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    top: 0vw;
    height: 169.6%;
}
.bbs5>.section_inner{
    width: 95%;
}
.bbs5 h2{
    text-transform: unset;
    padding-left: 14.2vw;
    padding-top: 1.06vw;
    font-size: 7.45vw;
    letter-spacing: -0.22vw;
    position: relative;
    padding-right: 9vw;
    font-family: 'Victor Serif';
}
.bbs5 h2:after{
    content:
    "";
    position: absolute;
    background-color: #1d1d1d;
    height: 1px;
    width: 97%;
    bottom: -4.2vw;
    left: 1.4vw;
}
.bbs5 h2 strong{
    font-weight: 300;
    font-style: italic;
}
/*common*/
.bbs5_boxes{
    padding-left: 0;
    margin: 0;
    margin-top: 14.68vw;
    position:
    relative;
    padding-bottom: 5.8vw;
}
.bbs5_boxes:after{
    content:"";
    position:absolute;
    width: 11.250vw;
    height: 184%;
    background-image: url(bbs_arc_line.svg);
    top: -1.2vw;
    left: 45.2%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
.bbs5_boxes li{
    list-style: none;
    position:
    relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}
.bbs5_boxes li .bbs5_box_number{
    width: 5%;
}
.bbs5_boxes li .bbs5_box_number span{
    display: inline-block;
    font-family: degular-display, sans-serif;
    font-size: 1.9vw;
    padding-top: 2.1vw;
    font-weight: 300;
}
.bbs5_boxes li .bbs5_box_number i{
    position: absolute;
    background-image:
    url(bbs_start_icon.svg);
    width: 6.927vw;
    height: 6.927vw;
    background-repeat: no-repeat;
    top: 0vw;
    left: -3.2vw;
    background-size: contain;
    z-index: -1;
}
.bbs5_boxes li .bbs5_box_content{
    width: 95%;
    /* margin-top: -1.6vw; */
}
.bbs5_boxes li .bbs5_box_content h2{
    font-size: 3.9vw;
    padding: 0;
    padding-bottom: 2.7vw;
    text-transform: unset;
    font-weight: 300;
    font-family: degular-display, sans-serif;
    line-height: 3.9vw;
    padding-top: 0.5vw;
    padding-left: 0.25vw;
    letter-spacing: 0.178vw;
    color: #000000;
}
.bbs5_boxes li .bbs5_box_content h2:after{
    display:none;
}
.bbs5_boxes li .bbs5_box_content h2 br{}
.bbs5_boxes li .bbs5_box_content article{}
.bbs5_boxes li .bbs5_box_content article p{
    font-family: 'HK Grotesk';
    padding-bottom: 1.6vw;
    color: #000000;
    font-weight: 300;
}
.bbs5_boxes li .bbs5_box_content article p a{
    font-weight: 600;
    color: #000000;
    text-decoration: underline;
}
.bbs5_boxes li .bbs5_box_content article p br{}
/*2 common*/
.bbs5_boxes li:nth-child(odd) {
    width: 80.6%;
    margin-top: -4vw;
}
.bbs5_boxes li:nth-child(odd) .bbs5_box_number{}
.bbs5_boxes li:nth-child(odd) .bbs5_box_number span{}
.bbs5_boxes li:nth-child(odd) i{}
.bbs5_boxes li:nth-child(odd) .bbs5_box_content{
    padding-left: 1.1vw;
    padding-right: 37vw;
}
.bbs5_boxes li:nth-child(odd) .bbs5_box_content h2{}
.bbs5_boxes li:nth-child(odd) .bbs5_box_content h2 br{}
.bbs5_boxes li:nth-child(odd) .bbs5_box_content article{
    padding-left: 0.25vw;
}
.bbs5_boxes li:nth-child(odd) .bbs5_box_content article p{}
.bbs5_boxes li:nth-child(odd) .bbs5_box_content article p br{}
.bbs5_boxes li:nth-child(even) {
    width: 45%;
    margin-left: 55%;
    margin-top: -9.1vw;
}
.bbs5_boxes li:nth-child(even) .bbs5_box_number{}
.bbs5_boxes li:nth-child(even) .bbs5_box_number span{
    padding-top: 1.1vw;
}
.bbs5_boxes li:nth-child(even) i{
    top: -1vw;
    left: -2.99vw;
}
.bbs5_boxes li:nth-child(even) .bbs5_box_content{
    padding-left: 2.97vw;
}
.bbs5_boxes li:nth-child(even) .bbs5_box_content h2{}
.bbs5_boxes li:nth-child(even) .bbs5_box_content h2 br{}
.bbs5_boxes li:nth-child(even) .bbs5_box_content article{
    padding-right: 3vw;
    padding-left: 0.5vw;
}
.bbs5_boxes li:nth-child(even) .bbs5_box_content article p{}
.bbs5_boxes li:nth-child(even) .bbs5_box_content article p br{}
/*custom*/
.bbs5_boxes li:nth-child(1) {}
.bbs5_boxes li:nth-child(1) .bbs5_box_number{}
.bbs5_boxes li:nth-child(1) .bbs5_box_number span{}
.bbs5_boxes li:nth-child(1) i{}
.bbs5_boxes li:nth-child(1) .bbs5_box_content{}
.bbs5_boxes li:nth-child(1) .bbs5_box_content h2{}
.bbs5_boxes li:nth-child(1) .bbs5_box_content h2 br{}
.bbs5_boxes li:nth-child(1) .bbs5_box_content article{}
.bbs5_boxes li:nth-child(1) .bbs5_box_content article p{}
.bbs5_boxes li:nth-child(1) .bbs5_box_content article p br{}
.bbs5_boxes li:nth-child(2) {}
.bbs5_boxes li:nth-child(2) .bbs5_box_number{}
.bbs5_boxes li:nth-child(2) .bbs5_box_number span{}
.bbs5_boxes li:nth-child(2) i{}
.bbs5_boxes li:nth-child(2) .bbs5_box_content{}
.bbs5_boxes li:nth-child(2) .bbs5_box_content h2{}
.bbs5_boxes li:nth-child(2) .bbs5_box_content h2 br{}
.bbs5_boxes li:nth-child(2) .bbs5_box_content article{}
.bbs5_boxes li:nth-child(2) .bbs5_box_content article p{}
.bbs5_boxes li:nth-child(2) .bbs5_box_content article p br{}
.bbs5_boxes li:nth-child(3) {
    margin-top: -5.4vw;
    width: 81%;
}
.bbs5_boxes li:nth-child(3) .bbs5_box_number{}
.bbs5_boxes li:nth-child(3) .bbs5_box_number span{
}
.bbs5_boxes li:nth-child(3) i{}
.bbs5_boxes li:nth-child(3) .bbs5_box_content{
    padding-top: 0.6vw;
    padding-left: 0.8vw;
}
.bbs5_boxes li:nth-child(3) .bbs5_box_content h2{
}
.bbs5_boxes li:nth-child(3) .bbs5_box_content h2 br{}
.bbs5_boxes li:nth-child(3) .bbs5_box_content article{
    padding-left: 0.5vw;
}
.bbs5_boxes li:nth-child(3) .bbs5_box_content article p{}
.bbs5_boxes li:nth-child(3) .bbs5_box_content article p br{}
.bbs5_boxes li:nth-child(4) {
    margin-top: -4vw;
}
.bbs5_boxes li:nth-child(4) .bbs5_box_number{
}
.bbs5_boxes li:nth-child(4) .bbs5_box_number span{
    padding-top: 2.1vw;
    padding-left: 0.2vw;
}
.bbs5_boxes li:nth-child(4) i{
    top: 0vw;
    left: -2.75vw;
}
.bbs5_boxes li:nth-child(4) .bbs5_box_content{}
.bbs5_boxes li:nth-child(4) .bbs5_box_content h2{}
.bbs5_boxes li:nth-child(4) .bbs5_box_content h2 br{}
.bbs5_boxes li:nth-child(4) .bbs5_box_content article{}
.bbs5_boxes li:nth-child(4) .bbs5_box_content article p{}
.bbs5_boxes li:nth-child(4) .bbs5_box_content article p br{}
.bbs5_boxes li:nth-child(5) {
    margin-top: -1.15vw;
    width: 82%;
}
.bbs5_boxes li:nth-child(5) .bbs5_box_number{}
.bbs5_boxes li:nth-child(5) .bbs5_box_number span{
    padding-top: 2.5vw;
}
.bbs5_boxes li:nth-child(5) i{
    top: 0.4vw;
    left: -2.8vw;
}
.bbs5_boxes li:nth-child(5) .bbs5_box_content{
    padding-left: 1.5vw;
}
.bbs5_boxes li:nth-child(5) .bbs5_box_content h2{
    padding-bottom: 3.2vw;
}
.bbs5_boxes li:nth-child(5) .bbs5_box_content h2 br{}
.bbs5_boxes li:nth-child(5) .bbs5_box_content article{}
.bbs5_boxes li:nth-child(5) .bbs5_box_content article p{}
.bbs5_boxes li:nth-child(5) .bbs5_box_content article p br{}
.bbs5_boxes li:nth-child(6) {
    margin-top: 0.2vw;
}
.bbs5_boxes li:nth-child(6) .bbs5_box_number{
    padding-left: 0.4vw;
    padding-top: 0.96vw;
}
.bbs5_boxes li:nth-child(6) .bbs5_box_number span{}
.bbs5_boxes li:nth-child(6) i{
    top: 0vw;
    left: -2.5vw;
}
.bbs5_boxes li:nth-child(6) .bbs5_box_content{
    padding-left: 3.1vw;
}
.bbs5_boxes li:nth-child(6) .bbs5_box_content h2{
    padding-left: 0.5vw;
}
.bbs5_boxes li:nth-child(6) .bbs5_box_content h2 br{}
.bbs5_boxes li:nth-child(6) .bbs5_box_content article{}
.bbs5_boxes li:nth-child(6) .bbs5_box_content article p{}
.bbs5_boxes li:nth-child(6) .bbs5_box_content article p br{}
.bbs5_boxes li:nth-child(7) {
    margin-top: -2.6vw;
    width: 81.6%;
}
.bbs5_boxes li:nth-child(7) .bbs5_box_number{}
.bbs5_boxes li:nth-child(7) .bbs5_box_number span{
    padding-top: 1.65vw;
    padding-left: 0.15vw;
}
.bbs5_boxes li:nth-child(7) i{
    top: -0.5vw;
    left: -3vw;
}
.bbs5_boxes li:nth-child(7) .bbs5_box_content{
    padding-left: 1.3vw;
}
.bbs5_boxes li:nth-child(7) .bbs5_box_content h2{
    padding-bottom: 2vw;
}
.bbs5_boxes li:nth-child(7) .bbs5_box_content h2 br{}
.bbs5_boxes li:nth-child(7) .bbs5_box_content article{}
.bbs5_boxes li:nth-child(7) .bbs5_box_content article p{}
.bbs5_boxes li:nth-child(7) .bbs5_box_content article p br{}
/******************************************
Section 5 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs5{
    padding-top: 3vw;
}
    .bbs5:after{
    height: 136.6%;
}
    .bbs5>.section_inner{}
    .bbs5 h2{
    text-align: center;
    padding-left: 5vw;
    padding-right: 5vw;
    line-height: 11.7vw;
    font-size: 10.1vw;
    padding-top: 3.78vw;
}
    .bbs5 h2:after{
    opacity: 0;
}
    .bbs5 h2 strong{}
    /*common*/
    .bbs5_boxes{
    margin-top: 6.5vw;
}
    .bbs5_boxes:after{
    opacity: 0;
}
    .bbs5_boxes li{}
    .bbs5_boxes li .bbs5_box_number{
    position: relative;
    left: 36%;
    padding-bottom: 10vw;
}
    .bbs5_boxes li .bbs5_box_number span{
    font-size: 9.7vw;
    padding-top: 9.8vw;
    padding-left: 11.2vw;
}
    .bbs5_boxes li .bbs5_box_number i{
    width: 34.927vw;
    height: 32.927vw;
}
    .bbs5_boxes li .bbs5_box_content{}
    .bbs5_boxes li .bbs5_box_content h2{
    text-align: center;
    padding-top: 3.1vw;
    font-size: 8vw;
    line-height: 10vw;
    padding-right: 1vw;
    padding-bottom: 8.35vw;
}
    .bbs5_boxes li .bbs5_box_content h2:after{}
    .bbs5_boxes li .bbs5_box_content h2 br{}
    .bbs5_boxes li .bbs5_box_content article{
    padding-right: 2vw;
}
    .bbs5_boxes li .bbs5_box_content article p{
    text-align: center;
    padding-bottom: 7vw;
}
    .bbs5_boxes li .bbs5_box_content article p a{}
    .bbs5_boxes li .bbs5_box_content article p br{
    display: none;
}
    /*2 common*/
    .bbs5_boxes li:nth-child(odd) {
    width: 100%;
    margin-top: 0;
}
    .bbs5_boxes li:nth-child(odd) .bbs5_box_number{
    width: 100%;
    margin-top: 12.6vw;
}
    .bbs5_boxes li:nth-child(odd) .bbs5_box_number span{
    padding-left: 11vw;
    padding-top: 9vw;
}
    .bbs5_boxes li:nth-child(odd) i{}
    .bbs5_boxes li:nth-child(odd) .bbs5_box_content{
    width: 100%;
    padding-right: 5vw;
    padding-left: 5vw;
}
    .bbs5_boxes li:nth-child(odd) .bbs5_box_content h2{padding-bottom: 8.35vw;}
    .bbs5_boxes li:nth-child(odd) .bbs5_box_content h2 br{}
    .bbs5_boxes li:nth-child(odd) .bbs5_box_content article{
}
    .bbs5_boxes li:nth-child(odd) .bbs5_box_content article p{}
    .bbs5_boxes li:nth-child(odd) .bbs5_box_content article p br{}
    .bbs5_boxes li:nth-child(even) {
    width: 100%;
    margin: 0;
}
    .bbs5_boxes li:nth-child(even) .bbs5_box_number{
    width: 100%;
    margin-top: 20vw;
}
    .bbs5_boxes li:nth-child(even) .bbs5_box_number span{padding-left: 10.5vw;padding-top: 1.4vw;}
    .bbs5_boxes li:nth-child(even) i{
    top: -8vw;
    left: -2.99vw;
}
    .bbs5_boxes li:nth-child(even) .bbs5_box_content{
    width: 100%;
}
    .bbs5_boxes li:nth-child(even) .bbs5_box_content h2{padding-right: 5vw;}
    .bbs5_boxes li:nth-child(even) .bbs5_box_content h2 br{}
    .bbs5_boxes li:nth-child(even) .bbs5_box_content article{
    padding-top: 0.7vw;
}
    .bbs5_boxes li:nth-child(even) .bbs5_box_content article p{}
    .bbs5_boxes li:nth-child(even) .bbs5_box_content article p br{}
    /*custom*/
    .bbs5_boxes li:nth-child(1) {}
    .bbs5_boxes li:nth-child(1) .bbs5_box_number{}
    .bbs5_boxes li:nth-child(1) .bbs5_box_number span{}
    .bbs5_boxes li:nth-child(1) i{}
    .bbs5_boxes li:nth-child(1) .bbs5_box_content{
    padding-top: 0.8vw;
}
    .bbs5_boxes li:nth-child(1) .bbs5_box_content h2{
}
    .bbs5_boxes li:nth-child(1) .bbs5_box_content h2 br{}
    .bbs5_boxes li:nth-child(1) .bbs5_box_content article{}
    .bbs5_boxes li:nth-child(1) .bbs5_box_content article p{}
    .bbs5_boxes li:nth-child(1) .bbs5_box_content article p br{}
    .bbs5_boxes li:nth-child(2) {}
    .bbs5_boxes li:nth-child(2) .bbs5_box_number{}
    .bbs5_boxes li:nth-child(2) .bbs5_box_number span{}
    .bbs5_boxes li:nth-child(2) i{}
    .bbs5_boxes li:nth-child(2) .bbs5_box_content{}
    .bbs5_boxes li:nth-child(2) .bbs5_box_content h2{
}
    .bbs5_boxes li:nth-child(2) .bbs5_box_content h2 br{}
    .bbs5_boxes li:nth-child(2) .bbs5_box_content article{}
    .bbs5_boxes li:nth-child(2) .bbs5_box_content article p{}
    .bbs5_boxes li:nth-child(2) .bbs5_box_content article p br{}
    .bbs5_boxes li:nth-child(3) {}
    .bbs5_boxes li:nth-child(3) .bbs5_box_number{}
    .bbs5_boxes li:nth-child(3) .bbs5_box_number span{
    padding-left: 10.7vw;
    padding-top: 9vw;
}
    .bbs5_boxes li:nth-child(3) i{}
    .bbs5_boxes li:nth-child(3) .bbs5_box_content{}
    .bbs5_boxes li:nth-child(3) .bbs5_box_content h2{}
    .bbs5_boxes li:nth-child(3) .bbs5_box_content h2 br{}
    .bbs5_boxes li:nth-child(3) .bbs5_box_content article{}
    .bbs5_boxes li:nth-child(3) .bbs5_box_content article p{}
    .bbs5_boxes li:nth-child(3) .bbs5_box_content article p br{}
    .bbs5_boxes li:nth-child(4) {}
    .bbs5_boxes li:nth-child(4) .bbs5_box_number{}
    .bbs5_boxes li:nth-child(4) .bbs5_box_number span{}
    .bbs5_boxes li:nth-child(4) i{}
    .bbs5_boxes li:nth-child(4) .bbs5_box_content{}
    .bbs5_boxes li:nth-child(4) .bbs5_box_content h2{}
    .bbs5_boxes li:nth-child(4) .bbs5_box_content h2 br{}
    .bbs5_boxes li:nth-child(4) .bbs5_box_content article{}
    .bbs5_boxes li:nth-child(4) .bbs5_box_content article p{
    padding-top: .8vw;
}
    .bbs5_boxes li:nth-child(4) .bbs5_box_content article p br{}
    .bbs5_boxes li:nth-child(5) {}
    .bbs5_boxes li:nth-child(5) .bbs5_box_number{
    margin-top: 9.3vw;
}
    .bbs5_boxes li:nth-child(5) .bbs5_box_number span{
    padding-left: 10.6vw;
    padding-top: 10vw;
}
    .bbs5_boxes li:nth-child(5) i{}
    .bbs5_boxes li:nth-child(5) .bbs5_box_content{}
    .bbs5_boxes li:nth-child(5) .bbs5_box_content h2{
    padding-bottom: 10.6vw;
}
    .bbs5_boxes li:nth-child(5) .bbs5_box_content h2 br{}
    .bbs5_boxes li:nth-child(5) .bbs5_box_content article{
    margin-top: -0.3vw;
    margin-left: 0.3vw;
}
    .bbs5_boxes li:nth-child(5) .bbs5_box_content article p{}
    .bbs5_boxes li:nth-child(5) .bbs5_box_content article p br{}
    .bbs5_boxes li:nth-child(6) {}
    .bbs5_boxes li:nth-child(6) .bbs5_box_number{}
    .bbs5_boxes li:nth-child(6) .bbs5_box_number span{
    padding-top: 0.3vw;
}
    .bbs5_boxes li:nth-child(6) i{}
    .bbs5_boxes li:nth-child(6) .bbs5_box_content{}
    .bbs5_boxes li:nth-child(6) .bbs5_box_content h2{}
    .bbs5_boxes li:nth-child(6) .bbs5_box_content h2 br{}
    .bbs5_boxes li:nth-child(6) .bbs5_box_content article{}
    .bbs5_boxes li:nth-child(6) .bbs5_box_content article p{}
    .bbs5_boxes li:nth-child(6) .bbs5_box_content article p br{}
    .bbs5_boxes li:nth-child(7) {}
    .bbs5_boxes li:nth-child(7) .bbs5_box_number{}
    .bbs5_boxes li:nth-child(7) .bbs5_box_number span{
    padding-left: 11vw;
    padding-top: 9vw;
}
    .bbs5_boxes li:nth-child(7) i{}
    .bbs5_boxes li:nth-child(7) .bbs5_box_content{}
    .bbs5_boxes li:nth-child(7) .bbs5_box_content h2{
    padding-bottom: 9.55vw;
}
    .bbs5_boxes li:nth-child(7) .bbs5_box_content h2 br{}
    .bbs5_boxes li:nth-child(7) .bbs5_box_content article{}
    .bbs5_boxes li:nth-child(7) .bbs5_box_content article p{}
    .bbs5_boxes li:nth-child(7) .bbs5_box_content article p br{}
}
/******************************************
Section 5 Resposive End From here 
*******************************************/
/*Section 6 STart From Here*/
.bbs6{
    padding-bottom: 2.88vw;
    padding-top: 4.5vw;
}
.bbs6>.section_inner{}
.bbs6 h4{
    text-align: center;
    font-size: 3.4vw;
    font-weight: 300;
    padding-left: 1.76vw;
    letter-spacing: 0.115vw;
    padding-top: 0.43vw;
    padding-bottom: 4.88vw;
    color: #000000;
    font-family: degular-display, sans-serif;
}
.bbs6 h4 br{}
.bbs6_area{
    background-color: #F2D1AF;
    width: 86.7%;
    margin: 0 auto;
    border: 1px solid #1d1d1d;
}
.bbs6_area h2{
    text-align: center;
    text-transform: unset;
    padding-top: 5.2vw;
    font-size: 7.7vw;
    letter-spacing: -0.335vw;
    padding-left: 1.45vw;
    padding-bottom: 4vw;
    color: #000000;
}
.bbs6_area h2 br{}
.bbs6_area h2 strong{
    font-weight: 300;
    font-style: italic;
}
.bbs6_area h3{
    text-align: center;
    font-weight: 300;
    font-size: 3.62vw;
    padding-left: 13.9vw;
    padding-right: 11.7vw;
    letter-spacing: 0.03vw;
    padding-bottom: 1vw;
    color: #000000;
    font-family: degular-display, sans-serif;
}
.bbs6_area h3 br{}
.bbs6_middle_boxes{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5.1vw;
    padding-top: 1vw;
    padding-left: 2.7vw;
    padding-right: 1.2vw;
}
/*common*/
.bbs6_box{
    width: 33.33%;
    position: relative;
}
.bbs6_box:after{
    content:
    "";
    position:
    absolute;
    background-color: #1D1D1D;
    right: -0.099vw;
    top: -0.8vw;
    width: 1px !important;
    height: 118%;
}
.bbs6_box i{
    position: absolute;
    background-image: url(bbs_box_sine_mark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.875vw;
    height: 1.354vw;
    top: -3.65vw;
    left: 43.7%;
}
.bbs6_box article{
    text-align: center;
    padding-left: 2vw;
    padding-right: 2vw;
}
.bbs6_box article p{
    font-family: 'HK Grotesk';
    font-weight: 300;
    color: #000000;
    letter-spacing: 0.045vw;
    line-height: 1.8vw;
}
.bbs6_box article p br{}
/*uncommon*/
.bbs6_box:nth-child(3n + 1){
}
.bbs6_box:nth-child(3n + 1) article{}
.bbs6_box:nth-child(3n + 1) i{}
.bbs6_box:nth-child(3n + 1):after{}
.bbs6_box:nth-child(3n + 1) article p{}
.bbs6_box:nth-child(3n + 2) {}
.bbs6_box:nth-child(3n + 2) i{
    top: -3.68vw;
    left: 47.64%;
}
.bbs6_box:nth-child(3n + 2) article{}
.bbs6_box:nth-child(3n + 2):after{
    /* right: -1.1vw; */
}
.bbs6_box:nth-child(3n + 2) article p{}
.bbs6_box:nth-child(3n + 3) {}
.bbs6_box:nth-child(3n + 3) article{}
.bbs6_box:nth-child(3n + 3) i{
    top: -3.65vw;
    left: 45.99%;
}
.bbs6_box:nth-child(3n + 3):after{
    display: none;
}
.bbs6_box:nth-child(3n + 3) article p{}
.bbs6_area h3.bbs_s6_area_buttom{
    font-size: 2.9vw;
    padding-right: 14vw;
    padding-top: 3.6vw;
    padding-bottom: 3.89vw;
    color: #000000;
}
/******************************************
Section 6 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs6{}
    .bbs6>.section_inner{
    width: 100%;
}
    .bbs6 h4{
    font-size: 8.5vw;
    line-height: 10.6vw;
    padding-right: 1vw;
    padding-bottom: 10vw;
}
    .bbs6 h4 br{}
    .bbs6_area{
    width: 100%;
    border-left: 0;
    border-right: 0;
}
    .bbs6_area h2{
    padding-top: 12.6vw;
    font-size: 10.4vw;
    padding-right: 2vw;
}
    .bbs6_area h2 br{}
    .bbs6_area h2 strong{}
    .bbs6_area h3{
    font-size: 8.52vw;
    padding-right: 15vw;
    padding-top: 5vw;
}
    .bbs6_area h3 br{}
    .bbs6_middle_boxes{
    padding-left: 7vw;
    margin-top: 16.99vw;
}
    /*common*/
    .bbs6_box{
    width: 100%;
    padding-bottom: 14.9vw;
}
    .bbs6_box:after{
    opacity: 0;
}
    .bbs6_box i{
    left: 0.8vw;
    width: 9.1vw;
    height: 7.554vw;
    top: 2.7vw;
}
    .bbs6_box article{padding-left: 20vw;}
    .bbs6_box article p{
    text-align: left;
    font-size: 5.3vw;
    line-height: 7.2vw;
}
    .bbs6_box article p br{
    display: none;
}
    /*uncommon*/
    .bbs6_box:nth-child(3n + 1){}
    .bbs6_box:nth-child(3n + 1) article{}
    .bbs6_box:nth-child(3n + 1) i{}
    .bbs6_box:nth-child(3n + 1):after{}
    .bbs6_box:nth-child(3n + 1) article p{}
    .bbs6_box:nth-child(3n + 2) {
    padding-bottom: 13.5vw;
}
    .bbs6_box:nth-child(3n + 2) i{
    left: 0.8vw;
    width: 9.1vw;
    height: 7.554vw;
    top: 2.7vw;
}
    .bbs6_box:nth-child(3n + 2) article{}
    .bbs6_box:nth-child(3n + 2):after{}
    .bbs6_box:nth-child(3n + 2) article p{}
    .bbs6_box:nth-child(3n + 3) {}
    .bbs6_box:last-child {
    padding-bottom: 0;
}
    .bbs6_box:nth-child(3n + 3) article{}
    .bbs6_box:nth-child(3n + 3) i{
    left: 0.8vw;
    width: 9.1vw;
    height: 7.554vw;
    top: 2.7vw;
}
    .bbs6_box:nth-child(3n + 3):after{}
    .bbs6_box:nth-child(3n + 3) article p{}
    .bbs6_area h3.bbs_s6_area_buttom{
    font-size: 8.58vw;
    padding-top: 11.6vw;
    padding-left: 6vw;
    padding-right: 6vw;
    padding-bottom: 14vw;
}
}
/******************************************
Section 6 Resposive End From here 
*******************************************/
/*section 7 Start From Here*/
.bbs7{
    padding-top: 5.2vw;
    padding-bottom: 3.45vw;
}
.bbs7:after{
    content:
    "";
    position:
    absolute;
    background-image: url(bbs7_bg.svg);
    background-size: cover;
    width: 100%;
    height: 62%;
    bottom: -27%;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.bbs7>.section_inner{}
.bbs7 h2{
    text-align: center;
    text-transform: unset;
    font-size: 5.5vw;
    letter-spacing: -0.245vw;
    padding-left: 17vw;
    padding-right: 19.5vw;
    line-height: 7.2vw;
    padding-bottom: 4vw;
    font-family: 'Victor Serif';
    font-weight: 300;
    color: #000000;
}
.bbs7 h2 br{}
.bbs7 h2 span{
    font-size: 6.4vw;
    padding-top: 0.3vw;
    display: inline-block;
}
.bbs7 h2 strong{
    font-weight: 300;
    font-style: italic;
}
.bbs7_boxes{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 92%;
    margin: 0 auto;
    position: relative;
}
.bbs7_boxes:after,
.bbs7_boxes:before{
    content:
    "";
    background-color: #1D1D1D;
    position: absolute;
}
.bbs7_boxes:after{
    width: 94%;
    height: 1px;
    left: 3vw;
    top: 50.9%;
}
.bbs7_boxes:before{
    width: 1px;
    height: 100%;
    left: 48.7%;
    top: -1%;
}
/*common*/
.bbs7_boxes .bbs7_box{
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bbs7_boxes .bbs7_box .bbs7_box_value{
    width: 23%;
}
.bbs7_boxes .bbs7_box .bbs7_box_value span{
    display: inline-block;
    position: relative;
    font-family: degular-display, sans-serif;
    font-weight: 300;
    line-height: 1.2vw;
    color: #000000;
}
.bbs7_box_value span i{
    content:
    "";
    position: absolute;
    background-image:
    url(bbs_start_icon_big.svg);
    width: 9.792vw;
    height: 9.792vw;
    background-repeat: no-repeat;
    top: -3.3vw;
    left: -2.6vw;
    background-size: contain;
    z-index: -1;
}
.bbs7_boxes .bbs7_box .bbs7_box_content{
    width: 77%;
    padding-left: 1.6vw;
    padding-top: 4.84vw;
}
.bbs7_boxes .bbs7_box .bbs7_box_content h2{
    font-family: degular-display, sans-serif;
    text-align: left;
    font-size: 3.4vw;
    letter-spacing: 0.12vw;
    line-height: 3vw;
    padding-left: 0;
    padding-right: 5vw;
    padding-bottom: 0;
    color: #000000;
}
.bbs7_boxes .bbs7_box .bbs7_box_content h2 br{}
.bbs7_boxes .bbs7_box .bbs7_box_content article{
    padding-top: 2.4vw;
    padding-right: 3vw;
}
.bbs7_boxes .bbs7_box .bbs7_box_content article p{
    font-weight: 300;
    font-family: 'HK Grotesk';
    letter-spacing: 0.053vw;
    color: #000000;
    line-height: 1.8vw;
}
.bbs7_boxes .bbs7_box .bbs7_box_content article p br{}
/*uncommon*/
.bbs7_boxes .bbs7_box:nth-child(odd) {
    padding-bottom: 1.4vw;
}
.bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_value{
    padding-left: 3vw;
    padding-top: 7vw;
}
.bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_value span{
    padding-left: 1vw;
    padding-top: 0.3vw;
}
.bbs7_boxes .bbs7_box:nth-child(odd) i{}
.bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_content{}
.bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_content h2{}
.bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_content article{}
.bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_content article p{}
.bbs7_boxes .bbs7_box:nth-child(even) {}
.bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_value{
    padding-left: 3.6vw;
    padding-top: 7vw;
}
.bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_value span{
    padding-left: 0.1vw;
    padding-top: 0.5vw;
}
.bbs7_boxes .bbs7_box:nth-child(even) i{
    top: -3.5vw;
    left: -3.24vw;
}
.bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_content{
    padding-top: 5.2vw;
    padding-left: 1.4vw;
}
.bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_content h2{}
.bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_content article{}
.bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_content article p{}
/* Custom box */
.bbs7_boxes .bbs7_box:nth-child(1) {}
.bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_value{}
.bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_value span{}
.bbs7_boxes .bbs7_box:nth-child(1) i{}
.bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_content{}
.bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_content h2{}
.bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_content article{}
.bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_content article p{}
.bbs7_boxes .bbs7_box:nth-child(2) {}
.bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_value{}
.bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_value span{}
.bbs7_boxes .bbs7_box:nth-child(2) i{}
.bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_content{}
.bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_content h2{}
.bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_content article{}
.bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_content article p{}

.bbs7_boxes .bbs7_box:nth-child(3) {}
.bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_value{}
.bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_value span{
    padding-top: 0;
    padding-left: 1.2vw;
}
.bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_value i{
    top: -3.9vw;
    left: -2.389vw;
}
.bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_content{}
.bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_content h2{}
.bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_content article{}
.bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_content article p{}
.bbs7_boxes .bbs7_box:nth-child(4) {}
.bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_value{}
.bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_value span{
    padding-top: 0;
}
.bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_value i{
    top: -3.9vw;
}
.bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_content{
    padding-top: 4.8vw;
}
.bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_content h2{}
.bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_content article{}
.bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_content article p{}
/******************************************
Section 8 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs7{}
    .bbs7:after{
    height: 105%;
    bottom: unset;
    top: -19vw;
}
    .bbs7>.section_inner{}
    .bbs7 h2{
    padding-right: 4vw;
    font-size: 10.2vw;
    padding-left: 5.99vw;
    padding-top: 8.5vw;
    padding-bottom: 9vw;
}
    .bbs7 h2 br{}
    .bbs7 h2 span{
    padding-top: 14vw;
    font-size: 13.6vw;
    padding-right: 5vw;
}
    .bbs7 h2 strong{}
    .bbs7_boxes{
    padding-top: 14.5vw;
}
    .bbs7_boxes:after,
    .bbs7_boxes:before{}
    .bbs7_boxes:after{
    opacity: 0;
}
    .bbs7_boxes:before{
    opacity: 0;
}
    /*common*/
    .bbs7_boxes .bbs7_box{
    width: 100%;
}
    .bbs7_boxes .bbs7_box .bbs7_box_value{}
    .bbs7_boxes .bbs7_box .bbs7_box_value span{
    font-size: 6vw;
    line-height: 5.5vw;
}
    .bbs7_box_value span i{
    width: 48vw;
    height: 47.792vw;
    top: -18.2vw;
    left: -17vw;
}
    .bbs7_boxes .bbs7_box .bbs7_box_content{
    width: 100%;
    padding-bottom: 27vw;
}
    .bbs7_boxes .bbs7_box .bbs7_box_content h2{
    text-align: center;
    font-size: 8.4vw;
    padding-top: 19vw;
    line-height: 10vw;
    padding-left: 1.6vw;
}
    .bbs7_boxes .bbs7_box .bbs7_box_content h2 br{
}
    .bbs7_boxes .bbs7_box .bbs7_box_content article{
    padding-top: 6.8vw;
    text-align: center;
}
    .bbs7_boxes .bbs7_box .bbs7_box_content article p{
    line-height: 7.1vw;
    font-size: 5.3vw;
    padding-left: 1vw;
}
    .bbs7_boxes .bbs7_box .bbs7_box_content article p br{
    display: none;
}
    /*uncommon*/
    .bbs7_boxes .bbs7_box:nth-child(odd) {
}
    .bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_value{
    width: 100%;
}
    .bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_value span{
    display: inline-block;
    margin-left: 39%;
}
    .bbs7_boxes .bbs7_box:nth-child(odd) i{}
    .bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_content{}
    .bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_content h2{}
    .bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_content article{}
    .bbs7_boxes .bbs7_box:nth-child(odd) .bbs7_box_content article p{}
    .bbs7_boxes .bbs7_box:nth-child(even) {}
    .bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_value{
    width: 100%;
}
    .bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_value span{
    margin-left: 38%;
    display: inline-block;
}
    .bbs7_boxes .bbs7_box:nth-child(even) i{
    top: -18.2vw;
    left: -17vw;
}
    .bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_content{
    padding-bottom: 27vw;
}
    .bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_content h2{}
    .bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_content article{}
    .bbs7_boxes .bbs7_box:nth-child(even) .bbs7_box_content article p{}
    /* Custom box */
    .bbs7_boxes .bbs7_box:nth-child(1) {}
    .bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_value{}
    .bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_value span{}
    .bbs7_boxes .bbs7_box:nth-child(1) i{}
    .bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_content{}
    .bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_content h2{}
    .bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_content article{}
    .bbs7_boxes .bbs7_box:nth-child(1) .bbs7_box_content article p{}
    .bbs7_boxes .bbs7_box:nth-child(2) {}
    .bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_value{}
    .bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_value span{
    margin-left: 38%;
}
    .bbs7_boxes .bbs7_box:nth-child(2) i{}
    .bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_content{}
    .bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_content h2{}
    .bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_content h2 br{
        display:none;
    }
    .bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_content article{}
    .bbs7_boxes .bbs7_box:nth-child(2) .bbs7_box_content article p{}
    .bbs7_boxes .bbs7_box:nth-child(3) {}
    .bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_value{}
    .bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_value span{}
    .bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_value i{
    top: -18.2vw;
    left: -17vw;
}
    .bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_content{}
    .bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_content h2{
}
    .bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_content h2 br{
    display: none;
}
    .bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_content article{}
    .bbs7_boxes .bbs7_box:nth-child(3) .bbs7_box_content article p{}
    .bbs7_boxes .bbs7_box:nth-child(4) {}
    .bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_value{}
    .bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_value span{
    padding-top: 1.1vw;
    margin-left: 37%;
}
    .bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_value i{
    top: -18.2vw;
    left: -16vw;
}
    .bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_content{}
    .bbs7_boxes .bbs7_box:last-child .bbs7_box_content{
    padding-bottom: 0;
}
    .bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_content h2{}
    .bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_content h2 br{
    display: none;
}
    .bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_content article{}
    .bbs7_boxes .bbs7_box:nth-child(4) .bbs7_box_content article p{}
}
/******************************************
Section 8 Resposive End From here 
*******************************************/
/*SEction 8 Start From Here*/
.bbs8{
    padding-top: 6vw;
    position:relative;
}
.bbs8:after{
    content:
    "";
    position:
    absolute;
    background-color: #1d1d1d;
    width: 92.2%;
    bottom: -0.15vw;
    height: 1.5px;
    left: 3.8%;
}
.bbs8>.section_inner{
    display: block;
}
.bbs8 h2{
    text-align: center;
    text-transform: unset;
    font-size: 5.427vw;
    padding-bottom: 1vw;
    color: #000000;
    font-family: 'Victor Serif';
    font-weight: 300;
    padding-left: 10vw;
    padding-right: 10.22vw;
}
.bbs8 h2 strong{
    font-weight: 500;
    font-style: italic;
}
.bbs8_sliders{
    padding-top: 1.8vw;
}
.bbs8_slides{
    position: relative;
}
.bbs8_slides .slick-arrow{
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    background-color: transparent!important;
    border: none;
    width: 1.094vw;
    height: 2.031vw;
    bottom: 51.4%;
    cursor: pointer;
    z-index: 50;
}
.bbs8_slides .slick-prev{
    background-image: url(bbs_slider_left_arrow.svg);
    left: 25.6vw;
}
.bbs8_slides .slick-next{
    background-image: url(bbs_slider_right_arrow.svg);
    right: 25.6vw;
}
.bbs8_slide{}
.bbs8_slide.slick-current{}
.bbs8_slide.slick-current .bbs8_slide_in{
    /* padding-left: 13.7vw; */
    /* padding-right: 13.7vw; */
    margin-top: 4.17vw;
}
.bbs8_slide.slick-current .bbs8_slide_img{
    height: 47.35vw;
    margin-top: 0;
    box-shadow: 11px 9px 47px #877b7b;
    margin: 0 auto;
    width: 74.6%;
}
.bbs8_slide_in{
    margin-top: 10.5vw;
    margin-bottom: 9.9vw;
}
.bbs8_slide_img{
    width: 58%;
    height: 36.6vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border: 1px solid #1d1d1d;
    box-shadow: 7px 19px 65px #877b7b;
    margin: 6.5vw auto;
}
.bbs8_slide:nth-child(3n + 1) .bbs8_slide_img{
    /* background-image: url(bbs8_slide_img_left.png); */
}
.bbs8_slide:nth-child(3n + 2) .bbs8_slide_img{
    /* background-image: url(bbs8_slide_img.png); */
}
.bbs8_slide:nth-child(3n + 3) .bbs8_slide_img{
/*     background-image: url(bbs8_slide_img_right.png); */
}
.bbs8_slide_img img{
    width: 100%;
    opacity: 0;
}
/******************************************
Section 8 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs8{}
    .bbs8:after{
    width: 86.2%;
    bottom: -0.15vw;
    height: 1.5px;
    left: 6.8%;
}
    .bbs8>.section_inner{}
    .bbs8 h2{
    font-size: 12.2vw;
    padding-top: 10.65vw;
    line-height: 14vw;
}
    .bbs8 h2 strong{}
    .bbs8_sliders{
}
    .bbs8_slides{}
    .bbs8_slides .slick-arrow{
    width: 7.094vw;
    height: 10.031vw;
    bottom: 9%;
}
    .bbs8_slides .slick-prev{
    left: 24.5vw;
}
    .bbs8_slides .slick-next{
    right: 22.6vw;
}
    .bbs8_slide{}
    .bbs8_slide.slick-current{}
    .bbs8_slide.slick-current .bbs8_slide_in{
    margin-top: 15vw;
    padding-bottom: 35.4vw;
}
    .bbs8_slide.slick-current .bbs8_slide_img{
    width: 83.6%;
    height: auto;
}
    .bbs8_slide_in{}
    .bbs8_slide_img{
    width: 83.6%;
    height: auto;
}
    .bbs8_slide:nth-child(3n + 1) .bbs8_slide_img{}
    .bbs8_slide:nth-child(3n + 2) .bbs8_slide_img{}
    .bbs8_slide:nth-child(3n + 3) .bbs8_slide_img{}
    .bbs8_slide_img img{}
}

@media(max-width:550px){
    .bbs8_slide_img {
    width: 83.6%;
    height: 113.35vw;
        }
.bbs8_slide.slick-current .bbs8_slide_img {
    width: 83.6%;
    height: 113.35vw;
    }
}
/******************************************
Section 8 Resposive End From here 
*******************************************/
/*Section 9 Start From HEre */
.bbs9{
    padding-bottom: 6.5vw;
    padding-top: 7.3vw;
    position: relative;
}
.bbs9:after{
    content:"";
    position:absolute;
    background-image: url(bbs9_bg.svg);
    background-size: cover;
    width: 100%;
    height: 78%;
    top: 20%;
    left: 0;
    background-repeat: no-repeat;
}
.bbs9>.section_inner{}
.bbs9 h2{
    text-align: center;
    text-transform: unset;
    font-size: 6.4vw;
    letter-spacing: -0.199vw;
    padding-right: 17.1vw;
    padding-left: 14vw;
    font-family: 'Victor Serif';
    font-weight: 300;
}
.bbs9 h2 strong{
    font-weight: 300;
    font-style: italic;
}
.bbs9>.section_inner>h4{
    text-align: center;
    padding-top: 0.99vw;
    font-size: 2.03vw;
    padding-bottom: 3vw;
    color: #000000;
    font-family: degular-display, sans-serif;
    font-weight: 300;
    padding-left: 10vw;
    padding-right: 10vw;
}
.bbs9 h4 br{}
.bbs9_items{
    padding-left: 0;
    margin: 0 auto;
    padding-top: 3.6vw;
    width: 88%;
    padding-bottom: 11.99vw;
}
/*common*/
.bbs9_items li{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 7.99vw;
}
.bbs9_item_left{}
.bbs9_item_left_img{
    /* background-image: url(bbs9_img.png); */
    background-size: cover;
    width: 100%;
    height: 25.9vw;
    /* border: 1px solid #1d1d1d; */
    position: relative;
    cursor: pointer;
}
.bbs9_item_left_img .w-video-wrapper.w-css-reset{background-color: transparent!important;}
.bbs9_item_left_img .w-bottom-bar.w-css-reset{
    display: none!important;
}
.bbs9_item_left_img .kjb-video-responsive .w-vulcan-v2-button{
    display: none!important;
}
.bbs9_item_left_img:after{
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    background-image: url(bbs_video_play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 5.573vw;
    height: 5.573vw;
    margin-left: -2.7856vw;
    margin-top: -2.7856vw;
}
.bbs9_item_left_img img{
    /* width: 10%!important; */
    /* opacity: 0!important; */
    border: 1px solid #1d1d1d;
}
.bbs9_item_right{padding-right: 2vw;}
.bbs9_item_right h4{
    text-align: left;
    font-size: 2.5vw;
    position: relative;
    letter-spacing: 0.125vw;
    line-height: 2.75vw;
    padding-bottom: 2.2vw;
    color: #000000;
    font-family: degular-display, sans-serif;
    font-weight: 300;
}
.bbs9_item_right h4 span{
    position: absolute;
    left: -1vw;
    top: -0.4vw;
}
.bbs9_item_right h4 br{}
.bbs9_item_right .name{
    font-size: 1.2vw;
    font-family: 'HK Grotesk';
    font-weight: 300;
    padding-bottom: 0.1vw;
    color: #000000;
}
.bbs9_item_right .position{
    font-size: 1.2vw;
    font-family: 'HK Grotesk';
    font-weight: 300;
    color: #000000;
}
/*uncommon*/
.bbs9_items li:nth-child(even) {}
.bbs9_items li:nth-child(even) .bbs9_item_left{order: 2;width: 54%;padding-left: 0.9vw;padding-right: 0.8vw;}
.bbs9_items li:nth-child(even) .bbs9_item_left_img{}
.bbs9_items li:nth-child(even) .bbs9_item_left_img:after{}
.bbs9_items li:nth-child(even) .bbs9_item_left_img img{}
.bbs9_items li:nth-child(even) .bbs9_item_right{
    order: 1;
    width: 46%;
    padding-left: 3.8vw;
    padding-top: 7.5vw;
}
.bbs9_items li:nth-child(even) .bbs9_item_right h4{}
.bbs9_items li:nth-child(even) .bbs9_item_right h4 br{}
.bbs9_items li:nth-child(even) .bbs9_item_right .name{}
.bbs9_items li:nth-child(even) .bbs9_item_right .position{}
.bbs9_items li:nth-child(odd) {}
.bbs9_items li:nth-child(odd) .bbs9_item_left{
    padding-left: 3.4vw;
    width: 57%;
    padding-right: 1vw;
}
.bbs9_items li:nth-child(odd) .bbs9_item_left_img{
}
.bbs9_items li:nth-child(odd) .bbs9_item_left_img:after{
}
.bbs9_items li:nth-child(odd) .bbs9_item_left_img img{}
.bbs9_items li:nth-child(odd) .bbs9_item_right{
    width: 43%;
    padding-left: 5.1vw;
    padding-top: 6.5vw;
}
.bbs9_items li:nth-child(odd) .bbs9_item_right h4{}
.bbs9_items li:nth-child(odd) .bbs9_item_right h4 br{}
.bbs9_items li:nth-child(odd) .bbs9_item_right .name{}
.bbs9_items li:nth-child(odd) .bbs9_item_right .position{}
/*uncommon*/
.bbs9_items li:nth-child(1) {}
.bbs9_items li:nth-child(1) .bbs9_item_left{}
.bbs9_items li:nth-child(1) .bbs9_item_left_img{}
.bbs9_items li:nth-child(1) .bbs9_item_left_img img{}
.bbs9_items li:nth-child(1) .bbs9_item_right{}
.bbs9_items li:nth-child(1) .bbs9_item_right h4{}
.bbs9_items li:nth-child(1) .bbs9_item_right .name{}
.bbs9_items li:nth-child(1) .bbs9_item_right .position{}
.bbs9_items li:nth-child(2) {}
.bbs9_items li:nth-child(2) .bbs9_item_left{
}
.bbs9_items li:nth-child(2) .bbs9_item_left_img{}
.bbs9_items li:nth-child(2) .bbs9_item_left_img img{}
.bbs9_items li:nth-child(2) .bbs9_item_right{}
.bbs9_items li:nth-child(2) .bbs9_item_right h4{}
.bbs9_items li:nth-child(2) .bbs9_item_right .name{}
.bbs9_items li:nth-child(2) .bbs9_item_right .position{}
.bbs9_items li:nth-child(3) {}
.bbs9_items li:nth-child(3) .bbs9_item_left{}
.bbs9_items li:nth-child(3) .bbs9_item_left_img{
}
.bbs9_items li:nth-child(3) .bbs9_item_left_img img{}
.bbs9_items li:nth-child(3) .bbs9_item_right{}
.bbs9_items li:nth-child(3) .bbs9_item_right h4{}
.bbs9_items li:nth-child(3) .bbs9_item_right .name{}
.bbs9_items li:nth-child(3) .bbs9_item_right .position{}
.bbs9_items li:last-child{
    padding-bottom: 0;
}
.bbs_9_in{}
.bbs_9_in>.section_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 72%;
}
.bbs_9_in h2{
    width: 100%;
    letter-spacing: 0;
    font-size: 5.25vw;
    line-height: 6.8vw;
    padding-bottom: 10vw;
    padding-left: 5vw;
    padding-right: 5.586vw;
}
.bbs_9_in h2 br{}
.bbs_9_in h2 strong{
    font-weight: 500;
    font-style: italic;
}
.bbs9_in_left{
    width: 49.6%;
    box-sizing: border-box;
    position:relative;
}
.bbs9_in_left:after{
    content:
    "";
    position:
    absolute;
    top: -2.8vw;
    right:0;
    width:1px;
    height: 228%;
    background-color:#1d1d1d;
}
.bbs9_in_left article{
    text-align: center;
    position:
    relative;
    padding-left: 5.3vw;
    padding-right: 2vw;
    padding-top: 0.3vw;
}
.bbs9_in_left i{
    position:absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: -90%;
    left: 52.4%;
    width: 2vw;
    height: 1.4vw;
    background-image: url(bbs_box_sine_mark.svg);
}
.bbs9_in_left article p{
    font-family: 'HK Grotesk';
    font-weight: 300;
    line-height: 1.76vw;
    color: #000000;
}
.bbs9_in_left article p br{}
.bbs9_in_left article p a,
.bbs9_in_right article p a{
    color: #000000;
    font-weight: 600;
    text-decoration: underline;
}
.bbs9_in_right{
    width: 50.4%;
    position: relative;
}
.bbs9_in_right article{
    text-align: center;
    position: relative;
    padding-left: 3vw;
    padding-right: 7vw;
    padding-top: 0.2vw;
}
.bbs9_in_right article p{
    font-family: 'HK Grotesk';
    font-weight: 300;
    line-height: 1.76vw;
}
.bbs9_in_right article p br{}
.bbs9_in_right i{
    position:
    absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: -91.7%;
    left: 41.9%;
    width: 2vw;
    height: 1.4vw;
    background-image: url(bbs_box_sine_mark.svg);
}
/******************************************
Section 9 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs9{}
    .bbs9:after{
    height: 47%;
    top: 58%;
}
    .bbs9>.section_inner{}
    .bbs9 h2{
    padding-top: 12vw;
    font-size: 13.8vw;
    padding-left: 10vw;
    padding-right: 10vw;
}
    .bbs9 h2 strong{}
    .bbs9>.section_inner>h4{
    font-size: 8.3vw;
    padding-top: 12.5vw;
    line-height: 9.8vw;
    padding-left: 6vw;
    padding-right: 5.9vw;
    padding-bottom: 14.7vw;
}
    .bbs9 h4 br{
    display: none;
}
    .bbs9_items{
    width: 100%;
    padding-bottom: 0vw;
}
    /*common*/
    .bbs9_items li{}
    .bbs9_item_left{}
    .bbs9_item_left_img{
    height: 55.99vw;
    border-left: 0;
    border-right: 0;
    /* background-image: url(bbs9_img_mobile.png); */
}
    .bbs9_item_left_img:after{
    width: 26.573vw;
    height: 27.573vw;
    margin-left: -13.5vw;
    margin-top: -13.7856vw;
    background-image: url(bbs_video_play_mobile.svg);
}
    .bbs9_item_left_img img{
    width: 10%;
    opacity: 0;
    border-left: 0;
    border-right: 0;
}
    .bbs9_item_right{
    padding-bottom: 9.5vw;
}
    .bbs9_item_right h4{
    text-align: center;
    font-size: 7.99vw;
    line-height: 10.25vw;
    padding-top: 6.6vw;
    letter-spacing: 0.3vw;
    padding-right: 3vw;
}
    .bbs9_item_right h4 span{
    left: 12vw;
    top: 6.6vw;
}
    .bbs9_item_right h4 br{}
    .bbs9_item_right .name{
    text-align: center;
    font-size: 5.4vw;
    padding-right: 6vw;
    padding-top: 6.5vw;
}
    .bbs9_item_right .position{
    text-align: center;
    font-size: 5.4vw;
    padding-right: 3vw;
    padding-top: 0.5vw;
}
    /*uncommon*/
    .bbs9_items li:nth-child(even) {}
    .bbs9_items li:nth-child(even) .bbs9_item_left{
    width: 100%;
    order: 1;
    padding-left: 0;
    padding-right: 0;
}
    .bbs9_items li:nth-child(even) .bbs9_item_left_img{}
    .bbs9_items li:nth-child(even) .bbs9_item_left_img:after{}
    .bbs9_items li:nth-child(even) .bbs9_item_left_img img{}
    .bbs9_items li:nth-child(even) .bbs9_item_right{
    width: 100%;
    order: 2;
}
    .bbs9_items li:nth-child(even) .bbs9_item_right h4{}
    .bbs9_items li:nth-child(even) .bbs9_item_right h4 br{}
    .bbs9_items li:nth-child(even) .bbs9_item_right .name{}
    .bbs9_items li:nth-child(even) .bbs9_item_right .position{}
    .bbs9_items li:nth-child(odd) {}
    .bbs9_items li:nth-child(odd) .bbs9_item_left{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
    .bbs9_items li:nth-child(odd) .bbs9_item_left_img{}
    .bbs9_items li:nth-child(odd) .bbs9_item_left_img:after{}
    .bbs9_items li:nth-child(odd) .bbs9_item_left_img img{}
    .bbs9_items li:nth-child(odd) .bbs9_item_right{
    width: 100%;
}
    .bbs9_items li:nth-child(odd) .bbs9_item_right h4{}
    .bbs9_items li:nth-child(odd) .bbs9_item_right h4 br{}
    .bbs9_items li:nth-child(odd) .bbs9_item_right .name{}
    .bbs9_items li:nth-child(odd) .bbs9_item_right .position{}
    /*uncommon*/
    .bbs9_items li:nth-child(1) {}
    .bbs9_items li:nth-child(1) .bbs9_item_left{
    padding-left: 0;
}
    .bbs9_items li:nth-child(1) .bbs9_item_left_img{}
    .bbs9_items li:nth-child(1) .bbs9_item_left_img img{
    height: 56.2vw;
}
    .bbs9_items li:nth-child(1) .bbs9_item_right{}
    .bbs9_items li:nth-child(1) .bbs9_item_right h4{}
    .bbs9_items li:nth-child(1) .bbs9_item_right .name{}
    .bbs9_items li:nth-child(1) .bbs9_item_right .position{}
    .bbs9_items li:nth-child(2) {}
    .bbs9_items li:nth-child(2) .bbs9_item_left{}
    .bbs9_items li:nth-child(2) .bbs9_item_left_img{}
    .bbs9_items li:nth-child(2) .bbs9_item_left_img img{
    height: 56.2vw;
    /* max-width: 100%; */
}
    .bbs9_items li:nth-child(2) .bbs9_item_right{}
    .bbs9_items li:nth-child(2) .bbs9_item_right h4{}
    .bbs9_items li:nth-child(2) .bbs9_item_right .name{}
    .bbs9_items li:nth-child(2) .bbs9_item_right .position{}
    .bbs9_items li:nth-child(3) {}
    .bbs9_items li:nth-child(3) .bbs9_item_left{}
    .bbs9_items li:nth-child(3) .bbs9_item_left_img{}
    .bbs9_items li:nth-child(3) .bbs9_item_left_img img{
    height: 56.3vw;
}
    .bbs9_items li:nth-child(3) .bbs9_item_right{}
    .bbs9_items li:nth-child(3) .bbs9_item_right h4{}
    .bbs9_items li:nth-child(3) .bbs9_item_right .name{}
    .bbs9_items li:nth-child(3) .bbs9_item_right .position{}
    .bbs9_items li:last-child{}
    .bbs_9_in{}
    .bbs_9_in>.section_inner{
    width: 100%;
}
    .bbs_9_in h2{
    padding-top: 8.2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 9.8vw;
    line-height: 11.9vw;
    padding-bottom: 33vw;
}
    .bbs_9_in h2 br{
    display: none;
}
    .bbs_9_in h2 strong{}
    .bbs9_in_left{
    width: 100%;
    padding-bottom: 32vw;
}
    .bbs9_in_left:after{
    opacity: 0;
}
    .bbs9_in_left article{
    padding-left: 7vw;
    padding-right: 7vw;
}
    .bbs9_in_left i{
    top: -30%;
    left: 45%;
    width: 9.5vw;
    height: 8.4vw;
}
    .bbs9_in_left article p{
    line-height: 7.5vw;
}
    .bbs9_in_left article p br{
    display: none;
}
    .bbs9_in_left article p a,
    .bbs9_in_right article p a{}
    .bbs9_in_right{
    width: 100%;
}
    .bbs9_in_right article{
    padding-left: 7vw;
    padding-right: 7vw;
}
    .bbs9_in_right article p{
    line-height: 7.5vw;
}
    .bbs9_in_right article p br{
    display: none;
}
    .bbs9_in_right i{
    top: -72%;
    left: 45%;
    width: 9.5vw;
    height: 8.4vw;
}
}
/******************************************
Section 9 Resposive End From here 
*******************************************/
/*SEction 10 Start From Here */
.bbs10{
    padding-top: 6.96vw;
}
.bbs10>.section_inner{}
.bbs10 h2{
    text-align: center;
    font-size: 7.278vw;
    padding-bottom: 5.65vw;
    color: #000000;
    font-family: 'Victor Serif';
    font-weight: 300;
    line-height: 6.35vw;
    letter-spacing: -0.155vw;
    padding-left: 10vw;
    padding-right: 10vw;
}
.bbs10 h2 br{}
.bbs10 h2 strong{
    font-weight: 500;
    font-style: italic;
}
.bbs10_content{
    background-color: #F2EFE9;
    width: 81%;
    margin: 0 auto;
    border: 1px solid #1d1d1d;
    transform: translateX(9px);
    padding-top: 4.4vw;
    padding-left: 11vw;
    padding-right: 11vw;
}
.bbs10_content h3{
    text-align: center;
    font-size: 3.758vw;
    font-family: 'Victor Serif';
    font-weight: 300;
    padding-top: 0.4vw;
    padding-left: 1vw;
    line-height: 4.28vw;
    color: #000000;
    letter-spacing: 0vw;
}
.bbs10_content h3 br{}
.bbs10_content h4{
    text-align: center;
    font-family: 'Victor Serif';
    font-weight: 300;
    padding-top: 4vw;
    font-size: 2.6vw;
    letter-spacing: -0.106vw;
    padding-right: 1.1vw;
    color: #000000;
}
.bbs10_content h4 br{}
.bbs10_content h4 strong{
    font-weight: 500;
    font-style: italic;
}
.bbs10_content .btn{
    text-align: center;
    padding-top: 4.7vw;
    padding-right: 0.97vw;
    padding-bottom: 5.2vw;
}
.bbs10_content .btn a{
    padding-right: 5.35vw;
    padding-left: 1.8vw;
    padding-top: 0.85vw;
    padding-bottom: 0.9vw;
}
.bbs10_content .btn a span{
    text-transform: uppercase;
}
.bbs10_content .btn a:after{}
.bbs10_content .btn a:before{
    right: 0.6vw;
}
/******************************************
Section 10 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs10{}
    .bbs10>.section_inner{}
    .bbs10 h2{
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 11.2vw;
    padding-top: 9vw;
    padding-bottom: 12.5vw;
}
    .bbs10 h2 br{}
    .bbs10 h2 strong{}
    .bbs10_content{
    width: 100%;
    transform: none;
    border-left: 0;
    border-right: 0;
    padding-left: 4vw;
    padding-right: 4vw;
}
    .bbs10_content h3{
    font-size: 9.389vw;
    line-height: 13vw;
    padding-top: 8vw;
    padding-left: 0;
    padding-right: 1vw;
}
    .bbs10_content h3 br{
    display: none;
}
    .bbs10_content h4{
    padding-top: 14.5vw;
    font-size: 7.25vw;
    line-height: 8.3vw;
}
    .bbs10_content h4 br{}
    .bbs10_content h4 strong{}
    .bbs10_content .btn{
    padding-top: 14.5vw;
    padding-bottom: 11.6vw;
}
    .bbs10_content .btn a{
    padding-right: 23.4vw;
    padding-left: 6.99vw;
    padding-top: 6.2vw;
    padding-bottom: 5.3vw;
}
    .bbs10_content .btn a span{
    letter-spacing: 0.05vw;
    text-transform: uppercase;
}
    .bbs10_content .btn a span:before{
    right: 7.1vw;
    height: 4.885vw;
    width: 4.885vw;
    margin-top: -2.4425vw;
}
    .bbs10_content .btn a:after{
    width: 17.2vw!important;
}
    .bbs10_content .btn a:before{}
}
/******************************************
Section 10 Resposive End From here 
*******************************************/
/*Section 11 Start From Here*/
.bbs11{
    position: relative;
    padding-top: 13vw;
}
.bbs11:after{
    content:
    "";
    position: absolute;
    background-image: url(bbs11_bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 10vw;
    left: 0;
    background-position: top center;
    z-index: 0;
}
.bbs11>.section_inner{
    width: 92%;
}
.bbs11 h2{
    text-transform: unset;
    position: relative;
    padding-left: 5.9vw;
    padding-top: 1.4vw;
    color: #000000;
    font-family: 'Victor Serif';
    font-weight: 300;
    margin-bottom: 0!important;
    line-height: 6.35vw;
    font-size: 6.3vw;
}
.bbs11 h2 strong{
    font-weight: 500;
    font-style: italic;
}
.bbs11 h2:after{
    content:
    "";
    position:
    absolute;
    width: 100%;
    height: 1px;
    bottom: -3.88vw;
    left: 0;
    background-color: black;
}
.bbs11_faq{
    margin-left: 27.7vw;
    border-left: 1px solid black;
    padding-left: 5.2vw;
    padding-bottom: 4vw;
    margin-top: 3.7vw;
    padding-top: 3.8vw;
    margin-right: 9.7vw;
}
.bbs11_faq_item{}
.bbs11_faq_head{
    position: relative;
    padding-left: 1vw;
    padding-bottom: 2.35vw;
    padding-right: 5vw;
}
.bbs11_faq_head h4{
    font-size: 1.99vw;
    line-height: 2.3vw;
    letter-spacing: 0.094vw;
    font-family: degular-display, sans-serif;
    color: #000000;
    font-weight: 300;
}
.bbs11_faq_head h4 br{}
.bbs11_faq_body{
    display: none;
    padding-top: 0vw;
    padding-left: 0.9vw;
    padding-bottom: 3.3vw;
    margin-top: -0.5vw;
    padding-right: 5vw;
}
.bbs11_faq_body article{}
.bbs11_faq_body article p{
    font-family: 'HK Grotesk';
    letter-spacing: -0.006vw;
    color: #000000;
    padding-bottom: 0.7vw;
    line-height: 1.8vw;
}
.bbs11_faq_body article p br{}
.bbs11_faq_head:after{
    content:'';
    position: absolute;
    width: 1.875vw;
    height: 1.875vw;
    background-image: url(bbs_plus.svg);
    background-size: contain;
    right: 1.3vw;
    top: 25%;
    background-repeat: no-repeat;
    margin-top: -0.938vw;
    transition: all 0.1s ease;
}
.open .bbs11_faq_head:after{
    background-image: url(bbs_minas.svg);
    height: 0.104vw;
    top: 33%;
}
/******************************************
Section 11 Resposive Start From here 
*******************************************/
@media(max-width:768px){
    .bbs11{}
    .bbs11:after{
    width: 100%;
    height: 100%;
    top: 5vw;
    background-size: cover;
}
    .bbs11>.section_inner{}
    .bbs11 h2{
    padding-left: 0;
    text-align: center;
    font-size: 10vw;
    padding-top: 0vw;
    line-height: 12vw;
}
    .bbs11 h2 strong{}
    .bbs11 h2:after{
    opacity: 0;
}
    .bbs11_faq{
    border-left: 0;
    margin-left: 0;
    margin-top: 12vw;
    margin-right: 2vw;
    padding-bottom: 2.5vw;
}
    .bbs11_faq_item{
    padding-left: 7.8vw;
}
    .bbs11_faq_head{
    padding-bottom: 7.3vw;
    padding-right: 0;
}
    .bbs11_faq_head h4{
    font-size: 6.599vw;
    line-height: 7.78vw;
    letter-spacing: 0.13vw;
}
    .bbs11_faq_head h4 br{
    display: none;
}
    .bbs11_faq_body{
    padding-right: 0;
    padding-bottom: 7.5vw;
}
    .bbs11_faq_body article{
    padding-top: 3.5vw;
}
    .bbs11_faq_body article p{
    line-height: 7.21vw;
    padding-bottom: 7vw;
    letter-spacing: 0.1vw;
}
    .bbs11_faq_body article p:last-child{
        padding-bottom:0!important;
    }
    .bbs11_faq_body article p br{
    display: none;
}
    .bbs11_faq_head:after{
    right: unset;
    left: -11.5vw;
    width: 8.875vw;
    height: 6.875vw;
    top: 7%;
}
    .open .bbs11_faq_head:after{
    width: 7.875vw;
    height: 1.875vw;
    top: 13%;
    left: -12vw;
}
}
/******************************************
Section 11 Resposive End From here 
*******************************************/