img {
     max-width: 100%;
}
 ul {
     margin: 0;
     padding: 0;
}
 body {
     font-family: 'Raleway', sans-serif;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-weight: 600;
}
 .container {
     max-width: 1366px;
}
 button:focus {
     outline: inherit;
}
 .form-control:focus {
     box-shadow: none;
}
 .top-header {
     display: flex;
     padding: 20px 0px;
}
 .top-header .logo {
     font-size: 36px;
     font-weight: 400;
}
 .top-header .logo span {
     color: #5ebce9;
}
 .top-header .logo a {
     color: #212529;
     text-decoration: none;
}
 .top-right {
     display: flex;
     justify-content: flex-end;
     align-self: center;
     width: 100%;
}
 .top-header .media {
     margin-right: 20px;
     align-items: center;
}
 .top-header .media i {
     color: #5dbce9;
     height: 40px;
     width: 40px;
     line-height: 40px;
     text-align: center;
     border: 1px solid #9f9f9f;
     border-radius: 50%;
     font-size: 20px;
     margin-right: 10px;
     transition: 0.2s all ease;
}
 .top-header .media:hover i {
     color: #212529;
}
 .top-header .media .media-body label {
     font-weight: 600;
     margin-bottom: 0;
}
 .top-header .media .media-body p {
     font-size: 14px;
     color: #9f9f9f;
     margin-bottom: 0;
}
 .top-header .live-support {
     align-items: center;
     display: flex;
}
 #main-slider .owl-item img {
     height: 100vh;
     object-fit: cover;
}
 .slide-overlay::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.6);
     width: 100%;
     height: 100%;
     z-index: 1;
}
 .main-slide-content {
     position: absolute;
     left: 0;
     right: 0;
     top: 45%;
     text-align: center;
     transform: translateY(-50%);
     z-index: 2;
}
 .main-slide-content .slide-heading {
     font-size: 42px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 25px;
}
 .main-slide-content .slide-heading:after {
     content: '';
     height: 1px;
     background-color: rgba(255,255,255,0.5);
     display: block;
     width: 10%;
     margin: 0 auto;
     margin-top: 12px;
}
 .main-slide-content p {
     font-size: 18px;
     color: #fff;
     margin-bottom: 24px;
}
 .main-slide-content a {
}
 #main-slider .owl-prev, #main-slider .owl-next {
     width: 48px;
     height: 48px;
     background: rgba(0, 0, 0, 0.5);
     text-align: center;
     color: #fff;
     font-size: 40px;
     font-weight: 700;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     opacity: 0;
     transition: 0.3s ease all;
}
 #main-slider .owl-prev {
     left: 15px;
}
 #main-slider .owl-next {
     right: 15px;
}
 #main-slider:hover .owl-prev {
     left: 0;
     opacity: 1;
}
 #main-slider:hover .owl-next {
     right: 0;
     opacity: 1;
}
 #main-slider .owl-prev span, #main-slider .owl-next span {
     position: absolute;
     left: 16px;
     top: -10px;
}
/*About video css*/
 .video-about-company {
     margin-top: -56px;
     margin-bottom: 20px 
}
 .testimonial {
     position: relative;
     margin-bottom: 30px;
}
 .testimonial .sec-title {
     z-index: 9;
     position: absolute;
     color: #fff;
     left: 0;
     right: 0;
     top: 30px;
     text-align: center;
}
 .testimonial:before {
     position: absolute;
     content: '';
     background: url(../img/bg-testimonials.webp) center no-repeat fixed;
     background-size: cover;
     top: 0;
     left: 0;
     width: 100%;
     height: 420px;
}
 .testimonial:after {
     position: absolute;
     content: '';
     background: rgba(0, 0, 0, 0.7);
     top: 0;
     left: 0;
     width: 100%;
     height: 420px;
}
 #testimonials-slider {
     padding-top: 160px;
}
 #testimonials-slider .owl-prev, #testimonials-slider .owl-next {
     width: 48px;
     height: 48px;
     border: 1px solid #fff;
     text-align: center;
     color: #fff;
     font-size: 30px;
     font-weight: 700;
     position: absolute;
     top: 20%;
     transform: translateY(-50%);
     border-radius: 0;
     transition: 0.2s ease all;
}
 #testimonials-slider .owl-prev {
     margin-left: -58px;
}
 #testimonials-slider .owl-next {
     margin-left: 10px;
}
 #testimonials-slider .owl-prev span, #testimonials-slider .owl-next span {
     position: absolute;
     top: -2px;
     left: 18px;
}
 .testimonial-block {
     position: relative;
     margin-bottom: 10px;
}
 .owl-nav-style-three .testimonial-block {
     margin-bottom: 0px;
     margin-top: 100px;
}
 .testimonial-block .inner-box {
     position: relative;
     padding: 40px 40px;
     border: 1px solid #e5e5e5;
     background-color: #fff;
}
 .testimonial-block .icon-box {
     position: relative;
     left: 0;
     font-size: 54px;
     color: #d4d6d9;
     display: block;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     display: inline-block;
     line-height: 60px;
}
 .testimonial-block .text {
     font-size: 17px;
     margin-bottom: 15px;
     margin-top: 25px;
     min-height: 100px;
}
 .testimonial-block .info-box {
     position: relative;
     padding-bottom: 20px;
}
 .testimonial-block .info-box.client-pic {
     padding-left: 85px;
     padding-top: 8px;
}
 .testimonial-block .info-box .image {
     position: absolute;
     left: 0;
     top: 0;
}
 .testimonial-block .info-box .image img {
     border-radius: 50%;
}
 .testimonial-block .info-box .name {
     display: block;
     font-size: 20px;
     line-height: 26px;
     color: #222;
     font-weight: 600;
}
 .testimonial-block .info-box .designation {
     display: block;
     font-size: 14px;
     line-height: 20px;
     color: #0074b0;
     font-weight: 400;
}
/* testiimonial block two */
 .testimonial-two {
     position: relative;
}
 .testimonial-two .owl-nav-style-four .owl-nav .owl-next, .testimonial-two .owl-nav-style-four .owl-nav .owl-prev {
     background-color: #fff;
}
 .testimonial-block-two {
     position: relative;
     margin-bottom: 30px;
}
 .owl-nav-style-three .testimonial-block-two {
     margin-bottom: 0px;
     margin-top: 100px;
}
 .testimonial-block-two .inner-box {
     position: relative;
     text-align: center;
}
 .testimonial-block-two .icon-box {
     position: relative;
     left: 0;
     font-size: 54px;
     color: #d4d6d9;
     display: block;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     display: inline-block;
     line-height: 60px;
}
 .testimonial-block-two .text {
     font-size: 17px;
     margin: 0 auto;
     margin-bottom: 35px;
     margin-top: 25px;
     max-width: 900px;
}
 .testimonial-block-two .info-box {
     position: relative;
     padding-left: 85px;
     padding-top: 8px;
     padding-bottom: 30px;
     max-width: 215px;
     text-align: left;
     margin: 0 auto;
}
 .testimonial-block-two .info-box .image {
     position: absolute;
     left: 0;
     top: 0;
}
 .testimonial-block-two .info-box .image img {
     border-radius: 50%;
}
 .testimonial-block-two .info-box .name {
     display: block;
     font-size: 20px;
     line-height: 26px;
     color: #222;
     font-weight: 600;
}
 .testimonial-block-two .info-box .designation {
     display: block;
     font-size: 14px;
     line-height: 20px;
     color: #e6202d;
     font-weight: 400;
}
/* testimonial block three */
 .testimonial-three .sec-title {
     margin-bottom: -85px;
     z-index: 99;
}
 .testimonial-three .owl-nav-style-one .owl-nav {
     margin-top: -60px;
     position: relative;
     top: -100px;
     left: 83px;
}
 .testimonial-block-three {
     position: relative;
}
 .testimonial-block-three .big-image {
     position: relative;
     text-align: center;
}
 .testimonial-block-three .big-image img {
     width: auto;
     margin: 0 auto;
}
 .testimonial-block-three .inner-box {
     position: relative;
     background-color: #fff;
     margin-top: 125px;
}
 .testimonial-block-three .icon-box {
     position: relative;
     left: 0;
     font-size: 54px;
     color: #d4d6d9;
     display: block;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     display: inline-block;
     line-height: 60px;
}
 .testimonial-block-three .text {
     font-size: 17px;
     margin-bottom: 15px;
     margin-top: 25px;
}
 .testimonial-block-three .info-box {
     position: relative;
     padding-top: 8px;
     padding-bottom: 30px;
}
 .testimonial-block-three .info-box .image {
     position: absolute;
     left: 0;
     top: 0;
}
 .testimonial-block-three .info-box .image img {
     border-radius: 50%;
}
 .testimonial-block-three .info-box .name {
     display: block;
     font-size: 20px;
     line-height: 26px;
     color: #222;
     font-weight: 600;
     margin-bottom: 5px;
}
 .testimonial-block-three .info-box .designation {
     display: block;
     font-size: 14px;
     line-height: 20px;
     color: #e6202d;
     font-weight: 400;
}
 .single_plan__block {
     position: relative;
     z-index: 1;
     overflow: hidden;
     background-color: #163a45;
}
 .plan-content-box {
     background: #0074b0;
     color: #ffffff;
     padding: 30px;
     width: 61%;
     position: relative;
     z-index: 9;
}
 .plan-content-box p a {
     color: #fff;
     text-decoration: none;
     display: inline-block;
}
 .plan-content-box p a:hover {
     color: #0074b0;
}
 .single_plan__block:after, .single_plan__block-img:after {
     background-position: right top;
     content: "";
     height: 100%;
     right: 0;
     opacity: 0.6;
     position: absolute;
     top: 0;
     width: 39%;
     z-index: -1;
}
 .single_plan__block:after {
     background-position: right top;
     content: "";
     height: 100%;
     right: 0;
     opacity: 0.6;
     position: absolute;
     top: 0;
     width: 39%;
     z-index: -1;
}
 .plan-content-box h3 {
     margin-bottom: 35px;
     position: relative;
     font-size: 20px;
}
 .plan-content-box p {
     min-height: 120px;
     text-align: justify;
}
 .plan-content-box:after {
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     background: #123641;
     content: '';
     z-index: -1;
     transition: all 0.3s ease-in-out;
}
 .single_plan__block:hover .plan-content-box:after {
     width: 100%;
}
 .block_bg1:after {
     background-image: url(../img/ost-to-pst.webp);
     background-size: cover;
}
 .block_bg2:after {
     background-image: url(../img/pst-repair.webp);
     background-size: cover;
}
 .block_bg3:after {
     background-image: url(../img/edb-to-pst.webp);
     background-size: cover;
}
 .block_bg4:after {
     background-image: url(../img/exchange-migration.webp);
     background-size: cover;
}
 .plan-content-box h3::after {
     background: #123641;
     bottom: -15px;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     width: 45px;
     transition: all 0.3s ease;
}
 .single_plan__block:hover h3::after {
     background: #0074b0;
}
/*mannat services css*/
 .mannat-services {
     text-align: center;
     margin: 10px 0;
     transition: 0.3s ease all;
}
 .mannat-services i {
     border: 1px dotted #ddd;
     border-radius: 50%;
     font-size: 32px;
     background-color: #f8fafa;
     width: 70px;
     height: 70px;
     line-height: 70px;
     text-align: center;
     margin-bottom: 10px;
     color: #0074b0;
     transition: 0.3s ease all;
}
 .mannat-services:hover i {
     background-color: #0074b0;
     color: #fff;
}
/*prestigious css*/
 #prestigious {
     position: relative;
}
 #prestigious div {
}
 #prestigious img {
     max-width: 180px;
     margin: 0 auto;
     border: 1px solid transparent;
     transition: 0.2s ease all;
}
 #prestigious img:hover {
     border: 1px solid #f1f1f1;
     -webkit-box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.06);
     box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.06);
}
 #prestigious .owl-nav .owl-prev, #prestigious .owl-nav .owl-next {
     background-color: #212529;
     color: #fff;
     width: 30px;
     height: 30px;
     font-size: 20px;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     opacity: 0;
     transition: 0.3s ease all;
}
 #prestigious .owl-nav .owl-prev {
     left: 0px;
     transition: 0.3s ease all;
}
 #prestigious .owl-nav .owl-next {
     right: 0px;
}
 #prestigious:hover .owl-nav .owl-prev {
     left: -10px;
     opacity: .8;
}
 #prestigious:hover .owl-nav .owl-next {
     right: -10px;
     opacity: .8;
}
 #prestigious .owl-nav .owl-prev span, #prestigious .owl-nav .owl-next span {
     position: absolute;
     top: -2px;
     left: 12px;
}
 .product-news h4 {
     font-size: 30px;
     display: flex;
     align-items: center;
     margin-right: 10px;
}
 .product-news h4 i {
     color: #0074b0;
     font-size: 25px;
     margin-right: 7px;
}
 .product-news .media {
     margin-bottom: 10px;
}
 .product-news .media h5 {
     color: #0074b0;
}
 .product-news .media .release-date {
     width: 80px;
     height: 80px;
     background-color: #0074b0;
     color: #fff;
     text-align: center;
     margin-right: 15px;
     border-radius: 2px;
     position: relative;
     z-index: 1;
}
 .product-news .media .release-date:before {
     content: '';
     width: 0;
     height: 0;
     border-bottom: 80px solid rgba(0,0,0,0.1);
     border-left: 80px solid transparent;
     position: absolute;
     left: 0;
     z-index: 2;
}
 .product-news .media label {
     display: block;
     font-size: 24px;
     margin-bottom: 0;
     margin-top: 6px;
     font-weight: 500;
     z-index: 3;
     position: absolute;
     left: 0;
     right: 0;
     top: 1px;
}
 .product-news .media label sup {
     font-size: 16px;
     margin-left: 1px;
}
 .product-news .media .media-body p a {
     text-decoration: none;
     color: #0074b0;
}
 .product-news .media span {
     z-index: 3;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 14px;
}
 .recent-blogs h4 {
     font-size: 30px;
     display: flex;
     align-items: center;
     margin-right: 10px;
}
 .recent-blogs h4 i {
     color: #0074b0;
     font-size: 25px;
     margin-right: 7px;
}
 .recent-blogs .media {
     margin-bottom: 10px;
}
 .recent-blogs .media h5 {
     color: #0074b0;
}
 .recent-blogs .media .release-date {
     width: 80px;
     height: 80px;
     background-color: #0074b0;
     color: #fff;
     text-align: center;
     margin-right: 15px;
     border-radius: 2px;
     position: relative;
     z-index: 1;
}
 .recent-blogs .media .release-date:before {
     content: '';
     width: 0;
     height: 0;
     border-bottom: 80px solid rgba(0,0,0,0.1);
     border-left: 80px solid transparent;
     position: absolute;
     left: 0;
     z-index: 2;
}
 .recent-blogs .media label {
     display: block;
     font-size: 24px;
     margin-bottom: 0;
     margin-top: 6px;
     font-weight: 500;
     z-index: 3;
     position: absolute;
     left: 0;
     right: 0;
     top: 1px;
}
 .recent-blogs .media label sup {
     font-size: 16px;
     margin-left: 1px;
}
 .recent-blogs .media .media-body p a {
     text-decoration: none;
     color: #0074b0;
}
 .recent-blogs .media span {
     z-index: 3;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 14px;
}
/*services strip css*/
 .services-strip {
     background-color: #0074b0;
     padding: 15px 0;
}
 .services-strip ul {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
}
 .services-strip ul li {
     list-style-type: none;
     flex-wrap: wrap;
     margin: 10px;
}
 .services-strip ul li img {
}
 .services-strip ul li span {
     color: #fff;
     margin-left: 10px;
}
/*sticky-strip css*/
 .sticky-strip {
     padding: 5px 0;
     background: #0074b0;
     position: -webkit-sticky;
     display: none;
}
 .sticky-strip ul li {
     display: inline-block;
     margin: 0 10px;
}
 .sticky-strip ul li a {
     color: #fff;
     font-size: 14px;
     text-decoration: none;
}
 .sticky-strip ul li a i {
     color: #ffffff;
     margin-right: 2px;
}
 .sticky-strip-fixed {
     position: fixed;
     top: 0;
     width: 100%;
     left: 0;
     right: 0;
     text-align: center;
     z-index: 9999;
     display: block;
     border-bottom: 1px solid rgba(255,255,255,0.2);
}
/*footer css*/
 footer {
     color: #d4dae3;
     background-color: #191d26;
}
 .bg-map {
     position: relative;
     padding: 10px 0px 45px;
}
 .bg-map:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: url(../img/map.webp) no-repeat left center;
     left: 0;
     bottom: 0;
}
 .main-footer h4 {
     padding-top: 45px;
     font-size: 20px;
}
 .footer-logo h4 {
     font-size: 36px;
     font-weight: 700;
     margin-bottom: 24px;
}
 .footer-logo img {
     margin-top: 52px;
     margin-bottom: 20px;
     width: 120px;
}
 .footer-list {
}
 .footer-list li {
     position: relative;
     display: block;
     margin-bottom: 12px;
}
 .footer-list li a {
     position: relative;
     display: inline-block;
     font-size: 15px;
     line-height: 20px;
     padding-left: 18px;
     color: #d4dae3;
     text-transform: capitalize;
     font-weight: 400;
     text-decoration: none;
     -webkit-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
}
 .footer-list li a:hover {
     color: #5dbce9;
}
 .footer-list li a:before {
     content: '\f105';
     position: absolute;
     left: 0px;
     top: 3px;
     line-height: 15px;
     font-size: 16px;
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
}
 .media li {
     display: inline-block;
     margin-right: 7px;
}
 .icon-button {
     background-color: #2f333b;
     border-radius: 50%;
     cursor: pointer;
     display: inline-block;
     font-size: 20px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     position: relative;
     text-align: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .icon-button span {
     border-radius: 0;
     display: block;
     height: 0;
     left: 50%;
     margin: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     width: 0;
}
 .icon-button:hover span {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     margin: -20px;
}
 .facebook span {
     background-color: #3B5998;
}
 .twitter span {
     background-color: #0AC;
}
 .linkedin span {
     background-color: #007ab7;
}
 .youtube span {
     background-color: #e62f2d;
}
 .icon-button i {
     background: none;
     color: white;
     width: 40px;
     height: 40px;
     left: 0;
     line-height: 40px;
     position: absolute;
     top: 0;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     z-index: 10;
}
 .icon-button:hover .icon-facebook, .icon-button:hover .icon-twitter, .icon-button:hover .icon-linkedin, .icon-button:hover .icon-youtube {
     color: white;
}
 .news-letter {
     background-color: #11141a;
     padding: 0 40px 60px;
}
 .news-letter form input {
     height: 48px;
     color: #fff;
     width: 100%;
     padding: 0 18px;
     background-color: #292c31;
     margin: 20px 0;
     border: 0;
}
 .news-letter form input:focus {
     outline-offset: 0;
     outline: 0;
}
 .footer-bottom {
     background-color: #11141a;
     padding: 15px 0;
     text-align: center;
}
 .footer-pb {
     padding-bottom: 55px;
}
 .email-address {
     margin-right: 20px;
     align-items: center;
    /*margin-top: 10px;
    */
     margin-bottom: 10px;
}
 .email-address i {
     color: #0074b0;
     height: 40px;
     width: 40px;
     line-height: 40px;
     text-align: center;
     border: 1px solid #9f9f9f;
     border-radius: 50%;
     font-size: 20px;
     margin-right: 10px;
     transition: 0.2s all ease;
}
 .email-address .media-body label {
     font-weight: 600;
     margin-bottom: 0;
}
 .email-address .media-body p {
     font-size: 14px;
     margin-bottom: 0;
}
 .email-address .media-body p a {
     color: #9f9f9f;
     text-decoration: none;
}
/*toTop btn css*/
 #toTop {
     display: none;
     padding: 5px 3px;
     background-color: #11141a;
     color: #5dbce9;
     position: fixed;
     bottom: 60px;
     right: 10px;
     cursor: pointer;
     padding: 8px 14px;
     font-size: 20px;
     z-index: 999999;
     border-radius: 50%;
}
 #toTop:hover {
     background-color: #2f333b;
}
/*product page css*/
/*.list-features-more {
     position: relative;
     margin-bottom: 25px;
}
 .list-features-more .show-hide {
     position: absolute;
     bottom: -25px;
     left: 24px;
     cursor: pointer;
     color: #0074b0;
}
*/
 .money-back {
     width: 150px;
}
 .star-rating {
     padding: 6px 0 8px;
}
 .star-rating li {
     display: inline-block;
}
 .star-rating li i {
     color: #5f5f5f;
}
 .star-rating li:last-child:before {
     content: '|';
     margin-right: 3px;
     color: #5f5f5f;
}
 .star-rating li:last-child {
     font-size: 20px;
     font-weight: 600;
     color: #eb8a17;
}
 .software-help {
     margin-top: 20px;
}
 .software-help li {
     display: inline-block;
     margin: 0 8px;
     margin-bottom: 4px;
}
 .software-help li a {
     display: block;
     color: #212529;
     text-decoration: none;
}
 .software-help li a i {
     background-color: #f8f9fa;
     width: 32px;
     height: 32px;
     line-height: 32px;
     text-align: center;
     border: 1px solid #dee2e6;
     color: #0074b0;
}
 #features-section {
}
 #features-section .media {
     margin-bottom: 20px;
     padding: 10px;
     transition: .2s ease all;
}
 #features-section .media:hover {
     box-shadow: 2px 2px 5px #f5f5f5, -2px -2px 5px #f5f5f5;
     background-color: #fff;
}
 #features-section .media-body {
}
 #features-section .media-body .feature-cation {
}
 #features-section .media-body p {
}
/*table css*/
 .Comparison-table thead {
     background: #0074b0;
     color: #fff;
}
 .Comparison-table thead th:nth-child(2), .Comparison-table thead th:nth-child(3) {
     text-align: center;
     width: 20%;
}
 .Comparison-table tbody tr:nth-child(odd) {
     background: #f8fafa;
}
 .Comparison-table tbody tr:nth-child(even) {
     background: #fff;
}
 .Comparison-table tbody tr td:nth-child(2), .Comparison-table tbody tr td:nth-child(3), .Comparison-table tbody tr td:nth-child(4), .Comparison-table tbody tr td:nth-child(5) {
     text-align: center;
     vertical-align: middle;
}
/*faqs css*/
 .faqs .card {
     border-radius: .0;
     margin-bottom: 10px;
}
 .faqs .card .card-header {
     background-color: #0074b0;
     padding: 2px 0;
     border-radius: 0;
}
 .faqs .card .card-header button {
     display: block;
     width: 100%;
     text-align: left;
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     text-decoration: none;
     border: 1px solid #0074b0;
     position: relative;
     padding-left: 55px;
}
 .faqs .card .card-header button:before {
     content: 'Q.';
     font-size: 37px;
     position: absolute;
     left: 10px;
     top: 50%;
     transform: translateY(-52%);
}
 .faqs .card .card-header button:after {
     width: 10px;
     height: 10px;
     border-right: 3px solid #fff;
     border-bottom: 3px solid #fff;
     position: absolute;
     right: 15px;
     content: " ";
     top: 20px;
     transform: rotate(225deg);
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 .faqs .card .card-header button.collapsed:after {
     transform: rotate(45deg);
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     border-right: 3px solid #ffffff;
     border-bottom: 3px solid #ffffff;
     top: 14px;
}
 .faqs .card .card-body {
     position: relative;
     padding-left: 55px;
     padding-right: 30px;
     text-align: justify;
}
 .faqs .card .card-body:before {
     content: 'A.';
     position: absolute;
     font-size: 36px;
     left: 14px;
     top: 10px;
     color: #5f5f5f;
}
/*tabs css*/
 .tabs-section {
}
 .tabs-section .nav-tabs {
}
 .tabs-section .nav-tabs .nav-item {
     width: 33.33%;
     ;
     text-align: center;
     background-color: #212529;
}
 .tabs-section .nav-tabs .nav-item .nav-link {
     color: #fff;
     border-radius: 0;
     border: 0;
     font-size: 20px;
     padding: .4rem 1rem;
}
 .tabs-section .nav-tabs .nav-item .nav-link.active {
     background-color: #0074b0;
}
 .tabs-section .tab-content {
     border: 1px solid #f1f1f1;
     border-top: 0;
     padding: 50px 0;
}
 .tabs-section .tab-content .tab-pane {
}
/*screenshots css*/
 #screenshots {
     padding: 0 5%;
}
 #screenshots {
}
 #screenshots .hovereffect {
     width: 100%;
     margin: 0 auto;
     height: auto;
     overflow: hidden;
     position: relative;
     cursor: default;
}
 #screenshots .hovereffect .overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     text-align: center;
     top: 0;
     left: 0;
     opacity: 0;
     background-color: rgba(0, 0, 0, .5);
     transition: all .2s ease-in-out;
     display: flex;
     flex-direction: column;
     justify-content: center;
     resize: vertical;
     overflow: auto;
}
 #screenshots .hovereffect img {
     display: block;
     position: relative;
     -webkit-transition: all .2s linear;
     transition: all .2s linear 
}
 #screenshots .hovereffect i {
     display: inline-block;
     color: #fff;
     border: 1px solid #fff;
     background-color: transparent;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     margin: 10px 0 0;
     padding: 10px 14px;
     cursor: pointer;
     resize: vertical;
     overflow: auto;
}
 #screenshots .hovereffect i:hover {
     box-shadow: 0 0 5px #fff 
}
 #screenshots .hovereffect:hover img {
     -ms-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     transform: scale(1.2) 
}
 #screenshots .hovereffect:hover .overlay {
     opacity: 1;
     filter: alpha(opacity=100) 
}
 #screenshots .hovereffect:hover i {
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-transform: translatey(0);
     -webkit-transform: translatey(0);
     transform: translatey(0);
     -webkit-transition-delay: .2s;
}
 #screenshots .owl-item p {
     padding: 10px;
     background: #0074b0;
     color: #fff;
     font-size: 14px;
     min-height: 58px;
}
 #screenshots .owl-prev, #screenshots .owl-next {
     width: 47px;
     height: 47px;
     background: rgba(0, 0, 0, 0.5);
     text-align: center;
     color: #fff;
     font-size: 40px;
     font-weight: 700;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     opacity: 0;
     transition: 0.3s ease all;
     border-radius: 50%;
}
 #screenshots .owl-prev {
     left: 15px;
}
 #screenshots .owl-next {
     right: 15px;
}
 #screenshots:hover .owl-prev {
     left: 0.8%;
     opacity: 1;
}
 #screenshots:hover .owl-next {
     right: 0.8%;
     opacity: 1;
}
 #screenshots .owl-prev span, #screenshots .owl-next span {
     position: absolute;
     left: 17px;
     top: -11px;
}
/*specification css*/
 .specification {
     padding: 0 4%;
}
 .specification .caption {
     font-size: 1rem;
     margin-bottom: .25rem;
     margin-left: .75rem;
}
 .specification .specify {
     margin-left: .75rem;
}
/*video css*/
 .video-content {
     width: 60%;
     padding-top: 20px;
     margin: 0 auto;
}
 .video-content .laptop-wrapper {
     position: relative;
     padding-bottom: 48.5%;
     height: 0;
}
 .video-content .laptop-wrapper iframe {
     background: url(../img/desktop.webp) center center no-repeat;
     background-size: contain;
     padding: 3.7% 15.5% 6.5%;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
}
/*contact css*/
 .contact-section .contact-form {
     background-color: #f5f5f5;
     padding: 30px;
     margin-bottom: 20px;
}
 .contact-section .input-txt {
}
 .contact-section .input-msg {
     min-height: 200px;
}
 .contact-section {
}
 .stay-connected p {
     margin-bottom: 7px;
     background-color: #f5f5f5;
     padding: 30px;
}
 .stay-connected p a {
     color: #11141a;
     text-decoration: none;
     display: block;
     margin-bottom: 7px;
}
 .stay-connected p a i {
     margin-right: 4px;
     vertical-align: middle;
     color: #0074b0;
}
 .location .media {
     margin-top: 20px;
     background-color: #f6f6f6;
     padding: 30px;
}
 .location .media i {
     margin-right: 9px;
     margin-top: 5px;
     color: #0074b0;
}
 .location .media .media-body p {
     margin: 0;
}
 .breadcrumb-section {
     background-color: #f5f5f5;
     padding: 5px 0;
}
 .breadcrumb-section ol {
     margin: 0;
     padding: 0;
}
 .breadcrumb-section ol li {
     list-style-type: none;
     display: inline-block;
     color: #11141a;
     font-size: 15px;
     margin-right: 1px;
}
 .breadcrumb-section ol li a {
     color: #0074b0;
     text-decoration: none;
}
 .breadcrumb-section ol li a:after {
     content: '/';
     margin-left: 7px;
     color: #11141a;
}
/*cookie css*/
 #cookie-bar {
     display: block;
     direction: ltr;
     color: #ddd;
     min-height: 30px;
     z-index: 99999;
     padding: 6px 20px 4px;
     background-color: #0074b0;
     bottom: 0;
     position: fixed;
     left: 0;
     right: 0;
     text-align: center;
     font-size: 12px;
}
 button#Cookie {
     margin: 0 20px;
     line-height: 20px;
     background: #11141a;
     border: none;
     color: #fff;
     padding: 4px 12px;
     border-radius: 3px;
     cursor: pointer;
     font-size: 13px;
     font-weight: 700 
}
/*about page css*/
 .banner {
     background-image: url('../img/banner/bg-about-banner.webp');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     position: relative;
}
 .banner:before {
     content: '';
     background-color: rgba(255,255,255,.9);
     position: absolute;
     width: 100%;
     height: 100%;
}
 .banner-content {
     text-align: center;
     padding: 50px;
     width: 60%;
     margin: 0 auto;
     position: relative;
}
 .banner-content:before {
     content: '';
}
 .banner-content h1 {
     margin-bottom: 10px;
     color: #0074B0;
}
 .banner-content p {
     margin-bottom: 10px;
}
 .about-services {
     text-align: center;
     padding: 30px;
     margin-bottom: 10px;
     background: #fff;
     border: solid 1px #f0f0f0;
     transition: .2s ease all;
}
 .about-services:hover {
     box-shadow: 2px 2px 5px #f5f5f5, -2px -2px 5px #f5f5f5;
}
 .about-services i {
     font-size: 32px;
     margin-bottom: 12px;
     background-color: #0074B0;
     width: 80px;
     height: 80px;
     line-height: 80px;
     text-align: center;
     color: #fff;
     border-radius: 50%;
     position: relative;
     margin-top: 5px;
}
 .about-services i:after {
     content: '';
     position: absolute;
     border: 1px solid #fff;
     height: 72px;
     width: 72px;
     left: 4px;
     top: 4px;
     border-radius: 50%;
     transition: 0.3s ease all;
}
 .about-services:hover i:after {
     transform: scale(1.1);
     opacity: 0;
}
 .about-services h3 {
}
 .about-services p {
     margin-bottom: 10px;
}
 .purchase-table-info {
     margin-top: 50px;
}
 .purchase-table-info thead tr th {
     background: #f8fafa;
     vertical-align: middle;
}
 .purchase-table-info thead tr th i {
     font-size: 13px;
     color: #414141;
}
/*.purchase-table-info thead tr th:nth-child(3) {
     background-color: #0074b0;
     color: #fff;
     transform: scale(1.1);
}
*/
 .purchase-table-info thead tr th:nth-child(3) {
     background-color: #f6fdff;
}
 .purchase-table-info tbody tr th {
     background: #f8fafa;
}
 .purchase-table-info tbody tr td:nth-child(2), .purchase-table-info tbody tr td:nth-child(3), .purchase-table-info tbody tr td:nth-child(4) {
     width: 20%;
     vertical-align: middle;
}
 .purchase-table-info tbody tr td {
     font-size: 14px;
}
 .purchase-table-info .purchase-box-container {
     display: flex;
     align-items: center;
     justify-content: space-around;
}
 .purchase-table-info .purchase-box-container .software-purchase-box {
     max-width: 180px;
     margin-bottom: 8px;
}
 .purchase-table-info .purchase-box-container ul {
     list-style-type: none;
     background-color: #F6FDFF;
     padding: 15px;
     border: 1px solid #dee2e654;
}
 .purchase-table-info .purchase-box-container ul li {
     line-height: 16px;
     margin-bottom: 10px;
}
/*.purchase-table-info tbody tr td:nth-child(3) {
     transform: scale(1.1);
}
*/
/*.purchase-table-info tbody tr td:nth-child(3) .license-price .theme-inverse-btn2 {
     background-color: #0074b0;
     border: 2px solid #0074b0;
     color: #fff;
}
*/
 .purchase-table-info tbody tr td:nth-child(3) {
     background-color: #f6fdff;
}
 .license-price {
     text-align: center;
}
 .license-price .cancel-price {
     text-decoration: line-through;
     text-decoration-color: red;
     font-size: 20px;
     margin-bottom: 10px;
     font-weight: 500;
}
 .license-price .save-price {
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 5px;
}
 .license-price .save-price span {
     font-size: 24px;
     color: #d72c10;
}
 .license-price .offer-price {
     font-size: 36px;
     margin-bottom: 30px;
     font-weight: 600;
}
 .license-price .offer-price span {
     font-size: 24px;
}
 .guarantee-secure .media {
     margin-bottom: 15px;
     padding: 10px;
}
 .guarantee-secure .media img {
     margin-right: 10px;
     max-width: 70px;
}
 .guarantee-secure .media-body h5 {
     font-size: 15px;
     margin-top: 5px;
     margin-bottom: 6px;
}
 .guarantee-secure .media-body p {
     font-size: 14px;
     line-height: 20px;
}
 .guarantee-secure .media-body a {
     color: #0074b0;
     text-decoration: none;
     display: inline-block;
}
 .purchase-note {
     padding: 1rem!important;
     background: #f8fafa;
     margin-bottom: 40px;
}
/*Start tooltip css*/
 .tooltip .arrow:before {
     border-bottom-color: #b4b4b4;
}
 .tooltip-inner {
     max-width: 260px;
     padding: 1rem;
     text-align: left;
     border: 1px solid #dad9d9;
}
 .tooltip-inner h5 {
     font-size: 16px;
     margin-bottom: 5px;
}
.upgrade-software {
    text-align: center;
    background: #f1f1f1;
    padding: 15px;
}
.upgrade-software p {
     font-weight: 700;
    margin-bottom: 8px;
}
.upgrade-software img {
     margin-bottom: 12px;
}
.upgrade-software a {
     font-size: 14px;
}
@-webkit-keyframes border-blink {    
    from, to {    
        border-color: transparent;
    }    
    50% {    
        border-color: #0074B0;
    }    
}    
@keyframes border-blink {    
    from, to {    
        border-color: transparent;  
    }    
    50% {    
        border-color: #0074B0;    
    }    
}    
.border-blink{    
    border: 1px solid #0074B0;
    -webkit-animation: border-blink 1s step-end infinite;    
    animation: border-blink 1s step-end infinite;  
}

 @media only screen and (max-width: 767px) {
     .plan-content-box {
         width: auto;
    }
     .video-content {
         width: 95%;
    }
     #toTop {
         left: 10px;
         right: initial;
         bottom: 32px;
    }
     .footer-pb {
         padding-bottom: 75px;
    }
     #cookie-bar {
         font-size: 14px;
    }
     button#Cookie {
         font-size: 12px;
         font-weight: 600;
         margin: 2px 20px;
         padding: 2px 9px;
    }
     .banner-content {
         width: 100%;
         padding: 50px 20px;
    }
     .purchase-table-info th, .purchase-table-info td {
         padding: .4rem;
         font-size: 10px !important;
         width: 25% !important;
    }
     .software-purchase-box {
         max-width: 100% !important;
    }
     .purchase-table-info thead tr th, .purchase-table-info tbody tr th {
        /*font-size: 12px;
        */
    }
     .license-price .cancel-price {
         font-size: 16px;
    }
     .license-price .save-price {
         font-size: 10px;
         line-height: 14px;
    }
     .license-price .save-price span {
         font-size: 12px;
    }
     .license-price .offer-price {
         font-size: 20px;
    }
     .license-price .offer-price span {
         font-size: 12px;
         vertical-align: bottom;
    }
     .purchase-table-info .theme-inverse-btn2 {
         padding: 2px 12px !important;
    }
    /*.purchase-table-info .theme-inverse-btn2 span {
         display: none !important;
    }
    */
     .purchase-table-info .purchase-box-container {
         display: initial;
    }
     .purchase-table-info .purchase-box-container ul li {
         text-align: center;
    }
}
 @media only screen and (max-width: 480px) {
}
 @media only screen and (max-width: 360px) {
     .top-header .live-support a span {
         display: none;
    }
}

