/* anchal css */

/* home */

body {
    color: #696969;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.74;
}

.banner-home {
  /*  background-image: url(img/home.webp);
    padding: 20% 0 47%;
    margin-top: -14%;
    background-repeat: no-repeat;
    background-size: cover;*/
	background-image: url(img/home.webp);
    padding: 20% 0 47%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    bottom: 100px;
}
a.banner-button {
    background-color: #4f008c;
    color: #fff;
    text-decoration: none;
    padding: 20px 35px;
    border-radius: 4px;
}
.headingh2 {
    width: 100%;
    margin-bottom: 30px;

}
.headingh1 {
    width: 100%;
    margin-bottom: 30px;
}
.home-logos {
    padding: 30px 0 20px;
}
.headingh1 h1 {
    line-height: 1.35;
    text-decoration: underline;
    color: #4f008c;
    font-size: 40px;
}
.home-logos .slick-initialized .slick-slide {
    margin-right: 30px;
}
.home-logos .slider div img {
    width: 210px;
    padding: 0px 30px !IMPORTANT;
    margin: 0 !IMPORTANT;
    height: auto !important;
    margin-right: 0 
}
.home-logos .slider div img:hover {
    opacity: 0.5;
}
.headingh2 h2 {
    line-height: 1.4;
    color: #4f008c;
    font-size: 40px;
    font-weight: 700;
}
.promotional-icon {
    color: #ffcd3a;
}
.web-icon
{
    color: #001672;
}
.api-icon
{
    color: #30acffed;
}
.left-icon i {
    font-size: 48px;
    float: left;
    width: 25%;
}
h4.service_head {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 12px;
    color: #000;
}
.right_textservices {
    float: left;
    width: 75%;
}
.right_textservices p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.74;
    color: #696969;
}

.btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #4f008c;

}

