.bigbox{ width:100%; display: flex; flex-direction:column; position:relative;}
.po-one{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:50px 0px; gap:100px; position:relative; z-index:1 }
.po-one i{ display:flex; }
.po-one i img{ max-width:100%; }
.po-one-a{ animation-name: customSlideInLeft;  }
.po-one-b{ animation-name: customSlideInRight; }
.po-two{ width:100%; height:900px; margin-top:-370px; background-color:#242424; background-position:center; background-size:cover; background-attachment:fixed; }

.po-three{ width:100%; display:flex; position:relative; z-index:1; margin-top:-320px; }
.po-th-main{ width:100%; display: flex;  }
.preone{ width:100%; display:flex; flex-direction:row; }
.preimg{ width:43%; display:flex; background-color:#ffffff;}
.preimg i{ width:100%; height:640px; position: relative; display: block; overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.preimg i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.precontent{ width:57%; display:flex; flex-direction:column; border:1px solid #d6d6d6; padding:35px; background-color:#ffffff; gap:15px; color: #000;}
.precontent h1{ font-size:1.875rem; padding:25px 0px 25px 20px; position:relative; }
.precontent h1::before{ content:''; position:absolute; left:0; top:43%; width:8px; height:8px; background-color:#fb7307; border-radius:360px; }
.precontent h2{ font-size:1.3rem; font-weight:normal; position:relative; padding-left:70px; margin-bottom:20px; }
.precontent h2::before{ content:''; position:absolute; left:0; top:50%; width:55px; height:1px; background-color:#000; }
.precontent p{ font-size:1rem; line-height:2; }

.eone-swiper-button-prev { position:absolute; left:calc(43% + 35px); bottom:0px; transform: translateY(-50%); background: url(../../uploads/svg-loaders/left-h-single-arrow.svg) center center no-repeat #FFF; border: 1px solid #d0d0d0; border-radius: 360px; cursor:pointer; background-size:60%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; outline: none!important;}
.eone-swiper-button-prev:hover { width:45px; height:45px; background: url(../../uploads/svg-loaders/left-w-single-arrow.svg) center center no-repeat #ff8626; border: 1px solid #ff8626; background-size:60%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; outline: none!important;}
.eone-swiper-button-next { position:absolute; cursor:pointer; left:calc(43% + 90px); bottom:0px;  transform: translateY(-50%); background: url(../../uploads/svg-loaders/right-h-single-arrow.svg) center center no-repeat #FFF; border: 1px solid #d0d0d0; border-radius: 360px; background-size:60%; width:45px; height:45px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; outline: none!important;}
.eone-swiper-button-next:hover { width:45px; height:45px; background: url(../../uploads/svg-loaders/right-w-single-arrow.svg) center center no-repeat #ff8626; background-size:60%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; outline: none!important;}

.po-four{ width:100%; display:flex; padding:75px 0px; }
.po-four-main{ width:100%; display:flex; flex-direction:column; padding:20px 0px; }
.po-f-title{ width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;
text-align:center; color:#000; }
.po-f-title h1{ font-size:2.43rem; padding:15px 0px; }
.po-f-title p{ font-size:1.18rem; color:#909090; }
.po-f-info{ width:100%; display:flex; justify-content: space-between; flex-direction:row; padding:60px 0px 30px; gap:30px; flex-wrap:wrap; }
.po-f-one{ width:calc(25% - 25px); display:flex; justify-content:flex-start; align-items: center; flex-direction:column; }
.po-f-one i{ width:180px; height:180px; border-radius:360px; overflow:hidden; box-shadow: -35px 55px 20px rgba(185, 185, 185, 0.3), -35px 55px 35px rgba(205, 205, 205, 0.2), -35px 55px 40px rgba(228, 228, 228, 0.1); }
.po-f-one i img{ max-width:100%; }
.po-f-one p{ width:100%; height:90px; padding:5px; font-size:1.3rem; display:flex; justify-content:center; align-items:center; text-align:center; }

@keyframes customSlideInLeft {
  from {
    transform: translateX(-50px);
    opacity: 0.5;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes customSlideInRight {
  from {
    transform: translateX(50px);
    opacity: 0.5;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes customSlideInUp {
  from {
    transform: translateY(50px);
    opacity: 0.5;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes customSlideInDown {
  from {
    transform: translateY(-50px);
    opacity: 0.5;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (max-width: 1230px) {

}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {

}
/* xs */
@media (max-width: 767px) {
.po-one{ padding:30px 0px; gap:30px; }
.po-two{ height:650px; margin-top:-300px; }
.preone{ flex-direction:column; }
.preimg{ width:100%;}
.preimg i{ height:400px; }
.precontent{ width:100%; padding:25px 25px 60px; }
.precontent h1{ font-size:1.3rem; padding:15px 0px 15px 15px; }
.precontent h2{ font-size:1.18rem; padding-left:50px; margin-bottom:0; }
.precontent h2::before{ width:40px; }
.eone-swiper-button-prev { left:auto; right:65px; width:35px; height:35px; }
.eone-swiper-button-prev:hover { width:35px; height:35px;}
.eone-swiper-button-next { left:auto; right:20px; width:35px; height:35px; }
.eone-swiper-button-next:hover { width:35px; height:35px; }

.po-four{ padding:50px 15px; }
.po-four-main{ padding:0px; }
.po-f-title h1{ font-size:1.65rem; padding:10px 0px; }
.po-f-title p{ font-size:1.05rem; }
.po-f-info{ padding:40px 0px 30px; gap:20px;  }
.po-f-one{ width:45%; }
.po-f-one i{ width:120px; height:120px; box-shadow: -25px 35px 10px rgba(185, 185, 185, 0.3), -25px 35px 10px rgba(205, 205, 205, 0.2), -25px 35px 10px rgba(228, 228, 228, 0.1); }
.po-f-one i img{ width:100%; }
.po-f-one p{ height:60px; font-size:1.05rem; }

}

@media (max-width: 480px) {
.po-two{ height:550px; margin-top:-200px; }
.preimg i{ height:300px; }
}