.feature-table {

    padding: 0;

    text-align: center;

}

feature-table table {

    border-right: 1px solid #dadada;

    border-top: 1px solid #dadada;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

.feature-table table th {

    background: #f5f5f5 none repeat scroll 0 0;

    border-bottom: 1px solid #dadada;

    border-left: 1px solid #dadada;

    color: #000000;

    font-size: 16px;

    font-weight: normal;

    padding: 10px;

    text-align: left;

}

.feature-table table th div a {

    background-color: #f5f5f5;

    background-image: none;

    border: medium none;

    color: #000000;

    font-size: 16px;

    padding: 0;

    text-shadow: 1px 1px #ffffff;

}

.feature-table table td {

    border-bottom: 1px solid #cccccc;

    border-left: 1px solid #cccccc;

    color: #000000;

    font-size: 13px;

    font-weight: normal;

    padding: 10px;

}

.feature-table table td div {

    text-align: center;

}

.probox img {

    width: 100%;

}

sup {

    top: -0.5em;

}

.feature-table table td div strong {

    color: #990000;

    display: block;

    font-size: 36px;

    padding: 0;

    text-align: center;

    text-decoration: line-through;

}

.feature-table table td div strong span {

    color: #000000;

    display: inline;

    font-size: 24px;

}

.feature-table table td strong {

    color: #99cc00;

    display: block;

    font-size: 36px;

    padding: 0 0 20px;

    text-align: center;

}

.feature-table table td a {

    background-color: #49c0f0;

    background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);

    border: 1px solid #15aeec;

    border-radius: 10px;

    color: #ffffff;

    display: block;

    font-size:17px;

    margin:4px;

    padding: 10px;

    text-align: center;

    text-decoration: none;

    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);

}



