@font-face {
	font-family: 'Conv_SansaPro-Bold';
	src: url('fonts/SansaPro-Bold.eot');
	src: local('☺'), url('fonts/SansaPro-Bold.woff') format('woff'), url('fonts/SansaPro-Bold.ttf') format('truetype'), url('fonts/SansaPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_SansaPro-Normal';
	src: url('fonts/SansaPro-Normal.eot');
	src: local('☺'), url('fonts/SansaPro-Normal.woff') format('woff'), url('fonts/SansaPro-Normal.ttf') format('truetype'), url('fonts/SansaPro-Normal.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.de-main-box{
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.box_main{
    position: relative;
    width: 100%;
    height: 100%;
}

body, html{
    padding: 0;
    margin: 0;
}

/* .slide_4,.slide_5,.slide_6,.slide_7,.slide_8,.slide_9,.slide_10{
    position: absolute;
    z-index: 1;
    top: 35px;
    left: 35px;
    width: 120px;
    height: 50px;
    cursor: pointer;
} */

.slide_1{
    position: relative;
    z-index: 1;
    top: 20px;
    height: auto;
    cursor: pointer;
}

.intro_txt{
    position: absolute;
    z-index: 1;
    top: 26%;
    left: 10.4444444444vh;
    width: auto;
    height: auto;
    cursor: pointer;
}

.intro_txt_contt{
	font-family: 'Conv_SansaPro-Bold';
    font-size: 36px;
    line-height: 51px;
    color: #E1553D;
}

.intro_txt_contt span{
	font-family: 'Conv_SansaPro-Normal';
    font-size: 36px;
    line-height: 51px;
    color: #333232;
}

.slide1_btn_icon{
    float: left;
    width: 100px;
    margin-left: -24px;
}

.slide1_btn_txt{
    line-height: 100px;
    font-size: 18px;
	font-family: 'Conv_SansaPro-Normal';
    color: #E1553D;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.slide_1 .slide1_btn_icon img{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.slide_1:hover .slide1_btn_icon img{
    transform: scale(1.4);
}

.slide_1:hover .slide1_btn_txt{
    font-weight: bold;
    transform:translateX(10px);
}



.slick-slide {
    position: relative;
}


.slick-slide object{
    max-height: 100%;
    width: auto;
   

}
.slick-slide img {
    max-width: 100%;
}


.home_icon {
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
    width: 9%;
    height: 9%;
    min-width: 60px;
    min-height: 60px;
    cursor: pointer;
}


.home_icon img{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.home_icon:hover img{
    transform: scale(1.2);
}

.home_icon.group1,
.home_icon.group2,
.home_icon.group3,
.home_icon.group4,
.home_icon.group5,
.home_icon.group6,
.home_icon.group7,
.home_icon.group8,
.home_icon.group9,
.home_icon.group10,
.home_icon.group11{
    visibility:hidden;
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transform:translateY(-200%);
    transform:translateY(-200%);
    -webkit-transition:visibility 0s 1.017s,
    -webkit-transform 1.017s cubic-bezier(.33,0,0,1);
    transition:visibility 0s 1.017s,
    -webkit-transform 1.017s cubic-bezier(.33,0,0,1);
    transition:transform 1.017s cubic-bezier(.33,0,0,1),visibility 0s 1.017s;
    transition:transform 1.017s cubic-bezier(.33,0,0,1),visibility 0s 1.017s,
    -webkit-transform 1.017s cubic-bezier(.33,0,0,1)
}
.home_icon.group1.visible,
.home_icon.group2.visible,
.home_icon.group3.visible,
.home_icon.group4.visible,
.home_icon.group5.visible,
.home_icon.group6.visible,
.home_icon.group7.visible,
.home_icon.group8.visible,
.home_icon.group9.visible,
.home_icon.group10.visible,
.home_icon.group11.visible{
    -webkit-transform:none;
    transform:none;
    -webkit-transition:none;
    transition:none;
    visibility:inherit
}

.home_icon.group1.visible,
.home_icon.group2.visible,
.home_icon.group3.visible,
.home_icon.group4.visible,
.home_icon.group5.visible,
.home_icon.group6.visible,
.home_icon.group7.visible,
.home_icon.group8.visible,
.home_icon.group9.visible,
.home_icon.group10.visible,
.home_icon.group11.visible{
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    -webkit-animation:first-box-back-to-container 1s ;
    animation:first-box-back-to-container 1s ;
}

button{
    cursor: pointer;
    border: 1px solid #f05a33;
}
.card_box{
    position: absolute;
    z-index: 1;
    bottom: 0px;
    right: 0px;
    width: 400px;
    height: auto;
}

.svg_animation{
    position: absolute;
    width: 100%;
    height: 100%;
      background-size: 111% !important;
     background-position-y: 0%;
}
div#div1.svg_animation {
    background-image: url(../images/de_4.svg);
    background-repeat: no-repeat;
      background-size: 111% !important;
     background-position-y: 0%;
}
div#div2.svg_animation {
    background-image: url(../images/de_5-back.svg);
    background-repeat: no-repeat;
    background-size: 111% !important;
     background-position-y: 0%;
}
div#div3.svg_animation {
    background-image: url(../images/de_8.svg);
    background-repeat: no-repeat;
      background-size: 111% !important;
     background-position-y: 0%;
}
div#div4.svg_animation {
    background-image: url(../images/de_9.svg);
    background-repeat: no-repeat;
      background-size: 111% !important;
     background-position-y: 0%;
}
div#div5.svg_animation {
    background-image: url(../images/de_10.svg);
    background-repeat: no-repeat;
      background-size: 111% !important;
     background-position-y: 0%;
}
div#div6.svg_animation {
    background-image: url(../images/de_11.svg);
    background-repeat: no-repeat;
      background-size: 111% !important;
     background-position-y: 0%;
}
div#div7.svg_animation {
    background-image: url(../images/de_12.svg);
    background-repeat: no-repeat;
      background-size: 111% !important;
     background-position-y: 0%;
}

