/* Fonts head */
@font-face {
    font-family: 'Commuters Sans';
    src: url('commuterssans-regular.woff2') format('woff2'),
        url('commuterssans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Commuters Sans Semi';
    src: url('commuterssans-semibold.woff2') format('woff2'),
        url('commuterssans-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* Animations */
@keyframes left_drop{
    0%{transform: translateX(0.5vw);}
    50%{transform: translateX(-0.5vw);}
    100%{transform: translateX(0.5vw);}
}
/* Globally Css Start From Here */
*{margin:0;padding:0;}
.section_inner{display:flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;width: 90%;}
h1{padding:0;margin:0;font-family: ivypresto-display,serif;font-size: 7.6vw;font-weight: 400;letter-spacing: 0.14vw;line-height: 1.07;}
h2{padding:0;margin:0;font-family: ivypresto-display,serif;font-size: 5.35vw;font-weight: normal;letter-spacing: 0.06vw;line-height: 1.07;font-weight: 300;}
h3{padding:0;margin:0;font-family: ivypresto-display,serif;font-size: 3vw;font-weight: 300;}
h4{padding:0;margin:0;font-family: 'Commuters Sans';font-size: 1.1vw;text-transform: uppercase;letter-spacing: 0.067vw;line-height: 1.68;font-weight: normal;}
h5{padding:0;margin:0;font-family: 'Commuters Sans';font-size: 0.95vw;letter-spacing: 0.01vw;font-weight: normal;}
h6{padding:0;margin:0;font-family: 'Commuters Sans';font-size: 0.65vw;letter-spacing: 0.046vw;}
p{padding:0;margin:0;font-size: 1.099vw;font-family: proxima-nova,sans-serif;line-height: 1.33;font-weight: 500;color: #2A2626;}
a{padding:0;margin:0;}
a:hover{filter: brightness(100%)!important;}
.btn{padding: 0;border: unset!important;box-shadow: none!important;display: block;text-align: left;}
.btn:hover{filter: brightness(100%)!important;-webkit-filter: brightness(100%);!important}
.btn a{display: inline-block;padding-left: 3.5vw;padding-top: 1.2vw;padding-right: 7.2vw;padding-bottom: 1.2vw;position: relative;border: 1px solid #2a2626;background-color: #FDD62E;line-height: 0!important;}
.btn a:after{content: "";position: absolute;top: 50%;right: 3.5vw;background-image: url(jvh_btn_left.svg);width: 2.708vw;height: 0.625vw;background-repeat: no-repeat;background-position: right center;background-size: contain;margin-top: -0.3125vw;}
.btn a:hover:after{animation: left_drop 1s infinite;}
.btn a span{text-transform: uppercase;font-family: 'Commuters Sans';font-size: 0.65vw;color: #000000;letter-spacing: 0.045vw;font-weight: 600;line-height: 0.65vw;display: inline-block;}
strong{font-weight: normal;font-style: italic;}
ul{padding:0;margin:0;}
li{padding:0;margin:0;}
blockquote{padding:0;margin:0;}
.m{display: none;}
.mobile_only{display: none;}
/****************************
Globally SEction Responsive Start From Here
*****************************/
@media(max-width:768px){
    .section_inner{width: 100%;}
    h1{}
    h2{font-size: 9.99vw;letter-spacing: 0.15vw;line-height: 1.25;}
    h3{letter-spacing: 0.1vw;font-size: 8.1vw;}
    h4{line-height: 1.44;font-size: 3.65vw;letter-spacing: 0.52vw;}
    h5{}
    h6{}
    p{font-size: 3.55vw;line-height: 1.24;}
    a{}
    a:hover{}
    .btn{}
    .btn:hover{}
    .btn a{padding-left: 6.5vw;padding-top: 3.7vw;padding-right: 20.4vw;padding-bottom: 3.7vw;line-height: 0vw!important;}
    .btn a:after{width: 9.708vw;height: 1.925vw;top: 50%;right: 6.8vw;margin-top: -0.9625vw;}
    .btn a:hover:after{}
    .btn a span{letter-spacing: 0.14vw;font-weight: 600;font-size: 1.985vw;line-height: 1.985vw;}
    strong{}
    ul{}
    li{}
    blockquote{}
    .m{display: block!important;}
    .mobile_only{display: block!important;}
}
/* ***********************************************************************
Globally Section End Here 
************************************************************************ */
.jpo1{position: relative;}
.jpo1:after{content: "";width: 45vw;height: 69vw;bottom: -31.2vw;right: -27vw;position: absolute;background-repeat: no-repeat;background-position: right center;background-image: url(jvh2_art2.svg);z-index: -1;background-size: contain;}
.jpo1>.section_inner{width: 100%;}
.jpo1_left{width: 38.6%;background-image: url(jpo1_img.png);background-size: cover;background-repeat: no-repeat;background-position: center;border-right: 1px solid #2a2626;}
.jpo1_left img{
    width: 10%;
    opacity: 0;
}
.jpo1_right{width: 61.4%;padding-left: 7vw;padding-right: 6vw;padding-top: 8.25vw;}
.jpo1_right h1{font-size: 6.4vw;letter-spacing: 0.015vw;color: #B57540;line-height: 6.5vw;}
.jpo1_right h1 br{}
.jpo1_right h4{color: #000000;padding-top: 2.54vw;padding-left: 0.45vw;font-size: 1.06vw;letter-spacing: 0.093vw;}
.jpo1_right h4 br{}
.jpo1_right article{padding-left: 0.4vw;padding-top: 0.7vw;}
.jpo1_right article p{color: #2A2626;}
.jpo1_right article p br{}
.jpo1_right .btn{padding-left: 0.46vw;padding-top: 2.56vw;padding-bottom: 10.2vw;}
.jpo1_right .btn a{padding-left: 3.8vw;padding-right: 7.45vw;}
.jpo1_right .btn a span{}
/*Section (1) Responsive Start From Here */
@media(max-width: 768px){
    .jpo1{}
	.jpo1:after{display: none;}
	.jpo1>.section_inner{}
	.jpo1_left{width: 100%;height: 122vw;order: 2;border-top: 1px solid #2a2626;}
	.jpo1_left img{}
	.jpo1_right{width: 100%;padding-left: 12vw;padding-top: 10.5vw;position: relative;}
	.jpo1_right:after{content: "";width: 86vw;height: 92vw;bottom: -44.3vw;right: -52.6vw;position: absolute;background-repeat: no-repeat;background-position: right center;background-image: url(jvh2_art2.svg);z-index: -1;background-size: contain;}
	.jpo1_right h1{font-size: 11.7vw;padding-left: 0.5vw;padding-top: 0vw;line-height: 12.2vw;}
	.jpo1_right h1 br{}
	.jpo1_right h4{font-size: 4.2vw;padding-left: 1vw;padding-top: 7vw;letter-spacing: 0.16vw;}
	.jpo1_right h4 br{}
	.jpo1_right article{padding-top: 3.88vw;padding-left: 1.2vw;}
	.jpo1_right article p{}
	.jpo1_right article p br{display: none;}
	.jpo1_right .btn{padding-top: 4.5vw;padding-left: 1.4vw;padding-bottom: 14vw;}
	.jpo1_right .btn a{padding-left: 6.8vw;padding-right: 20.4vw;}
	.jpo1_right .btn a span{}
}
/*Section (1) End HEre*/
/*section 2 Start From Here*/
.jpo2{border-top: 1px solid #2a2626;}
.jpo2_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-image: url(jpo2_bg.jpg);z-index: -1;background-attachment: fixed;}
.jpo2>.section_inner{display: block;width: 73%;}
.jpo2 h2{text-align: center;padding-top: 7.2vw;font-size: 4.4vw;color: #FAF8F6;letter-spacing: 0.078vw;}
.jpo2 h2 br{}
.jpo2 h4{text-align: center;color: #F6F2EC;padding-top: 2.15vw;font-size: 1.1vw;letter-spacing: 0.142vw;}
.jpo2 h4 br{}
.jpo2 .btn{text-align: center;padding-top: 2.6vw;padding-bottom: 8.3vw;}
.jpo2 .btn a{}
.jpo2 .btn a span{}
/*Section (2) Responsive Start From Here */
@media(max-width: 768px){
    .jpo2{}
	.jpo2_bg{background-attachment: unset;
			 background-image: url(jpo2_bg_mob.jpg) !important;}
	.jpo2>.section_inner{width: 87%;}
	.jpo2 h2{font-size: 9.8vw;padding-top: 18.9vw;padding-left: 1vw;line-height: 10.9vw;}
	.jpo2 h2 br{}
	.jpo2 h4{font-size: 4.25vw;padding-top: 4vw;line-height: 5.7vw;}
	.jpo2 h4 br{}
	.jpo2 .btn{padding-top: 7.2vw;padding-bottom: 19.5vw;padding-left: 1vw;padding-right: 1vw;}
	.jpo2 .btn a{padding-left: 8vw;padding-right: 17vw;}
	.jpo2 .btn a span{}
}
/*Section (2) End HEre*/
/*Section 3 Start From Here*/
.jpo3{border-top: 1px solid #2a2626;border-bottom: 1px solid #2a2626;}
.jpo3>.section_inner{width: 100%;}
.jpo3_left{width: 60%;padding-left: 7.1vw;padding-right: 4vw;padding-top: 5.96vw;position: relative;}
.jpo3_left:after{content: "";width: 34vw;height: 104vw;bottom: -55.3vw;right: -17.6vw;position: absolute;background-repeat: no-repeat;background-position: right center;background-image: url(jvh2_art2.svg);z-index: -1;background-size: contain;}
.jpo3 h2{font-size: 7.2vw;letter-spacing: 0.019vw;color: #B57540;}
.jpo3 h2 br{}
.jpo3 h4{color: #000000;padding-left: 1.4vw;padding-top: 2.1vw;font-size: 1.1vw;letter-spacing: 0.067vw;}
.jpo3 h4 br{}
.jpo3 article{padding-left: 1.4vw;padding-top: 1.1vw;padding-bottom: 4.25vw;}
.jpo3 article p{color: #2a2626;}
.jpo3 .btn{display: inline-block;margin-right: 2.3vw;}
.jpo3 .btn a{padding-left: 3.8vw;padding-right: 5.9vw;}
.jpo3 .btn a:after{right: 2.7vw;}
.jpo3 .btn a i{background-size: contain;background-repeat: no-repeat;background-position: center;width: 1vw;height: 1vw;position: absolute;top: 50%;left: 2.2vw;margin-top: -.5vw;}
.jpo3 .btn a span{letter-spacing: 0vw;}
.jpo3 .btn1{padding-left: 0.95vw;}
.jpo3 .btn1 a{padding-right: 6.3vw;/* padding-top: 2.5vw; *//* padding-bottom: 3.9vw; */}
.jpo3 .btn1 a:after{}
.jpo3 .btn1 a i{background-image: url(jpo3_btn1.svg);}
.jpo3 .btn1 a span{}
.jpo3 .btn2{}
.jpo3 .btn2 a{}
.jpo3 .btn2 a:after{}
.jpo3 .btn2 a i{background-image: url(jpo3_btn2.svg);}
.jpo3 .btn2 a span{}
.jpo3 .btn3{margin-right: 0;}
.jpo3 .btn3 a{}
.jpo3 .btn3 a:after{}
.jpo3 .btn3 a i{background-image: url(jpo3_btn3.svg);}
.jpo3 .btn3 a span{}
.jpo3_right{width: 40%;background-color: #F6F2EC;border-left: 1px solid #2a2626;}
.jpo3_img{background-image: url(jpo3_img.png);width: 26.6vw;height: 35.2vw;background-size: cover;background-repeat: no-repeat;background-position: center top;margin-left: 6.55vw;margin-top: 2vw;}
.jpo3_img img{
    width: 10%;
    opacity: 0;
}
/*Section (3) Responsive Start From Here */
@media(max-width: 768px){
    .jpo3{}
	.jpo3>.section_inner{}
	.jpo3_left{width: 100%;padding-left: 11vw;padding-top: 10.5vw;padding-bottom: 10.2vw;}
	.jpo3_left:after{width: 93vw;
    height: 90vw;
    bottom: -23.3vw;
    right: -54.6vw;}
	.jpo3 h2{font-size: 16.7vw;padding-left: 1.5vw;line-height: 17.2vw;padding-top: 2vw;letter-spacing: 0.1vw;}
	.jpo3 h2 br{}
	.jpo3 h4{font-size: 4.2vw;padding-left: 2vw;padding-top: 7vw;letter-spacing: 0.16vw;;}
	.jpo3 h4 br{}
	.jpo3 article{padding-top: 3vw;padding-left: 2vw;padding-bottom: 7.7vw;}
	.jpo3 article p{}
	.jpo3 article p br{display: none;}
	.jpo3 .btn{display: block;padding-left: 2.1vw;margin-right: 0;margin-top: 0;margin-bottom: 2.66vw;}
	.jpo3 .btn a{padding-left: 19.6vw;
    padding-right: 24.7vw;width: 54vw;}
	.jpo3 .btn a:after{right: 14.4vw;top: 50%;margin-top: -0.9625vw;}
    .jpo3 .btn a i {
        /* top: 2.1vw; */
        left: 12.5vw;
        width: 4vw;
        height: 4vw;
        top: 55%;
        /* left: 50%; */
        transform: translate(-55%, -50%);
    }
	.jpo3 .btn a span{}
	.jpo3 .btn1{padding-left: 2.1vw;}
	.jpo3 .btn1 a{}
	.jpo3 .btn1 a:after{}
	.jpo3 .btn1 a i{}
	.jpo3 .btn1 a span{letter-spacing: 0.1vw;}
	.jpo3 .btn2{}
	.jpo3 .btn2 a{}
	.jpo3 .btn2 a:after{}
	.jpo3 .btn2 a i{}
	.jpo3 .btn2 a span{}
	.jpo3 .btn3{}
	.jpo3 .btn3 a{}
	.jpo3 .btn3 a:after{}
	.jpo3 .btn3 a i{}
	.jpo3 .btn3 a span{}
	.jpo3_right{width: 100%;border-left: 0;border-top: 1px solid #2a2626;}
	.jpo3_img{margin-left: 17vw;width: 65.99vw;
    height: 87.4vw;margin-top: 5.3vw;}
	.jpo3_img img{}
}
/*Section (3) End HEre*/
/*SEction 4 Start From Here */
.jpo4{z-index: 7;background-color: #ffffff;}
.jpo4>.section_inner{display: block;}
.jpo4_content{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 6vw;margin: 0 auto;width: 92%;}
.jpo4_left{width: 34.7%;}
.jpo4_img{background-image: url(jpo4_img.jpg);background-size: 29vw;background-position: 0vw -3vw;width: 28.8vw;height: 25.65vw;border: 1px solid #2a2626;border-radius: 20.4vw 0 0 0;background-repeat: no-repeat;}
.jpo4_img img{
    width: 10%;
    opacity: 0;
}
.jpo4_right{width: 65.3%;background-color: #F0DBCC;border: 1px solid #2a2626;padding-left: 9vw;padding-top: 4vw;padding-right: 6vw;}
.jpo4 h2{color: #000000;font-size: 3.15vw;padding-left: 0.45vw;padding-top: 0.8vw;letter-spacing: 0.01vw;}
.jpo4 h2 strong{}
.jpo4 h2 br{}
.jpo4 h4{padding-top: 1.67vw;padding-left: 0.8vw;letter-spacing: 0.145vw;}
.jpo4 h4 br{}
.jpo4 .btn{padding-left: 0.45vw;padding-top: 1.7vw;}
.jpo4 .btn a{
    padding-left: 3.35vw;
    /* padding-top: 0.78vw; */
    padding-right: 7.2vw;
    /* padding-bottom: 0.9vw; */
    }
.jpo4 .btn a span{letter-spacing: 0vw;}
/*Section (4) Responsive Start From Here */
@media(max-width: 768px){
    .jpo4{}
	.jpo4>.section_inner{}
	.jpo4_content{padding-top: 13.7vw;width: 85%;}
	.jpo4_left{width: 100%;}
	.jpo4_img{width: 100%;height: 75.5vw;border-radius: 69.4vw 0 0 0;border-bottom: 0;background-size: 85vw;background-position: 0vw -5vw;}
	.jpo4_img img{}
	.jpo4_right{width: 100%;padding-top: 8.7vw;}
	.jpo4 h2{font-size: 10.999vw;padding-left: 1.5vw;}
	.jpo4 h2 strong{}
	.jpo4 h2 br{}
	.jpo4 h4{padding-left: 1.7vw;padding-top: 5.15vw;letter-spacing: 0.55vw;}
	.jpo4 h4 br{display: none;}
	.jpo4 .btn{padding-top: 5.7vw;padding-left: 1.6vw;padding-bottom: 15.75vw;}
	.jpo4 .btn a{/* padding-top: 2.7vw; */padding-left: 9.45vw;/* padding-bottom: 3.8vw; */padding-right: 22.3vw;}
	.jpo4 .btn a span{letter-spacing: 0.15vw;}
	.jpo4 .btn a:after{/* right: 9.3vw; *//* top: 39%; */}
}
/*Section (4) End HEre*/
/*SEction 4 Sub Start From Here*/
.jpo4_in{border-bottom: 1px solid #2a2626;}
.jpo4_in>.section_inner{width: 100%;}
.jpo4_in_left{width: 63%;padding-left: 6.6vw;padding-top: 5.95vw;letter-spacing: 0;overflow: hidden;position: relative;}
.jpo4_in_left:after{content: "";width: 60vw;height: 36vw;bottom: -21.3vw;left: -43vw;position: absolute;background-repeat: no-repeat;background-position: right center;background-image: url(jvh2_art2.svg);z-index: -1;background-size: contain;}
.jpo4_in h2{font-size: 6.5vw;color: #B57540;line-height: 6.7vw;}
.jpo4_in h2 strong{}
.jpo4_in h2 br{}
.jpo4_in ul{list-style: none;padding-left: 11.26vw;padding-right: 8.68vw;padding-top: 4.4vw;padding-bottom: 5.9vw;}
.jpo4_in ul li{position: relative;border: 1px solid #2a2626;background-color: #FDEAA1;margin-bottom: 0.99vw;}
.jpo4_in ul li:hover{background-color: #FCD52F;}
.jpo4_in ul li:after{content:"";position: absolute;width: 2vw;height: 1.2vw;background-repeat: no-repeat;background-position: center;background-image: url(jpo4_li_icon.svg);right: 1.9vw;top: 1.3vw;background-size: contain;}
.jpo4_in ul li a{font-family: 'Commuters Sans Semi';padding-left: 2.5vw;font-size: 0.9vw;text-transform: uppercase;letter-spacing: 0.04vw;padding-top: 1.05vw;padding-bottom: 1.2vw;color: #2a2626;display: block;padding-right: 4vw;}
.jpo4_in ul li:last-child{}
.jpo4_in_right{width: 37%;}
.jpo4_in_img{background-image: url(jpo5_img.jpg);background-repeat: no-repeat;background-size: 37.56vw;background-position: -1.6vw 0vw;width: 37.4vw;height: 46.9vw;margin-top: 5.5vw;margin-left: 4.5vw;border: 1px solid #2a2626;border-radius: 50%;margin-bottom: -7.5vw;}
.jpo4_in_img img{
    width: 10%;
    opacity: 0;
}
/*Section (4 sub) Responsive Start From Here */
@media(max-width: 768px){
    .jpo4_in{}
	.jpo4_in>.section_inner{}
	.jpo4_in_left{width: 100%;padding-top: 13vw;padding-left: 8.5vw;padding-bottom: 33.2vw;}
	.jpo4_in_left:after{width: 127vw;
    height: 119vw;
    bottom: -70.3vw;
    left: -74vw;}
	.jpo4_in h2{font-size: 15.6vw;padding-left: 3.3vw;padding-top: 0.2vw;letter-spacing: 0.15vw;line-height: 16.3vw;}
	.jpo4_in h2 strong{}
	.jpo4_in h2 br{display: none;}
	.jpo4_in ul{padding-left: 0.6vw;padding-top: 10.6vw;}
	.jpo4_in ul li{margin-bottom: 3.7vw;}
	.jpo4_in ul li:hover{}
	.jpo4_in ul li:after{width: 3vw;height: 3vw;top: 3vw;right: 4vw;}
	.jpo4_in ul li a{font-size: 2vw;padding-left: 6vw;padding-top: 3.1vw;letter-spacing: 0.15vw;padding-bottom: 3vw;}
	
    .jpo4_in ul li a div {
        white-space: nowrap;
        width: 59vw;
        overflow: hidden;
        text-overflow: ellipsis;
    }
	.jpo4_in ul li:last-child{}
	.jpo4_in_right{width: 100%;position: relative;}
	.jpo4_in_img{position: absolute;top: -32.4vw;right: -15vw;width: 65vw;height: 87vw;margin: 0;background-position: -3vw 0vw;background-size: 69.5vw;}
	.jpo4_in_img img{}
}
/*Section (4 sub) End HEre*/
/*Section 5 Start From Here*/
.jpo5{background-color: #F6F2EC;/* border-bottom: 1px solid #2a2626; */z-index: 5;}
.jpo5>.section_inner{display: block;}
.jpo5:after{content: "";width: 31vw;height: 31vw;bottom: -21.3vw;right: 34%;position: absolute;background-repeat: no-repeat;background-position: right center;background-image: url(jvh2_art2.svg);z-index: -3;background-size: contain;}
.jpo5_slider{}
.jpo5_slides{
    height: 25.6vw;
    overflow: hidden;
}
.jpo5_slides.slick-initialized{height:auto;}
.jpo5_slide_in{}
.jpo5 h2{text-align: center;padding-top: 7.43vw;font-size: 5.59vw;color: #000000;letter-spacing: 0.05vw;padding-left: 0.2vw;}
.jpo5 h2 strong{}
.jpo5 h2 br{}
.jpo5_slide_in h3{color: #000000;text-align: center;padding-top: 2.68vw;font-size: 2.22vw;/* letter-spacing: -0.05vw; */font-family: 'ivypresto-display';font-weight: 300;text-transform: unset;line-height: 3.15vw;}
.jpo5_slide_in h3 br{}
.jpo5_slide_in h3 strong{}
.jpo5_slide_in h5{color: #000000;text-align: center;padding-top: 2.5vw;font-size: 1.24vw;text-transform: uppercase;letter-spacing: 0.04vw;padding-left: 0.5vw;padding-bottom: 9.6vw;}
.jpo5_slide_in h5 br{}
.slick-arrow{position: absolute;bottom: 9.5vw;background-size: contain;background-repeat: no-repeat;border: 0;background-color: transparent;font-size: 0;width: 2.6vw;height: 1vw;z-index: 55;top: unset;cursor: pointer;}
.slick-next{background-image: url(jvh_slider_right.svg);right: 33vw;}
.slick-prev{background-image: url(jvh_slider_left.svg);left: 33vw;}
/*Section (5) Responsive Start From Here */
@media(max-width: 768px){
    .jpo5{padding-top: 51.5vw;position: relative;border-bottom: 0;}
	.jpo5:after{content: "";width: 90vw;height: 104vw;bottom: -66.3vw;right: 5%;position: absolute;background-repeat: no-repeat;background-position: right center;background-image: url(jvh2_art2.svg);z-index: -3;background-size: contain;}
	.jpo5>.section_inner{}
	.jpo5_slider{}
	.jpo5_slides{
    height: 145vw;
}
	.jpo5_slide_in{}
	.jpo5 h2{font-size: 17.5vw;line-height: 17vw;}
	.jpo5 h2 strong{}
	.jpo5 h2 br{}
	.jpo5_slide_in h3{font-size: 6vw;padding-top: 10.9vw;line-height: 9.15vw;letter-spacing: 0.15vw;/* padding-left: 10.5vw; *//* padding-right: 10.5vw; */padding-left: 13.5vw;padding-right: 13.5vw;}
	.jpo5_slide_in h3 br{display: none;}
	.jpo5_slide_in h3 strong{}
	.jpo5_slide_in h5{padding-top: 13vw;font-size: 5vw;padding-bottom: 28vw;}
	.jpo5_slide_in h5 br{}
	.slick-arrow{width: 12vw;height: 4vw;bottom: 29vw;top: unset;}
	.slick-next{right: 15.5vw;}
	.slick-prev{left: 15.5vw;}
}
/*Section (5) End HEre*/