#service .description {background:#fff; 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:40%; top:0}
/*#service .flex:after {content:""; position:absolute; width:1px; height:100%; background:#d7d7d7; left:75%; top:0}*/
#service .flex .item:first-child { width:40%;    }
#service .flex .item:last-child { width:60%;    }
#service .head {padding:0 10px 0 0}
#service  h3{ font-size: 55px; line-height:70px; color:#333 }
#service  h3 span {font-family: var(--font2); font-weight:600; color:#008bfb }
#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:100%;  }
#service .flex2 .item2 p {display:block; height:auto; width:100%; font-size:35px; text-align:center; padding-top:5px;
 font-weight:600; position:relative;  border:1px solid #dfdfdf; border-radius:100px; width:90%; margin: 10px auto;
 background:#f8f8f8 }
#service .flex2 .item2 p span {display:inline-block; font-family:var(--num); color:#ed1c24; 
font-size:54px; padding:25px 0 25px 20px} 
#service .flex2 .item2 p span.sp1 {display:inline-block; font-family:var(--num); color:#008bfb; font-size:45px; line-height:55px } 
/*#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: 1500px) {
#service .flex {display:flex; justify-content: space-between; flex-wrap: wrap;  width:90%;
}
@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:first-child,
#service .flex .item:last-child { width:100%;    }
#service .head {padding:0 10px; text-align:center; }
#service .description h3{ font-size: 25px; line-height:38px;  }
#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:30px 0 10px 0 }
#service .flex2 .item2 p {display:block; height:55px; width:100%; font-size:16px; text-align:center; padding-top:0px;
 font-weight:500; border:1px solid #ccc; border-radius:50px; width:80%; margin: 5px auto}
#service .flex2 .item2 p span {font-size:20px; padding-top:5px; padding: 15px 0 15px 10px;  font-weight:600}
#service .flex2 .item2 p span.sp1 {display:inline-block; font-size:20px; line-height:30px; font-weight:600 } 


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