.svg_animation object{
    height: 100vh;
}

.group[_ngcontent-jri-c19]{
    position:absolute;bottom:0;right:0;padding-right:5.4444444444vh;padding-bottom:4.4444444444vh;pointer-events:none;visibility:hidden;
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transform:translateY(calc(100% + 5.22222vh));
    transform:translateY(calc(100% + 5.22222vh));
    -webkit-transition:visibility 0s 1.017s,
    -webkit-transform 1.017s cubic-bezier(.33,0,0,1);
    transition:visibility 0s 1.017s,
    -webkit-transform 1.017s cubic-bezier(.33,0,0,1);
    transition:transform 1.017s cubic-bezier(.33,0,0,1),visibility 0s 1.017s;
    transition:transform 1.017s cubic-bezier(.33,0,0,1),visibility 0s 1.017s,
    -webkit-transform 1.017s cubic-bezier(.33,0,0,1)
}
.group[_ngcontent-jri-c19] .container[_ngcontent-jri-c19]{
    pointer-events:auto
}

app-info-card-head[_ngcontent-jri-c19],
app-info-card-outro-head[_ngcontent-jri-c19]{
    margin-bottom:1.1111111111vh
}

.group.visible[_ngcontent-jri-c19]{-webkit-transform:none;transform:none;-webkit-transition:none;transition:none;visibility:inherit}
.group.visible[_ngcontent-jri-c19] app-info-card-head[_ngcontent-jri-c19],
.group.visible[_ngcontent-jri-c19] app-info-card-outro-head[_ngcontent-jri-c19]{
    -webkit-transform:translateY(calc(140% + -5.22222vh));transform:translateY(calc(140% + -5.22222vh));
    -webkit-animation:first-box-back-to-container 1s cubic-bezier(.33,0,0,1) 2.5s forwards;
    animation:first-box-back-to-container 1s cubic-bezier(.33,0,0,1) 2.5s forwards;
}