.suiteprice ul {

    margin: 30px 0 0;

}

.suiteprice ul li.suitered {

    background: #993300 none repeat scroll 0 0;

    color: #ffffff;

    padding: 5px;

}

.suiteprice ul li.suitegray {

    background: #333333 none repeat scroll 0 0;

    color: #ffffff;

    padding: 5px;

}

.suiteprice ul li {

    display: block;

    margin: 0 0 5px;

    text-align: left;

}

.suiteprice ul li.suiteblue {

    background: #2854ff none repeat scroll 0 0;

    color: #ffffff;

    padding: 5px;

}

.suiteprice ul li.suitegreen {

    background: #589924 none repeat scroll 0 0;

    color: #ffffff;

    padding: 5px;

}

.suiteprice {

    float: right;

    text-align: left;

    width: 45%;

}

.suitebox {

    float: left;

    width: 55%;

}

.feature-table table th a {

    background-color: #49c0f0;

    background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);

    border: 1px solid #15aeec;

    border-radius: 10px;

    color: #ffffff;

    display: block;

    font-size: 17px;

    margin: 4px;

    padding: 10px;

    text-align: center;

    text-decoration: none;

    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);

}

.faqtab-content {

    display: none;

    padding: 20px;

}

.feature-table table td span {

    display: inline;

    font-size: 24px;

    font-weight: bold;

    text-align: center;

}

