#service .description { color:#333; position:relative;z-index: 2;  display:flex; align-items:center;  width:100%; }
#service .parallax-section {  background-attachment: fixed !important;  background-size: cover !important; padding:0; margin:0;}
#home {position:relative; overflow:hidden; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;
  -webkit-align-items: center;  -ms-flex-align: center;   align-items: center;  height: 100vh;  position: relative;  z-index:1; }
#home video {border:0; padding:0; margin:0;  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;
  z-index: -100;  transform: translateX(-50%) translateY(-50%);  background-size: cover;  transition: 1s opacity;}

#service .flex {display:flex; justify-content: space-between; flex-wrap: wrap;  width:78%; margin:0 auto; padding:120px 0;
height:100%; align-items:center; border-left:0px solid #d7d7d7; border-right:1px solid #d7d7d7; position:relative }
#service .flex:before {content:""; position:absolute; width:1px; height:100%; background:#d7d7d7; left:50%; top:0}
#service .flex:after {content:""; position:absolute; width:1px; height:100%; background:#d7d7d7; left:75%; top:0}
#service .flex .item { width:50%;    }
#service .head {padding:0 10px 0 0}
#service  h3{ font-size: 55px; line-height:70px;  }
#service  h3 span {font-family: var(--font2); font-weight:600}
#service .txt01{  font-size: 16px; padding:25px 0 45px 0; line-height:26px;}
#service .txt01 span {color:var(--mainColor); font-family:var(--font2); }
#service .btn a{display:block; padding:12px 20px; background-color:#F4F4F4; width:130px;  border-radius:50px;
font-size:14px; background-image:url(../img/arrow.png); background-repeat:no-repeat; background-position:85% center;}

#service .flex2 {display:flex; justify-content: space-around; flex-wrap: wrap; margin:0 auto; padding:10px 0 }
#service .flex2 .item2 { width:50%;  }
#service .flex2 .item2 p {display:block; height:190px; width:100%; font-size:20px; text-align:center; padding-top:115px; font-weight:600;
background-repeat:no-repeat; background-position:center 1px ;  position:relative;
transition:0.2s all; background-size:96px;}
#service .flex2 .item2 p span {display:block; color:#bbb; font-size:14px; padding-top:5px} 
#service .flex2 .ico1 p {background-image:url(../img/ico1.png); }
#service .flex2 .ico2 p {background-image:url(../img/ico2.png); }
#service .flex2 .ico3 p {background-image:url(../img/ico3.png); }
#service .flex2 .ico4 p {background-image:url(../img/ico4.png); }
#service .flex2 .ico5 p {background-image:url(../img/ico5.png); }
#service .flex2 .ico6 p {background-image:url(../img/ico6.png); }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service .flex { width:100%; margin:0 auto; padding:50px 0; flex-direction: column;
height:auto; align-items:center; border-left:0px solid #d7d7d7; border-right:0px solid #d7d7d7; position:relative }
#service .flex:before {content:""; position:absolute; width:0px; height:100%; background:#d7d7d7; left:50%; top:0}
#service .flex:after {content:""; position:absolute; width:0px; height:100%; background:#d7d7d7; left:75%; top:0}
#service .flex .item { width:100%;    }
#service .head {padding:0 10px; text-align:center; }
#service .description h3{ font-size: 20px; line-height:28px;  }
#service .description .txt01{  font-size: 15px; padding:10px 0 20px 0; line-height:22px;}	
#service .txt01 span {color:var(--mainColor); font-family:var(--font2); }
#service .btn a{display:block; padding:12px 20px; width:130px; font-size:14px; text-align:left; margin:0 auto}

#service .flex2 { margin:0 auto; padding:10px 0 }
#service .flex2 .item2 { width:50%;  }
#service .flex2 .item2 p {display:block; height:115px; width:100%; font-size:16px; text-align:center; padding-top:75px; font-weight:500;
background-position:center 15px ;   background-size:50px;}
#service .flex2 .item2 p span {font-size:14px; padding-top:5px}

@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}