.group.ofsame.visible[_ngcontent-jri-c19] app-info-card-head[_ngcontent-jri-c19], .group.ofsame.visible[_ngcontent-jri-c19] app-info-card-outro-head[_ngcontent-jri-c19]{
    -webkit-transform:translateY(calc(140% + -5.22222vh));transform:translateY(calc(140% + -5.22222vh));
    -webkit-animation:first-box-back-to-container 1s cubic-bezier(.33,0,0,1) 2s forwards !important;
    animation:first-box-back-to-container 1s cubic-bezier(.33,0,0,1) 2s forwards !important;
}



.group.visible[_ngcontent-jri-c19] .container[_ngcontent-jri-c19]{
    -webkit-animation:container-slide-up-with-second-box 1s cubic-bezier(.33,0,0,1) 0s backwards;
    animation:container-slide-up-with-second-box 1s cubic-bezier(.33,0,0,1) 0s backwards
}

.group.visible[_ngcontent-jri-c19] app-info-card-body[_ngcontent-jri-c19],
.group.visible[_ngcontent-jri-c19] app-info-card-outro-body[_ngcontent-jri-c19]{
    -webkit-animation:second-box-fade-in 1s cubic-bezier(.33,0,0,1) 0s backwards;
    animation:second-box-fade-in 1s cubic-bezier(.33,0,0,1) 0s backwards
}