.feature-table table th strong span {

    font-size: 24px;

}

.feature-table table th strong {

    display: block;

    font-size: 36px;

    text-align: center;

}

.refund {

    float: left;

    font-size: 12px;

    margin: 30px 0 20px 0;

    text-align: left;

    width: 48%;

}

.secure {

    float: right;

    font-size: 12px;

    margin: 30px 0 20px 0;

    text-align: left;

    width: 48%;

}

.refund img {

    float: left;

    margin: 0 10px 0 0;

}

.refund strong {

    display: block;

}

.refund a {

    color: #cc9900;

}

.buynow {

    border-radius: 6px;

    box-shadow: 1px 1px 5px #cccccc;

    margin: 50px 0 0;

}

.buynow a {

    color: #0099cc;

}

.secure img {

    float: left;

    margin: 0 10px 30px 0;

}

#faqtab-1 { 

    display: block;

}

.feature-table table th.redrow {

    background: #993300 none repeat scroll 0 0;

    color: #ffffff;

}

.lrg-txt-new {

    font-size: 24px;

    font-weight: bold;

    padding: 30px 0 20px;

}

.feature-table table th.grayrow {

    background: #333333 none repeat scroll 0 0;

    color: #ffffff;

}

.feature-table table th.bluerow {

    background: #2854ff none repeat scroll 0 0;

    color: #ffffff;

}

