/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

html{

scroll-behavior: smooth;

}
body{
margin:0;
font-family: 'Poppins', sans-serif;
}
a{
font-family: 'Poppins', sans-serif;
font-size:14px;
}
a:hover{
color:black;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Poppins', sans-serif;
font-weight:600;
padding-bottom:40px;
padding-top:20px;
}
h2{
font-size:30px;
}
h3{
font-size:28px;
}
h4{
font-size:21px;
}
p{
font-size:16px;
font-weight:400;
line-height:15pt;
color:#6b7676;
}
.btn,.btn-signup-td{
    background-color: #15b2aa;
    color: white;
    font-family: 'Poppins', sans-serif;
    border-radius: 100px;
    padding: 5px;
    border: navajowhite;
    padding: 10px;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}
.btn-intro{
padding:10px;
margin-left:40px;

}

.intro ul{margin-left:-40px;}
.intro .btn-intro{    margin-top: 16px;
    margin-left: 1px;}
.pera-head{
font-size:24px;

}
.sec-bg{
background-color:#e7f7f6;
}
.table_head{
    text-align: center;
vertical-align: center;
text-transform: capitalize;
    background-color:#e7f7f6;
}
.tbl-pricing{
padding-top:40px;
font-weight: 600;
text-align: center;
}
.tbl-pricing i:before{
    text-align:center;
   color: #15b2aa
}
.tbl-pricing .desc-ul{
    text-align: left;
    font-weight: 400;
}
.tbl-pricing  .title{
    text-transform: capitalize;
    font-weight: 600;
    text-align: left;
}
.clients-bg{
background-color:#00b8bb
}
.text-black{
color:#000000;
}
.text-white{
color:#FFFFFF;
}

