@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Noto+Kufi+Arabic:wght@100..900&display=swap');

* {
    -webkit-font-smoothing: antialiased;
    -moz-os-font-smoothing: grayscale;
    box-sizing: border-box;
}
*, body {
    outline: 0;
}
*, ::after, ::before {
    box-sizing: border-box;
}

html .pt80 {
    padding-top: 80px;
}
html .pb80 {
    padding-bottom: 80px;
}
body {
    margin: 0;
    font-family: "Cairo", sans-serif;
    font-optical-sizing: auto;
    color: #394174;
    background-color: #fff;
    font-weight: 400;
    font-style: normal;
    line-height: 1.8 !important;
    font-size: 1rem !important;
    overflow-x: hidden;
    direction:rtl;
        
}
.header-heading h1 {
   min-height: 120px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    margin-left: auto;
    margin-right: auto;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    max-width: 1200px;
    margin: 0 auto;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-right: calc(-.5 * var(--bs-gutter-x));
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.v-center {
    align-self: center;
    align-items: center;
}
*, h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0;
    padding: 0;
}

.font-size-4 {
    font-size: calc(1.275rem + .3vw) !important;
}
.font-size-2 {
    font-size: calc(1rem + .3vw) !important;
	
}
@media (min-width: 1200px) {
    .font-size-4 {
        font-size: 1.25rem !important;
    }
    ::marker {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
    }
}

.list-style li:before {
  content: '\2713';
  display: inline-block;
  color: #308a71;
  padding: 0 0 0 10px;
}

.list-style li {
  list-style-type: none;
  font-size: calc(1rem + .3vw) !important;
}



.h1, h1 {
    font-size: calc(1.375rem + 1.5vw);
}
h2 {
    font-size: 28px;
    line-height: 52px;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding-top: 0;
    padding-bottom: 0;
    height: 100px;
}
.main-header {
    display: flex;
    align-items: center;
    /*padding: 30px 30px;*/
}
.main-header {
    z-index: 99999;
   /* border-bottom: 1px solid rgba(255, 255, 255, .1);*/
}
.nav-bg-b.main-header .mega-white-logo {
    display: inline-block;
}
.dsk-logo .nav-brand img {
    max-height: 100px;
}
img {
    max-width: 100%;
}
img, label.error {
    height: auto;
}
img, svg {
    vertical-align: middle;
}
.custom-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    float: none;
}
.custom-nav .nav-list {
    display: flex;
    align-items: center;
}
.dsk-logo {
    align-items: center;
    text-align: center;
    object-fit: contain;
    margin-bottom: 40px;
    margin-top:20px;
}
.custom-nav .nav-list li {
    display: inline-flex;
}
.custom-nav .nav-list li a {
    color: #000;
}
.niwax-btn3 {
    display: inline-flex;
    grid-gap: 4px;
}

.niwax-btn3 {
    color: #fff;
    border: none;
    border-radius: 50px;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #663ab7, #007dff, #00d7ff, #017cfe);
    box-shadow: 0 4px 15px 0 rgb(90 75 194 / 15%);
}

.nav-bg-b.main-header .mega-white-logo {
    display: inline-block;
}

.dsk-logo .nav-brand img {
    max-height: 200px;

}
.nav-bg-b.main-header .mega-darks-logo {
    display: none;
}

.niwax-btn3 {
    color: #fff;
    border: none;
    border-radius: 50px;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #663ab7, #007dff, #00d7ff, #017cfe);
    box-shadow: 0 4px 15px 0 rgb(90 75 194 / 15%);
}

.hero {
    background: url(../images/hero-shape.svg) center bottom no-repeat;
    background-size: cover;
    color: #050748;
    text-align: center;
   /* background: linear-gradient(to bottom, #f1f4f9 0, #f1f4f9 100%);*/
}

