.banner-bg{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background-image: url(../../../itchronicles.com/wp-content/uploads/2017/02/bigstock-Computer-Crime-Concept-115016897.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;z-index: -1;opacity: 0.1;}
.page-title-area.page-title-style-two{padding-top: 230px;padding-bottom: 70px;}
.title-description{width: 870px;max-width: 100%;text-align: center;color: #fff;margin: 0px auto 28px;}

.page-parellex{padding:30px 0px 10px;margin-bottom: 32px;}
.page-parellex h2{font-size: 36px;line-height: 1.2;}
.page-parellex .section-title{margin-bottom: 30px;}
.page-parellex .single-challenges{padding: 12px 10px;}

.page-review{background-color:#f9fafb;text-align:center;padding:28px;}
.payment-process{background-color:#f9fafb;padding:28px;text-align: center;}
.payment-process .process-img{width: 560px;}

.list-column2{ columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.access-list li{margin-bottom:6px;}
.list-column2 {-webkit-columns: 2;-moz-columns: 2;-webkit-column-count: 2;column-count: 2 }
ul.icon-list {list-style: none;padding: 0 }
ul.icon-list li:before {color: #e21f36;content: "\f14a";font-family:"Font Awesome 6 Free";font-weight: 600;margin-right: 8px }
ul.icon-list.live-list li::before{display: none;}
.wave-list{height: 8px;width: 8px;border-radius: 100px;position: relative;background: #e21f36;display: inline-block;margin: 0px 5px 0;vertical-align: middle;}
.wave-list::after, .wave-list::before{left: -3px;top: -3px;content: '';width: 14px;height: 14px;border-radius: 50%;position: absolute;z-index: 0;transform: scale(0);animation: czmPulse 2s infinite;opacity: 1;visibility: visible;background-color: #e21f36;}
.wave-list::after{animation-delay:.5s;}
.fullh-box {background-color: #f9fafb;height: 100%;padding: 15px;}

@-webkit-keyframes czmPulse {0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1 }50% {opacity: .5 }100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0 }}
@-moz-keyframes czmPulse {0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1 }50% {opacity: .5 }100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0 }}
@-o-keyframes czmPulse {0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1 }50% {opacity: .5 }100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0 }}
@keyframes czmPulse {0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1 }50% {opacity: .5 }100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0 }}

.services-approch .single-approach:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#000219;z-index:-1;-webkit-transition:all ease 0.5s;transition: all ease 0.5s;}
.services-approch .single-approach:hover::before {width:100%;}
.services-approch .single-approach:hover{color: #fff;}
.services-approch .single-approach:hover h3{color: #fff;}
.services-approch .title {position: relative;margin-bottom: 28px;}
.services-approch .title h3{  padding-left: 65px;padding-top: 12px;}
.services-approch .title i{position: absolute;top: 0;font-size: 50px;  line-height: 1;color: #e21f36;-webkit-transition: all ease 0.5s;transition: all ease 0.5s;}
.services-approch:hover .title i{-webkit-transform: rotateY(360deg);transform: rotateY(360deg);color:#ffffff;}

.services-approch .row .col-lg-6:nth-child(1) .single-approach{color:#fff;transform: translateY(-5px);}
.services-approch .row .col-lg-6:nth-child(1) .single-approach h3{color:#fff;}
.services-approch .row .col-lg-6:nth-child(1) .single-approach:before{width:100%;}
.services-approch .row .col-lg-6:nth-child(1) .single-approach:hover:before{width:0;}
.services-approch .row .col-lg-6:nth-child(1) .single-approach:hover {color:#000219;}
.services-approch .row .col-lg-6:nth-child(1) .single-approach:hover h3{color:#000219;}

.data-time-list li{color:#e21f36;}
.social-hack .col-sm-3:nth-child(odd) .single-challenges{background-color:#000219;}
.social-hack .col-sm-3:nth-child(odd) .single-challenges h3{color:#fff;}
.social-hack .col-sm-3:nth-child(odd) .single-challenges span{color:#fff;}

.services-content {margin-bottom: 36px;}

.service-icon {display: inline-block;width: 70px;height: 70px;border: 3px solid #e21f36;transform: rotate(45deg);margin-bottom: 30px;margin-top: 16px;}
.service-icon img{transform: rotate(-45deg);width: 43px;margin:10px;}

.out-of-service .single-challenges .service-icon{transition:all 5s}
.out-of-service .single-challenges:hover .service-icon{border-radius: 1000px;}
.out-of-service .col-sm-4:nth-child(odd) .single-challenges{background-color: #000;}
.out-of-service .col-sm-4:nth-child(odd) .single-challenges h3{color: #fff;}
.out-of-service .col-sm-4:nth-child(odd) .single-challenges span{color: #fff;opacity: 0.15;}

.single-service {background:#f9fafb;padding:32px;height: 100%;}
.single-service .what-service-icon{color: #fff;background: #fff;font-size: 45px;line-height: 100px;width: 100px;height: 100px;margin: 0 auto 30px;border-radius: 50%;box-shadow: 5px 0 5px rgb(0 0 0 / 20%);position: relative;z-index: 1;text-align: center;}
.single-service .what-service-icon:before,.single-service .what-service-icon:after{content: "";background: linear-gradient(to right, #e21f36 50%, transparent 50%);border-radius: 50%;position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;z-index: -1; transition: all ease 0.8s;}
.single-service:hover .what-service-icon:before, .single-service:hover .what-service-icon:after {transform: rotateZ(180deg);}
.single-service:hover .what-service-icon {box-shadow: -5px 1px 5px rgba(0, 0, 0, 0.2);}
.single-service .what-service-icon:after{background: #e21f36;box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);top: 10px;left: 10px;right: 10px;bottom: 10px;}

.what-service .col-lg-6:nth-child(1) .what-service-icon:after{background-color: #000219;box-shadow:0px 0px 26px rgb(255 255 255);}
.what-service .col-lg-6:nth-child(1) .what-service-icon:before{background: linear-gradient(to right, #000219 50%, transparent 50%);}
.what-service .icon-list li{margin-bottom: 6px;font-size: 18px;font-weight: 600;border-bottom: 1px solid #efefef;padding-bottom: 6px;}
.what-service  h3.text-center {border-bottom: 2px solid #e21f36;display: table;margin: 0px auto 20px;padding: 0px 12px 5px;}
.what-service .icon-list li:before{content: "\f441";}
.what-service .col-lg-6:nth-child(1) .icon-list li:before{content:"\f3ed";}

.web-hack-list .icon-list li:before{content:"\f5fc";}
.web-hack-list .single-service{margin-top: 50px;border-radius: 5px;border: 1px solid #d2dbe8;background-color: #fff;background-position: top right;background-repeat: no-repeat;transition: all 0.3s ease-out 0s;height: auto;}
.web-hack-list .single-service:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;transition: all 0.5s;opacity: 1;transform: translate(-105%,0);background-color: rgba(255,255,255,.8);pointer-events: none;}
.web-hack-list .single-service:hover::before{opacity: 0;-webkit-transform: translate(0,0);transform: translate(0,0);}
.web-hack-list .single-service:hover{border-color: #000219;background-color: #000219;background-image: url(../img/bg-service-slide.html);color:#fff}
.web-hack-list .single-service .title{margin-top:-80px;text-align:center;}
.web-hack-list .single-service li {margin-bottom: 10px;font-size: 17px;font-weight: 600;}