body {
     
    }


@font-face {
    font-family: 'monstroregular';
    src: url('/canvas-fonts/pintassilgoprints_-_monstro-webfont.eot');
    src: url('/canvas-fonts/pintassilgoprints_-_monstro-webfont.eot?#iefix') format('embedded-opentype'), url('/canvas-fonts/pintassilgoprints_-_monstro-webfont.woff') format('woff'), url('/canvas-fonts/pintassilgoprints_-_monstro-webfont.ttf') format('truetype'), url('/canvas-fonts/pintassilgoprints_-_monstro-webfont.svg#monstroregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Medium-500";
    src: url('/fonts/Montserrat-Medium-500.woff') format('woff'), url('/fonts/Montserrat-Medium-500.woff2') format('woff2'), url('/fonts/Montserrat-Medium-500.svg#Montserrat-Medium-500') format('svg'), url('/fonts/Montserrat-Medium-500.eot'), url('/fonts/Montserrat-Medium-500.eot?#iefix') format('embedded-opentype'), url('/fonts/Montserrat-Medium-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular-400.eot');
    src: url('/fonts/Montserrat-Regular-400.eot?#iefix') format('embedded-opentype'), url('/fonts/Montserrat-Regular-400.woff2') format('woff2'), url('/fonts/Montserrat-Regular-400.woff') format('woff'), url('/fonts/Montserrat-Regular-400.ttf') format('truetype'), url('/fonts/Montserrat-Regular-400.svg#Montserrat') format('svg');
}


@font-face {
    font-family: "Montserrat-ExtraBold-800";
    src: url('/fonts/Montserrat-ExtraBold-800.woff') format('woff'), url('/fonts/Montserrat-ExtraBold-800.woff2') format('woff2'), url('/fonts/Montserrat-ExtraBold-800.svg#Montserrat-ExtraBold-800') format('svg'), url('/fonts/Montserrat-ExtraBold-800.eot'), url('/fonts/Montserrat-ExtraBold-800.eot?#iefix') format('embedded-opentype'), url('/fonts/Montserrat-ExtraBold-800.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


    /* Navbar */
    .navbar-brand img {
      height: 28px;
    }

    .nav-link {margin-right: 15px;
      color: #333;
      font-weight: 500;
    }

    .nav-link:hover {
      color: #777;
    }

    .btn-login {
      background: #1e1e1e;
      color: #fff;
      border-radius: 6px;
      padding: 6px 14px;
      font-weight: 500;    font-size: 14px;
    }

    .btn-login:hover {
      background: #000;      color: #fff;
    }

    /* Hero Section */
.hero-section {
    background: linear-gradient(90deg, #e8fcfc 0%, #e3ebf8 100%);
    padding: 120px 0 80px 0;
}

.hero-title {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: "Montserrat-ExtraBold-800";
color:#000;
}

    .hero-title .text-green {
      color: #000;
    }

    .hero-title .text-orange {
      color: #ff6600;
    }

    .hero-desc {
      font-size: 1.125rem;
      color: #000;
      margin: 20px 0;
    }

    .try-btn {
      background-color: #000;
      color: #fff;
      font-weight: 600;
      padding: 10px 30px;
      border: none;
      border-radius: 8px;
    }

    .try-btn:hover {
      background-color: #2c5fff;
    }

    .trial-text {
      margin-top: 10px;
      color: #000;
      font-size: 0.95rem;
    }

    .trial-text .text-success {
      color: #00b386 !important;
      font-weight: 600;
    }

    .brand-logos img {
      max-height: 60px;
      margin-right:10px;
      opacity: 0.8;
    }

    .hero-image-container {
      position: relative;
      width: 100%;
      max-width: 600px;
          float: right;
    }

    .hero-main-image {
      width: 100%;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    }
.brand-logos img{border-radius:50%; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; padding:4px;}
    .floating-icon {
      position: absolute;
      width: 40px;
      height: 40px;
      background: white;
      border-radius: 12px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px;
    }

    .icon-1 { top: 20%; left: -30px; }
    .icon-2 { top: 0; left: 70%; }
    .icon-3 { bottom: -20px; left: 10%; }
    .icon-4 { bottom: 20px; right: -30px; }

 
 .comparison-table {
      background-color: #f8f9fa;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px;
    border: 10px solid #f8f9fa;
    margin:0px;
    }
	 .comparison-table td{text-align:left;}
    .feature-row td {
      border: 1px solid #ddd;
	  padding:15px 25px 15px 65px; position:relative; color:#000;
    }
    .icon-check {
      color: #1cc88a;
      font-size: 20px; 
	  position:absolute; left: 23px;
    top: 12px; 
    }
    .icon-cross {
      color: #d9534f;
      font-size: 20px;  position:absolute;     left: 23px;
    top: 12px;
    }
    .brand-opti {
     color:#2c5fff;
      font-weight: bold;
    }
.brand-yodeck {
    color: #ff6600;
    font-weight: bold;
    line-height: 12px;
    font-size: 20px;
    font-family: "Montserrat-Medium-500";
}
.hero-section .try-btn.bouttn {text-decoration:none !important;
}



.table-light th {
    color: #000;
    font-weight: bold;
    line-height: 12px;
    font-size: 20px;
    font-family: "Montserrat-Medium-500";
}
.table-responsive {
    width: 94%;
    margin: 0 auto;
}

.compare-head h2 {
    font-size: 40px;
    font-family: "Montserrat-ExtraBold-800";
    margin-bottom:25px;
    color:#000;
}
.vstxt {
    color: #1cc88a;
    font-size: 2rem;
    position: absolute;
    left: -20px;
    top: 7px;
    font-family: "Montserrat-ExtraBold-800";
}
	 .table-responsive th{position:relative; padding:25px 10px;}
	 
 .table-responsive tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

 .table-responsive tbody tr:nth-child(odd) {
  background-color: #fff;
  color: #fff;
}
.table>:not(caption)>*>*{background:transparent;}

.case-summery H2 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 55px;
    font-family: "Montserrat-ExtraBold-800";
    color: #000;
}
.comparison-txt H3 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 55px;
    color: #000;
}
.icon-yellow img {
    position: absolute;
    left: 21px;
    top: 13px;
    width: 25px;

}
.comparison-txt H3 a {
    cursor: pointer;
    color: #2c5fff !important;
    font-family: "Montserrat-Medium-500";
    font-weight: bold;
}
.comparison-txt H2 a:hover {color:#000!important;}
.comparison-txt p{font-size:14px; text-align:center; color:#ada6a6;}


.comparison-txt ul {
    padding: 0px;
}

    .comparison-txt ul li {
        list-style-type: none;
    }

/*---------------------------testimonials*/

.testimonial-area {
    background: #5c497d;
    position: relative;
    z-index: 2;
    padding: 50px 0;
}
.testimonial-area .owl-carousel {
	overflow: hidden;
	padding: 0 20px;
 
	padding-right: 40px;
}
.testimonial-area .owl-stage-outer {
	padding: 30px 50px;
	margin-left: -34px;
	width: calc(100% + 100px);
}

.single-testimonial {
    border: 1px solid #ffffff73;
    text-align: center;
    border-radius: 45px;
    position: relative;
    z-index: 2;
}
.single-testimonial p {
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	padding: 30px;
	padding-bottom: 30px;
	position: relative;
	z-index: 3;    text-align: left;
}
    
.round {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
} 
.client-video {
	padding-right: 15px;
}
.client-info {
	position: relative;
	z-index: 3;
}
.client-info a {
	width: 40px;
	height: 40px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
	font-size: 22px;
}
.client-info {
	display: flex;
	align-items: center;
	justify-content: left;
	text-align: left;
	padding-bottom: 50px;
    padding-left:30px;
}
.client-info h6 {
	color: #000;
	font-weight: 700;
	font-size: 18px;
	color: #fff;    font-family: "Montserrat-Medium-500";
}
.client-info span {
	display: inline-block;
	color: #fff;
	font-size: 12px;
}
.sec-title.white-title h2 {
    font-family: "Montserrat-ExtraBold-800";
    color: #fff;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 40px;
    margin-bottom: 25px;
}
.owl-dots button {
	background: #fff !important;
	width: 10px;
	height: 10px;
	border-radius: 26px;
	margin: 0 5px;
	transition: 0.3s;
}
.owl-dots {
	text-align: center;
	margin-top: 50px;
}
.owl-dots button.active {
	width: 30px;
}
.choose {
    background: #fafafa;
    border-radius: 1.5rem;
    padding: 25px 0px;
    border: 10px solid #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.choose .card-box {
    border: 0px;
    margin-bottom: 15px;
}
    .choose .card-box h3 {
        font-size: 20px;
        font-family: "Montserrat-ExtraBold-800";
        position:relative;
        color:#000;
    }

    .choose.card-box .link {
        text-decoration: none;
    }

    .choose span {
        position: absolute;
        left: -58px;
        top: -3px;
        background: #000; color: #fff;
        border-radius: 50%;
        padding: 7px;
        height: 40px;
        width: 40px;
        text-align: center;
    }
    /*footer section*/
    .footerSection {
        background-color: #f3f2f2;
        padding-top: 5.32rem;
        padding-bottom: 0rem;
        width: 100%;
    }
.choose p {line-height:20px; font-size:14px;
}

.case-summery {margin-bottom:50px;
}
    .case-summery .case-summery-table {
        width: 80%;
        margin: 0 auto;
  
    }
        .case-summery .case-summery-table table {
            width: 100%;
            border: 10px solid #fafafa;
        }
            .case-summery .case-summery-table table th {
                background: #fafafa;
                border: 1px solid #fafafa;
                padding: 10px;
                font-family: "Montserrat-Medium-500";
                color:#000;
            }
             .footerSection .solid-left {
                position: relative;
            }
.case-summery .case-summery-table table td {
    border: 1px solid #ddd;
    padding: 10px;
}
.footerSection .left-contact {
    z-index: 99;
    position: relative;
}
.socialMedia {
    margin-top: -20px;
}


.socialMedia {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

    .socialMedia li {
        width: auto;
        height: auto;
        border-radius: 5px;
    
      
        text-align: center;
    }
        .socialMedia li .fa {
            font-size: 25px;
            margin-top: 10px;
            color: #363738;
        }

    .socialMedia li .socialMediaIcon {
        display: block;
      
        border: solid 1px #f5f5f5;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
    }
.footerSection h2 img {height:25px;
}
.footerSection .socialMedia li img {width:33px;
}
.footerSection .socialMedia li {
    padding: 0px 25px 0px 0px;
}
.footerSection a.call {color:#000; font-size:1.5rem; font-weight:bold;
}
.footerSection a.mailid {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.rightsTo img{
    background: #fff;
    height: 35px;
    border-radius: 50%;
    padding: 8px;
    margin-right: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-bottom: 3px;
}
.rightsTo p {margin-bottom:10px;
}
.rightsTo a:hover {
    color: #249ad6;
}
.socialMedia {
    margin-top: -20px;
}
.pay-logo img {
    width: 39%;
    background: #fff;
    padding: 2px 7px;
    border-radius: 8px;
    height: 68px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.footerSection .solid-left {
    position: relative;
}
.footerSection .left-contact {
    z-index: 99;
    position: relative;
}
/*.footerSection .solid-left:after {
    content: '';
    width: 657px;
    height: 124%;
    background: #eaebeb;
    display: block;
    position: absolute;
    top: -83px;
    left: -124px;
    /* border-radius: 25px;  
    z-index: 1;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; 
}*/
/**footer li csss*/
.footer-link {
    padding-left: 0px;
    margin: 2.5rem 0rem;
    width: auto;
}
    .footer-link li {
        float: left;
        list-style-type: none;
        padding: 2rem 0rem 2rem 4.2rem;
    }
    .footer-link li a{
        font-size:14px;
    }
.footer-align-right {
    justify-content:center;
}

.copyright {
    color: #141313;
    text-align: center;
    padding: 25px 25px;
}
.footer-links ul {float:left; width:25%;
}
.pay-logo {margin-top:2px; width:100%;
}

.footer-links ul li span {
    display: inline-block;
    padding: 10px 33px;
    border-radius: 30px;
    transform: translateX(10px);
    font-size: 14px;
    transition: all .5s ease;
}

.footer-links ul
 
 {
    float: left;
    width: 25%;
	padding:0px; list-style-type:none;
}
.footer-links ul li a{color:#000;}
.footer-links ul li a:hover span {
    color: #000;
    padding: 10px 30px 10px 28px;
    transition: all .5s ease;}

.footerlogo a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-family: "Montserrat-ExtraBold-800";
}
 .footerSection a.mailid {
    color: #000;
    font-size: 14px;
    font-weight: bold; text-decoration:none;
}
.book-call {
    background: #000;
    border: 0;
    color: #fff;
    padding: 5px 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 6px;
    margin-top: 23px;
    font-size: 14px;
}
.book-call:hover {background: #2c5fff;color: #fff;}


/*================================*/
.section {padding:40px 0;}
.editor-image {max-width: 100%;border-radius: 12px;box-shadow: 0 8px 30px rgba(0,0,0,0.05);}
.highlight {color:#2c5fff;font-weight: bold;}
.subheading {color: #ff7a00;letter-spacing: 1px;text-transform: uppercase;font-weight: 600;}
.btn-try {color: #ffffff;font-weight: 600;text-decoration: none;background: #000000;padding: 9px 20px;border-radius: 6px;    }
.btn-try:hover {text-decoration: none; background:#2c5fff;}	
.Covered .container {margin: 0 auto;width: 80%;}
    .Covered .container h2 {
        text-align: center;
        font-size: 40px;
        margin-bottom: 60px;
        font-family: "Montserrat-ExtraBold-800";
        color:#000;
    }
.Covered  .col-md-6{padding:0px 30px;}
.Covered img{border:0px solid #ede7e7; padding:20px;}

section.Trial {
    text-align: center;
    background: #434343;
    padding: 40px 0px 40px 0px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
    section.Trial h2 {
        color:#fff;
        font-weight: bold;
        font-size: 35px;
        font-family: "Montserrat-ExtraBold-800";
        margin-right: 25px;
    }
section.Trial .btn-try{background:#fff; color:#000; padding: 15px 25px;}
section.Trial .btn-try:hover{background:#2c5fff}
.restarurent {margin: 70px 16% 70PX 16%;}

.restarurent-box {background: #e7f3eb;padding: 25px;border-radius: 25px;}
    .restarurent-box h2 {
        font-weight: bold;
        font-size: 40px;
        font-family: "Montserrat-ExtraBold-800";
        margin-bottom: 34px;
        color:#000;
    
    }
    .restarurent-box p {color:#000;
    }
    .restarurent .light {
        width: 87%
    }

@media screen and (max-width: 480px) {
    .Covered .container {margin: 0 auto;width: 100%;}
    .restarurent {margin: 25px;}
    .restarurent .light {  width:100%; margin-bottom:25px;}
     ul.footer-links ul{width:100%;   }
    .footer-links ul li span {padding: 10px 3px; }
    .Covered .container h2 { font-size: 29px;    font-family: "Montserrat-ExtraBold-800";}
    .restarurent-box h2 { font-size: 37px; }
    .compare-head h2{ font-size: 29px; }
    section.Trial h2 { color: #fff;font-weight: bold;font-size: 30px;}
  
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 2rem;
    }

    .hero-section {
        padding: 60px 20px;
    }

    .brand-logos img {
        margin: 10px 10px 0 0;
    }
}
 
.sticky-top {
    padding: 1.5rem 0rem !important;
}


.hero-section .text-blue {
    color: #2c5fff;
}