body{

	margin: 0;

	line-height: 1.4;

	font-family: 'Inter', sans-serif;

}

*{

	box-sizing: border-box;

}

ul{

	list-style: none;

}

a{

	transition: 0.5s;

}

p{

	color: #6F7E94;

	font-size: 16px;

}

img{

	width: 100%;

}



.btn{

font-size: 16px;

    padding: 13px 35px;

    border-radius: 4px;

    font-weight: 500;



}

.btn-primary {

    color: #fff;

    border-color: #2B76FB;

    background-image: linear-gradient(#148FFD, #2B76FB);

}

.btn-primary:hover{

    background-image: linear-gradient(#2B76FB, #148FFD);

}

.btn-gry {

    color: #2B76FB;

    border-color: #E9E9E9;

    background-image: linear-gradient(#ffffff, #EBEEF6);

}

.btn-gry:hover {

    color: #2B76FB;

    border-color: #E9E9E9;

    background-image: linear-gradient(#EBEEF6, #ffffff);

}



.padding-top {

    padding-top: 15rem;

}

header {

   border-bottom: solid 1px #e9e9e9;

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    background:transparent;

    z-index: 9;

}

header.navbar-fixed{

    background:#FFF;

}

header.navbar-fixed .nav-item .nav-link{

    padding: 33px 0px;



}

header .navbar-brand{

	margin-right: 3rem;

}

header form {

    margin-bottom: 0px;

}

.navbar-nav .nav-item .nav-link {

    padding: 39px 0px;

    color: #85878b;

    transition: 0.2s;
    white-space: nowrap;

}

.navbar-nav .nav-item .nav-link.active,

.navbar-nav .nav-item .nav-link:hover {

    border-bottom: solid 2px #1F84FD;

    color: #1F84FD;

}



.navbar-nav .nav-item {

    margin-right: 9%;

}



.signinheader li{

	margin-left: 5px;

}

.signinheader .btn{

    width: 110px;

    font-size: 14px;

    padding: 10px 1px;

}


.navbar-brand img {
    width: 188px;
}

/*banner section*/

section{

	padding: 5rem 0;

}



.homebanner {

    background: url(../img/home/banner-img.png) no-repeat; 

    background-size: cover;

    background-position: top 8rem center;

    padding-top: 8rem;

}

.banner-content h1 {

    font-size: 4.5rem;

    font-weight: bold;

    color: #1B2534;

    margin-bottom: 1rem;

}

.banner-content p{

	font-size: 20px;

	color: #6F7E94;

    }

.banner-content img {

    margin-bottom: -8.7rem;

    max-width: 57rem;

}



.section-header h6 {

    color: #1F84FD;

    font-size: 1.3rem;

    margin-bottom: 1.3rem;

}

.section-header h2 {

    font-size: 2.5rem;

    font-weight: 700;

    color: #1B2534;

    margin-bottom: 1.5rem;

}

.section-header p{

	color: #6F7E94;

    font-size: 1.2rem;

    font-weight: 500;

}

.section-header {

    margin-bottom: 5rem;

}



.special-offer{

	    background: #F8FAFF;

	    padding-top: 9rem;

}

.specialOfferbody {

    background: #fff;

    padding: 1.5rem 1.5rem;

    border-radius: 10px;

    box-shadow: 0px 24px 48px rgb(173, 173, 173, 20%);

}

.specialOfferbody img {

    width: 3rem;

    margin-bottom: 1rem;

}

.special-offer-img img {

    width: 50%;

}

.accordion-item{

    border:none;

}

.accordion-button,

.accordion-button:not(.collapsed){ 

    background: transparent;

    color: #1B2534;

    font-size: 19px;

    font-weight: 600;

    padding: 22px 0px;

    box-shadow: none;

    border: none;

} 

.accordion-button span {

    font-size: 16px;

    color: #148FFD;

    margin-right: 8px;

}

.accordion-body:after {

    background: #148FFD;

    content: "";

    position: absolute;

    width: 128px;

    height: 3px;

    bottom: -2px;

    left: 0;

}

.accordion-body {

    padding: 17px 0px;

    border-bottom: solid 1px #e9e9e9;

    position: relative;

}

.accordion-button {

    border-bottom: solid 1px #ccc;

}

.sms-marketing-img {

    position: absolute;

    right: 0;

    width: 47%;

}

.why-marketing{

    background: url(../img/home/sms-marketing-bg.png) no-repeat; 

    background-size: cover;

    background-position: center center;

}



.why-icon {

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    margin-bottom: 25px;

}



.why-icon img {

    width: 24px;

}



.why-content {

    background: #fff;

    padding: 30px;

    margin-bottom: 16px;

    display: inline-block;

    border-radius: 8px;

    min-height: 271px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.further-reach{

    background: #EFFBF8;

}

.more-personal{

    background:#FFF7EE;

}

.faster{

    background:#E1F2FF;

}

.why-body h5 {

    font-weight: 600;

    margin-bottom: 19px;

    font-size: 1.1rem;

    color: #224272;

}



.industries-body {

    background: #F8FAFF;

    padding: 22px;

    border-radius: 8px;

    border: solid 1px rgba(0,0,0,0.1);

    min-height: 221px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.industries-body img {

    width: 50px;

    margin-bottom: 20px;

}

.indus-description {

    padding: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-color: #2B76FB;

    background-image: linear-gradient(#148FFD, #2B76FB);

}

.indus-description p{

    margin-bottom: 0px;

    color: #fff;



}

.industries-body h3 {

    font-size: 20px;

    color:#1B2534;

}

.getStarted {

    padding: 3rem 0px 7rem 0rem;

}

.started-body{

    background: url(../img/home/get-started-main-bg.svg) no-repeat; 

    background-size: cover;

    background-position: center center;

    padding: 4rem 5rem;

    border-radius: 13px;

    overflow: hidden;

}

.getStarted-content h2 {

    font-size: 35px;

    color: #fff;

}



.getstarted-right {

    background: url(../img/home/get-started-right.png) no-repeat;

    background-size: 100% 100%;

    display: flex;

    align-items: center;

    max-width: 490px;

    margin-left: auto;

    min-height: 310px;

    padding-left: 50px;

}

.getstarted-right ul li img {

    width: 23px;

    margin-right: 5px;

    opacity: 0.4;

}



.getstarted-right ul li {

    color: #fff;

    margin-bottom: 11px;

    font-size: 20px;

}

footer{

    background: #1B2534;

    padding: 6rem 0px 1rem 0px;

}

.footer-link h6 {

   font-size: 16px;

    color: #fff;

    margin-bottom: 30px;

    text-transform: uppercase;

    font-weight: 300;

}

.footer-link ul li a {

    color: rgb(255 255 255 / 80%);

    font-size: 14px;

    text-decoration: none;

    position: relative;

}

.footer-link ul {

    padding: 0;

}

.footer-link ul li {

    margin-bottom: 23px;

}



.footersocial ul {

    display: flex;

    justify-content: space-between;

}

.footersocial ul li {

    width: 27px;

}

.footersocial ul li a:after{

    display:none;

}

.footer-link ul li a i{

    font-size: 26px;

    color: #fff;

    transition: 0.3s;

}

.footer-link ul li a:hover {

    color: #188afc;

    padding-left: 6px;

}

.footersocial ul li a:hover i {

    transform: rotate(360deg) !important;

    color: #168efd;

}

.footersocial ul li a:hover{

    padding-left: 0px !important;

}

.footerinner img {

    max-width: 188px;

}

.newsletter-footer h3 {

    color: #fff;

    font-size: 20px;

}



.newsletter-footer p {

    font-size: 17px;

    color: #fff;

    font-weight: 100;

}

.form-subscribe .input-group input {

    background: transparent;

    height: 60px;

    border: solid 1px #1d84fc;

    border-radius: 6px 0 0 6px;

    color: #fff;

        padding-left: 32px;

}

.form-subscribe .input-group{

    padding-right: 60px;

}

.footer-link ul li a:after {

    background: #148ffd;

    content: "";

    width: 11px;

    height: 2px;

    position: absolute;

    left: 0;

    top: 7px;

    transition: 0.5s;

    opacity: 0;

}



.footer-link ul li a:hover:after {

    opacity: 1;

    left: -14px;

}



.form-subscribe .input-group button {

    width: 65px;

    padding: 0px;

    height: 60px;

    border-radius: 7px;

    margin-left: 0;

    position: absolute;

    right: 0;

}

.form-subscribe .input-group input::-webkit-input-placeholder { /* Edge */

    color: #fff;

}



.form-subscribe .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */

    color: #fff;

}



.form-subscribe .input-group input::placeholder {

    color: #fff;

}

.language-footer button {

    background: transparent;

    color: #fff;

    border: none;

}



.language-footer button img {

    width: 20px;

    margin-right: 14px;

}

.footerbottom {

    border-top: solid 1px #505050;

    margin-top: 4rem;

}



.footerbottom ul {

    padding: 20px 0px;

    display: flex;

    justify-content: center;

    margin-bottom: 0px;

}



.footerbottom ul li {

    margin: 0px 12px;

}



.footerbottom ul li a {

    color: #CFCFCF;

    text-decoration: none;

    font-size: 16px;

    font-weight: 300;

    transition: 0.5s;

}

.footerbottom ul li a:hover{

    color:#168dfd;

}



/*industries page css*/

.industries-banner {

    background: #F8FAFF;

    min-height: 689px;

    position: relative;

}

.industries-banner .banner-content{

    min-height: 500px;

    display: flex;

    justify-content: center;

    flex-direction: column;

}

.restaurants-img {

    width: 70%;

}

.industries-img {

    position: absolute;

    right: 0;

    bottom: 3rem;

}

.restaurants-content ul li {

    position: relative;

    padding-left: 32px;

    margin-bottom: 14px;

    color: #6F7E94;

    line-height: 1.6;

}

.restaurants-content ul li img {

    width: 21px;

    position: absolute;

    left: 0;

    top: 1px;

}

.restaurants-content ul li strong {

    color: #1B2534;

}

.discounts {

    background: rgb(28, 135, 253, 0.1);

    padding: 18px 4px;

    border-radius: 4px;

    border-style: dashed;

    border-width: 2px;

    border-color: #178cfd;

    color: #000;

    font-weight: 600;

    font-size: 17px;

}

.discounts span {

    color: #178cfd;

}

.restaurants-content h3 {

    font-size: 1.8rem;

    margin-bottom: 26px;

    font-weight: 600;
    margin-top: 0;
    line-height: 25.1px;

}

.marketing-restaurants{

        padding: 4rem 0px;

}



/*Features Page css*/



.features-banner{

    background: url(../img/home/banner-img.png) no-repeat; 

    background-size: cover;

    background-position: top 8rem center;

}





/*pricing css page*/

.table-pricing-content table img{

    width: 22px;

}

.table-pricing-content table td, .table-pricing-content table th {

    padding: 15px 0px;

}

.table-pricing-content th:first-child {

    font-size: 18px;

    color: #1B2534;

    font-weight: 600;

}

.table-pricing-content th {

    font-size: 15px;

    font-weight: 500;

    color: #6F7E94;

}

.pricing-table .nav-tabs {

    border-bottom: none;

    justify-content: center;

    margin-bottom: 4rem;

}

.pricing-table .nav-tabs button {

    background: white !important;

    padding: 18px 36px;

    border-radius: 0px !important;

    border-bottom: solid 1px #959595 !important;

    color: #636568 !important;

}

.pricing-table .nav-tabs button.active {

    border-bottom: solid 3px #198afd !important;

    border: none;

    color: #1B2534 !important;

    font-weight: 600;

}

.pricing-table .nav-tabs .nav-link:focus,

.pricing-table .nav-tabs .nav-link:hover {

    border-color: #e9ecef #e9ecef #dee2e6;

    border: none;

}



/*BLOG PAGE CSS */

.blog-banner{

    background: url(../img/blog/blog-banner-bg.jpg) no-repeat; 

    background-size: cover;

    background-position: top center;

}



.news-banner {

    margin-top: 6rem;

    display: block;

}

.news-content h4 {

    font-size: 2.6rem;

    margin-bottom: 1.2rem;

}



.readmorebtn a {

    display: flex;

    align-items: center;

    font-weight: 600;

    text-decoration: none;

    text-transform: uppercase;

}

.readmorebtn a img {

    width: 19px;

    margin-left: 6px;

}

.news-content h6 {

    font-size: 18px;

    color: #6F7E94;

    margin: 30px 0px;

}

.news-content p {

    font-size: 20px;

}

.world-content {

    padding: 2.5rem 0px;

}

.world-content h6 {

    margin-bottom: 1.3rem;

    font-size: 18px;

    color: #6F7E94;

}

.world-content h3 {

    font-size: 26px;

    line-height: 1.5;

    font-weight: 600;

    margin-bottom: 1.5rem;

}



/*Blog Details*/

.blog-detail-img {

    border-radius: 15px;

    overflow: hidden;

}

.blog-detail{

    background: url(../img/blog/blog-banner-bg.jpg) no-repeat; 

    background-size: cover;

    background-position: top center;

}

.team-details {

    background: url(../img/blog/blog-detail/dots-bg.jpg) no-repeat; 

    background-size: cover;

    text-align: center;

    padding: 7rem 5rem;

    border-radius: 1.4rem;

    color: #fff;

}

.team-details img {

    width: 3rem;

    margin-bottom: 1rem;

}

.team-details p {

    color: #fff;

    font-size: 1.6rem;

    margin-bottom: 4rem;

}

.blog-content h3 {

    font-size: 27px;

    font-weight: 600;

    margin-bottom: 20px;

}

.blog-content h4 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 20px;

}

.blog-content {

    margin-bottom: 33px;

}

.blog-content p {

    color: #414A57;

    font-size: 18px;

}

.social-blog {

    padding: 0;

    text-align: center;

    position: sticky;

    top: 130px;

}



.social-blog ul {

    padding: 0px;

}



.social-blog ul a {

    font-size: 24px;

    margin-bottom: 20px;

    display: inline-block;

    color: #5A7184;

}



/*Help & Support*/

.helpsupport{

    background:#F8FAFF;

}



.helpcard {

    background: #fff;

    padding: 3rem 2rem;

    border-radius: 10px;

}



.helpcard img {

    width: 50px;

    margin-bottom: 18px;

}



.helpcard h3 {

    font-size: 20px;

}

.helpbluecard {

    background-image: linear-gradient(#148FFD, #2B76FB);

    color: #fff;

}

.helpsupport-card {

    margin-top: 7rem;

}



.faqaccordion .accordion-body:after{

    display: none;

}

.faqaccordion .accordion-button::after{

background: url(../img/help-support/plus.svg) no-repeat; 

background-size: 30px;

    width: 30px;

    height: 30px;

    right: 8px;

    position: absolute;

}

.faqaccordion .accordion-button:not(.collapsed)::after{

    background: url(../img/help-support/minus.svg) no-repeat; 

    background-size: 30px;

    width: 30px;

    height: 30px;

    right: 8px;

    position: absolute;

}

.faqaccordion {

    max-width: 990px;

    margin: auto;

}



/*CONTACT US*/



.contact-sec {

    background: #F8FAFF;

}

.contact-form {

    padding: 4rem;

    background: #fff;

    border-radius: 12px;

}

.contact-call span{

    display: block;

    margin-bottom: 5px;

    color: #1889fc;

}

.contact-call a {

    color: #383D52;

    font-size: 20px;

    text-decoration: none;

}



/*customecheckbox*/

.checkbox-box {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 16px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  font-weight: 600;

}



.checkbox-box input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



.checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 23px;

  width: 23px;

  background-color: #fff;

  border: solid 2px #828282;

  border-radius: 6px;

}



.checkbox-box:hover input ~ .checkmark {

  background-color: #fff;

}



.checkbox-box input:checked ~ .checkmark {

  background-color: #ffffff;

}

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}

.checkbox-box input:checked ~ .checkmark:after {

  display: block;

}

.checkbox-box .checkmark:after {

  left: 7px;

  top: 3px;

  width: 6px;

  height: 11px;

  border: solid #828282;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.contact-form .form-control {

    height: 51px;

    border-radius: 8px;

    padding: 10px 20px;

}

.contact-form h6 {

    font-size: 24px;

    margin-bottom: 38px;

    font-weight: 600;

}





/*RESPONSIVE CSS*/



@media(max-width:1199px){

    .signinheader .btn {

    width: 87px;

    font-size: 11px;

    padding: 8px 5px;

}

.navbar-nav .nav-item {

    margin-right: 9%;

}

}

@media(max-width:991px){

    .navbar-collapse {

    background: black;

    border-radius: 5px;

}

.navbar-toggler {

    background-color: #6a6a6a;

}

.navbar-nav .nav-item .nav-link{

    padding: 15px 20px;

}

}

.about-banner {
    padding-top: 18rem;
}