.feature-table table th.greenrow {

    background: #589924 none repeat scroll 0 0;

    color: #ffffff;

}

.release {

    font-size: 30px;

    padding: 0 0 10px;

}



.impnote {

    background: #f3f3f3 none repeat scroll 0 0;

    border: 1px solid #e3e3e3;

    border-radius: 6px;

    padding: 10px;

}

.impnote strong {

    color: #cc0000;

}

strong {

    font-weight: bold;

}

.gradient {

    background: rgba(0, 0, 0, 0);

    margin: 10px 0;

}

.paymentoptions {

    margin: 0 auto;

    padding: 25px 0;

    text-align: center;

    width:980px;

}

.lrg-txt {

    font-size: 36px;

    font-weight: 300;

    padding: 0;

   

}

ul.resp-tabs-list, p {

   line-height: 25px;

    margin: 0;

    padding: 10px 0 0;

}

}

.paymentoptions a {

    color: #0099cc;

    text-decoration: none;

}

.paymentoptions a {

    color: #0099cc;

    text-decoration: none;

}

.headerlanguage{ position:absolute; right:30px; top:70px; width:120px; margin:0 1px; border:1px solid #999;  border-radius:8px;}
.headerlanguage ul {list-style: none;padding: 0px;margin: 0px;}
.headerlanguage ul li {display: block; position: relative;  background: rgba(255, 255, 255, 0.1) url(https://www.undeletepcfiles.com/img/downarrow.webp) no-repeat 75px 12px;}
.headerlanguage li ul {display: none;}
.headerlanguage ul li a {display: block;padding:0 7px;text-decoration: none; white-space: nowrap;color: #060606; font-size:12px; line-height:28px;}
.headerlanguage ul li a:hover {background-color: #FFFFFF;}
.headerlanguage li:hover ul {display: block; position: absolute; width:100px; margin-left:-1px; top:29px;}
.headerlanguage li:hover li {float: none;  border-bottom:1px solid #999; background:#ccc; border-radius:4px;}
.headerlanguage li:hover a {background-color: #FFFFFF;}
.headerlanguage li:hover li a:hover {background-color: #FFFFFF;}
.headerlanguage ul li a.English{background: url(https://www.undeletepcfiles.com/img/en.webp) no-repeat 7px 9px; padding:0 0 0 30px;}
.headerlanguage ul li a.German{background:#eee url(https://www.undeletepcfiles.com/img/de.webp) no-repeat 7px 9px; padding:0 0 0 30px; color:#333; border-radius:4px;}
.headerlanguage ul li a.Spanish{background:#eee url(https://www.undeletepcfiles.com/img/es.webp) no-repeat 7px 9px; padding:0 0 0 30px; color:#333; border-radius:4px;}
.headerlanguage ul li a.Nederlands{background:#eee url(https://www.undeletepcfiles.com/img/nl.webp) no-repeat 7px 9px; padding:0 0 0 30px; color:#333; border-radius:4px;}
.headerlanguage ul li a.France{background:#eee url(https://www.undeletepcfiles.com/img/fr.webp) no-repeat 7px 9px; padding:0 0 0 30px; color:#333; border-radius:4px;}
.headerlanguage ul li a.Italiano{background:#eee url(https://www.undeletepcfiles.com/img/it.webp) no-repeat 7px 9px; padding:0 0 0 30px; color:#333; border-radius:4px;}