.hero h1 {
    font-weight: 800;
    font-size: 2.8rem;
}
.h-scl-:hover .h-scl-base img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
ul {
    list-style: none;
}

.list-ul li {
    padding: 0 29px 12px 0;
    position: relative;
    line-height: 22px;
    font-size: 16px;
}

.key-points li:before, .ul-check li:before {
    content: "\f00c";
}
.list-ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 15px;
}
.business-startup {
    background: url(../images/wave-hero.svg) center bottom no-repeat;
    background-position: bottom;
    background-size: cover;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}
.hero-section {
    position: relative;
    align-items: center;
   /* display: grid;*/
}

.icon-set {
    width: 25%;
    display: inline-block;
    float: left;
    position: relative;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
html .mt40 {
    margin-top: 40px;
}
.header-heading h1 {
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 30px;
}
.header-heading h2 {
    font-size: 1.75rem;
}
.header-heading p {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 35px;
}
.menu-header {
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.menu-header, .sub-menu-center-block {
    display: flex
;
}
.text-block {
    position: relative;
    z-index: 55;
}
/*
.navbar-brand img {
    height: 180px;
    object-fit: contain;
    margin-bottom: 30px;
}*/

.dg-bg--1 {
    background-color: #394174;
}

@media only screen and (max-width: 991px) {
    .header-heading h1 {
        font-weight: 700;
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 42px;
    }
	.dg2-main .footer-address-list li a, .footer-copyrights- a, .footer-copyrights- span{
		font-size: 16px;
	}
	.shape {
		position: absolute;
		opacity: 0.1;
		width: 80px;
	}
	.header-heading {
		/*text-align: center;*/
	}
	.header-heading h1 {
        font-size: 30px;
    }
	.common-heading>h2 {
		line-height: 32px;
	}
	.common-heading>span {
		color: #e56353;
		font-size: 20px;
		font-weight: 400;
		margin: 0 0 15px;
		display: block;
	}
}
@media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media only screen and (max-width: 1150px) {
    .header-heading h1 {
        font-weight: 700;
        margin-bottom: 30px;
        line-height: 57px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
@media only screen and (max-width: 1370px) {
    .header-heading h1 {
        line-height: 62px;
    }
}
.bg-white{
    background-color:#fff;

}
.bg-light{
    background-color:#f1f1fc;

}

.header-heading {
    border: 1px dashed #47518b9e;
    border-radius: 20px;
    padding: 20px;
}
ul {
    list-style: none;
}

.ftr-details li {
    padding: 0 0 15px;
}
.footer-address-list li {
    color: #6a6a8e;
    display: flex;
    padding: 0 0 15px;
}
.footer-address-list li>span {
    position: relative;
    top: 5px;
}
.footer-address-list li i {
    margin: 0 0 0 15px;
    display: initial;
    font-size: 21px;
}
.footer-address-list li p {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
}
.btn-main{
    font-size: 20px;
    font-weight: 400;
    padding: 0 32px;
    line-height: 48px;
    text-align: center;
    outline: 0;
    background-color: #6789d2 ;
    border: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    -webkit-box-shadow: 0 10px 15px 0 rgba(233, 30, 99, .15);
    box-shadow: 0 10px 15px 0 rgba(233, 30, 99, .15);
}
.ff-social-icons a:hover {
    color: #6789d2  !important;
}

.btn-main, .btn-main:hover {
    color: #fff;
}
.bg-btn3 {
    background: #5661a2;
    background: -moz-linear-gradient(left,#5661a2 0,#3e467b 100%);
    background: -webkit-linear-gradient(left, #5661a2 0, #3e467b 100%);
    background: linear-gradient(to right, #5661a2 0, #3e467b 100%);
    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
}

.bg-btn2 {
    background: #f92c8b;
    background: -moz-linear-gradient(left,#f92c8b 0,#b02cd6 100%);
    background: -webkit-linear-gradient(left, #f92c8b 0, #b02cd6 100%);
    background: linear-gradient(to right, #f92c8b 0, #b02cd6 100%);
    -webkit-box-shadow: 0 10px 15px 0 rgba(175, 0, 202, .2);
    box-shadow: 0 10px 15px 0 rgba(175, 0, 202, .2);
}

.animation, .circle, .circle2, .clients-logo, .custom-btn, .dropdown-toggle, .hoshd, .hover-scale img, .icon-set, .isotope_item, .link-hover, .main-header, .main-header.sticky, .navbar, .s-block, .sticky, .sub-menu-sec a, a, button, input {
    -webkit-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    -o-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    transition: 1.2s cubic-bezier(.17,.85,.438,.99);
}
a {
    text-decoration: none;
}
.header-heading .fa-icon {
    animation: 2s infinite arrowanim;
    -webkit-animation: 2s infinite arrowanim;
}
.fa-icon, .header-heading .fa-icon {
    margin-right: 10px;
    font-size: 12px;
}
.header-heading span {
    color: #e60072;
}
.bg-btn3, .bg-btn5 {
    -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
}
span.circle {
    right: -130px;
    width: 200px;
    height: 200px;
}
span.circle, span.circle2 {
    background: rgba(255, 255, 255, .2);
    display: block;
    position: absolute;
    border-radius: 50%;
    top: -10%;
}
*, .badges {
    vertical-align: baseline;
}
.lnk, button {
    position: relative;
    overflow: hidden;
}
.lnk:hover span.circle {
    top: -10%;
    right: -80px;
}

.justify-content-center {
    justify-content: center !important;
}


.bg-gradient5 {
    background: #ffffff;
    background: -moz-linear-gradient(top,#ffffff 0,#ffffff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0, #ffffff 100%);
}
.pad-tb {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f1f1fc;
}
.cta-area {
    position: relative;
}
.-reviewr, .about-agency, .app-cta, .bd-hor .bd-hor-base, .bd-hor .bd-hor-base:hover:after, .bhv-service, .breadcrumb-area, .breadcrumb-areav2, .case-study .image-div, .contact-location, .cta-area, .custom-nav .nav-list li a.menu-links, .footer-svg, .hero-card-web, .hero-section, .ho-gdnt .s-block, .image-div, .image-set, .img-ca2set, .instagram-post .thumb, .item-image, .link-hover a, .nn-card-set, .offer-image, .our-office, .overlay-- .s-block, .portfolio-item-info .-reviewr, .rpb-shop-items-tittl h3 a, .service, .service-section, .service-slide, .srvc-bg-nx, .team, .video-review {
    overflow: hidden;
}
.shape {
    position: absolute;
    opacity: 0.2;
}
.shape-a1 {
    bottom: -20px;
    left: 0;
}

.shape-a2 {
    bottom: -30px;
    right: 0;
}
.shape-a3 {
    top: 0;
    right: 0;
}
.shape-a4 {
    top: -150px;
    right: 20%;
}

@media (min-width: 992px) {
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}

.common-heading {
    padding: 0;
    position: relative;
    z-index: 10;
}

.demo-heading {
    padding: 20px;
    background-color: #7385d41c;
    border-radius: 10px;
    border: 1px dashed #3c45797a;
}

.common-heading>span {
    line-height: 26px;
}
.common-heading>span {
    color: #e56353;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px;
    display: block;
}

.common-heading>span, .pricing-table .title {
    text-transform: uppercase;
    letter-spacing: .5px;
}
.cta-area .common-heading h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.btn-outline {
    border: 2px solid #000248;
    color: #050748;
    padding: 0 32px;
    font-size: 16px;
    background: #fff;
    -webkit-box-shadow: 0 10px 15px 0 rgba(3, 35, 68, .1);
    box-shadow: 0 10px 15px 0 rgba(3, 35, 68, .1);
    line-height: 52px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.cta-call {
    margin: 30px 0 0;
}
.cta-call a {
    font-size: 24px;
    padding: 0 0 0 10px;
}
.btn-outline, .cta-call a, .tech-icons a, .tech-icons li {
    display: inline-block;
}
.cta-call a, .ps-block span {
    color: #394174;
    direction: ltr;
}


html .pt60 {
    padding-top: 60px;
}
html .pb60 {
    padding-bottom: 60px;
}
html .pt50 {
    padding-top: 50px;
}
html .pb50 {
    padding-bottom: 50px;
}
html .pt40 {
    padding-top: 40px;
}
html .pb40 {
    padding-bottom: 40px;
}
html .pt20 {
    padding-top: 20px;
}
html .pb20 {
    padding-bottom: 20px;
}
footer, footer .row {
    position: relative;
}
footer .row {
    z-index: 1;
}

html .mb30 {
    margin-bottom: 30px;
}
html .mt30 {
    margin-top: 30px;
}
@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}
@media (min-width: 992px) {
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}
.ftr-brand-pp .navbar-brand {
    display: block;
}

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}

.ff-social-icons a {
    color: #fff;
    padding: 0 20px 0 0;
    font-size: 24px;
}

.end-footer- {
    border-top: 1px solid rgba(237, 237, 237, .05);
    margin-top: 10px;
    padding: 10px 0;
    font-size: 16px;
}

.dg2-main .footer-address-list li a, .footer-copyrights- a {
    color: #bdbfca;
}
.footer-link-- {
    /*text-align: right;*/
}

.footer-link-- li {
    display: inline-block;
}

.footer-link-- li a {
    color: #bdbfca;
    margin-left: 15px;
    font-size: 16px;
}
.end-footer- .footer-copyrights-  p>a {
    font-size: 16px !important;
}
.footer-copyrights-  p {
    font-size: 16px !important;
}
.footer-address-list li p span {
    display: flex;
    font-weight: 400;
    font-size: 15px;
}
.link-hover a {
    display: inline-block;
    padding: 3px 0;
    position: relative;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    z-index: 1;
}
.link-hover a:hover {
    color: #44c4a1 !important;
}
.link-hover a::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: currentColor;
}
.link-hover a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}
.link-hover a::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: currentColor;
}
.bottom-curvs, .sctxt, .up-curvs {
    position: absolute;
    right: 0;
    left: 0;
}
.up-curvs {
    top: -50px;
}


.dark-footer, .dark-footer .ff-social-icons a, .dark-footer .footer-address-list li a, .dark-footer .footer-address-list li p, .dark-footer .footer-address-list li>span, .dark-footer .footer-link-- li a {
    color: #fff;
}

.footer-address-list li a {
    color: #6a6a8e;
    font-family: "Cairo", sans-serif;
    font-size: 16px;
    line-height: 24px;
}



.btn-br, .btn-br:hover {
    color: #fff;
}
.btn-br {
    line-height: 48px;
    border-radius: 10px;
    padding: 0 20px;
}
.bg-btn5 {
    background: #44c4a1;
    background-image: -webkit-linear-gradient(45deg, #44c4a1 0, #009688 50%, #44c4a1 100%);
    background-image: linear-gradient(45deg, #44c4a1 0, #009688 50%, #44c4a1 100%);
    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
}
.bg-btn5 {
    -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
}
.btshad-b2 {
    -webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
}

span.circle {
    right: -130px;
    width: 200px;
    height: 200px;
}

span.circle, span.circle2 {
    background: rgba(255, 255, 255, .2);
    display: block;
    position: absolute;
    border-radius: 50%;
    top: -10%;
}

.lnk, button {
    position: relative;
    overflow: hidden;
}
::selection {
    background: rgba(166, 175, 189, .3);
}


.niwax-company-awards-cover {
    background: #f1f4f9;
    padding: 20px 0
}
.nxlp-b {
    background: linear-gradient(to right, #ff3f34 0, #ff834f 100%);
}
.niwax-company-awards {
    display: grid;
    grid-template-columns: 200px auto;
    grid-gap: 20px;
    align-items: center;
    overflow: hidden
}

.companytime p {
    font-weight: 700;
    font-size: 25px;
    color: #fff
}

.companytime p span {
    font-weight: 500;
    display: block;
    font-size: 20px;
    line-height: 26px;
    border-top: 1px solid #d9d9d9;
    padding: 14px 0 0;
    margin: 14px 0 0
}

.companytime {
    background: #0d83fd;
    padding: 14px;
    border-radius: 10px 50px
}

.shadow {
    -webkit-box-shadow: 0 10px 15px 0 rgb(3 35 68 / 7%)!important;
    box-shadow: 0 10px 15px 0 rgb(0 23 46 / 7%)!important
}

.awardbgwithtext {
    width: 150px;
    height: 150px;
    position: relative
}

.awardbgwithtext img {
    width: 100%
}

.awardbgwithtext p {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    padding: 0 25px;
    color: #050748
}

.awardbgwithtext p span {
    color: #050748;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    display: block;
    padding: 10px 0 0
}

.niwaxawardrow1 div+div {
    margin-top: 20px
}

.whychooseniwax {
    display: grid;
    grid-template-columns: 150px auto 150px;
    grid-gap: 30px
}

.btnwithiconside img {
    width: 42px
}

.btnwithiconside span {
    display: block;
    font-size: 14px;
    padding: 0 0 4px
}

.btnwithiconside div {
    font-weight: 600;
    font-size: 20px;
    color: #050748;
    text-align: left
}


.awardlogo, .companyinfodiv, .niwax-logo-slider .industry-workfors, .paginationdiv ul li a, .priceoffer {
    text-align: center;
}
.industry-workfors h6 {
    font-weight: 400;
    padding-top: 10px;
    font-size: 14px;
}

.niwax-logo-slider .industry-workfors img {
    width: 200px;
    margin: 0 auto;
}
@media (min-width: 992px) {
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

}

.common-heading {
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 10;
}
.text-l {
    text-align: left !important;
}
.text-r {
    text-align: right !important;
}

.work-card {
    margin: 10px;
    padding: 30px 20px;
    max-height: 170px;
    text-align: center;
    min-height: 170px;
    border-radius: 8px 40px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
}

@media only screen and (max-width: 991px) {
    .testimonial-card .t-text, .work-card-set, .img-design {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .icon-set, .opl ul li {
        width: 33.333%;
    }
}
@media only screen and (max-width: 767px) {
    .icon-set, .opl ul li {
        width: 50%;
    }
}
.cd1 {
    background: #70e4e8;
}
.cd2 {
    background: #f5eb92;
}

.cd3 {
    background: #a3ffe2;
}

.cd4 {
    background: #ffbc7a;
}
.cd5 {
    background: #e3ff8e;
}
.cd6 {
    background: #ffa0c6;
}
.cd7 {
    background: #f3a6ff;
}
.cd8 {
    background: #97ffaf;
}
.cd9 {
    background: #6cfffa;
}
.cd10 {
    background: #77baff;
}
.cd11 {
    background: #ffefd4;
}
.cd12 {
    background: #7affdb;
}



.techonology-used {
    text-align: center;
    background: #e2e2f3;
}
.h-scroll {
    width: 100%;
    padding: 50px 10px;
}
.tech-icons li {
    margin: 6px;
}
.btn-outline, .cta-call a, .tech-icons a, .tech-icons li {
    display: inline-block;
}
.tech-icons a {
    border: 4px solid #fff;
    position: relative;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 10%;
    border: 1px solidrgba(73, 83, 142, 0.46);
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
}
.tech-icons a:hover {
    border: 4px solid #d9cbff;
}
.btn-outline, .cta-call a, .tech-icons a, .tech-icons li {
    display: inline-block;
}

.tech-icons img {
    width: 100px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
}



/****/
html .mb20 {
    margin-bottom: 20px;
}
.counter-no {
    display: inline-block;
}
.bounceIn {
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
.hexa1 {
    border: 2px solid #ffc3fe;
}
.hexa2 {
    border: 2px solid #ffe6ba;
}
.hexa3 {
    border: 2px solid #addaff;
}
.hexa4 {
    border: 2px solid #ffbaba;
}
.hexagon {
    transform-style: preserve-3d;
    transform: perspective(1000px);
    text-align: center;
    min-width: 200px;
    height: auto;
    padding: 10px 15px;
    margin: 0 20px;
    background: #fff;
    border-radius: 8px 40px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
}

.counter-number {
    transform: translateZ(20px);
}

.counter-no span {
    font-size: 35px;
    font-weight: 700;
    color: #6143bd;
}
.counter-no p {
    font-size: 30px;
    font-weight: 500;
}


@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 1.75rem;
    }
}



/****/


.bg-gradient6 {
    background: #e8fffc;
    background: -moz-linear-gradient(top,#e8fffc 0,#fff4f4 100%);
    background: -webkit-linear-gradient(top, #e8fffc 0, #fff4f4 100%);
    background: linear-gradient(to bottom, #e8fffc 0, #fff4f4 100%);
}

.s-block{
   /* background: top right no-repeat #fff;*/
    background-size: 200%;
    text-align: center;
    padding: 50px 20px;
    margin: 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.s-block, .upset, .wide-block{
    position: relative;
}
.s-block, .wide-block {
}
.s-card-icon {
    width: 80px;
    margin: 0 auto 30px;
}
h4 {
    font-size: 22px;
    line-height: 32px;
}
h3 {
    font-size: 18px;
    line-height: 28px;
}
.s-block h4 {
    margin: 0 0 10px;
}
.animation, .circle, .circle2, .clients-logo, .custom-btn, .dropdown-toggle, .hoshd, .hover-scale img, .icon-set, .isotope_item, .link-hover, .main-header, .main-header.sticky, .navbar, .s-block, .sticky, .sub-menu-sec a, a, button, input {
    -webkit-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    -o-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    transition: 1.2s cubic-bezier(.17,.85,.438,.99);
}

.isotope_item {
    position: relative;
}

.bd-hor .bd-hor-base:after, .h-scl- .h-scl-base, .h-scl-base img, .up-hor {
    -webkit-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    -o-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    transition: 1.2s cubic-bezier(.17,.85,.438,.99);
}

.h-scl- .h-scl-base {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.item-image, .pricing-table {
    position: relative;
}
.item-image {
    display: block;
    width: 100%;
    border-radius: 8px;
    background: #f3f9ff;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
}
.item-image img {
    width: 100%;
}
.-reviewr, .about-agency, .app-cta, .bd-hor .bd-hor-base, .bd-hor .bd-hor-base:hover:after, .bhv-service, .breadcrumb-area, .breadcrumb-areav2, .case-study .image-div, .contact-location, .cta-area, .custom-nav .nav-list li a.menu-links, .footer-svg, .hero-card-web, .hero-section, .ho-gdnt .s-block, .image-div, .image-set, .img-ca2set, .instagram-post .thumb, .item-image, .link-hover a, .nn-card-set, .offer-image, .our-office, .overlay-- .s-block, .portfolio-item-info .-reviewr, .rpb-shop-items-tittl h3 a, .service, .service-section, .service-slide, .srvc-bg-nx, .team, .video-review {
    overflow: hidden;
}

.item-info {
    padding: 20px 0 0;
}
.isotope_item h4 {
    font-weight: 600;
    margin: 0 0 10px;
}
.isotope_item h4 a, .portfolio-item-info h3 a, .work-card p {
    color: #050748;
}