/* 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: 1vw;text-transform: uppercase;letter-spacing: 0.216vw;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;}
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.9vw;padding-top: 1.2vw;padding-right: 6.78vw;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.1vw;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;}
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: 0vw;padding-right: 18.2vw;padding-bottom: 1.7vw;}
    .btn a:after{width: 9.708vw;height: 1.925vw;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;display: inline-block;}
    strong{}
    ul{}
    li{}
    blockquote{}
    .m{display: block!important;}
    .mobile_only{display: block!important;}
}
/* ***********************************************************************
Globally Section End Here 
************************************************************************ */
.err1{background-color: #F6F2EC;position: relative;}
.err1:after,
.err1:before{content:"";position: absolute;width: 50vw;height: 54vw;bottom: -28vw;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(jvh2_art2.svg);}
.err1:before{left: -28vw;}
.err1:after{right: -28vw;}
.err1>.section_inner{display: block;width: 73%;}
.err1 h1{text-align: center;padding-top: 9.6vw;font-size: 5.3vw;color: #B57540;letter-spacing: 0.10vw;padding-left: 0.2vw;padding-bottom: 3.04vw;}
.err1 h1 br{}
.err1 h1 strong{}
.err1 h4{text-align: center;color: #2a2626;font-size: 1.14vw;letter-spacing: 0.115vw;padding-bottom: 1.4vw;}
.err1 h4 br{}
.err1 .btn{text-align: center;padding-top: 1.4vw;padding-bottom: 17.2vw;}
.err1 .btn a{}
.err1 .btn a span{}
/* Reponsive Start From Here  */
@media(max-width:768px){
    .err1{}
    .err1:after,
    .err1:before{}
    .err1:before{
    width: 95vw;
    height: 87vw;
    bottom: -45vw;
    left: -51vw;
}
    .err1:after{
    width: 95vw;
    height: 87vw;
    bottom: -45vw;
    right: -51vw;
}
    .err1>.section_inner{width: 83%;}
    .err1 h1{font-size: 11.2vw;padding-top: 20.99vw;letter-spacing: 0.37vw;padding-bottom: 10.4vw;}
    .err1 h1 br{}
    .err1 h1 strong{}
    .err1 h4{font-size: 4.3vw;padding-left: 1.5vw;line-height: 5.55vw;padding-bottom: 5vw;}
    .err1 h4 br{}
    .err1 .btn{padding-left: 1vw;padding-bottom: 48.6vw;}
    .err1 .btn a{padding-top: 3.35vw;padding-left: 8vw;padding-right: 17vw;padding-bottom: 4vw;/* padding-left: 6.5vw; */padding-top: 3.7vw;/* padding-right: 20.4vw; */padding-bottom: 3.7vw;line-height: 0vw!important;}
    .err1 .btn a span{}
}