input:checked + .slider {
    /* background-color: #11a099; */
}
.slider.round {
    /* border-radius: 34px; */
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    vertical-align: middle;
    margin: 0;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
input:checked + .slider {
    background-color: #11a099;
}
.slider.round {
    border-radius: 34px;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.header
{
    margin-top: -10px;
    background: url(../../img/banner_bg.png) no-repeat;
  
    background-size: 100%;
}
.carousel-item-heading{
      min-height: 132px;
 }
.header-faq{
   
   
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(../../img/banner_bg.png) no-repeat;
    margin-top: -22px;
    background-size: 100% 100%
}
.header-faq p{color:#ece9e9;}
.header-faq h2{color:white;padding-bottom: 0;padding-top: 0;}
.menu

{
background-color:#4b395c;
}
.title-text{
    text-align:center;
}
nav{
top:0;
}
.faq-wrapper ul li p{
    padding-top:10px;
}
.navbar-brand {
   
   padding-top:0; 
    }
    .navbar-brand img {
        height: 82px;
        width: 200px;
    }
    .navbar-collapse{
        float: right;
    }
nav ul li{
    white-space: nowrap;
    padding-left: 0px;
}
nav ul li a{
color:white;
}
nav ul li.reg-lnk{
       background-color: white;
    margin-right: 8px;
    font-size: 12px;
    border-radius: 100px;
    height: 35px;
    padding-top: 8px;
    margin-top: 6px;
}
.reg-lnk a{
  color: #000;

   margin-bottom:-15px;
}
.lng-drp{

    border-radius: 100px;
    border: 1px solid white;
    height: 27px;
    margin-top: 6px;
    margin-left: 20px;
  
    padding-right: 10px;
}
 .lng-drp a{
    padding-left: 15px;
 color:#FFFFFF;
 }
 
.banner{
padding-top:80px;
text-align:center;
} 
.banner h2{padding-bottom:120px;}
video{
border:solid 28px white;

width:100%;
border-radius:10px;

}
section{
padding-top:80px;
padding-bottom:80px;
/*padding-left:14%;*/
}
.about{
text-align:center;
padding:25px;
}
.about img{
height:100px;

}
.about .box {
    box-shadow: 2px 2px 4px grey;
    padding: 30px;
    border-radius: 5px;
    min-height: 500px;
}
.about .offset-1{
margin-left:1.2%;
}
.about p{
color:#000000;
min-height:150px;
}
.about h3{
    padding-bottom: 10px;
    
}
.about h3{
  font-weight:400;
 min-height:120px;
}
.about hr{
width:50px;
border-color:#999999;
border-width:2px;

}
img.lnkmore{
height:50px;
bottom:0;
}
.box:hover{
background-color:#00b8bb;

}
.box:hover p,.box:hover h3{
color:#ffff;
}
.box:hover .inner-box i{
    color: #ffff;
    border: 1px solid #ffff;
  
}
.intro{
/*padding-left:13%;
padding-right:100px;*/
    padding-top: 80px;
    min-height: 498px;
}

.intro:nth-of-type(odd) {
    background-color:#e7f7f6;
    }
        
    .intro:nth-of-type(even) {
    background-color:#fff;
    }
    .feature_page{
padding-left:10%;
padding-right:10%;
    }
    .feature_page:nth-of-type(odd) {
        background-color:#fff;
        }
            
        .feature_page:nth-of-type(even) {
        background-color:#e7f7f6;
        }
.intro li{
list-style:none;
margin-bottom:10px;
}
.intro li:before{

margin-right:10px;
content: '\f05d';
    font-family: 'FontAwesome'
}
.inner-box i{
    color: #CCCCCC;
    border: 1px solid #CCCCCC;
  
    border-radius: 100px;
    height: 30px;
    width: 30px;
    padding-bottom: 10px;
    bottom:0;
    font-size:26px;
}
.intro img{
    height:auto;
    max-width:100%;
   
}
.sec-2{
display:none;
}
.dropdown-item
{
color:#000000 !important;
}

.product-info:before{
clear:both;
}

.product-info{
margin-left:7%;
padding:80px;
}

.product-info .carousel-indicators {
    position: relative;
    bottom:0;
    padding-top:107px;
    }
 .product-info  .carousel-thumbnails .carousel-indicators img {
    width: 102px !important;
    height: 94px;
    overflow: hidden;
    display: block;
    
}

.product-info .slider-desktop img {
    position: absolute;

    left: 21px;
    right: 0;
    margin: auto;
    top:140px;
    width: 540px;
    height: 379px;
}
.product-info .carousel-inner {
    position: relative;
    width: 100%;
   
    padding-bottom:100px;
}
.product-info .carousel-item img {
    /* height: 292px;
    width: 498px !important;
    margin-left: 250px;
    */
        height: 258px;
    width: 499px !important;
    margin-left: 250px;
    margin-top: 20px
}
.product-info .carousel-thumbnails .carousel-indicators li {
    height: auto;
    max-width: 100px;
    width: 100px;
    border: none;
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
    margin-left:20px;
    &.active {
        border-bottom: 4px solid #fff;
    }
}


.howwework p{
padding-bottom:0;
padding-top:100px;
}
.howwework h4{
padding-top:10px;
}
.howwework .btn{
padding-left:30px;
padding-right:30px;
}
.howwework img{
margin-top:15px;
} 





.testimonial h4{
padding-bottom:0px;
}
.testimonial img{
margin-top:40px;
margin-left:15px;
}
.testimonial .img-box img{
margin-top:0px;
float:left;
}
.testimonuial p{
padding-top:0px;
font-weight:400;
font-size:15px;
}
.testimonial i{
    padding-top: 20px;
    font-size: 32px;
    color:#15b2aa;
padding-bottom:0px;
}
.testimonial .carousel .item {
    color: #999;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    min-height: 340px;
}
.testimonial .carousel .item a {
    color: #eb7245;
}
.testimonial .carousel .img-box {
    width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 50%;
}
.testimonial .carousel .img-box img {
width: 90%;
    height: 90%;
    display: block;
    margin-left: -150px;
    border-radius: 50%;
    float: left;
}
.testimonial .carousel .testimonial {   
    padding: 30px 0 10px;
}
.testimonial .carousel .overview {  
     text-align: left;
    padding-bottom: 5px;
    float: right;
    margin-top: -96px;
    margin-right: 103px;
    font-size: 14px;
}
.testimonial .star-rating{
display:none;
}
.testimonial .carousel .overview b {
    color:#15b2aa;
    font-size: 15px;
    text-transform: uppercase;
    display: block; 
    padding-bottom: 5px;
}
.testimonial .carousel .star-rating i {
    font-size: 18px;
    color: #ffdc12;
}
.testimonial .carousel .carousel-control {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #999;
    text-shadow: none;
    top: 4px;
}
.testimonial .carousel-control i {
    font-size: 20px;
    margin-right: 2px;
}
.testimonial .carousel-control.left {
    left: auto;
    right: 40px;
}
.testimonial .carousel-control.right i {
    margin-right: -2px;
}
.testimonial .carousel .carousel-indicators {
    bottom: -42px;
    float: left;
    margin-left: -319px;
}
.testimonial .carousel-indicators li, .carousel-indicators li.active {
    width: 11px;
    height: 11px;
    margin: 1px 5px;
    border-radius: 50%;
}
.testimonial .carousel-indicators li {  
    background: #e2e2e2;
    border-color: transparent;
}
.testimonial .carousel-indicators li.active {
    border: none;
    background: #888;       

}


.faq h2{
padding:0;
}
.faq h4{
padding-bottom:10px;
}


.faq-img {

    margin-left: -350px;
margin-top:-90px;
}

.faq-wrapper .card {

    margin-bottom: 20px;

    border-radius: 0;

    border: 2px solid #f0f5ff;

}

.faq-wrapper .card-header {

    padding: 0;

    border-radius: 0;

    background: no-repeat;

    border: none;

}

.faq-wrapper .card-header:first-child {

    border-radius: 0;

}

.faq-wrapper .card-header h2 button::after {

    position: absolute;

    content: "\f068";

    top: 25px;

    right: 50px;

    font-size: 12px;

    font-family: "FontAwesome";

    font-weight: 700;

    color: #152136;

}

.faq-wrapper .card-header h2 button.collapsed::after {

    color: #54688b;

}

.faq-wrapper .card-header h2 button.collapsed:after{

    content: "\f067";

}

.btn.faq-btn {

    padding: 25px 40px;

    background: none;

    border: none;

    color: #152136;

    font-size: 14px;

    text-transform: unset;

    width: 100%;

    text-align: left;

    text-decoration: none;

    border-radius: 0;

    white-space: normal;

}

.btn.faq-btn.collapsed{color: #54688b;}

.faq-wrapper .card-body {

    padding: 20px 40px;

    padding-top: 0;

}

.btn.faq-btn.btn-link.collapsed {

    background: #f0f5ff;

}

.faq-wrapper .card:last-child{

    margin-bottom: 0;

}

.faq-wrap .card-body .image {

    float: left;

    margin-right: 30px;

    display: block;

}

.faq-wrap .card-body p {

    margin-bottom: 0;

    overflow: hidden;

    font-size: 14px;

    line-height: 1.7;

    padding-right: 20px;

}

.faq-wrap .card-body {

    overflow: hidden;

    padding: 30px 45px;

    padding-top: 15px;

}

.faq-wrap .card {

    margin-bottom: 30px;

    border-radius: 0;

    border: 5px solid #96d8c4;

}

.faq-wrap .card-header {

    padding: 0;

    border-radius: 0;

    background: no-repeat;

    border: none;

}

.faq-wrap .card-header:first-child {

    border-radius: 0;

}

.faq-wrap .card-header h2 button::after {

    position: absolute;

    content: "\f070";

    top: 31px;

    left: 50px;

    font-size: 16px;

    font-family: "FontAwesome";

    font-weight: 700;

    color: #152136;

}

.faq-wrap .card-header h2 button.collapsed::after {

    color: #54688b;

}

.faq-wrap .card-header h2 button.collapsed:after{

    content: "\f06e";

}

.btn.inner-faq-btn {

    padding: 27px 40px;

    background: none;

    border: none;

    color: #152136;

    font-size: 16px;

    text-transform: unset;

    width: 100%;

    text-align: left;

    text-decoration: none;

    border-radius: 0;

    white-space: normal;

    padding-left: 100px;

    letter-spacing: unset;

    font-weight: 400;

}

.btn.inner-faq-btn.btn-link.collapsed {

    background: #96d8c4;

}

.btn.inner-faq-btn.collapsed {

    color: #3f5274;

}

.faq-wrap .card-header h2 button.inner-faq-btn.collapsed::after {

    color: #3f5274;

}

.inner-faq-padding {

    padding-top: 140px;

    padding-bottom: 110px;

    position: relative;

}

.left-shape {

    position: absolute;

    left: 0;

    width: 100%;

    z-index: -1;

    bottom: 160px;

}

.right-shape {

    position: absolute;

    right: 150px;

    top: 200px;

    z-index: -1;

}




.clients{
background-color:#00b8bb;
    padding-top: 30px;
    padding-bottom: 30px;
}
.clients section{
padding-top:30px;
padding-bottom:30px;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* screenshot slider and logo slider  */
/*--
    - Slick Slider css
-----------------------------------*/
 
/* Slick SliderVersion: 1.8.1Author: Ken WheelerWebsite: http://kenwheeler.github.ioDocs: http://kenwheeler.github.io/slickRepo: http://github.com/kenwheeler/slickIssues: http://github.com/kenwheeler/slick/issues*/
 
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-slide img {
    display: block;
    margin-top: 195px;
}

.slidebar__form {
    position: relative;
}
.slidebar__form input {
    background: #bcbcbc47;
    border: none;
    width: 100%;
    padding: 18px 14px;
}
.slidebar__form button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: #15b2aa;
    padding: 19px 23px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}

.blog-box .widget-social a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
    background: transparent;
    border: 1px solid #15b2aa;
    color: #15b2aa;
    margin: 0 3px;
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fab {
    font-family: "Font Awesome 5 Brands";
}

.mb-40 {
    margin-bottom: 40px;
}

.blog-box .widget-social a i{
    margin-top: -14px;
    vertical-align: middle;
}

.blog-box .widget-social a:hover { 
    background-color:#15b2aa;
    color:#fff;
}

@media only screen and (max-width: 1600px) and (min-width: 1200px) {

.screen-mobile-image {
    background-image: url(../../img/center-img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 630px;
    left: calc(50% + 0.5px);
    position: absolute;
    top: -5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 277px;
    z-index: 2;
}
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.screenshot-center-active .slick-slide {
    padding: 30px 10px;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.screenshot-center-active .slick-slide .singel-screenshot {
    transition: all 0.3s ease 0s;
}
.singel-screenshot {
    position: relative;
}
.screen-mobile-image {
    background-image:url(../images/mobile_mockup.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 630px;
    left: calc(50% + 0.5px);
    position: absolute;
    top: -5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 277px;
    z-index: 2;
}
}

.screenshot-tow-active .slick-dots li button, .screenshot-center-active .slick-dots li button {
    border: 1px solid #29B9F2;
    width: 12px;
    height: 12px;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
    text-indent: -9999px;
}
/* --
    10. Screenshot Area Css
----------------------------------- */
/* --
    10. Screenshot Area Css
----------------------------------- */
.screenshot-active.swiper-container {
  width: 100%;
  padding-bottom: 50px;
}
.screenshot-active .swiper-slide {
  width: 337px;
  height: auto;
  padding: 0 20px;
}
.screenshot-active .swiper-pagination-bullet {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #29B9F2;
  border-radius: 100%;
  display: inline-block;
  height: 12px;
  opacity: 1;
  width: 12px;
  bottom: 0;
}
.screenshot-active .swiper-pagination {
  bottom: -5px;
}
.screenshot-active .swiper-pagination-bullet-active {
  background: #29B9F2;
  height: 12px;
  opacity: 1;
  width: 12px;
}

.slider-image img {
  width: 100%;
}

.singel-screenshot {
  position: relative;
}
.singel-screenshot .overlay-bg::after {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.singel-screenshot:hover .overlay-bg::after {
  opacity: 1;
}
.singel-screenshot a {
  position: relative;
  display: block;
}
.singel-screenshot a::after {
  content: "";
  width: 50%;
  height: 1px;
  left: 50%;
  top: 50%;
  text-align: center;
  background: #333;
  position: absolute;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.4s ease-in-out;
}
.singel-screenshot a::before {
  content: "";
  width: 1px;
  height: 40%;
  left: 50%;
  top: 50%;
  text-align: center;
  background: #333;
  position: absolute;
  opacity: 0;
  transform: translateY(-50%);
  transition: all 0.4s ease-in-out;
}
.singel-screenshot:hover a::after {
  width: 40px;
  opacity: 1;
  z-index: 99;
}
.singel-screenshot:hover a::before {
  height: 40px;
  opacity: 1;
  z-index: 99;
}

.screenshot-tow-active .slick-dots,
.screenshot-center-active .slick-dots {
  margin-top: 30px;
  text-align: center;
  width:100%;
      z-index: 4545 !important;
  margin-left:-1.5%;
}
.screenshot-tow-active .slick-dots li,
.screenshot-center-active .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.screenshot-tow-active .slick-dots li button,
.screenshot-center-active .slick-dots li button {
  border: 1px solid #29B9F2;
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  background-color: transparent;
  text-indent: -9999px;
}
.screenshot-tow-active .slick-dots li.slick-active button,
.screenshot-center-active .slick-dots li.slick-active button {
  background-color: #29B9F2;
}

.screnshot-content-three {
  position: relative;
}

.screen-mobile-image {
 background-image: url(../images/center-img.png);
    background-repeat: no-repeat;
    background-size: 62% 68%;
    display: block;
    height: 574px;
    left: calc(55% + -1.5px);
    position: absolute;
    top: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 277px;
    z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .screen-mobile-image {

     height: 474px;
    width: 285px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  
   .screen-mobile-image {
       height: 480px;
    width: 278px;
}
.screen-mobile-image {
    background-image: url(../images/center-img.png);
    background-repeat: no-repeat;
    background-size: 48% 44%;
    display: block;
    height: 711px;
    left: calc(58% + -3.5px);
    position: absolute;
    top: 229px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 277px;
    z-index: 2;
}
.screenshot-tow-active .slick-dots, .screenshot-center-active .slick-dots {
    margin-top: 30px;
    text-align: center;
    width: 100%;
    z-index: 4545 !important;
    margin-left: -2%;
}
.product-info .carousel-item img {
     height: 263px;
    width: 498px !important;
    margin-left: 143px;
}
.carousel-inner h4{
    text-align:center;
    width:350px;
    margin-left: 13px;
}

.intro img {
    height:auto;
    max-width:100%;
   }
    .navbar-brand img {
    height: 68px;
    width: 150px;
}
  .navbar-toggler{
   display:block;
  }
  .testimonial .carousel .carousel-indicators {
    bottom: -42px;
    float: left;
    margin-left: -229px;
}

.testimonial .carousel .img-box img {
    width: 90%;
    height: 90%;
    display: block;
    margin-left: -100px;
    border-radius: 50%;
    float: left;
}
.testimonial .carousel .overview {
    text-align: left;
    padding-bottom: 5px;
    float: right;
    margin-top: -96px;
    margin-right: 23px;
    font-size: 14px;
}


}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .screen-mobile-image {
 
    top: 222px;
    height: 632px;
    width: 310px;
    left: calc(55% + 24.5px);

  }
}
@media only screen and (max-width: 767px) {
  .screen-mobile-image {
    height: 380px;
    width: 170px;
  }
  .header-faq h2{padding-top: 30px;}
}
@media only screen and (max-width: 479px) {
  .screen-mobile-image {
    display: none;
  }
}

.screenshot-center-active .slick-slide {
  padding: 30px 10px;
}
.screenshot-center-active .slick-slide .singel-screenshot {
  transition: all 0.3s ease 0s;
}
.screenshot-center-active .slick-slide.slick-center .singel-screenshot {
  transform: scale(1, 1.05);
  margin-top: -12px;
}
.screenshot-center-active .slick-slide.slick-center .singel-screenshot img {
  border-radius: 27px;
  width: 100%;
  margin-top: 5px;
  outline:none;
}
.slick-slide  .section-title{
    display:none;
}
.slick-slide{ outline:none;}
.slick-slide.slick-current .section-title {
    display: block;
    width: 400px;
    min-height: 205px;
    text-align: center;
    margin-left: -125px;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
   
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background:none;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 70px;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
 display:none;
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);   
    background: rgba(0,0,0,0.5);
    color: #fff;     
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}

/* end of screen shot slider and logo slider */
.blog .btn{
bottom:0;
margin-top:50px;
padding-left:20px;
padding-right:20px;
}
.blog-box h5{
font-size:16px;
padding-bottom:0px;
}
.blog-box p{
font-size:13px;
padding-bottom:10px;

}
.blog-box a{
color:#00b8bb;
display:list-item;
list-style:none;
padding-top:5px;
text-decoration:none;
}
/*.blog i{
padding-right:5px;
float: left;
margin-top: 8px;
}*/
.blog .date-text{
    font-size: 12px;
    float:left;
}

.blog .user-text{
    font-size: 12px;
    float:right;
    margin-top: -6px;    min-width: 110px;
}
.user-text a{
font-size: 12px;
}
.blog .date-text i{
    margin-top: 0;
    }
.footer{
/*background:#152136 !important;
padding-top:10px;
padding-bottom:10px;*/
background: #152136 !important;
padding-top: 10px;
padding-bottom: 10px;
position: fixed;
left: 0;
right: 0;
bottom: 0;
}
.social-icons{
    text-align:right;
float:right;
}
.footer .social-icons i{
border:1px solid white;
border-radius:100px;
padding:7px;
width:30px;
height:30px;
padding-bottom:15px;
}
#scrollUp {
    border-radius: 100px;
    width: 40px;
    height: 40px;
    background-color: #4b395c;
    color: #ffffff;
    right: 33px;
    bottom: 92px;
    text-align: center;
    overflow: hidden;
    box-shadow: 2px 2px 2px #44316a;
}
#scrollUp i {
    display: block;
    line-height: 40px;
    font-size: 24px;
}
.features-saerch{
margin-left:-10px;

}


.signup-container .left-side .we-said { margin: 0 10px; outline: 0; margin-bottom: 50px;}
.mgt-team{margin-bottom: 250px;}
.mgt-team .cli-message { position: relative; padding: 30px; background: #15b2aa; color:white; border-radius: 10px; box-shadow: 0px 4px 15px 0px rgba(79, 79, 79, 0.18); color: #141415; line-height: 1.4; margin-bottom: 30px; }
.mgt-team .cli-message p{
    color:white;
    margin-left: 8px;
}
.mgt-team .cli-message strong { display: block; margin-bottom: 10px; }

.mgt-team .cli-message:after { content: ''; position: absolute; left: 55px; top: 100%; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #15b2aa; clear: both; z-index: 1; }

.signup-container .right-side form { padding: 30px; border-radius: 5px; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 13px 0px rgba(79, 79, 79, 0.1); }

.signup-container .right-side form .form-title { margin-bottom: 20px; }

.signup-container .right-side form .form-group label { line-height: 1; font-size: 16px; color: #222; }

.signup-container .right-side form .form-group .form-control { border-radius: 0; border: none; border-bottom: 1px solid #cccccc; padding: 6px 0; box-shadow: none; outline: 0; }

.profile-detail { display: flex; align-items: center; }

.mgt-team .img-box  img { margin-left: 20px; width: 100px; height: 100px; border: 3px solid #fff; border-radius: 100%; box-shadow: 0px 5px 8px 0px rgba(79, 79, 79, 0.18); }
.mgt-team .carousel-indicators{

    display:none;
}
.mgt-team .name-position {
    color: #15b2aa;
    font-size: 18px;
    float: right;
    text-align: left;
    margin-right: 10%;
    margin-top: -81px;
}
.mgt-team a.carousel-control i{
font-size: 56px;
margin-left: -34px;
display:none;
margin-top: -138px;}

.mgt-team a.carousel-control-next  i{
    font-size: 56px;
margin-right: -60px;
display:none;
}
.terms-block{
    padding-top: 40px;
    padding-bottom: 80px;
    position: relative;
}
.terms-block p{
    text-align: justify;

}
.terms-block strong{
color:black;

}
.terms-block a{
text-decoration: underline;

}
#myCarousel{
    margin-left:10%;
}
.mgt-team {
    margin-bottom: 250px;
    padding-left: 21%;
}
.features-search{margin-left:-15px;}
.features-saerch .input-group-append .btn{background-color:#1f2529;}
.features-left{margin-left: -69px;}





.pb-90 {
    padding-bottom: 90px;
}

.pt-140 {
    padding-top: 140px;
}
.mb-50 {
    margin-bottom: 50px;
}
.bsingle__post-thumb img {
    width: 100%;
}
.bsingle__content {
    padding: 50px;
    border: 2px solid #50abcb;
}
.bsingle__content .meta-info ul {
    margin-bottom: 7px;
    margin-left: -40px;
}
.bsingle__content .meta-info ul li {
    display: inline-block;
    font-size: 14px;
    margin-right: 30px;
    color: #5f708f;
    text-transform: capitalize;
}
.bsingle__content .meta-info ul li a {
    color: #5f708f;
    text-transform: capitalize;
}
.bsingle__content .meta-info ul li a i {
    margin-right: 5px;
}
.bsingle__content .meta-info ul li i {
    margin-right: 5px;
}
.bsingle__content h2 a{
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 500;
}
.bsingle__content p {
    padding-right: 35px;
    margin-bottom: 13px;
}
.bsingle__content p b{
    letter-spacing: 5px;
}
.bsingle__content .blog__btn .btn {
    background: #15b2aa;
    border-color: #15b2aa;
    color: #fff;
    padding: 17px 53px;
}
.pagination-wrap .pagination {
    display: block;
    border-radius: unset;
}
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    padding-left: 0;
    list-style: none;
    border-radius: 0;
}
.pagination-wrap .pagination li {
    display: inline-block;
    margin-right: 6px;
    margin-left: 0;
    margin-bottom: 0;
}
.pagination .page-item {
    display: inline-block;
    margin: 0 5px;
}
.pagination .page-item a.page-link,.pagination .page-item span.page-link {
    border-radius: 50%;
    padding: 0;
    height: 70px;
    width: 70px;
    line-height: 70px;
    background: #f8f8f8;
    color: #9fa7c5;
    font-size: 14px;
    border: none;
    font-weight: 500;
    vertical-align: middle;
    padding-left: 30px;
}
.pagination .page-item a:hover,.pagination .page-item span.page-link:hover{
    background-color: #15b2aa;
    color: #fff;
}
.widget {
    padding: 35px 25px 35px 25px;
    border: 1px solid #15b2aa;
    overflow: hidden;
    width: 110%;
}
.page-item.active a.page-link,.page-item.active span.page-link {
    z-index: 1;
    color: #fff;
    background-color: #15b2aa;
    border-color: #15b2aa;
}
.blog .carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 50%;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5);
}
.blog .carousel-indicators li.active {
  
    background-color: white;
}
.widget__banner-overly {
    top:800px;
    position: absolute;
    bottom: 150px;
    left: 0;
    right: 0;
    text-align: center;
}
.widget__banner-overly > span {
    font-size: 21px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 2px;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 150px;
    
    text-shadow: 1px 1px 1px black;
    padding-left: 70px;
    margin-bottom: 160px;
}
.widget__banner-overly h3 {
    color: #ffffff;
    font-size: 34px;
    margin-bottom: 129px;
    font-weight: 600;
    text-shadow: 2px 2px 2px black;
}

.post__share ul li {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
    background: transparent;
    border: 1px solid #15b2aa;
    color: #15b2aa;
    margin: 0 3px;
}
.blog-box li a {
    color: #00b8bb;
    display: list-item;
    list-style: none;
   padding-top: 0px;
   padding-right: 12px;
}
.post__share ul li:hover {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #15b2aa;
    border: 1px solid #15b2aa;
   color:white;
  
}
.post__share ul li:hover i.fa{
    color:white;
}



@media (min-width: 320px){
    .text-center-xs{
        text-align: center;
        margin-top: 10px;
    }
    .social-icon-height100 a img{
        height: 80px;
    }
    .header-faq-custom{
        margin-top: -25px !important;
    }
    .desktopFooterFixed{
        position: relative;width: 100%;bottom: 0;
    }
}
@media (min-width: 768px){
    .text-center-xs{
        text-align: right;
        margin-top: 0;
    }
    .social-icon-height100 a img{
        height: 100px;
    }
    .header-faq-custom{
        margin-top: -93px !important;
    }
    .desktopFooterFixed{
        position: fixed;width: 100%;bottom: 0;
    }
}
@media (min-width: 992px){
    .text-center-xs{
        text-align: right;
        margin-top: 0;
    }
    .social-icon-height100 a img{
        height: 100px;
    }
     .header-faq-custom{
        margin-top: -93px !important;
      }
    .desktopFooterFixed{
        position: fixed;width: 100%;bottom: 0;
    }
}
@media (min-width: 1200px){
    .text-center-xs{
        text-align: right;
        margin-top: 0;
    }
    .social-icon-height100 a img{
        height: 100px;
    }
    .header-faq-custom{
        margin-top: -93px !important;
    }
    .desktopFooterFixed{
        position: fixed;width: 100%;bottom: 0;
    }
}
.newsletter-sec h3,.newsletter-sec h4{
    margin: 0; padding: 0;
}
.newsletter-sec h3{
    text-transform: uppercase;
}
.newsletter-sec h4{
    color: #ffcc33
}
.newsletter-sec a {
    color: #fa4522;
    text-transform: uppercase;
}