.taketoservices {
    
    border-radius: 5px;
    padding: 45px 25px 45px;
    position: relative;
    top: 0;
    transition: top ease 0.7s;
    display: inline-block;
}
.taketoservices:hover {
    top: -10px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1);
}
.about-inner {
    
    box-shadow: 0 0 40px 5px rgba(51,51,51,.1);
    background: #fff;
    border-radius: 5px;
    padding: 98px 35px 88px;
    overflow: hidden;
    position: relative;
    top: 0;
    transition: top ease 0.7s;
    display: inline-block;
}
.about-inner {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.about-inner:hover {
    top: -10px;
}
.transition-icon {
    color: #0bb70d;
}
.smpp-icon {
    color: #006eff;
}
.realtime-icon {
    color: #2ea32c;
}
.deployment-icon {
    color: #e03b1a;
}
.notif-icon {
    color: #fb0;
}
.home-services {
    padding-bottom: 10px;
}
.why-saudi {
    padding-bottom: 30px;
}
.taketoservices:hover .btn {
    color: #deac61;
}

/* about */

.banner-about {
    background-image: url(img/about.webp);
  background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: center center;
}
.heading {
    position: relative;
    font-size: 12px;
    line-height: 2em;
    letter-spacing: 2px;
    color: #ababab;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.heading mark {
    font-size: 180px;
    line-height: .8;
    font-weight: 900;
    margin: 0 5px -5px -5px;
    color: #d2a98e;
    letter-spacing: 9px;
    font-weight: 700;
    padding: 0px;
}
.mark, mark {
    background-color: transparent;
}
.images:before {
    background-image: -webkit-linear-gradient(290deg,#fbf7f4 0%,#fefdfd 100%);
    background-image: linear-gradient(160deg,#fbf7f4 0%,#fefdfd 100%);
    border-radius: 50%;
    -webkit-transform: translateY(-46px);
    -ms-transform: translateY(-46px);
    transform: translateY(-46px);
}
.image-vision {
    padding: 21px 0;
}
.about-services {
    padding-bottom: 30px;
}
.about-company {
    padding: 75px 0;
}
.headingh3 h3 {
    font-size: 40px;
    line-height: 1.4;
    color: #000;
    font-weight: 700;
}
.span_below {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-top: 25px;
}
h3.heading {
    padding-right: 25%;
    font-weight: 700;
}
.headingh3 {
    margin-bottom: 30px;
}
.right-about p {
    font-size: 18px;
    line-height: 1.67;
    color: #696969 !important;
}
.about-text {
    margin-bottom: 50px;
}


/* pricing page */
.banner-pricing {
    background-image: url(img/pricing-and-plan-1.jpg);
  background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: center center;
}
.tm-pricing-header {
    z-index: 1;
    position: relative;
    margin-bottom: 25px;
}
.inner .title {
    font-size: 15px;
    line-height: 1.5;
    color: inherit;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 21px;
    font-weight: 700;
}
.inner .image {
    position: relative;
    width: 162px;
    height: 162px;
    border-radius: 50%;
    margin: 0 auto 20px;
    background-image: -webkit-linear-gradient(290deg,#fbf7f4 0%,#fefdfd 100%);
    background-image: linear-gradient(160deg,#fbf7f4 0%,#fefdfd 100%);
}
.pricing-box {
    margin-bottom: 35px;
}
.headingh3 span.text-center {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.42;
    font-size: 30px;
    color: #000;
}
.headingh3 span.text-center a {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.42;
    font-size: 30px;
    color: #000;
}
.image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 140px;
}
.price-wrap-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.currency {
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
    color: #ababab !important;
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    margin-right: 3px !important;
}
.price-wrap-inner h6 {
    font-size: 56px;
    font-weight: 400;
    color: #333;
    line-height: .6;
    margin: 0;
}
.tm-pricing-feature-mark span {
    position: absolute;
    top: 21px;
    right: -2px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.19;
    display: block;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 70px;
}
.tm-pricing-feature-mark:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 140px;
    right: 35px;
    position: absolute;
    top: 14px;
    width: 100%;
}
.inner .tm-pricing-feature-mark {
    position: absolute;
    top: 0;
    right: 0;
    height: 99px;
    width: 100px;
    background-color: #d2a98e;
}
.price-wrap-inner .period {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    color: #ababab;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.inner .period {
    font-size: 15px;
    margin-bottom: 0;
    color: #ababab;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.tm-pricing-footer {
    padding-top: 16px;
}
.tm-pricing-button {
    display: inline-block;
    width: 180px;
    max-width: 100%;
}
.tm-button.style-solid:not(:hover) {
    background: transparent;
}
.tm-button.style-solid:hover
{
    color: #fff;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .tm-button.style-flat, .tm-button.style-solid, .button, .wishlist-btn.style-01 a, .compare-btn.style-01 a {
    color: #fff;
    border-color: #4f008c;
    background-color: #4f008c;
    font-family: inherit;
    font-size: 14px;
    letter-spacing: 0;

    color: #4f008c;
}
#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {
    margin-bottom: 0;
}
.tm-button.style-solid {
    padding: 0 36px;
    height: 56px;
    line-height: 54px;
    border-width: 1px;
    border-radius: 5px;
    background-position: left center!important;
    background-origin: border-box;
}
.tm-button {
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    line-height: 1.2;
    border-style: solid;
    cursor: pointer;
}
.tm-pricing-list {
    text-align: left;
    max-width: 270px;
    margin: 29px auto 0;
}
.tm-pricing-list li {
    position: relative;
    display: block;
    padding: 7px 0 7px 31px;
}
.tm-pricing .tm-pricing-list li {
    list-style-type: none;
}
.inner .tm-pricing-list li:before {
    content: '\2713';
    color: #d2a98e;
    position: absolute;
    top: 7px;
    left: 11px;
    font-weight: 700;
}
.price, .woosw-content-item--price, .tr-price {
    color: #086ad8;
}


/*  why us */
.banner-whyus {
    background-image: url(img/why-usbanner.webp);
 
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    bottom: 100px;
}
.learn11 h2
{
    font-size: 40px;
    line-height: 1.4;
    color: #000;
    font-weight: 700;

}
.learn11 {
    margin-top: 50px;
    padding-right: 22%;
}
.learn11 h2 span
{
    color: #4f008c;

}
.page-has-animation:not(.compose-mode) .page-content .tm-animation.move-up.animate {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-animation: moveVertical 0.65s ease forwards;
    animation: moveVertical 0.65s ease forwards;
}
.page-has-animation:not(.compose-mode) .page-content .tm-animation {
    opacity: 0;
}
.vc_progress_bar.style-01 .vc_single_bar_title {
    margin-bottom: 5px;
}
.vc_progress_bar.style-01 .vc_label_text {
    font-size: 18px;
}
.vc_progress_bar.style-01 .vc_single_bar_title .vc_label_units {
    float: right;
}

.vc_progress_bar.style-01 .vc_label_units {
    position: relative;
    right: -40px;
    font-weight: 500;
    line-height: 2;
}
#tm-progress-bar-5f2fcd38a715e .vc_single_bar {
    background-color: #f6f2ed;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar {
    height: 4px;
    border-radius: 4px;
    box-shadow: none;
    background-color: #f5f7fd;
}
.vc_progress_bar .vc_single_bar:last-child {
    margin-bottom: 0;
}
.vc_progress_bar .vc_single_bar {
    background: #f7f7f7;
    position: relative;
    margin-bottom: 11.66666667px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_label {
    padding: 0;
}
.vc_progress_bar .vc_single_bar .vc_label {
    display: block;
    padding: .5em 1em;
    position: relative;
    z-index: 1;
}
small {
    font-size: 80%;
}.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar {
    border-radius: inherit;
    position: relative;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar:before {
    height: 30px;
    width: 30px;
    border: 1px solid currentColor;
    opacity: .3;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar:before, .vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar:after {
    content: '';
    position: absolute;
    right: -4px;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.vc_progress_bar.style-01 .vc_label_units {
    position: relative;
    right: -40px;
    font-weight: 500;
    line-height: 2;
}
.vc_progress_bar .vc_bar .vc_label_units {
    display: none;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar:after {
    height: 13px;
    width: 13px;
    border: 3px solid #50018c;
}
.vc_progress_bar.style-01 .vc_single_bar_wrapper + .vc_single_bar_wrapper {
    margin-top: 38px;
}
.primary-background-color, .hint--primary:after, #powerTip#powerTip, .page-scroll-up, .widget_calendar #today, .top-bar-01 .top-bar-button, .tm-box-image.style-01:hover .circle-arrow .middle-arrow, .tm-box-image.style-06 .btn:before, .tm-box-large-image.style-03 .btn:before, .tm-blog.style-grid-masonry .btn:before, .tm-case-study.style-carousel .btn:before, .tm-case-study.caption-style-02 .btn:before, .tm-gradation.style-02 .dot, .tm-gradation.style-02 .item:hover .icon, .tm-gallery .overlay, .tm-grid-wrapper.filter-style-01 .filter-counter, .tm-icon.style-02 .icon, .tm-countdown.style-03 .number, .tm-circle-progress-chart.style-02 .circle-design, .tm-circle-progress-chart.style-02 .inner-circle, .tm-heading.below-separator .separator:after, .tm-heading.thick-separator .separator:after, .tm-heading.top-separator .separator:after, .tm-heading.modern-number-02 .heading:before, .tm-maps.marker-style-signal .animated-dot .middle-dot, .tm-maps.marker-style-signal .animated-dot div[class*="signal"], .tm-separator.style-modern-dots .dot, .tm-text-box.style-03, .tm-rotate-box .box, .tm-social-networks.style-flat-rounded-icon .link:hover, .tm-social-networks.style-solid-rounded-icon .link:hover, .tm-popup-video .video-play, .tm-pricing .tm-pricing-button:hover, .tm-product.style-grid .product-actions, body.search .page-main-content .search-form .search-submit, .tm-mailchimp-form-box.style-01, .tm-services-list.style-02 .service-image .blend-bg, .tm-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .tm-swiper.nav-style-02 .swiper-nav-button:hover, .tm-swiper.nav-style-02 .swiper-nav-button:before, .vc_progress_bar .vc_general.vc_single_bar .vc_bar, .archive-case-study-category-list .cat-link:after, .single-post .entry-post-feature.post-quote, .entry-post-share .share-icon, .widget .tagcloud a:before, .entry-case-study-feature .gallery-item .overlay, .widget_search .search-submit:hover, .widget_product_search .search-submit:hover, body.search .page-main-content .search-form .search-submit:hover, .tm-search-form .category-list a:hover, .woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected], .vc_general.vc_pagination.vc_pagination-shape-round .vc_active .vc_pagination-trigger:before {
    background-color: #4f008c;
}
.vc_progress_bar .vc_single_bar .vc_bar {
    display: block;
    position: absolute;
    height: 100%;
    background-color: #e0e0e0;
    width: 0%;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: width 1s linear;
    -moz-transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
}
.link-secret {
    color: inherit!important;
}



/* contact page */

.text-contact h3 {
    border-left: 4px solid #d2a98e;
    padding-left: 22px;
    font-size: 30px;
}

.text-contact p {
    color: #696969;
    padding-left: 28px;
    font-size: 16px;
}
.form-contact label {
    color: #703081 !important;
    font-size: 15px !important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.74;
}
.form-control {
    color: #7e7e7e;
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}
.form-control
{
    height: 56px;
}
#exampleInputarea
{
    height: 150px;
}
.form-contact button {
    color: #fff;
    border-color: rgba(79,0,140,.92);
    background-color: rgba(79,0,140,.92);
    width: 100%;
    padding: 15px 10px;
}
.banner-contact {
	
 background-image: url(img/contactbanner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: center center;
}
.contact-us {
    padding: 80px 0;
}
.addr .heading {
    text-transform: none;
    color: #696969;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 10px;
    line-height: 1.74;
}
.number-link a {
    font-weight: 700;
    color: inherit;
}
.contact-address {
    padding-bottom: 50px;
}
.addr h3 {
    margin-bottom: 20px;
}
.number-link {
    font-weight: 700;
}
body.login {
    background-color: #f2f2f2;
}
.login-submit {
    padding: 0 41px;
    height: 56px;
    line-height: 54px;
}
.login-page {
    padding: 40px 0;
}
.login-form .form-group {
    margin-bottom: 40px;
}
.btn-primary
{
    color: #fff;
    border-color: rgba(79,0,140,.92);
    background-color: rgba(79,0,140,.92);
}
.why-packages .wrapper {
    max-width: 1200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

.right {float: right !important;}
/* Image zoom on hover + Overlay colour */
.parent {
    width: 100%;
    height: 365px;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
    border-radius: 6px;
}

.child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/* Several different images */
/* Several different images */
.bg-one {
	background-image: url(img/why-1.webp);
}

.bg-two {background-image: url(img/why-2.webp);}
.bg-three {background-image: url(img/why-3.webp);}


.why-packages a {
    display: none;
    font-size: 13px;
    color: #086ad8 !important;
    background-color: #fff;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 34px;
    border-radius: 4px;
    line-height: 32px;
    width: 35%;
    cursor: pointer;
}

.why-packages:hover .child, .parent:focus .child .meta-content {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
}
.why-packages {
    cursor: pointer;
}

.why-packages:hover .parent {
    background-image: -webkit-linear-gradient(top, rgba(28, 15, 105, 0) 0%, #1c0f69 61%);
    background-image: linear-gradient(-180deg, rgba(28, 15, 105, 0) 0%, #1c0f69 61%);
}
.meta-content {
    margin-top: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
.meta-content p {
    color: #888;
}
.why-packages:hover .child:before, .parent:focus .child:before {
    display: block;
}

.why-packages:hover a, .parent:focus a {
    display: block;
}
.post_title {
    padding: 9px 0;
    display: inline-block;
    font-size: 26px;
    line-height: 27px;
    color: #fff;
    position: absolute;
    top: 49%;
    margin: 0 auto;
    width: 92%;
    font-weight: 700;
}
.why-packages:hover .post_title {
    display: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.75);
}
.why-post {
    padding-bottom: 30px;
}
.hello {display: none}
button.btn.btn-secondary.click-here {
    color: #fff;
}
















/* Media Queries */
@media screen and (max-width: 960px) 
{
    .parent {width: 100%; margin: 20px 0px}
        .wrapper {padding: 20px 0px;
	}
section
{ 
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.taketoservices {
    padding: 20px 10px 20px !important;
	}

}




































@media only screen and (max-width: 991px) {
.banner-home {
    padding: 46% 0 21% !important;
    height: auto !important;
    position: relative !important;
    bottom: 0px !important;
}
	.about-services .col-sm-12 {
    margin-bottom: 30px !important;
}
	.text-long_img p {
    padding-top: 0px !important;
}
	.bul-trans-text {
    padding-top: 0px;
}
	.inner-trans {
    padding: 15px;
}
	.inner-transactional {
    padding: 20px;
}
	.inner-trans_use {
    padding: 15px !important;
}
	.btn.btn-secondary.trans-price {
    color: #fff !important;
}
}
@media only screen and (max-width: 767px) {
.headingh2 h2 {
    font-size: 25px !important;
}
	.banner-button {
    font-size: 12px !important;
    padding: 10px 10px !important;
}
	.home-logos .slider div img
	{
		width: 126px !important;
	}
	.banner-about {
    padding: 27% 0 !important;
    height: auto !important;
    position: relative;
    background-position: center center;
}
	.about-inner {
    padding: 25px 15px;
}
.moby
	{
		display: none;
	}
.banner-about-mb
	{
		display: block !important;
		background-image: url(img/about-us-mb.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
	.banner-whyus-mb
	{
		display: block !important;
		background-image: url(img/why-us-mb.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
	.banner-mb
	{
		display: block !important;
		background-image: url(img/mobile-sbs-banner-final-by-D-2.png);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
.banner-sender-mb
	{
		display: block !important;
		background-image: url(img/personalized-sender-id-mb.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
	.banner-pers-mb
	{
		display: block !important;
		background-image: url(img/personalized-sender-id-mb.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
	.banner-promotional-mb
	{
		display: block !important;
		background-image: url(img/promotional-bulk-sms.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
		.banner-transactional-mb
	{
		display: block !important;
		background-image: url(img/transactional-sms-mb.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
.banner-smp-mb
	{
		display: block !important;
		background-image: url(img/smpp-connectivity.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
	.banner-real_time-mb
	{
		display: block !important;
		background-image: url(img/real-time-report.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
		.banner-pricing-mb
	{
		display: block !important;
		background-image: url(img/pricing-mb.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
.banner-home-mb
	{
		display: block !important;
		background-image: url(img/home-page.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
	.banner-webaccount-mb
	{
		display: block !important;
		background-image: url(../img/processeden.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
		.banner-deploy-mb
	{
		display: block !important;
		background-image: url(../img/processed.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
	.trans-price {
    padding: 12px 10px;
    font-size: 11px;
}
	.promotional-price
	{
		padding: 12px 10px;
    font-size: 11px;
	}
	.reporting-sms p:first-child {
    font-size: 27px;
}
	.headingh1 h1 {
    font-size: 28px;
}
	.headingh3 h3 {
    font-size: 27px;
}
	.headingh3 span.text-center {
    font-size: 20px;
}
	.headingh3 span.text-center a {
    font-size: 20px;
}
	.smpp-text p {
    font-size: 20px;
}
	.smpp-text p:last-child {
    font-size: 27px;
}
	.smp-service_price p {
    font-size: 27px;
}
	.click-services-smpp p {
    font-size: 20px;
}
	.click-web-smpp {
    font-size: 25px;
}
	.inner-api {
    padding: 10px;
    margin-bottom: 20px;
}
	.bene-fits p:first-child {
    font-size: 27px;
}
	.click-smsapi p {
    font-size: 20px;
}
	.click-smsapi_bt {
    font-size: 25px;
}
	.banner-smsapi {
    height: auto;
    padding: 35% 0;
	position: relative;
    bottom: -25px;
}
	.powerful-text p {
    font-size: 18px;
}
	.bul-deplo p {
    font-size: 27px;
}
	.banner-deploy {
    height: auto;
    padding: 18% 0;
}
.inner-api {
    padding: 10px;
}
	.mob-text {
    margin: 35px 0;
}

	.post_title {
    top: 42%;
    width: 82%;
}
		.learn11 {
    margin-top: 50px;
    padding-right: 0 !important;
}
	.inner-sender {
    padding: 10px !important;
}
.inner-promotional {
    padding: 15px 15px;
}
.btn.btn-secondary.promotional-price {
    color: #fff;
}
	.inner-promotional {
    padding: 15px !important;
	margin-bottom: 10px;
}
.text-ben p {
    padding-top: 0px;
}
	.text-notifi p {
    font-size: 25px;
}
	.footer-upper {
    padding: 0px 0 40px !important;
}
	.banner-smsalert {
    padding: 29% 0;
    height: auto !important;
    bottom: -66px !important;
}
}
@media only screen and (min-width: 767px) {
  .login-form {
    padding: 30px;
    background-color: #fff;
    width: 50%;
    margin: 0 auto;
    border-radius: 10px;
}
.checkoutform {
    width: 75%;
    margin: 0 auto;
}
.radios-form {
    float: left;
    margin-right: 2%;
}
.submit-pricing {
    margin-top: 30px;
}
.checkoutform form {
    width: 90%;
    margin: 0 auto;
}
}



@media only screen and (max-width: 450px) {
  .left-icon i {
    font-size: 35px !important;
	width: 20% !important;
}
.social-links ul li a {
    font-size: 25px;
    height: 40px !important;
    width: 40px !important;
}
	.menu-new.sender-abs {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	.social-links ul li {
    margin: 7px;
}
}

@media only screen and (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;
}
}






.dropdown-menu.show a {
    display: block;
}
@media only screen and (max-width: 991px) {
  .dropdown-menu.show {
    border: none !important;
}
}

#signup {
    z-index: 999999;
    background: #000000c2 !important;
}


.checkoutform form {
    box-shadow: 1px 0px 16px 0 #e4e4e4;
    padding: 25px;
    border-radius: 12px;
}
.checkoutform {
    display: block;
    padding-top: 120px;
}
.submit-pricing {
    padding: 15px 35px;
}
.checkoutform label {
    color: #4e008c;
	font-weight: 500;
}
.thanks_page_achal {
    padding: 10% 0% 5%;
}
.thanks_page_achal strong {
    color: #4f0094;
}

.getotp {
    position: absolute;
    right: 5%;
    z-index: 99;
    font-size: 13px;
    cursor: pointer;
	top:15px;
}

#otpinvalid {
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: red;
}

#otpvalid , .optmpdsdsdfs{
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: green;
}

.successfullyregistered {
    padding-bottom: 50px;
}


.signup_left {
    display: table-cell;
    width: 50%;
    height: 100%;
    padding-top: 1%;
    background-color: #15a7e2;
    background-image: url(img/signup/signupimage.png);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center bottom;
	vertical-align: top;
}


.signup_headin h3 {
    color: #000;
    margin: 0px;
    padding: 0px;
}

.signup_right {
    padding: 3% 2% 0px;
    vertical-align: top;
    display: table-cell;
}



#signupphonenumber {
    padding-left: 55px;
}
#regform-body input {
    border-radius: 35px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.mobile_front {
    position: absolute;
    top: 0px;
    z-index: 999;
    height: 54px;
    padding-top: 3%;
    padding-left: 10px;
    width: 50px;
    border-right: 1px solid #ccc;
}

.checkboxadasdas span {
    font-size: 14px;
}

.checkboxadasdas {
    text-align: left;
}

#chckxndj {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0px;
    text-align: left;
    margin-right: 10px;
}

#signupformsubmit {
    border: 0px !important;
    width: auto;
    padding: 15px 50px;
    height: auto;
    border-radius: 10px !important;
	color:#fff;
    margin-bottom: 50px !important;
}

.obile_tesfsdfs {
    display: none;
}
.signup_right_heaidn h3 {
	color: #000;
	padding-bottom: 5%;
	text-align:center;
}
.signup_headin {
    text-align: center;
}

.form_pabnerl {
	display: table;
	width: 100%;
}
.signup_headin h3 {
	color: #000;
	margin: 0px;
	padding: 0px;
}

.successfullyregistered {
	padding-bottom: 50px;
}
#regform-body input {
	border-radius: 35px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
#signupphonenumber {
	padding-left: 55px;
}

@media only screen and (max-width:768px){
	
	.signup_left {
		display: none;
	}
	.obile_tesfsdfs {
    display: block;
}
}

.signup_right button.close {
    display: inline-block;
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: -8px;
    color: black;
    z-index: 9999;
    font-size: 35px;
}

.signup_right button.close span:focus {
    outline: -webkit-focus-ring-color auto 1px;
}
.signup_right button.close:focus {
    outline: 0px auto -webkit-focus-ring-color;
}
@media (min-width: 576px){
.modal-dialog {
    max-width: 1000px !important;
}
}