.header-appear .color-white{color: #212622;;}
.line-1{width: 100px; height: 5px; background:#4450a2 ;}
.line-2{width: 100px; height: 5px; background:#59c5d2 ;}
.our-service .nav-tabs{border: none; display: block; text-align: center;}
.our-service .nav-tabs .nav-item{display: inline-block;}
.our-service  .nav-tabs .nav-link{ color: #000; font-size: 16px; font-weight: 400; border: none;}
.our-service .nav-tabs .nav-item.show .nav-link, .our-service  .nav-tabs .nav-link.active{border: none; color: #4450a2;}
.tab-icon{width: 70px; height: 70px; border-radius: 50%; text-align: center;  margin: 0 auto; margin-bottom: 10px;
border: 1px solid #ddd; line-height: 65px;}
.tab-icon img{max-width: 50px;}
.our-service  .nav-tabs .nav-link.active .tab-icon, .our-service  .nav-tabs .nav-link:hover .tab-icon{background: linear-gradient(#4450a2, #59c5d2); border-color: #59c5d2;}
.our-service  .nav-tabs .nav-link.active .tab-icon img, .our-service  .nav-tabs .nav-link:hover .tab-icon img{filter: brightness(0) invert(1);}
.our-service .nav-tabs .nav-link:focus, .our-service .nav-tabs .nav-link:hover{border: none;}
.bgm-1{background: url(../images/bg-pattern.png) #10162f;}
.our-service .style-three h2{color: #59c5d2;}
.our-service .style-three p{color: #fff; line-height: 30px;}
.our-service .style-three li{list-style: none; position: relative; line-height: 30px; color: #fff;  padding-left: 25px;}
.our-service .style-three li::before{content:'\f0a4'; position: absolute; font-weight: 400; font-family: "Font Awesome 5 Free"; left: 0px;}
.team-classic .image{width: 150px; height: 150px; border-radius: 50%; margin: 0 auto; border: 2px solid #59c5d2;}
footer{position: relative; padding: 7.5rem 0; overflow: hidden; background: url(../images/bg-pattern.png) #10162f;}
footer .contact-box .fa-phone{transform: rotate(90deg);}
footer .contact-box i{color: #fff; width: 20px; height: 20px; background: #59c5d2; border-radius: 50%;
line-height: 20px; text-align: center; font-size: 10px;}
footer .contact-box a{color: #535353;}
.copyrights img{margin-bottom: 20px; max-width: 100px;}
.side-menu.center .side-nav .navbar-nav .nav-link.active{color: #fff;}
.header-appear .side-menu.center .color-white {color: #fff;}
.split-container-setting.style-three {max-width: 450px;  margin: 0 auto;}
.tp-mask-wrap{overflow: visible !important;}
.whatsupp{position: fixed; bottom: 20px; left: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center;
background: #25d366; color: #fff; border-radius: 50%; z-index: 2002;}
.whatsupp i{color: #fff; font-size: 20px;}
.whatsupp:hover{ transform: scale(1.1); box-shadow: 0 2px 8px rgb(0 0 0 / 9%), 0 4px 40px rgb(0 0 0 / 24%); transition: all .2s ease-in-out;}
.zero{margin: 0px; padding: 0px;}
.services-carousel .owl-nav .owl-prev,
.services-carousel .owl-nav .owl-next {background: #ffffff none repeat scroll 0 0;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;
    -moz-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    -webkit-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    -o-box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    color: #59c5d2; font-size: 20px; line-height: 30px; height: 30px; left: 30px; margin-top: -23px; padding: 0; position: absolute;
    text-align: center; top: 50%;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    width: 30px; opacity: 0;
}
.services-carousel .owl-nav .owl-next{left: auto; right: 30px;}
.services-carousel:hover .owl-nav .owl-prev,
.services-carousel:hover .owl-nav .owl-next {
    opacity: 1;
}
.our-service .main-title img{max-width: 100px; margin-bottom: 20px;}
.owl-carousel { touch-action: manipulation; }


@media screen and (max-width: 767px){
    .line-1{margin: 0 auto;}
    .line-2{margin: 0 auto; margin-bottom: 25px;}
    .style-three .main-title{text-align: center;} 
    .services-carousel .main-title img{margin: 0 auto; margin-bottom: 20px;}
    .team-classic.owl-team .item{margin-bottom: 0px;}
    .our-service .style-three p{text-align: center;}
    .services-carousel .owl-nav .owl-prev{opacity: 1; left: 10px;}
    .services-carousel .owl-nav .owl-next{right: 10px; opacity: 1;}
    
}

@media screen and (max-width: 480px){
    .our-service .nav-tabs span{display: none;}
    footer{padding: 0px;}
}