.tech-feature-list li{
     color: #000;
     font-weight: 800;
     margin-bottom: 4px;
     font-size: 16px;
     font-family: 'Open Sans';
}
 .newbanner_page h4{
     font-weight: 900;
     font-size: 30px;
     color: #ffffff;
     text-transform: uppercase;
     margin-bottom: 0;
     text-shadow: 0px 2px 4px black;
     margin-bottom: 9px;
}
 .newbanner_page h5{
     font-size: 20px;
     color: #093a52;
     margin-bottom: 50px;
}
 .check-list-info li{
     line-height: 15px;
}
 .check-list-info li:before{
     top: 4px;
}
 .pattern-layer {
     position: absolute;
     left: 0px;
     top: -30px;
     right: 0px;
     bottom: 0px;
     height: 618px;
     background-repeat: no-repeat;
     background-position: center top;
}
 .inner-column {
     position: relative;
     padding-right: 20px;
}
 .inner-column .image {
     position: relative;
}
 .inner-column .image img {
     position: relative;
     max-width: inherit;
     float: right;
}
 .about-us-content-wrap h5{
     color: #000000;
     font-size: 36px;
     font-weight: 700;
     line-height: 1.3em;
}
 .testimonial-section-three .inner-column .pattern-layer {
     position: absolute;
     left: 50px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     background-position: center center;
     background-repeat: no-repeat;
}
 .testimonial-section-three .image {
     position: relative;
}
 .testimonial-section-three .image img {
     position: relative;
     max-width: inherit;
}
 .newsub_banner{
     width: 100%;
     float: left;
    /*background:url(img/n_p.jpg) no-repeat top right;
    */
     background-size: cover;
    /*padding-top: 138px !important;
    */
}
 .service-block{
     position:relative;
     z-index:1;
}
 .service-block .inner-box{
     position:relative;
     padding:40px 30px 50px 30px;
     margin-left:10px;
}
 .service-block .inner-box .border-layer{
     position:absolute;
     left:-12px;
     top:0px;
     z-index:-1;
     width:32px;
     bottom:30px;
     border:4px solid #06092d;
     -ms-transform: skewY(20deg);
     transform: skewY(20deg);
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .service-block .inner-box:hover .border-layer{
     border-color:#fff200;
     -ms-transform: skewY(-20deg);
     transform: skewY(-20deg);
}
 .service-block .inner-box.bg_change:before{
     background:linear-gradient(135deg,#23bdb8,#43e794);
     color: #fff 
}
 .service-block .inner-box:before{
     position:absolute;
     content:'';
     left:0px;
     top:0px;
     right:0px;
     bottom:0px;
     background-color:#ffffff;
     -ms-transform: skewY(4deg);
     transform: skewY(4deg);
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .service-block .inner-box:hover::before{
     box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
 .service-block .inner-box .icon-box{
     position:relative;
     width:75px;
     height:75px;
     display:inline-block;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .service-block .inner-box:hover .icon-box{
     -webkit-transform: scale(-1) rotate(180deg);
     -moz-transform: scale(-1) rotate(180deg);
     -ms-transform: scale(-1) rotate(180deg);
     -o-transform: scale(-1) rotate(180deg);
     transform: scale(-1) rotate(180deg);
}
 .service-block .inner-box .icon-box:before{
     position:absolute;
     content:'';
     left:0px;
     top:0px;
     right:0px;
     bottom:0px;
     background-color:#e3fbe8;
     -ms-transform: skewX(3deg);
     transform: skewX(3deg);
}
 .service-block .inner-box .icon-box .icon{
     position:relative;
     width:55px;
     height:55px;
     color:#ffffff;
     font-size:28px;
     margin-top:10px;
     margin-left:10px;
     line-height:50px;
     text-align:center;
     border-radius:50%;
     display:inline-block;
     background-color:#49bc60;
}
 .service-block .inner-box h4{
     position:relative;
     font-weight:500;
     line-height:1.3em;
     margin-top:0px;
     margin-bottom:18px;
}
 .service-block .inner-box h4 a{
     position:relative;
     color:#06092d;
     transition:all 500ms ease;
     -moz-transition:all 500ms ease;
     -webkit-transition:all 500ms ease;
     -ms-transition:all 500ms ease;
     -o-transition:all 500ms ease;
}
 .service-block .inner-box h4 a:hover{
     color:#49bc60;
}
 .service-block .inner-box .text{
     position:relative;
     color:#06092d;
     font-size:16px;
     line-height:1.8em;
}
 .service-block:nth-child(2) .inner-box .icon-box:before{
     background-color:#f9f6e2;
}
 .service-block:nth-child(2) .inner-box .icon-box .icon{
     background-color:#f8c333;
}
 .service-block:nth-child(2) .inner-box:hover .border-layer{
     border-color:#f8c333;
}
 .service-block:nth-child(2) .inner-box h4 a:hover{
     color:#f8c333;
}
 .ptb-57{
     padding: 57px 0;
}
 .ptb-70{
     padding: 70px 0;
}
 .inner-box h4 a{
     color: #3f86bb !important;
     font-weight: 800;
     font-weight: bold !important;
     font-family: system-ui;
}
 .ui_tp_links{
     width: 100%;
}
 .ui_tp_links ul li{
     font-size: 14px;
     font-family: 'Open Sans';
     font-weight: 600;
}
 .ui_tp_links ul li i{
     color: #e92479;
     font-weight: bold;
     font-size: 15xpx;
}
 .bnr_top_five{
     width: 100%;
}
/*.five{
     color: #000;
     font-weight: 800;
     width: 100%;
     float: left;
     margin-bottom: 5px;
}
*/
 .five .numb{
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: #fff200;
     color: #000;
     font-weight: bold;
     float: left;
     text-align: center;
     font-size: 27px;
     line-height: 38px;
}
 .num_text{
     padding-top: 6px;
    /*padding-left: 48px;
    */
}
 .pic .wrap-img {
     margin-right: 0;
     margin-left: auto;
}
 .pic .wrap-img {
     position: relative;
     z-index: 0;
    /*width: 426px;
     height: 426px;
    */
}
 .pic .wrap-img .main-img {
     width: 100%;
     height: 100%;
    /* border-radius: 50%;
    */
     overflow: hidden;
     position: relative;
}
 .pic .wrap-img .main-img::before {
     background: #4d58b1;
     background: -webkit-linear-gradient(bottom,#4e58b2,#3e468f);
     background: -o-linear-gradient(bottom,#4e58b2,#3e468f);
     background: -moz-linear-gradient(bottom,#4e58b2,#3e468f);
     background: linear-gradient(bottom,#4e58b2,#3e468f);
}
 .pic .wrap-img .main-img::before {
     content: '';
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: #4d58b1;
     background: -webkit-linear-gradient(bottom,#4d58b1,#5062d9);
     background: -o-linear-gradient(bottom,#4d58b1,#5062d9);
     background: -moz-linear-gradient(bottom,#4d58b1,#5062d9);
     background: linear-gradient(bottom,#4d58b1,#5062d9);
     opacity: 0;
     transition: all .3s;
}
 .pic .wrap-img .main-img img {
     width: 100%;
     height: 100%;
}
 .pic .wrap-img .background {
     position: absolute;
     z-index: -1;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
}
 .pic .wrap-img .symbol {
     left: -75px;
     bottom: 0;
}
 .pic .wrap-img .symbol {
     position: absolute;
     z-index: 1;
}
 .pic .wrap-img .background .grey-bg.small {
     width: 29px;
     height: 29px;
     top: 185px;
     left: -100px;
}
 .pic .wrap-img .background .grey-bg.big {
     width: 155px;
     height: 155px;
     top: -156px;
     left: 305px;
     z-index: 9;
}
 .pic .wrap-img .background .grey-bg {
     position: absolute;
     z-index: -3;
     border-radius: 50%;
     background: #f8f9f9;
}
 .small, small {
     font-size: 80%;
     font-weight: 400;
}
 .pic .wrap-img .background .color-bg.small {
     width: 17px;
     height: 17px;
     top: 128px;
     left: -42px;
}
 .pic .wrap-img .background .color-bg {
     background: -webkit-linear-gradient(left,#f8c76d,#f6b43c);
     background: -o-linear-gradient(left,#f8c76d,#f6b43c);
     background: -moz-linear-gradient(left,#f8c76d,#f6b43c);
     background: linear-gradient(left,#f8c76d,#f6b43c);
}
 .pic .wrap-img .background .color-bg.normal {
     width: 29px;
     height: 29px;
     top: 56px;
     left: 40px;
}
 .pic .wrap-img .background .color-bg.big {
     width: 88px;
     height: 88px;
     top: -55px;
     left: -85px;
     box-shadow: -27px 74px 60px 0 rgb(248 197 110 / 40%);
}
 .pic .wrap-img .background .color-bg {
     background: -webkit-linear-gradient(left,#f8c76d,#f6b43c);
     background: -o-linear-gradient(left,#f8c76d,#f6b43c);
     background: -moz-linear-gradient(left,#f8c76d,#f6b43c);
     background: linear-gradient(left,#f8c76d,#f6b43c);
}
 .pic .wrap-img .background .color-bg {
     position: absolute;
     z-index: -2;
     border-radius: 50%;
     background: #f3ae7f;
     background: -webkit-linear-gradient(left,#f8c76d,#f3ae7f);
     background: -o-linear-gradient(left,#f8c76d,#f3ae7f);
     background: -moz-linear-gradient(left,#f8c76d,#f3ae7f);
     background: linear-gradient(left,#f8c76d,#f3ae7f);
}
 .about-us-section{
     width: 100%;
     float: left;
     background: #fff;
}
 .div_sect_row{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
}
 .div_sect_row .wrap-content .title{
    color: #ff9900
}
 .div_sect_row .content ul{
     margin: 0;
     padding: 0;
     margin-left: 21px;
}
 .div_sect_row .content.black_link ul li:before{
     color: #000;
}
 .ui_tp_links ul{
     margin-left: 24px;
}
 .ui_tp_links ul li:before {
     content: "\ea8c";
    /* FontAwesome Unicode */
     font-family: 'IcoFont' !important;
     display: inline-block;
     color: #ff0900;
     margin-left: -1.3em;
    /* same as padding-left set on li */
     width: 1.3em;
     font-size: 18px;
}
 .div_sect_row .content ul li:before {
     content: "\eabc";
    /* FontAwesome Unicode */
     font-family: 'IcoFont' !important;
     display: inline-block;
     color: #f7bb50;
     margin-left: -1.3em;
    /* same as padding-left set on li */
     width: 1.3em;
    /* same as padding-left set on li */
}
 .div_sect_row .content ul li{
     color: #535353;
     font-family: 'Open Sans';
}
 .testimo {
     width: 100%;
     background: linear-gradient(90deg,#4a5ead 0,#4b5fad 1%,#4b5fad 56%,#4b5fad 74%);
     border-top-left-radius: 500px;
     border-bottom-left-radius: 500px;
     padding: 100px 50px 100px 130px;
     color: #fff;
}
 .footer-section{
     width: 100%;
     float: left;
}
 .div_sect_row .testimo .wrap-content .title{
    color: #fff
}
 .div_sect_row .testimo .content ul li{
     color: #fff;
     font-family: 'Open Sans';
}
 .div_sect_row .testimo .content ul li:before {
     color: #ffea00;
}
 .rs-banner.style7 {
     background: url(../img/banner-bg.jpg);
     background-size: cover;
     background-position: top;
     min-height: 270px;
}
 .rs-banner.style7 .banner-content {
     position: relative;
     padding: 30px 0;
}
 .rs-banner.style7 .banner-content .banner-title {
     font-size: 70px;
     line-height: 80px;
     font-weight: 800;
}
 .rs-banner.style7 .icons {
     position: absolute;
}
 .rs-banner.style7 .icons.one {
     top: 136px;
     right: 50px;
}
 .rs-banner.style7 .icons.two {
     left: 50%;
     bottom: 100px;
}
 .rs-banner.style7 .icons.three {
     top: 95px;
     left: -160px;
}
 .rs-banner.style7 .icons.four {
     bottom: 210px;
     left: -62px;
}
 .rs-banner.style7 .img-part {
     position: absolute;
     right: 0;
     bottom: 88px;
}
 .testimo_right {
     width: 100%;
     background: linear-gradient(90deg,#ffeb3b 0,#ffc107 1%,#ff9800 56%,#ff5722 74%);
     border-top-right-radius: 500px;
     border-bottom-right-radius: 500px;
     padding: 100px 130px 100px 50px;
     color: #fff;
}
 .footer-section{
     width: 100%;
     float: left;
}
 .div_sect_row .testimo_right .wrap-content .title{
    color: #fff
}
 .div_sect_row .testimo_right .content ul li{
     color: #fff;
     font-family: 'Open Sans';
}
 .div_sect_row .testimo_right .content ul li:before {
     color: #ffea00;
}
 .heading_section h4{
     text-transform: uppercase;
     font-weight: 600;
     color: #720576 !important;
     text-shadow: 2px 2px rgb(100 100 100 / 10%);
     position: relative;
     display: inline-block;
     margin-bottom: 0;
}
 .heading_section span{
     width: 100px;
     height: 3px;
     background: #ffa22e;
     margin: 0 auto;
    /* float: left;
     */
     justify-content: center;
     align-items: center;
     display: flex;
}
 .top_category{
     margin-top: 0px;
}
 @media (max-width: 480px){
     .testimo {
         width: 100%;
         background: linear-gradient(90deg,#4a5ead 0,#4b5fad 1%,#4b5fad 56%,#4b5fad 74%);
         border-top-left-radius: 0px;
         border-bottom-left-radius: 0px;
         padding: 20px;
         color: #fff;
    }
     .testimo_right {
         width: 100%;
         background: linear-gradient(90deg,#ffeb3b 0,#ffc107 1%,#ff9800 56%,#ff5722 74%);
         border-top-right-radius: 0px;
         border-bottom-right-radius: 0px;
         padding: 20px;
         color: #fff;
    }
}
/*newproducts*/
 .features-area.shape {
     overflow: hidden;
     position: relative;
     z-index: 1;
}
 .features-area.shape::after {
     position: absolute;
     right: 5%;
     top: 25%;
     height: 500px;
     border: 40px solid #111d30;
     content: "";
     width: 500px;
     border-radius: 50%;
     opacity: 0.03;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
     -webkit-animation-name: infiUpDown;
     animation-name: infiUpDown;
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
}
 .features-area .info .info-items .item {
     padding: 20px 10px;
     box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
     background: #ffffff;
     position: relative;
     z-index: 1;
     overflow: hidden;
     border-radius: 35px;
     text-align: center;
     float: left;
     width: 19%;
     margin: 6px;
     min-height: 193px;
}
 .features-area .features-content .info {
    /*padding-left: 35px;
    */
}
 .features-area .info .info-items h4 {
     text-transform: capitalize;
     font-weight: 600;
     margin-bottom: 0;
     margin-top: 2px;
     font-size: 15px;
}
 .features-area .info .info-items .item i {
     display: inline-block;
     font-size: 40px;
     margin-bottom: 30px;
     color: #ffffff;
     height: 80px;
     width: 80px;
     line-height: 80px;
     border-radius: 37% 63% 70% 30% / 42% 42% 58% 58%;
     background: #ff4450;
     text-align: center;
     position: relative;
     z-index: 1;
}
 .features-area .info .info-items .equal-height:first-child .item:first-child i {
     background: #e4730f;
}
 .features-area .info .info-items .equal-height:first-child .item:nth-child(1) i {
     background: #01c99c;
}
 .features-area .info .info-items .equal-height:first-child .item:nth-child(2) i {
     background: #3f51b5;
}
 .features-area .info .info-items .equal-height:first-child .item:nth-child(3) i {
     background: #01c99c;
}
 .features-area .info .info-items .equal-height:first-child .item:nth-child(4) i {
     background: #65258a;
}
 .features-area .info .info-items .equal-height:last-child .item:nth-child(1) i {
     background: #f6ba18;
}
 .features-area .info .info-items .equal-height:first-child .item:first-child i::after {
     background: #e4730f;
}
 .features-area .info .info-items .equal-height:first-child .item:nth-child(1) i::after {
     background: #01c99c;
}
 .features-area .info .info-items .equal-height:first-child .item:nth-child(2) i::after {
     background: #a9b6ff;
}
 .features-area .info .info-items .equal-height:first-child .item:nth-child(3) i::after {
     background: #a9b6ff;
}
 .features-area .info .info-items .equal-height:first-child .item:nth-child(4) i::after {
     background: #7950ad;
}
 .features-area .info .info-items .equal-height:last-child .item:nth-child(1) i::after {
     background: #f6ba18;
}
 .features-area .info .info-items .item i::after {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     height: 110%;
     width: 110%;
     background: #ff4450;
     z-index: -1;
     border-radius: 37% 63% 70% 30% / 42% 42% 58% 58%;
     opacity: 0.3;
}
 .features-area .info .info-items .equal-height .item {
     margin-top: 0px;
}
 .features-area .info .info-items .equal-height:first-child .item:first-child, .features-area .info .info-items .equal-height:last-child .item:first-child {
     margin-top: 0;
}
 .features-area .info .info-items .equal-height:last-child {
     padding-top: 0px;
}
 .features-area .info .info-items h2 {
     font-weight: 600;
     line-height: 1.4;
     margin-top: -5px;
}
/* feature one line */
 .features-area .info .info-items.one-line .single-item {
     margin-bottom: 30px;
}
 .features-area .info .info-items.one-line .single-item .item {
     padding: 0;
     box-shadow: inherit;
     background: transparent;
     overflow: inherit;
}
 .features-area.text-center .info .info-items.one-line .single-item .item {
     padding: 50px 30px;
     box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
}
 .features-area .info .info-items.one-line .single-item .item h4 {
     margin-top: 0;
     margin-bottom: 25px;
}
 .features-area .info .info-items.one-line .single-item .item p {
     margin: 0;
}
 .features-area .info .info-items.one-line .item i {
     margin-bottom: 35px;
     border-radius: 5px;
}
 .features-area .info .info-items.one-line .single-item .item i::after {
     position: absolute;
     right: -25px;
     top: -15px;
     height: 30px;
     width: 30px;
     left: auto;
     bottom: auto;
     background: #ffffff;
     z-index: -1;
     opacity: 1;
     border-radius: 0;
     transform: rotate(-45deg);
}
 .features-area .info .info-items.one-line .single-item:first-child .item i {
     background: #e4730f;
}
 .features-area .info .info-items.one-line .single-item:nth-child(2) .item i {
     background: #01c99c;
}
 .features-area .info .info-items.one-line .single-item:nth-child(4) .item i {
     background: #f6ba18;
}
 .site-heading h2 {
     display: block;
     font-weight: 700;
     margin-bottom: 0;
     text-transform: uppercase;
     position: relative;
     z-index: 1;
     padding-bottom: 20px;
     font-size: 25px;
}
 .site-heading h2::before {
     background: #002359 none repeat scroll 0 0;
     bottom: 0;
     content: "";
     height: 2px;
     left: 50%;
     margin-left: -25px;
     position: absolute;
     width: 50px;
}
 .blue-heading h2::before{
     background: #ffc107;
}
 .bg-dark .site-heading h2::before, .bg-theme .site-heading h2::before {
     background: #ffffff none repeat scroll 0 0;
}
 .site-heading h2 strong {
     color: #FF4452;
     font-weight: 700;
}
 .site-heading h4 {
     display: inline-block;
     position: relative;
     text-transform: capitalize;
     z-index: 1;
     font-weight: 600;
     margin-bottom: 10px;
     color: #666666;
     font-size: 18px;
}
 .bg-dark .site-heading h4 {
     color: #cccccc;
}
 .bg-theme .site-heading h4 {
     color: #ffffff;
}
 .site-heading h2 span {
     color: #FF4452;
}
 .site-heading p {
     margin-bottom: 0;
     margin-top: 20px;
}
 .site-heading {
     margin-bottom: 10px;
     overflow: hidden;
     margin-top: -5px;
}
 .bg-gray {
     background-color: #f5f5ff;
}
 .text-black{
     color: #000000 !important;
}
 @media (max-width: 480px){
     .features-area .info .info-items .item {
         width: 100%;
    }
}
 .gallery-item{
     position:relative;
     margin-bottom:30px;
}
 .gallery-item .inner-box{
     position:relative;
     width:100%;
}
 .gallery-item .image-box{
     position:relative;
     display:block;
     margin:0px;
     overflow:hidden;
     border-radius:15px;
}
 .gallery-item .image-box img{
     position:relative;
     display:block;
     width:100%;
}
 .gallery-item .inner-box .arrow-link{
     position:absolute;
     right:30px;
     bottom:-30px;
     width:60px;
     height:60px;
     color:#0400b5;
     font-size:20px;
     line-height:60px;
     text-align:center;
     border-radius:50px;
     display:inline-block;
     transform:scale(0,0);
     background-color:#ffffff;
     transition:all 300ms ease;
     -webkit-transition:all 300ms ease;
     -ms-transition:all 300ms ease;
     -o-transition:all 300ms ease;
     box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
 .gallery-item .inner-box .arrow-link:hover{
     color:#ffffff;
     background-color:#0400b5;
}
 .gallery-item .inner-box:hover .arrow-link{
     transform:scale(1,1);
}
 .gallery-item .overlay-box{
     position:absolute;
     left:0px;
     top:0px;
     width:100%;
     height:100%;
     opacity:0;
     color:#ffffff;
     text-align:center;
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
     background:rgba(0,0,0,0.70);
     -moz-transform: rotateY(-180deg);
     -webkit-transform: rotateY(-180deg);
     -ms-transform: rotateY(-180deg);
     -o-transform: rotateY(-180deg);
     transform: rotateY(-180deg);
}
 .gallery-item .inner-box:hover .overlay-box{
     opacity:1;
     -moz-transform: rotateY(0deg);
     -webkit-transform: rotateY(0deg);
     -ms-transform: rotateY(0deg);
     -o-transform: rotateY(0deg);
     transform: rotateY(0deg);
     visibility: visible;
}
 .gallery-item .overlay-inner{
     position:absolute;
     left:0px;
     top:0px;
     width:100%;
     height:100%;
     display:table;
     vertical-align:middle;
     padding:10px 0px;
}
 .gallery-item .overlay-inner .content{
     position:relative;
     display:table-cell;
     vertical-align:middle;
}
 .gallery-item .overlay-inner .link{
     position:relative;
     width:50px;
     height:50px;
     font-size:18px;
     color:#ffffff;
     line-height:50px;
     margin:0px 3px;
     font-weight:400;
     text-align:center;
     display:inline-block;
     background-color:#06009c;
     transition:all 300ms ease;
     -webkit-transition:all 300ms ease;
     -ms-transition:all 300ms ease;
     -o-transition:all 300ms ease;
}
 .gallery-item .overlay-inner .link:before{
     position: absolute;
     content: '';
     left: 2px;
     right: -2px;
     top: 2px;
     bottom: -2px;
     z-index:-1;
     background-color: #ffffff;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}
 .gallery-item .overlay-inner .link:hover::before{
     background-color: #06009c;
}
 .gallery-item .overlay-inner .link .icon{
     position:relative;
}
 .gallery-item .overlay-inner .link:hover{
     color:#06009c;
     background-color:#ffffff;
}
 .text-uppercase{
     text-transform: uppercase;
}
 .items_center{
     display: flex;
     justify-content: center;
     align-items: center;
}
 .footer-with-newsletter .newsletter-wrap {
     margin-top: -36px;
     margin-bottom: 0px;
}
 .single-customer{
    margin: 8px auto;
     padding: 10px 20px;
     background: #fff;
     box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
     text-align: center;
     border-radius: 10px;
     min-height: 88px;
     line-height: 21px;
     color: #000;
     align-content: center;
     align-items: center;
     justify-content: center;
     display: flex;
     border-bottom: #ff4452 solid 3px;
     font-weight: 500;
}
 .mobil_open{
     display: none 
}
 @media (max-width: 480px){
     .service-block .inner-box{
         padding: 40px 20px 50px 20px;
    }
     .service-block .inner-box h4{
         font-size: 17px;
    }
     .num_text{
         font-size: 15px;
    }
     .wrap-content .content p{
         text-align: justify;
    }
     .div_sect_row .content ul li{
         text-align: justify;
    }
     .rs-banner.style7 .banner-content{
         padding: 2px 0;
    }
     .ptb-70{
         padding: 50px 0;
    }
     .mt-5, .my-5{
         margin-top: 1rem!important;
    }
     .testimo{
         padding: 10px 0;
    }
     .site-heading h2{
         font-size: 22px;
    }
     .features-area .info .info-items .item{
         margin: 5px 0 15px 0;
    }
     .pic .wrap-img .background{
         display: none 
    }
     .mobil_open{
         display:inline-block;
    }
     .newsub_banner{
         background:#5b6faa !important 
    }
     .mobil_open img{
         width: 97%;
         text-align: center;
         box-shadow: 0px 5px 9px 0px #ffffff7d;
         transform: skewY(4deg);
         margin-left: 3%;
    }
}
/*slider*/
/*===== Slider 03 =====*/
 @media only screen and (min-width: 768px) and (max-width: 991px) {
}
 @media (max-width: 767px) {
     .slider-02 .single-slider {
         background-position: center right;
    }
}
/*.slider-content-2 {
    margin-right: auto;
    max-width: 480px;
    padding: 23px 0;
}*/
.slider-content-2 {
    max-width: 100%;
    padding: 23px 0;
}
.service-block{
     max-width: 480px;
} 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .slider-content-2 {
         max-width: 360px;
         padding: 5px 0;
    }
}
 .preloader{
     position: fixed;
     left:0px;
     top:0px;
     height:100%;
     width: 100%;
     z-index:999999;
     background-color:#ffffff;
     background-position:center center;
     background-repeat:no-repeat;
     background-image:url(../img/preloader.gif);
}
/*slider 4*/
 .news-block{
     position:relative;
     margin-bottom:0px;
}
 .news-block .inner-box{
     position:relative;
     z-index:1;
     overflow:hidden;
     border-radius:12px;
     box-shadow:0px 0px 45px rgba(0,0,0,0.15);
}
 .news-block .inner-box .image{
     position:relative;
}
 .news-block .inner-box .image img{
     position:relative;
     width:100%;
     display:block;
}
 .news-block .inner-box .lower-content{
     position:relative;
     padding:25px 25px;
     background-color:#ffffff;
}
 .news-block .inner-box .lower-content h6{
     position:relative;
     font-weight:600;
     text-align:center;
     line-height:1.6em;
     margin-bottom:12px;
     min-height: 53px;
}
 .news-block .inner-box .lower-content h6 a{
     position:relative;
     color:#222222;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
}
 .news-block .inner-box .lower-content h6 a:hover{
     color:#0400b5;
}
 .news-block .inner-box .lower-content .post-date{
     position:relative;
     color:#222222;
     font-size:14px;
     text-align:center;
     padding-bottom:15px;
     margin-bottom:15px;
     border-bottom:1px solid #d6d6d6;
}
 .news-block .inner-box .lower-content .author{
     position:relative;
     padding-left:42px;
     color:#222222;
     font-size:14px;
     padding-top:6px;
}
 .news-block .inner-box .lower-content .author .image{
     position:absolute;
     left:0px;
     top:0px;
     width:34px;
     height:34px;
     border-radius:50%;
     overflow:hidden;
}
 .news-block .inner-box .lower-content .post-time{
     position:relative;
     color:#999999;
     font-size:12px;
     margin-top:7px;
     padding-left:20px;
}
 .news-block .inner-box .lower-content .post-time:before{
     position:absolute;
     content: "\f017";
     left:0px;
     top:0px;
     font-size:15px;
     font-weight:400;
     font-family: 'FontAwesome';
}
 .news-block .inner-box .lower-content .post-info{
     position:relative;
     margin-top:6px;
}
 .news-block .inner-box .lower-content .post-info li{
     position:relative;
     margin-left:12px;
     display:inline-block;
}
 .news-block .inner-box .lower-content .post-info li a{
     position:relative;
     color:#222222;
     font-size:14px;
     font-weight:600;
}
 .news-block .inner-box{
     border: #FFF202 solid 4px;
}
.about-section{
     position: relative;
     background: #fff;
     padding-bottom: 60px;
}
 #image_block_01 .image-box{
     position: relative;
    /*margin-left: 100px;
    */
}
 #image_block_01 .image-box .pattern-layer-1{
     position: absolute;
     left: -50px;
     top: 117px;
     width: 392px;
     height: 328px;
     background-repeat: no-repeat;
}
 #image_block_01 .image-box .pattern-layer-2{
     position: absolute;
     left: -100px;
     bottom: -10px;
     width: 275px;
     height: 370px;
     background-repeat: no-repeat;
     -webkit-animation: zoom-fade 5s infinite linear;
     animation: zoom-fade 5s infinite linear;
}
 #content_block_01 .content-box .text p{
     position: relative;
     font-size: 16px;
     margin-bottom: 21px;
}
 #content_block_01 .content-box .text p:last-child{
     margin-bottom: 0px;
}
 #content_block_01 .content-box .text{
     position: relative;
     margin-bottom: 33px;
}
 #content_block_01 .content-box .sec-title{
     margin-bottom: 22px;
}
 #content_block_01 .content-box{
     margin-top: 7px;
}
 h1,h2,h3,h4,h5,h6{
     position:relative;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     color: #161616;
     margin: 0px;
     transition: all 500ms ease;
}
 #content_block_01 .content-box .sec-title .title i {
     background: linear-gradient(90deg, var(--c1, #d306b8), var(--c2, #fd1563 ) 50%, var(--c1, #d306b8)) var(--x, 0)/ 200%;
}
 .sec-title .title i{
     position: absolute;
     left: 0px;
     top: 0px;
     width: 35px;
     height: 35px;
     line-height: 35px;
     color: #fff;
     text-align: center;
     border-radius: 50%;
}
 .sec-title{
     position: relative;
     display: block;
     margin-bottom: 55px;
}
 .sec-title.centred{
     text-align: center;
}
 .sec-title .title{
     position: relative;
     display: inline-block;
     font-size: 14px;
     line-height: 24px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     background: #fff;
     padding: 5px 15px 6px 42px;
     margin-bottom: 18px;
     border-radius: 30px;
     box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}
 .sec-title h3{
     position: relative;
     font-size: 36px;
     line-height: 47px;
     color: #161616;
     font-weight: 700;
}
 .sec-title h3 span{
     font-weight: 400;
}
 .theme-btn{
     position: relative;
     display: inline-block;
     overflow: hidden;
     font-size: 16px;
     line-height: 30px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     color: #fff !important;
     padding: 8px 22px;
     text-align: center;
     cursor: pointer;
     border-radius: 8px;
     z-index: 1;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     transition: all 500ms ease;
}
 .theme-btn i{
     margin-right: 10px;
}
 .theme-btn:hover:after{
     opacity: 1;
}
 .theme-btn.style-three{
     background: linear-gradient(90deg, var(--c1, #ff5700), var(--c2, #ffd000 ) 50%, var(--c1, #ff5700)) var(--x, 0)/ 200%;
}
 .theme-btn.style-three:before{
     background: linear-gradient(90deg, var(--c1, #d301b4), var(--c2, #ff165e ) 50%, var(--c1, #d301b4)) var(--x, 0)/ 200%;
}
 .theme-btn.style-three:after{
     background: linear-gradient(90deg, var(--c1, #d301b4), var(--c2, #ff165e ) 50%, var(--c1, #d301b4)) var(--x, 0)/ 200%;
}
 .bg-color-1{
     background: #eef2fe;
}
 .bg-color-2{
     background: #170a24;
}
 .chooseus-section{
     position: relative;
     padding: 58px 0px;
}
 #content_block_02 .content-box .inner-box .single-item{
     position: relative;
     padding-left: 120px;
     margin-bottom: 33px;
}
 #content_block_02 .content-box .inner-box .single-item{
     position: relative;
     padding-left: 120px;
     margin-bottom: 33px;
}
 #content_block_02 .content-box .inner-box .single-item:last-child{
     margin-bottom: 0px;
}
 #content_block_02 .content-box .inner-box .single-item .icon-box{
     position: absolute;
     left: 0px;
     top: 2px;
     background: #fff;
     width: 90px;
     height: 90px;
     line-height: 90px;
     text-align: center;
     border-radius: 50%;
     transition: all 500ms ease;
}
 #content_block_02 .content-box .inner-box .single-item .icon-box img{
     position: relative;
     transition: all 500ms ease;
}
 #content_block_02 .content-box .inner-box .single-item:hover .icon-box{
     transform: rotateY(-180deg);
}
 #content_block_02 .content-box .inner-box .single-item:hover .icon-box img{
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
}
 #content_block_02 .content-box .inner-box .single-item .text p{
     line-height: 28px;
}
 #content_block_02 .content-box .sec-title{
     margin-bottom: 40px;
}
 #content_block_02 .content-box .sec-title .title i{
}
 #content_block_02 .content-box .sec-title h3{
     margin-bottom: 22px;
}
 #content_block_02 .content-box .sec-title p{
     font-size: 16px;
}
 #content_block_02 .content-box .sec-title .title i{
     background: linear-gradient(90deg, var(--c1, #58f105), var(--c2, #20bf0e ) 50%, var(--c1, #58f105)) var(--x, 0)/ 200%;
}
 #image_block_02 .image-box .bg-layer{
     position: absolute;
     left: 0px;
     top: -70px;
     right: 0px;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
}
 #image_block_02 .image-box img{
     width: 100%;
}
 .banner-style-two{
     position: relative;
     padding: 110px 0px 35px 0px;
}
 .banner-style-two .bg-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 760px;
     background-repeat: no-repeat;
     background-position: top center;
     background-size: cover;
}
 .banner-style-two .content-box{
     position: relative;
     max-width: 830px;
     width: 100%;
     margin: 0 auto;
}
 .banner-style-two .content-box h1{
     position: relative;
     font-size: 44px;
     line-height: 57px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 27px;
     text-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
 .banner-style-two .content-box .text{
     position: relative;
     margin-bottom: 20px;
}
 .banner-style-two .content-box .text p{
     font-size: 30px;
     line-height: 24px;
     color: #fff;
}
 .banner-style-two .content-box .video-box{
     position: relative;
     max-width: 720px;
     margin: 0 auto;
}
 .banner-style-two .content-box .video-box .video-inner{
     position: relative;
     width: 100%;
     padding: 210px 0px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     border-radius: 20px;
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
 .banner-style-two .content-box .video-box .video-inner:before{
     position: absolute;
     content: '';
     background: rgba(0,0,0,0.1);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     border-radius: 20px;
}
 .banner-style-two .content-box .video-box .video-inner .video-btn a{
     position: relative;
     display: inline-block;
     width: 105px;
     height: 105px;
     line-height: 105px;
     color: #fff;
     font-size: 30px;
     text-align: center;
     border-radius: 50%;
}
 .banner-style-two .content-box .video-box .video-inner .video-btn a:hover {
     --x: 100%;
}
 .banner-style-two .content-box .video-box .video-inner .border-animation {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 2px solid rgba(255,255,255,.5);
     -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     animation: squares 2.9s linear 0s infinite;
     -webkit-animation: squares 2.9s linear 0s infinite;
     -ms-animation: squares 2.9s linear 0s infinite;
     -o-animation: squares 2.9s linear 0s infinite;
     -webkit-animation-play-state: running;
     -moz-animation-play-state: running;
     -o-animation-play-state: running;
     animation-play-state: running;
     opacity: 0;
}
 .banner-style-two .content-box .video-box .video-inner .border-animation.border-2 {
     -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
     -o-animation-delay: 1s;
     animation-delay: 1s;
}
 .banner-style-two .content-box .video-box .video-inner .border-animation.border-3 {
     -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
     -o-animation-delay: 2s;
     animation-delay: 2s;
}
 .banner-style-two .content-box .video-box .video-inner .video-btn a{
     background: linear-gradient(90deg, var(--c1, #52e5ec), var(--c2, #36d0f9 ) 50%, var(--c1, #52e5ec)) var(--x, 0)/ 200%;
}
 .content-box{
     color: #000;
}
 .service-details-content .service-tab-box .tab-btn-box{
     position: relative;
     display: block;
     text-align: center;
     margin-bottom: 8px;
    /*border-bottom: 1px solid #d7d7d7;
    */
}
 .service-details-content .service-tab-box .tab-btn-box .tab-btns li{
     position: relative;
     float: left;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     color: #161616;
     padding: 4.5px 17.5px;
     margin: 0px 5px;
     cursor: pointer;
     transition: all 500ms ease;
}
 .service-details-content .service-tab-box .tab-btn-box .tab-btns li:first-child{
     margin-left: 0px;
}
 .service-details-content .service-tab-box .tab-btn-box .tab-btns li:last-child{
    /* margin-right: 0px;
     float: right;*/
}
 .service-details-content .service-tab-box .tab-btn-box .tab-btns li:before{
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     right: 0px;
     bottom: 0px;
     z-index: -1;
     box-shadow: 0 10px 20px rgba(0, 122, 255, 0.2);
     transition: all 500ms ease;
}
 .service-details-content .service-tab-box .tab-btn-box .tab-btns li.active-btn:before, .service-details-content .service-tab-box .tab-btn-box .tab-btns li:hover:before{
     left: 0px;
     width: 100%;
}
 .service-details-content .service-tab-box .tab-btn-box .tab-btns li.active-btn, .service-details-content .service-tab-box .tab-btn-box .tab-btns li:hover{
     color: #fff;
     background: -webkit-linear-gradient(0deg, #ff6228, #febf5b 50%);
     box-shadow: 0 10px 20px #ffd4b2;
}
 .service-details-content .service-tab-box .tabs-content .text p{
     font-size: 15px;
     margin-bottom: 33px;
     line-height: 27px;
}
 .service-details-content .service-tab-box .tabs-content .text p:last-child{
     margin-bottom: 0px;
}
 .service-details-content .service-tab-box{
     position: relative;
     margin-bottom: 53px;
}
 .tabs-box .tab{
     position:relative;
     display:none;
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
}
 .tabs-box .tab.active-tab{
     display:block;
}
 .tabs-box .tab{
     transform:scale(0.9,0.9) translateY(0px);
}
 .tabs-box .tab.active-tab{
     transform:scale(1) translateY(0px);
}
 .service-tab-box .tab {
     width:100%;
     height:400px;
     transition: width 1s, height 1s;
     overflow: hidden;
     margin-bottom: 0 !important;
}
 .service-tab-box .tab.big {
     width:100%;
     height:auto;
}
 .tab .table thead tr{
     background: #4a4b82;
     color: #fff;
} 
@media(max-width: 480px){
     .content-box h1{
          font-size: 36px !important;
          line-height: 39px !important;
     }
     .banner-style-two .content-box .text p{
          font-size: 24px;
          line-height: 28px;
     }
     .sec-title .title span{
          font-size: 16px;
          font-weight: 500;
     }
     .sec-title h3{
          font-size: 33px;
          line-height: 40px;
          text-align: center;
     }
     .table-bordered thead td, .table-bordered thead th{
         white-space: nowrap;
     }
     .table-bordered td, .table-bordered th{
         white-space: nowrap; 
     }
}

/*homepage_slider button*/
.mobil_open .homepage_slider_btn .video-inner{
         position: absolute;
    z-index: 9999;
    left: 30%;
}


.homepage_slider_btn .video-inner{
     position: relative;
     width: 100%;
     padding: 20px 0px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     border-radius: 20px;
     /*box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);*/
     margin-top:80px;
}
.homepage_slider_btn .video-inner:before{
     position: absolute;
     content: '';
     /*background: rgba(0,0,0,0.1);*/
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     border-radius: 20px;
}
.homepage_slider_btn .video-inner .video-btn a{
     position: relative;
     display: inline-block;
     width: 105px;
     height: 105px;
     line-height: 105px;
     color: #fff;
     font-size: 30px;
     text-align: center;
     border-radius: 50%;
}
 .homepage_slider_btn .video-inner .video-btn a:hover {
     --x: 100%;
}
 .homepage_slider_btn .video-inner .border-animation {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 2px solid rgba(255,255,255,.5);
     -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     animation: squares 2.9s linear 0s infinite;
     -webkit-animation: squares 2.9s linear 0s infinite;
     -ms-animation: squares 2.9s linear 0s infinite;
     -o-animation: squares 2.9s linear 0s infinite;
     -webkit-animation-play-state: running;
     -moz-animation-play-state: running;
     -o-animation-play-state: running;
     animation-play-state: running;
     opacity: 0;
}
 .homepage_slider_btn .video-inner .border-animation.border-2 {
     -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
     -o-animation-delay: 1s;
     animation-delay: 1s;
}
 .homepage_slider_btn .video-inner .border-animation.border-3 {
     -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
     -o-animation-delay: 2s;
     animation-delay: 2s;
}
 .homepage_slider_btn .video-inner .video-btn a{
     background: linear-gradient(90deg, var(--c1, #52e5ec), var(--c2, #36d0f9 ) 50%, var(--c1, #52e5ec)) var(--x, 0)/ 200%;
}

@media (max-width: 480px){
     .mobile_close{
     display: none
     }
}