@-webkit-keyframes first-box-appear{0%{opacity:0;-webkit-transform:none;transform:none}}
@keyframes first-box-appear{0%{opacity:0;-webkit-transform:none;transform:none}}
@-webkit-keyframes first-box-back-to-container{to{-webkit-transform:none;transform:none}}
@keyframes first-box-back-to-container{to{-webkit-transform:none;transform:none}}
@-webkit-keyframes container-slide-up-with-second-box{0%{-webkit-transform:translateY(calc(100% + 5.22222vh));transform:translateY(calc(100% + 5.22222vh))}}
@keyframes container-slide-up-with-second-box{0%{-webkit-transform:translateY(calc(100% + 5.22222vh));transform:translateY(calc(100% + 5.22222vh))}}
@-webkit-keyframes second-box-fade-in{0%{opacity:0}}
@keyframes second-box-fade-in{0%{opacity:0}}
[_nghost-jri-c16]{display:block;position:relative}app-info-card-container[_ngcontent-jri-c16]{
    padding:6.5555555556vh 4vh 4.7777777778vh;overflow:hidden
}
p[_ngcontent-jri-c16]{font-style:normal;font-weight:400;line-height:1.7142857143em;font-size:13.0044444444px;margin-bottom:1.6666666667vh;color:#f05a33}@media screen and (min-height:836px){p[_ngcontent-jri-c16]{font-size:1.5555555556vh}}.step[_ngcontent-jri-c16]:after{display:inline-block;width:3px;height:3px;vertical-align:.3333333333vh;border-radius:50%;background-color:#f05a33;content:"";margin:0 .6666666667vh 0 .3333333333vh}.eyebrow[_ngcontent-jri-c16]{position:relative;display:inline-block}.eyebrow[_ngcontent-jri-c16]   .challenge[_ngcontent-jri-c16], .eyebrow[_ngcontent-jri-c16]   .solution[_ngcontent-jri-c16]{-webkit-transition:opacity .267s cubic-bezier(.33,0,.67,1);transition:opacity .267s cubic-bezier(.33,0,.67,1)}.eyebrow[_ngcontent-jri-c16]   .solution[_ngcontent-jri-c16]{position:absolute;left:0}header[_ngcontent-jri-c16]{display:-webkit-box;display:flex;width:200%;-webkit-transform:none;transform:none;-webkit-transition:-webkit-transform .5s cubic-bezier(.33,0,0,1);transition:-webkit-transform .5s cubic-bezier(.33,0,0,1);transition:transform .5s cubic-bezier(.33,0,0,1);transition:transform .5s cubic-bezier(.33,0,0,1),-webkit-transform .5s cubic-bezier(.33,0,0,1)}.checked[_nghost-jri-c16]   header[_ngcontent-jri-c16]{-webkit-transform:translateX(-50%);transform:translateX(-50%)}h3[_ngcontent-jri-c16]{color:#5f6368;-webkit-box-flex:0;flex:0 0 50%}[_nghost-jri-c16]   h3[_ngcontent-jri-c16]{-webkit-transition:opacity .5s cubic-bezier(.33,0,0,1);transition:opacity .5s cubic-bezier(.33,0,0,1)}.challenge[_ngcontent-jri-c16]{opacity:1}.solution[_ngcontent-jri-c16], .checked[_nghost-jri-c16]   .challenge[_ngcontent-jri-c16]{opacity:0}.checked[_nghost-jri-c16]   .solution[_ngcontent-jri-c16]{opacity:1}.badge[_ngcontent-jri-c16]{width:10.4444444444vh;height:10.4444444444vh;position:absolute;top:-5.2222222222vh;left:calc((100% - 10.44444vh)/2)}.badge[_ngcontent-jri-c16]   img[_ngcontent-jri-c16]{position:absolute;width:100%;height:100%}.badge.data-security[_ngcontent-jri-c16]{top:-3.8888888889vh}.group.visible[_nghost-jri-c16]   img[_ngcontent-jri-c16], .group.visible   [_nghost-jri-c16]   img[_ngcontent-jri-c16]{-webkit-animation:scale-down .617s cubic-bezier(.33,0,0,1) 1.167s backwards,scale-up .5s cubic-bezier(.33,0,0,1) .667s backwards;animation:scale-down .617s cubic-bezier(.33,0,0,1) 1.167s backwards,scale-up .5s cubic-bezier(.33,0,0,1) .667s backwards}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes scale-up{0%{-webkit-transform:scale(.75);transform:scale(.75)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes scale-down{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes scale-down{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}}
[_nghost-jri-c13]{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;min-width:322px;width:40.3333333333vh;background-color:#fff;border-radius:1.6666666667vh}
[_nghost-jri-c18]{display:block}app-info-card-container[_ngcontent-jri-c18]{padding:4.6666666667vh 4vh 4vh}p[_ngcontent-jri-c18], ul[_ngcontent-jri-c18]{color:#7f8286;font-style:normal;font-weight:400;line-height:1.7142857143em;font-size:13.0044444444px}@media screen and (min-height:836px){p[_ngcontent-jri-c18], ul[_ngcontent-jri-c18]{font-size:1.5555555556vh}}ul[_ngcontent-jri-c18]{list-style:none;padding-left:5.4444444444vh;margin:1.1111111111vh 0}li[_ngcontent-jri-c18]{text-indent:-1.4444444444vh}li[_ngcontent-jri-c18]:before{content:"";display:inline-block;width:3px;height:3px;vertical-align:.3333333333vh;border-radius:50%;background-color:#7f8286;margin-right:1.1111111111vh}.challenge[_ngcontent-jri-c18]{opacity:1}.solution[_ngcontent-jri-c18], .checked[_nghost-jri-c18]   .challenge[_ngcontent-jri-c18]{opacity:0}.checked[_nghost-jri-c18]   .solution[_ngcontent-jri-c18]{opacity:1}.challenge[_ngcontent-jri-c18], .solution[_ngcontent-jri-c18]{-webkit-transition:opacity .267s cubic-bezier(.33,0,.67,1);transition:opacity .267s cubic-bezier(.33,0,.67,1)}.content[_ngcontent-jri-c18]{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;-webkit-transition:height .5s cubic-bezier(.33,0,0,1);transition:height .5s cubic-bezier(.33,0,0,1)}.content[_ngcontent-jri-c18]   .solution[_ngcontent-jri-c18]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.content[_ngcontent-jri-c18]   .challenge[_ngcontent-jri-c18], .content[_ngcontent-jri-c18]   .solution[_ngcontent-jri-c18]{-webkit-box-flex:0;flex:0 0 100%}.navigation-buttons[_ngcontent-jri-c18]{height:8vh;margin-top:2.6666666667vh;position:relative}

.back-button[_ngcontent-jri-c18],
.next-button[_ngcontent-jri-c18]{
    display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100%;position:absolute
}
.next-button[_ngcontent-jri-c18]{
    /* width:100%; */
    width: calc(100% - 9.11111vh);
    border-radius:.5555555556vh;
    background-color:#f05a33;
    color:#fff;
    font-style:normal;
    font-weight:400;
    line-height:1.7142857143em;
    font-size:13.0044444444px;
    right:0;
    -webkit-transition:width .5s cubic-bezier(.33,0,0,1),opacity .333s cubic-bezier(.33,0,.67,1);transition:width .5s cubic-bezier(.33,0,0,1),opacity .333s cubic-bezier(.33,0,.67,1)
}
@media screen and (min-height:836px){.next-button[_ngcontent-jri-c18]{font-size:1.5555555556vh}}.next-button[_ngcontent-jri-c18]   .icon[_ngcontent-jri-c18], .next-button[_ngcontent-jri-c18]   span[_ngcontent-jri-c18]{-webkit-transition:opacity .267s cubic-bezier(.33,0,.67,1);transition:opacity .267s cubic-bezier(.33,0,.67,1)}.next-button[_ngcontent-jri-c18]   .icon[_ngcontent-jri-c18]{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;opacity:0}.next-button[_ngcontent-jri-c18]   img[_ngcontent-jri-c18]{height:2.4444444444vh}[_nghost-jri-c18]:not(.checked)   .next-button[_ngcontent-jri-c18]:hover   span[_ngcontent-jri-c18]{opacity:0}[_nghost-jri-c18]:not(.checked)   .next-button[_ngcontent-jri-c18]:hover   .icon[_ngcontent-jri-c18]{opacity:1}[_nghost-jri-c18]:not(.checked)   .next-button[_ngcontent-jri-c18]:hover   .icon[_ngcontent-jri-c18]   img[_ngcontent-jri-c18]{-webkit-transform:scale(.75);transform:scale(.75);-webkit-animation:icon-scale-down .3s cubic-bezier(.78,0,.67,1) .567s forwards,icon-scale-up .3s cubic-bezier(.33,0,0,1) .267s;animation:icon-scale-down .3s cubic-bezier(.78,0,.67,1) .567s forwards,icon-scale-up .3s cubic-bezier(.33,0,0,1) .267s}[_nghost-jri-c18]:not(.checked)   .next-button[_ngcontent-jri-c18]:hover   .icon[_ngcontent-jri-c18]:after, [_nghost-jri-c18]:not(.checked)   .next-button[_ngcontent-jri-c18]:hover   .icon[_ngcontent-jri-c18]:before{content:"";position:absolute;background-color:transparent;border:1px solid #fff;border-radius:100%;-webkit-animation:1.65s cubic-bezier(.33,0,.67,1) infinite backwards;animation:1.65s cubic-bezier(.33,0,.67,1) infinite backwards}[_nghost-jri-c18]:not(.checked)   .next-button[_ngcontent-jri-c18]:hover   .icon[_ngcontent-jri-c18]:after{width:24.3333333333vh;height:24.3333333333vh;-webkit-animation-name:body-button-pulse-outer;animation-name:body-button-pulse-outer}[_nghost-jri-c18]:not(.checked)   .next-button[_ngcontent-jri-c18]:hover   .icon[_ngcontent-jri-c18]:before{width:17.6666666667vh;height:17.6666666667vh;-webkit-animation-name:body-button-pulse-inner;animation-name:body-button-pulse-inner}.checked[_nghost-jri-c18]   .next-button[_ngcontent-jri-c18]{width:calc(100% - 9.11111vh)}.checked[_nghost-jri-c18]   .next-button[_ngcontent-jri-c18]:hover{opacity:.9}.next-button[_ngcontent-jri-c18]   .challenge[_ngcontent-jri-c18], .next-button[_ngcontent-jri-c18]   .solution[_ngcontent-jri-c18]{position:absolute}.back-button[_ngcontent-jri-c18]{color:#7f8286;width:8vh;border-radius:.5555555556vh;padding:3.2222222222vh;border:1px solid rgba(95,99,104,.15);opacity:0;-webkit-transition:opacity .5s cubic-bezier(.33,0,.67,1),border-color .333s cubic-bezier(.33,0,0,1);transition:opacity .5s cubic-bezier(.33,0,.67,1),border-color .333s cubic-bezier(.33,0,0,1)}.back-button[_ngcontent-jri-c18]   svg[_ngcontent-jri-c18]{width:1.5555555556vh;height:1.5555555556vh;fill:currentColor;color:#7f8286;position:relative;-webkit-transition:color .333s cubic-bezier(.33,0,0,1);transition:color .333s cubic-bezier(.33,0,0,1)}.checked[_nghost-jri-c18]   .back-button[_ngcontent-jri-c18]{opacity:1}.back-button[_ngcontent-jri-c18]:hover{border-color:#f05a33}.back-button[_ngcontent-jri-c18]:hover   svg[_ngcontent-jri-c18]{color:var(--demo-color)}@-webkit-keyframes body-button-pulse-outer{0%{opacity:.6;-webkit-transform:scale(.073);transform:scale(.073)}21%{opacity:.6}90%,to{-webkit-transform:scale(1.001);transform:scale(1.001);opacity:0}}@keyframes body-button-pulse-outer{0%{opacity:.6;-webkit-transform:scale(.073);transform:scale(.073)}21%{opacity:.6}90%,to{-webkit-transform:scale(1.001);transform:scale(1.001);opacity:0}}@-webkit-keyframes body-button-pulse-inner{0%{opacity:.95;-webkit-transform:scale(0);transform:scale(0)}45%{opacity:.95}90%,to{-webkit-transform:scale(1.001);transform:scale(1.001);opacity:0}}@keyframes body-button-pulse-inner{0%{opacity:.95;-webkit-transform:scale(0);transform:scale(0)}45%{opacity:.95}90%,to{-webkit-transform:scale(1.001);transform:scale(1.001);opacity:0}}@-webkit-keyframes icon-scale-up{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes icon-scale-up{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes icon-scale-down{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1.001);transform:scale(1.001)}}@keyframes icon-scale-down{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1.001);transform:scale(1.001)}}


.card_box h3{
	font-family: 'Conv_SansaPro-Bold';
    font-size: 23px;
    line-height: 32px;
    color: #333232;
}

.card_box .step,
.card_box .eyebrow{
	font-family: 'Conv_SansaPro-Normal';
    color: #f05a33;
}

.card_box .challenge p{
	font-family: 'Conv_SansaPro-Normal';
}

app-info-card-container{
    box-shadow: 1px 1px 3px 3px rgb(0 0 0 / 10%);
}

@media screen and (max-width: 1480px) {
    
.intro_txt{
    top: 25%;
    left: 7.4444444444vh;
}


.intro_txt_contt{
    font-size: 28px;
    line-height: 36px;
}

.intro_txt_contt span{
    font-size: 28px;
    line-height: 36px;
}

.slide1_btn_txt{
    font-size: 15px;
}



  }


  .back-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    position: absolute;
}

.back-button {
    color: #7f8286;
    width: 8vh;
    border-radius: .5555555556vh;
    padding: 3.2222222222vh;
    border: 1px solid rgba(95,99,104,.15);
    opacity: 1;
    /* background-color: #ffffff; */
    -webkit-transition: opacity .5s cubic-bezier(.33,0,.67,1),border-color .333s cubic-bezier(.33,0,0,1);
    transition: opacity .5s cubic-bezier(.33,0,.67,1),border-color .333s cubic-bezier(.33,0,0,1);
    transition: background-color 0.5s ease;
}

.back-button svg {
    width: 1.5555555556vh;
    height: 1.5555555556vh;
    fill: currentColor;
    color: #7f8286;
    position: relative;
    -webkit-transition: color .333s cubic-bezier(.33,0,0,1);
    transition: color .333s cubic-bezier(.33,0,0,1);
}

.back-button:hover {
    border-color: #f05a33;
    background-color: #ffffff;
}

.back-button:hover svg {
    color: #f05a33;
}

.group.visible .back-button{
    opacity: 1;
}

.group.visible .next-button {
    width: calc(100% - 9.11111vh);
}


.next-button svg{
    left: 30px;
    width: 12px;
    fill: currentColor;
    color: #ffffff;
    position: relative;
    -webkit-transition: color .333s cubic-bezier(.33,0,0,1);
    transition: color .333s cubic-bezier(.33,0,0,1);
}


.next-button{
    transition: background-color 0.5s ease;
    transition: border-color 0.5s ease;
}

.next-button:hover{
    background-color: #f9714d;
    border-color: #f79278;
}

.next-button.slide_12 svg{
    left: -6px;
    top: 2px;
}

.anime{
  animation: fadeIn linear 1s;
  -webkit-animation: fadeIn linear 1s;
  -moz-animation: fadeIn linear 1s;
  -o-animation: fadeIn linear 1s;
  -ms-animation: fadeIn linear 1s;
}

.anime-text{
    animation: fadeIn linear 0.5s;
    -webkit-animation: fadeIn linear 0.5s;
    -moz-animation: fadeIn linear 0.5s;
    -o-animation: fadeIn linear 0.5s;
    -ms-animation: fadeIn linear 0.5s;
  }
  .anime-home{
    animation: fadeIn 1.5s !important;
    -webkit-animation: fadeIn 1.5s !important;
    -moz-animation: fadeIn  1.5s !important;
    -o-animation: fadeIn  1.5s !important;
    -ms-animation: fadeIn  1.5s !important; 
  }

  .anime-home2{
    animation: fadeIn 2s !important;
    -webkit-animation: fadeIn 2s !important;
    -moz-animation: fadeIn  2s !important;
    -o-animation: fadeIn  2s !important;
    -ms-animation: fadeIn  2s !important; 
  }
  
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@media (height:937px) and (max-device-width: 1921px) and (orientation : landscape){
    div#div0, div#div1, div#div2, div#div3, div#div4, div#div5, div#div6, div#div7 {
        background-size: 107.25% !important;
    
    }
}
@media screen and (max-width:1600px) {
    div#div0,  div#div1, div#div2, div#div3, div#div4,div#div5,div#div6, div#div7 {
        background-size: 108.4% !important;
    }
    .intro_txt_contt, .intro_txt_contt span {
        font-size: 28px;
        line-height: 38px;
    }
}
@media (height:757px) and (max-device-width: 1601px) and (orientation : landscape){
div#div0, div#div1, div#div2, div#div3, div#div4, div#div5, div#div6, div#div7 {
    background-size: 104% !important;

}
}
@media screen and (max-width:1400px) {
    div#div0,  div#div1, div#div2, div#div3, div#div4,div#div5,div#div6, div#div7 {
    background-size: 105.7% !important;
}
.intro_txt_contt,.intro_txt_contt span {
    font-size: 24px;
    line-height: 34px;
}
}
@media (height:625px) and (max-device-width: 1366px) and (orientation : landscape){
    div#div0,  div#div1, div#div2, div#div3, div#div4,div#div5,div#div6, div#div7 {
        background-size: 100.6% !important;
}
.intro_txt_contt,.intro_txt_contt span {
    font-size: 24px;
    line-height: 34px;
}
}
@media screen and (max-width:1280px) {
.slick-slide object {
    max-height: 100%;
    width: auto;
    position: relative;
    left: -8%;
}
div#div0, div#div1, div#div2, div#div3, div#div4, div#div5, div#div6, div#div7 {
    background-size: 113.1% !important;
    background-position-x: 62%;
}
.intro_txt_contt, .intro_txt_contt span {
    font-size: 22px;
    line-height: 32px;
    padding-right: 0%;
}
}