/* anchal css */

/* home */

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

.arabic-home {
    background-image: url(img/arabic/saudi-arabic.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    padding: 10% 0;
    background-position: center center;
}
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: 75px 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 */

.arabic-about {
    background-image: url(img/arabic/about.jpg);
    padding: 10% 0 2%;
    background-repeat: no-repeat;
    background-size: cover;
}
.arabic-blog {
    background-image: url(img/blog.jpg);
    padding: 20% 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.blog-content h4 {
    color: #000;
    border-bottom: 2px solid #828282;
    padding-bottom: 15px;
}
.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);
    padding: 28% 0;
    margin-top: -7%;
    background-repeat: no-repeat;
    background-size: cover;
}
.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 */
.arabic-whyus {
    background-image: url(img/arabic/why-us.jpg);
    padding: 22% 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.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;
}

/* blog page */
.blog-img img {
    width: 100%;
}
.blog_item {
    position: relative;
}
.blog_item:hover .blog-content {
    display: block !important;
}
.blog_item:hover .blog-content {
    display: block !important;
    position: absolute;
    top: 0px;
    padding: 10px;
    background-color: #dcdcdc;
    height: 100%;
    overflow: hidden;
}



/* contact page */

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

.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(/en/img/contactbanner.webp);
    padding: 20% 0;
    margin-top: -7%;
    background-repeat: no-repeat;
    background-size: cover;
}
.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: 130px 0 40px;
}
.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: 50px;
}

.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 */
.bg-one {background-image: url(img/arabic/blog3.webp);}

.bg-two {background-image: url(img/arabic/blog2.webp);}
.bg-three {background-image: url(img/arabic/blog1.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: 57%;
    margin: 0 auto;
    width: 100%;
    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;
}
.btn.btn-secondary.submit-form.float-right {
    color: #fff;
}


/* Media Queries */
@media screen and (max-width: 960px) {
    .parent {width: 100%; margin: 20px 0px}
        .wrapper {padding: 20px 20px;}
}
.hello {display: none}




































/* 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;
}
	button.navbar-toggler {
    float: left !important;
    position: absolute;
    top: 0px;
}
	#navbarTogglerDemo02 ul {
    text-align: left;
    position: relative;
    top: 24px;
}
	.dropdown {
    float: left !important;
}
	a.navbar-brand.moble {
    float: right !important;
    position: absolute;
    top: 0;
    right: 0px;
}
}
@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-test-mb
	{
		display: block !important;
		background-image: url(img/test-our-services-1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
	.arabic-blog-mb
	
	{
		display: block !important;
		background-image: url(img/blog-1.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-1.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/sbs-arabic-mobile-whatsapp-banner.png);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
		.web-mb
	{
		display: block !important;
		background-image: url(img/web-account-1.jpg);
        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-3.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;
	}
	.deploy-mb
	{
		display: block !important;
		background-image: url(img/easy-to-development-1.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-1.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-1.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-1.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-2.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-1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
	    padding: 80% 0;
        position: relative;
        background-position: center center;
	}
	.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;
}

}



@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;
}
}















/* arabic site  */
/*header */
.menu-new {
    padding: 10px 0 10px 0;
}

.dropdown {
  position: relative;
  display: inline-block;
  float:right
}
.dropdown i {
    padding-left: 10px;
    line-height: inherit;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown:hover .dropdown-content {
    display: block;
}
.link-menu_set a {
    float: right;
}
.new-set {
    display: inline-flex;
    padding: 12px;
}
.menu-whts {
    float: left;
    margin-top: 0 !important;
    font-size: 14px !important;
    padding-top: 17px !important;
    padding-bottom: 17px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.sender-abs{
    position: absolute;
    background: #ffffff8f;
    width: 100%;
    z-index: 9999;
}
/*header */
/*footer*/
.footer-upper{
padding: 40px 0;
}   
.mob-text h5 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.42;
    font-size: 18px;
}
.mob-text h6 {
    font-weight: 500;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.2;
}
.saudi-text p {
    color: #696969;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.74;
}

    
    
.footer {
    background: #4f008c;
    padding: 40px 0;
}
.copy-right p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.74;
    color: #fff;
}   
.icon-nav i {
    color: #fff;
    font-size: 20px;
}
.adress p {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 0 15px;
    line-height: 1.74;
}
.social-links ul li a {
    color: #fff;
    font-size: 25px;
    display: block;
    text-align: center;
    height: 45px;
    width: 45px;
    background: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    position: relative;
}
.social-links ul li {
    margin: 5px;
}
.social-links ul {
    display: inline-flex;
    list-style: none;
    padding-left: 0px;
}
/*footer*/