.author-hero {
    background: url(https://richestsoft.com/images/author-images/author-bnr.webp) rgb(7 24 74 / 80%);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    position: relative;
    z-index: 1;
}

.author-detail h1 {
    font-size: 36px !important;
}

.author-detail p {
    font-size: 16px !important;
}

.author-detail p a {
    color: #fff;
    text-decoration: none;
}

.author-image {
    padding-top: 110px;
}

.author-image img {
    border: 1.5px solid #fff;
    border-bottom: 0px;
}

ul.author-social-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(100% - 75%);
}

.author-about {
    display: flex;
    justify-content: space-between;
}

.author-hero:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #F2F2F2;
    z-index: -1;
}

.author-about p {
    color: #222A41;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 3px solid #EC963F;
}

ul.author-social-links li {
    flex-basis: 25%;
    text-align: end;
}

.author-reviews-block {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 35px 20px;
    background: #FFFFFF;
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

.author-reviews-block img {
    width: 100%;
    height: 50px;
    object-fit: contain;
}

.review-slider .owl-stage-outer {
    padding: 15px 0px;
}

.posted-by h2 {
    position: relative;
}

.posted-by h2:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 45%;
    height: 2px;
    background: #EC963F;
}

@media screen and (max-width:567px) {
    .author-detail h1 {
        font-size: 24px !important;
        margin-top: 20px;
    }
}

@font-face {
    font-family: "Gilroy";
    src: url("./fonts/gilroy-full/Gilroy-Regular.eot");
    src: local("Gilroy Regular"), local("Gilroy-Regular"),
        url("./fonts/gilroy-full/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
        url("./fonts/gilroy-full/Gilroy-Regular.woff2") format("woff2"),
        url("./fonts/gilroy-full/Gilroy-Regular.woff") format("woff"),
        url("./fonts/gilroy-full/Gilroy-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("./fonts/gilroy-full/Gilroy-Semibold.eot");
    src: local("Gilroy Semibold"), local("Gilroy-Semibold"),
        url("./fonts/gilroy-full/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"),
        url("./fonts/gilroy-full/Gilroy-Semibold.woff2") format("woff2"),
        url("./fonts/gilroy-full/Gilroy-Semibold.woff") format("woff"),
        url("./fonts/gilroy-full/Gilroy-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("./fonts/gilroy-full/Gilroy-Bold.eot");
    src: local("Gilroy Bold"), local("Gilroy-Bold"),
        url("./fonts/gilroy-full/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
        url("./fonts/gilroy-full/Gilroy-Bold.woff2") format("woff2"),
        url("./fonts/gilroy-full/Gilroy-Bold.woff") format("woff"),
        url("./fonts/gilroy-full/Gilroy-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Gilroy" !important;
    font-weight: 400;
    font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);
    color: var(--black-color);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    line-height: normal;
    color: inherit;
    font-family: "Gilroy" !important;
}

body #page #content .intro-text p {
    font-size: 20px !important;
    font-weight: 600;
    color: rgb(107, 107, 107) !important;
}

#content .wp-block-image {
    margin: 20px 0;
}

#page #content h1,
#page #content h2,
#page #content h3,
#page #content h4,
#page #content h5,
#page #content h6,
#page #content .has-black-color,
#page #content h1 span,
#page #content h2 span,
#page #content h3 span,
#page #content h4 span,
#page #content h5 span,
#page #content h6 span {
    color: var(--primary-txt-clr) !important;
}

.blog-seprator {
    background: #EC963F;
    height: 2px;
    margin: 0px;
}

.entry-content ul,
.entry-content ol {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
strong {
    font-weight: 700 !important;
}

body #page.site .text-light-color {
    color: #464646 !important;
}

a {
    text-decoration: none;
}

.navbar-toggler {
    background: transparent !important;
}

#page.site #content a:hover,
#page.site #content a:hover h1,
#page.site #content a:hover h2 {
    color: #ED1C24 !important;
}

body #page #content p,
body #page #content ul.has-text-color,
#page #content ol,
#page #content ul,
body #page #content p.has-black-color,
body #page #content ul li span,
body #page #content p.has-black-color span,
body #page #content p span {
    color: #333333 !important;
    font-size: 19px !important;
}

#page #content p a span {
    color: #ED1C24 !important;
    font-weight: 600 !important;
}

.read-more-link {
    color: #FF2303;
    text-transform: capitalize;
    text-decoration: none;
}

.read-more-link span {
    position: relative;
}

.read-more-link span::before {
    width: 0%;
    height: 1px;
    background: red;
    content: "";
    position: absolute;
    bottom: 0;
    transition: all .5s ease-in-out;
}

.read-more-link:hover span::before {
    width: 100%;
}

.blog-callaction__inner {
    padding: 40px 70px;
    overflow: hidden;
    position: relative;
}

.blog-rich-img {
    position: absolute;
    right: 0;
    padding: 0;
    top: 0;
    height: 100%;
}

.blog-rich-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.blog-list__categories {
    display: flex;
    flex-direction: column;
}

.blog-all__categories {
    display: flex;
    flex-direction: column;
}

.category-heading {
    border-bottom: 2px solid rgba(236, 150, 63, 0.30);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.blog-list__categories a {
    border-bottom: 2px solid rgb(34, 42, 65, 0.20);
    color: #737373;
    padding-bottom: 17px;
    margin-bottom: 17px;
}

.blog-all__categories a {
    border-bottom: 2px solid rgb(34, 42, 65, .2);
    color: #737373;
    padding-bottom: 17px;
    margin-bottom: 17px;
}

span.page-numbers.current {
    background: var(--primary-btn);
    width: 50px;
    height: 50px;
    color: #fff;
    background: linear-gradient(90deg, #FF2303 0%, #EC963F 100%);
    border-radius: 6px;
    line-height: 50px;
    text-align: center;
}

.page-numbers {
    color: #222A41;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    margin: 0 10px;
}

.page-numbers.placeholder {
    opacity: 1;
    background: transparent;
}

#searchform {
    position: relative;
    margin-bottom: 3rem !important;
}

#searchform input[type="text"] {
    border: none;
    border-bottom: 1px solid rgba(34, 42, 65, 0.2);
    width: 100%;
    outline: none;
    padding-right: 30px;
    font-size: 14px;
}

#toc_container {
    display: none !important;
}

#searchsubmit {
    background: url(images/search-normal.svg);
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    border: none;
}

.featured-media .wp-caption-text {
    text-align: center;
}

.featured-media img {
    margin: 0 auto 20px auto;
    display: block;
    height: auto;
}

.pagination {
    justify-content: center;
}

.pagination-single-inner {
    display: flex;
    justify-content: space-between;
}

.pagination-single-inner>a {
    width: 45%;
    display: flex;
}

.pagination-single-inner>a.previous-post .arrow {
    margin-right: 10px;
}

.pagination-single-inner>a.next-post {
    text-align: right;
}

.pagination-single-inner>a.next-post .arrow {
    margin-left: 10px;
}

.pagination-single-inner span {
    color: var(--primary-txt-clr) !important;
}

.pagination-single-inner>a:hover span {
    color: #ED1C24 !important;
}

body #page.site #content h2.text-white {
    color: #fff !important;
}

body.single #content .entry-content p {
    line-height: 40px;
    font-size: 20px !important;
    text-align: justify;
}

.post-meta {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 12px 0px 20px 0px;
}

body #page #content .post-meta .meta-text,
body #page #content .post-meta .meta-text a {
    color: #6d6d6d !important;
}

.post-meta>li:not(:last-child) {
    margin-right: 10px;
}

.post-meta svg {
    fill: #737373 !important;
}

.post-meta a {
    pointer-events: none;
}

.col-md-8 #ez-toc-container {
    display: none;
}

.blog-tbl-blk {
    background: #fff4f4;
    padding: 30px;
    margin: 30px auto;
}

#toc a {
    color: #737373 !important;
    font-size: 1rem;
    margin-bottom: 1rem;
    display: inline-block;
}

#toc a:hover {
    color: #EC963F !important;
    text-decoration: none !important;
}

.toc-container span.h6 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.toc-container span.h6:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #EC963F;
    width: 70px;
    height: 2px;
}

#toc>li {
    margin-bottom: 10px !important;
    line-height: 16px;
}

#toc>li:last-child {
    display: none !important;
}

ul.toc-list {
    overflow: hidden;
    position: relative;
    height: 380px;
    overflow-y: auto;
}

a .size-full {
    margin: 20px 0;
}

.wp-block-table {
    overflow-x: auto;
    font-size: 16px;
}

ul.toc-list .toc-link::before {
    background-color: #fff !important;
}

ul.toc-list .is-active-link::before {
    background-color: #EC963F !important;
}

.addtoany_shortcode {
    display: block;
}

ul.toc-list+.addtoany_shortcode {
    padding-top: 50px !important;
}

.addtoany_shortcode+span {
    font-size: 14px;
    display: none;
}

.addtoany_content {
    display: block;
}

.author-details {
    display: flex;
    flex-wrap: wrap;
}

.author-details__headhsot img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.author-details__descp {
    width: calc(100% - 120px);
    padding: 20px;
    border: 1px solid #cfd8e2;
    border-radius: 10px;
    margin-left: 20px;
    position: relative;
}

.author-details__descp::after {
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f8fafc;
    content: "";
    left: -9px;
    position: absolute;
    top: 24px;
    box-shadow: -1px 1px 0 0 #cfd8e2;
    transform: rotate(45deg);
}

.author-details__descp svg {
    fill: #EC963F;
}

.author-details__descp p {
    font-size: 15px;
    line-height: 25px;
}

figcaption {
    text-align: center;
}

p+ol li,
p+ul li {
    font-size: 20px;
    text-align: justify;
}

.wp-block-image+ol li,
.wp-block-image+ul li,
.entry-content h3+ul li,
.entry-content h4+ul li,
figure+ul li {
    line-height: 40px;
    font-size: 20px !important;
}

.js-toc-content p+ol li a,
.js-toc-content p+ul li a,
.js-toc-content p>a,
.js-toc-content ul li a,
.js-toc-content figcaption a,
.blog-list__categories+a {
    color: #ED1C24 !important;
}

figure.wp-block-table.is-style-stripes table tr td {
    border: 1px solid #838181;
    min-width: 290px;
    padding: 8px 10px;
}

figure.wp-block-image {
    margin: 0 auto;
}

.wp-block-table.is-style-stripes {
    margin: 0 auto;
}

.cta-sticky-block {
    position: sticky;
    top: 90px;
}

.cta-form {
    width: 100%;
    height: auto;
    padding: 25px;
    text-align: center;
    margin-top: 35px;
    background-color: #DFF3FC;
}

.cta-form h3 {
    font-size: 21px;
    color: #fff !important;
    line-height: 28px;

    margin-bottom: 20px;
    font-weight: 700 !important;
}

.cta-form a.cta-form-btn {
    font-size: 18px;
    line-height: 24px;
    color: #FFF;
    font-weight: 700;
    background: #F4F4F5;
    padding: 10px 20px;
    width: 100%;
    border-radius: 6px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F4F4F5;
    transition: all .2s linear;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    background-size: 200% auto !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.cta-form a.cta-btn-alt {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    height: 50px;
    color: #1F235A;
    border: 1px solid #1F235A;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#page.site #content .cta-form a.cta-form-btn:hover {
    border: 1px solid #994e4ebf !important;
    background-position: top right !important;
    color: white !important;
}

.cta-form a.cta-btn-alt:hover {
    color: #1F235A !important;
    border: 1px solid #FFF !important;
    background-color: #FFF !important;
}

.social-link {
    margin-top: 30px;
}

.list-unstyled.cta-social-link {
    display: flex;
    justify-content: start;
    margin-top: 15px;
    margin-bottom: 0px;
}

ul.cta-social-link li:not(:last-child) {
    margin-right: 25px;
}

.hero-form.blog-form {
    background: #fff4f4;
    padding: 30px 35px;
    border-radius: 0px;
    margin-top: 30px;
}

.hero-form.blog-form span {
    display: block;
    font-size: 24px;
    font-weight: 500;
}

.hero-form.blog-form .card {
    border: 0px;
    background: transparent;
}

.hero-form.blog-form .card-body {
    padding: 0px;
    border: 0px;
    background: transparent !important;
}

.hero-form.blog-form .container {
    padding: 0px;
}

.blog-form form .col-md-6 {
    width: 100%;
}

.blog-form form label {
    display: none;
}

.blog-form form .form-control {
    box-shadow: none !important;
}

.blog-form form .form-control:focus {
    box-shadow: none !important;
}

.blog-form form input.form-control,
.blog-form form textarea.form-control {
    border: 0px;
    font-weight: normal;
    background: #fff !important;
    color: #333 !important;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}

.blog-form form textarea.form-control {
    resize: none;
}

.blog-form form .form-control::placeholder {
    font-weight: normal;
    color: #737373 !important;
    font-size: 14px !important;
}

.g-recaptcha iframe {
    transform: scale(.8);
    transform-origin: left;
}

.blog-form form button.btn.btn-primary {
    min-width: 180px;
    padding: 10px;
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 1.188rem;
    background-color: var(--primary-btn) !important;
    border: 1px solid #f67917 !important;
}

.blog-form form button.btn.btn-primary:hover {
    background-position: right center !important;
}

.new-first {
    top: 120px;
    width: 20%;
    height: 100%;
}

.new-last {
    top: 140px;
    width: 20%;
    height: 100%;
}

.new-blog-center-div {
    width: 60%;
}

.new-last form#searchform {
    margin-bottom: 25px !important;
}

.new-last .cta-form {
    padding: 20px;
}

.new-last .cta-sticky {
    margin-bottom: 20px;
}

.new-first ul#toc {
    padding-left: 7px;
}

.new-first .toc-container {
    padding: 25px 15px;
    border-radius: 8px;
    display: block !important;
}

.new-first ul#toc li {
    line-height: 1.2em;
}

.new-first ul#toc li a {
    display: block;
}

.new-blog-center-div .post-inner.thin .entry-content p {
    line-height: 1.6em !important;
    font-size: 18px !important;
}

.new-wrapper-services .row {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    gap: 10px;
}

.new-wrapper-services .row div {
    width: 100%;
    text-align: start !important;
}

.new-wrapper-services .service-cta-wrap {
    padding: 60px;
}

.new-blog-center-div .post-inner.thin .entry-content ul li {
    font-size: 19px;
}

.modified-date {
    background: #dff3fc7a;
    padding: 8px 18px;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 0 14px;
}

.modified-date p {
    margin: 0 !important;
    font-size: 16px;
}

.row.new-row-wrapper-blog {
    margin-top: 40px;
}

.blog-tbl-blk {
    background: #DFF3FC;
    padding: 30px;
    margin: 30px auto;
}

#toc a {
    color: var(--black-color) !important;
}

.navbar a.btn.primary-btn.btn-md.m-w135,
.cta-form a.cta-form-btn {
    background: #de2b33;
}

.cta-form a.cta-form-btn {
    background: #de2b33 !important;
}

ul#toc li a.active {
    color: rgb(237, 28, 36) !important;
}

p.post-modified-info {
    display: none;
}

@media (min-width: 1600px) {
    .container {
        max-width: 1600px !important;
        width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .container {
        max-width: 1320px !important;
        width: 100%;
    }
}

@media (min-width: 1200px) {

    .h3,
    h3 {
        font-size: 1.65rem;
    }
}

@media (max-width:991px) {
    .blog-list .col-md-8 .row.align-items-center {
        align-items: flex-start !important;
    }

    .blog-list .col-md-8 .row.align-items-center img.border-radius {
        margin-bottom: 30px;
    }

    .service-cta-wrap {
        padding: 30px 30px;
    }

    .cta-form h3 {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    .toc-container {
        display: none;
    }

    .blog-callaction__inner {
        padding: 40px 30px !important;
        margin-top: 30px;
    }

    .blog-rich-img {
        display: none;
    }

    #ez-toc-container {
        display: none !important;
    }

    .author-details__headhsot {
        margin: 0 auto 20px auto;
    }

    .author-details__descp {
        width: 100%;
        margin-left: 0;
    }

    .author-details__descp::after {
        width: 0;
        height: 0;
        border-top: 0 solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #f8fafc;
        content: "";
        left: 0;
        position: absolute;
        top: -9px;
        box-shadow: -1px 1px 0 0 #cfd8e2;
        transform: rotate(137deg);
        right: 0;
        margin: 0 auto;
    }

    .row.new-row-wrapper-blog {
        flex-direction: column;
    }

    .row.new-row-wrapper-blog .new-first,
    .row.new-row-wrapper-blog .new-blog-center-div,
    .row.new-row-wrapper-blog .new-last {
        width: 100%;
    }

    .new-first {
        order: 1;
        position: unset;
        margin-bottom: 30px;
    }

    .new-blog-center-div {
        order: 2;
    }

    .new-last {
        order: 3;
        margin-top: 40px !important;
        position: unset;
    }

    .nav-prev-text,
    .next.page-numbers {
        display: none !important;
    }

    span.page-numbers.current {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
    }
}

.pagination-wrapper .nav-links {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

:root {
    --primary-bg-clr: #FFF5FF;
    --primary-txt-clr: #222A41;
    --primary-red-clr: #ED1C24;
    --secondary-red-clr: #F7433D;
    --bg-white: #ffffff;
    --spacer: 50px 0px;
    --spacer: 50px 0;
    --spacer-top: 50px;
    --spacer-bottom: 50px;
    --spacer-ft: 40px;
    --spacer-fb: 40px;
    --spacer-ftb: 40px 0px;
    --navy-bg: #1F235A;
    --text-light: #737373;
    --typography: "Roboto", sans-serif;
    --heading-color: #070707;
    --primary-bg: #CE272E;
    --secondary-bg: #262829;
    --primary-btn: #CE272E;
    --bg-blue: #1F235A;
    --border-radius: 10px;
    --secondary-secondary-bg: #eee;
    --light-red: #FFF6F7;
    --lightfeed-bg: #FCFAE6;
    --light-gray: #FCFCFC;
    --shadow: 0 0px 5px 0px rgba(0, 0, 0, .10);
}

@font-face {
    font-family: "remixicon";
    src: url("../fonts/remixicon.eot?t=1590207869815");

    src: url("../fonts/remixicon.eot?t=1590207869815#iefix") format("embedded-opentype"),

        url("../fonts/remixicon.woff2?t=1590207869815") format("woff2"),
        url("../fonts/remixicon.woff?t=1590207869815") format("woff"),
        url("../fonts/remixicon.ttf?t=1590207869815") format("truetype"),

        url("../fonts/remixicon.svg?t=1590207869815#remixicon") format("svg");

    font-display: swap;
}

[class^="ri-"],
[class*=" ri-"] {
    font-family: "remixicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ri-mail-send-line:before {
    content: "";
}

.ri-skype-fill:before {
    content: "";
}

.ri-arrow-right-s-line:before {
    content: "";
}

.ri-phone-fill:before {
    content: "";
}

.ri-arrow-up-line:before {
    content: "";
}

.ri-notification-fill:before {
    content: "";
}

.ri-arrow-right-line:before {
    content: "";
}

.ri-file-list-line:before {
    content: "";
}

.ri-file-4-line:before {
    content: "";
}

.ri-user-voice-line:before {
    content: "";
}

.ri-links-line:before {
    content: "";
}

.ri-download-line:before {
    content: "";
}

.ri-close-circle-line:before {
    content: "";
}

.ri-arrow-down-s-line:before {
    content: "";
}

.spacer {
    padding: var(--spacer);
}

.spacer-top {
    padding-top: var(--spacer-top);
}

.spacer-bottom {
    padding-bottom: var(--spacer-top);
}

.spacer-ftb {
    padding: var(--spacer-ftb);
}

.spacer-ft {
    padding-top: var(--spacer-ft);
}

.spacer-fb {
    padding-bottom: var(--spacer-fb);
}

.secondary-bg {
    background-color: var(--secondary-bg);
}

.txt-primary {
    color: var(--primary-txt-clr);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary-txt-clr);
    font-weight: 700;
}

h2.heading {
    font-size: 36px;
    line-height: 40px;
}

img {
    max-width: 100%;
}

.bg-f8 {
    background: #F8FAFF !important;
}

.offbg {
    background-color: var(--light-gray);
}

.offbg-red {
    background-color: var(--light-red);
}

.section-bg {
    background-color: var(--primary-bg-clr);
}

body {
    font-family: var(--typography);
    color: var(--text-light);
}

.container {
    max-width: 1140px;
}

.btn {
    color: #fff !important;
    padding: 0;
    text-transform: capitalize;
    font-size: 1.125rem;
    font-weight: 400;
}

.btn-lg {
    min-width: 150px;
    height: 50px;
    line-height: 50px;
    padding: 0px 16px;
}

.btn-md {
    min-width: 180px;
    height: 50px;
    line-height: 50px;
    padding: 0px 16px;
}

a.btn-md {
    font-size: 16px;
    font-weight: 400;
    border-radius: 6px;
}

.white-button,
.btn-light,
a.btn.primary-btn,
button.btn.primary-btn {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

a.btn.primary-btn:hover,
button.btn.primary-btn:hover {
    background-position: right center;
}

.get-quote.g-block {
    display: none;
}

.fw-500 {
    font-weight: 500;
}

.white-button {
    background-image: unset;
    color: var(--primary-txt-clr) !important;
    padding: 0 1rem;
    background-color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.white-button:hover {
    background-color: #ffffffb0;
}

.hero h1 {
    font-size: 55px !important;
}

section.home-hero h1+p {
    font-size: 18px !important;
}

.hero h1+p {
    font-size: 20px !important;
}

.hero-global-adv {
    margin-top: 50px;
    margin-bottom: 0px;
}

p.p-md {
    font-size: 18px;
    line-height: 30px;
}

p.psize-16 {
    font-size: 16px;
    line-height: 26px;
}

.navy-bg {
    background: var(--navy-bg) !important;
}

.heading span,
.clone-popup-content strong {
    background: -webkit-linear-gradient(0deg, #F83D3D 0%, #EC963F 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subheading-text {
    position: relative;
    padding-left: 32px;
    font-size: 20px;
    line-height: 23.44px;
    color: var(--primary-txt-clr);
}

.subheading-text::before {
    content: "";
    height: 2px;
    width: 22px;
    background-color: var(--primary-red-clr);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.header__top ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.header__top ul li {
    list-style: none;
}

.header__top ul>li::marker {
    color: transparent;
}

.header__top ul li a img.flg-img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 5px;
}

header.site-header {
    position: sticky;
    top: 0px;
    background: #fff;
    z-index: 9;
}

@keyframes fixed {
    0% {

        transform: translateY(-100px);
    }

    100% {

        transform: translateY(0px);

    }
}

@-webkit-keyframes fixed {
    0% {

        transform: translateY(-100px);
    }

    100% {

        transform: translateY(0px);

    }
}

@-moz--keyframes fixed {
    0% {

        transform: translateY(-100px);
    }

    100% {

        transform: translateY(0px);

    }
}

.header__top ul>li:not(:last-child) {
    margin-right: 15px;
}

.header__top ul:nth-child(2) li {
    list-style: none;
}

.header__top a {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.header__top a i {
    margin-right: 5px;
}

.logo {
    max-width: 200px;
}

header .navbar li a {
    color: #141414 !important;
}

.mob-display {
    display: none;
}

header.site-header div.header__top+nav.navbar {
    border-bottom: 1px solid rgb(115 115 115 / 20%);
    background: #fff;
}

.service-height {
    height: 450px;
    overflow-X: hidden;
}

.no-pointer {
    pointer-events: none;
}

.site-header .navbar-nav>li>a {
    padding: 20px 10px;
}

.site-header .nav-item.dropdown:hover {
    position: static;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.site-header .dropdown .dropdown-menu {
    padding: 0;
    left: inherit;
    right: 0;
    border: 0;
    box-shadow: var(--shadow);
    border-radius: 7px;
}

.site-header .navbar-nav .nav-item .dropdown-menu {
    min-width: 300px;
    padding: 10px;
    margin: 0;
    border-radius: 12px;
}

.site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
    padding: 10px;
    border-radius: 0px;
    width: 100%;
    min-width: 650px;
    border: 0;
    box-shadow: 0 6px 4px -8px #000000c2;
}

.site-header .navbar-nav .nav-item .dropdown-menu ul {
    background: #fff;
    width: 100%;
    list-style-type: none;
    padding-left: 0px;
}

.dropdown-menu.nav-list.service-height .row .col-md-3 ul {
    padding-left: 0px;
}

.site-header .navbar-nav .nav-item .dropdown-menu.nav-list ul+ul {
    margin-left: 3px;
}

.site-header .navbar-nav .dropdown-menu ul li {
    background-color: #fff;
    font-size: 14px;
    text-transform: capitalize;
}

.site-header .navbar-nav .dropdown-menu .dropdown-item {
    border-bottom: 1px solid transparent;
    padding: 2px 5px;
}

.site-header .navbar-nav .dropdown-menu .nav-title .dropdown-item {
    font-weight: 600;
    border: 0;
}

.site-header .navbar-nav .dropdown-menu ul li+li {
    border-top: 1px solid #f3f1f1;
}

.site-header .navbar-nav .dropdown-menu ul li.nav-title {
    background-color: #f7f7f7;
    border: 0;
    margin-top: 10px;
}

.nav-item.dropdown.position-relative .dropdown-menu.nav-list {
    left: 0;
    min-width: 270px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--primary-btn) !important;
}

li.nav-title a {
    font-size: 18px;
}

li.nav-title~li a.dropdown-item:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.dropdown-item:active {
    background-color: #fd0d0d1a !important;
}

ul.ps-0 li a.dropdown-item:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.hire-b {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
}

.col-md-12.hire-b~div.col-md-3 ul li a:hover,
.col-md-12.solution-b~div.col-md-3 ul li a:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.site-header .navbar-nav .dropdown-menu .hire-b ul li.nav-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mobile-nav-menu {
    display: none !important;
}

.mobile-nav-menu.show-blk {
    display: block !important;
    width: 100%;
    margin-top: 5px;
    background: #fff;
    z-index: 2;
}

header .navbar-nav>li {
    margin-right: 10px;
}

a.dropdown-item {
    position: relative;
    transition: 0.1s all ease-in;
}

span.red-arrow {
    display: block;
    width: 8px;
    top: 50%;
    bottom: 50%;
    margin: auto;
    right: 10px;
    height: 10px;
    position: absolute;
    transform: translateY(-50%);
}

span.red-arrow span {
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0px;
    height: 10px;
    opacity: 1;
    font-family: remixicon !important;
    color: var(--primary-txt) !important;
    font-size: 25px;
    line-height: 20px;
}

span.red-arrow:before {
    content: "";
    display: block;
    width: 8px;
    font-family: remixicon !important;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    height: 10px;
    position: absolute;
    opacity: 0.5;
    color: var(--primary-txt) !important;
    font-size: 25px;
    line-height: 20px;
}

span.red-arrow:after {
    content: "";
    font-family: remixicon !important;
    display: block;
    width: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    height: 10px;
    position: absolute;
    opacity: 0.3;
    color: var(--primary-txt) !important;
    font-size: 25px;
    line-height: 20px;
}

a.dropdown-item:hover span.red-arrow:before {
    animation: animate-arrow-2 1s ease-in-out infinite 0.1s;
}

a.dropdown-item:hover span.red-arrow:after {
    animation: animate-arrow-3 1s ease-in-out infinite 0.2s;
}

a.dropdown-item:hover .red-arrow span {
    animation: animate-arrow-1 1s ease-in-out infinite;
}

@keyframes animate-arrow-1 {
    0% {
        transform: translateX(-40px);
        opacity: 0;
    }

    70%,
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes animate-arrow-2 {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }

    70%,
    100% {
        transform: translateX(0px);
        opacity: 0.5;
    }
}

@keyframes animate-arrow-3 {
    0% {
        transform: translateX(-10px);
        opacity: 0;
    }

    70%,
    100% {
        transform: translateX(0px);
        opacity: 0.3;
    }
}

.m-w135 {
    min-width: 135px !important;
}

.links-tab {
    background: #1f235a;
    padding: 20px 0px;
    border-bottom-left-radius: 30px !important;
    height: 100%;
}

.links-box,
.links-box ul li,
.links-box ul li a {
    background: #fff !important;
}

.links-box ul li a.dropdown-item {
    padding: 10px 5px !important;
    color: #1f235a !important;
}

.dropdown-menu-animation {
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

.dropdown-menu.megamenu {
    padding: 0px !important;
}

.dropdown-menu.nav-list.megamenu {
    background: transparent !important;
    box-shadow: none !important;
}

.web-menu-navbar>ul li.nav-item.dropdown .dropdown-toggle::after {
    position: absolute;
    content: "";
    font-family: "remixicon";
    border: 0px !important;
    margin-left: 0px !important;
}

.dropdown-menu.megamenu .nav-pills .nav-link.active,
.dropdown-menu.megamenu .nav-pills .show>.nav-link {
    background-color: #ffffff;
    color: #1f235a !important;
    border-radius: 0px;
    text-align: end;
}

.links-tab,
.links-box {
    height: 100%;
}

.links-box {
    padding: 20px 30px;
    border-bottom-right-radius: 30px !important;
}

.links-box ul li {
    border: 0px !important;
}

.links-tab a.nav-link {
    color: #fff !important;
    text-align: end;
}

.links-tab a.nav-link:hover {
    color: var(--primary-btn) !important;
    background: #fff !important;
    border-radius: 0px !important;
}

.links-box ul li a.dropdown-item:hover {
    background: #fff !important;
    color: #ED1C24 !important;
}

.links-box ul li a {
    position: relative;
    display: inline-block;
    width: auto !important;
}

.links-box ul li>a:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5px;
    background: #ED1C24;
    z-index: 1;
    transition: transform .5s;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
}

.links-box ul li>a:hover:before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.megamenu-inner {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 20%);
}

.dropdown-menu.megamenu .nav-pills .nav-link svg {
    margin-left: 10px;
}

.dropdown-menu.megamenu .nav-pills .nav-link.active svg path {
    fill: #1f235a;
}

.dropdown-menu.megamenu .nav-pills .nav-link:hover svg path {
    fill: #ED1C24;
}

.links-tab button.nav-link {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.links-not-tabs {
    border-bottom-left-radius: 30px !important;
    box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 20%);
}

ul.navbar-nav.ms-auto li.nav-item:first-child .megamenu {
    width: 100% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}

ul.navbar-nav.ms-auto li.nav-item:nth-child(2) .megamenu,
ul.navbar-nav.ms-auto li.nav-item:nth-child(4) .megamenu {
    width: 80% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}

ul.navbar-nav.ms-auto li.nav-item:nth-child(2) .megamenu {
    width: 100% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}

ul.navbar-nav.ms-auto li.nav-item:nth-child(5) .megamenu {
    width: fit-content !important;
    min-width: 200px;
    left: 0;
    right: 0;
    margin: 0 0 0 auto;
}

ul.navbar-nav.ms-auto li.nav-item:nth-child(5) .megamenu .tab-content {
    padding: 0 10px 10px;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.nav-blogs {
    display: flex;
    gap: 7px 2px;
}

.gt_switcher-popup {
    color: #fff !important;
    gap: 6px;
}

.gt_switcher-popup span {
    color: #fff !important;
}

.links-box .tab-pane ul li a.dropdown-item {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

span.navicon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

span.navicon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

#nav-icon3 {
    width: 25px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 20px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 10px;
}

#nav-icon3 span:nth-child(4) {
    top: 20px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nw-mbl-menu .tabcontact-btn li {
    text-align: center;
    border: 0px !important;
}

.mobile-nav-menu.nw-mbl-menu .accordion-item {
    border: 0px !important
}

.mobile-nav-menu.nw-mbl-menu .navbar-nav {
    border: 0px !important;
    text-align: left;
}

.mobile-nav-menu.nw-mbl-menu .navbar-nav>li>a {
    padding: 20px;
}

.tabcontact-btn li:first-child a {
    background: #1F235A;
    color: #fff !important;
    border-radius: 6px;
    font-size: 14px;
}

.tabcontact-btn li:first-child a.nav-link:hover {
    color: #fff !important;
}

.tabcontact-btn li:last-child a {
    background: #FAF9F6;
    color: #1F235A !important;
    border-radius: 6px;
    font-size: 14px;
    border: 1px solid #1F235A;
}

.tabcontact-btn li:last-child a.nav-link:hover {
    color: #1F235A !important;
}

.nw-mbl-menu .navbar-nav.tabcontact-btn li:not(:last-child) {
    margin-bottom: 15px;
}

.nw-mbl-menu .accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.nw-mbl-menu button.accordion-button {
    background: #FAF9F6;
}

.mobile-nav-menu.nw-mbl-menu.show-blk,
.mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed),
.mobile-nav-menu.nw-mbl-menu .accordion-body ul {
    background: #FAF9F6;
    box-shadow: none !important;
}

.mobile-nav-menu.nw-mbl-menu .accordion-body ul li .dropdown-item {
    padding: 10px 24px;
}

.mobile-nav-menu.nw-mbl-menu .accordion-body ul li .dropdown-item:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.nw-mbl-menu .navbar-nav.tabcontact-btn {
    padding: 15px 15px 15px !important;
}

.mobile-nav-menu.nw-mbl-menu .accordion-button::after {
    transform: rotateZ(270deg) !important;
}

.mobile-nav-menu.nw-mbl-menu .accordion-button:not(.collapsed)::after {
    transform: rotateZ(360deg) !important;
}

.navbar-light .navbar-toggler {
    border: none;
    padding: 0px;
}

.blog-page-link a.nav-link {
    display: flex;
    align-items: center;
}

.blog-page-link a.nav-link svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    transform: rotateZ(-90deg);
}

.site-header .navbar-nav.blog-page-link>li {
    border-bottom: 0px !important;
}

.ps-static {
    position: static;
}

.get-quote {
    width: 265px;
    padding: 15px;
    background: linear-gradient(97.67deg, #222A41 -9.88%, #163471 91.69%);
    border-radius: 10px;
    position: fixed;
    top: 150px;
    right: -350px;
    z-index: 5;
    transition: all .5s linear;
}

.get-quote a {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

.get-quote p {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
    line-height: 20px;
    text-transform: capitalize;
}

span.close-quote {
    position: absolute;
    content: "";
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

span.close-quote i {
    font-size: 24px;
    color: #fff;
}

.g-block {
    display: block;
    right: 25px;
}

.g-none {
    right: -350px;
}

.whatsapp-logo img {
    position: fixed;
    content: "";
    bottom: 50px;
    right: 30px;
    border-radius: 50%;
    z-index: 1111;
}

.whatsapp-logo a img {
    animation: moveicon 1.8s infinite;
    overflow: hidden;
}

@keyframes moveicon {

    0%,
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }

    50% {
        opacity: 1;
        transform: scale(1.3, 1.3);
    }
}

.call__wrapper {
    width: 250px;
    height: auto;
    position: fixed;
    top: 50%;
    right: -250px;
    z-index: 1;
    transform: translateY(-50%);
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    display: none;
}

.call__wrapper__inner {
    width: 100%;
    height: 100%;
    background: #171717;
    padding: 25px;
    position: relative;
    color: #fff;
}

.call__wrapper__inner h5 {
    color: #fff;
}

.call__inner__img {
    position: absolute;
    content: "";
    top: 38%;
    left: -50px;
    width: 50px;
    height: 50px;
    background: #171717;
    text-align: center;
    line-height: 50px;
    transform: translateY(-38%);
    animation: shake 4.72s ease infinite;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0, 0)
    }

    1.78571% {
        transform: translate(5px, 0)
    }

    3.57143% {
        transform: translate(0, 0)
    }

    5.35714% {
        transform: translate(5px, 0)
    }

    7.14286% {
        transform: translate(0, 0)
    }

    8.92857% {
        transform: translate(5px, 0)
    }

    10.71429% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

.call__inner__img:hover {
    cursor: pointer;
}

.call__inner__img i {
    font-size: 40px;
    color: #fff;
}

.call__wrapper__inner ul {
    padding-left: 0px;
    margin-left: 0px;
}

.call__wrapper ul li {
    list-style: none;
}

.call__wrapper ul li:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 10px 0;
}

.call__wrapper ul li:last-child {
    padding-top: 10px;
}

.call__wrapper ul li a {
    text-decoration: none;
    color: #fff;
}

.call__wrapper ul li a img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 10px;
}

.call-slide {
    right: 0 !important;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 10px;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    padding: 0;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    display: none;
}

.footer-logo {
    width: 240px;
}

footer .footer-links p {
    color: #BBBDCD;
}

footer ul.social-links {
    display: flex;
    padding-left: 0px;
}

footer ul.social-links li:not(:last-child) {
    margin-right: 20px;
}

footer ul.social-links li svg:hover path {
    fill: var(--primary-btn) !important;
}

footer .footer-nav h5,
footer .footer-nav .h5 {
    margin-bottom: 40px;
    color: #fff;
}

footer.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer.site-footer ul .nav-link {
    padding-left: 0px;
    color: #BBBDCD;
    padding-top: 0px;
    padding-bottom: 18px;
}

footer.site-footer ul li a {
    transition: 0.5s all;
    display: inline-block;
    color: #BBBDCD;
    padding-bottom: 18px;
}

footer.site-footer ul li a:hover {
    color: var(--primary-btn);
}

ul.contact-num li a {
    display: flex !important;
    align-items: center;
}

.contact-num a {
    color: #BBBDCD;
    text-decoration: none;
    font-weight: normal !important;
}

.contact-num p {
    color: #BBBDCD;
}

.contact-num svg path {
    stroke: #BBBDCD;
}

ul.contact-num li svg,
ul.contact-num li img {
    margin-right: 8px;
}

ul.contact-num li img {
    width: 28px;
}

footer .copyright-wrapper {
    border-top: 1px solid #BBBDCD;
}

footer .copyright-wrapper a {
    text-decoration: none;
    color: #BBBDCD;
    transition: .5s all;
}

footer .copyright-wrapper a:hover {
    color: var(--primary-btn);
}

footer .copyright-wrapper p {
    font-size: 16px;
    color: #BBBDCD;
}

.christmas-popup {
    position: fixed;
    bottom: 25px;
    transform: translateX(-448px);
    z-index: 999;
    transition: transform 0.5s;
}

.christmas-img {
    filter: drop-shadow(2px 3px 8px #00000061);
}

.christmas-close-popup {
    position: absolute;
    right: 118px;
    top: 11px;
    cursor: pointer;
}

.santa-img {
    margin-left: -19px;
    cursor: pointer;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 2s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-30px);
    }
}

.fw-semibold {
    font-family: 500 !important;
}

.footer-bg {
    background: radial-gradient(22.19% 95.72% at 77.81% 50%, #102338 0%, #161E29 100%);
}

.footer-bottom {
    background-color: #11171e;
}

.footer-y {
    padding-block: 70px;
}

.footer-address-wrap img {
    height: 110px;
    width: 100%;
    max-width: 150px;
}

.footer-sep {
    border-bottom: 1px solid rgb(255 255 255 / 73%);
    margin: 20px 0 25px;
    display: block;
}

.footer-address-wrap h5 {
    font-size: 22px;
}

.footer-address-wrap p {
    font-size: 16px;
}

.footer-content p {
    font-size: 13px;
}

.footer-link-wrap ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-link-wrap ul li a {
    font-size: 16px;
}

.contant-info-list a {
    gap: 20px;
}

.footer-link-wrap .footer-sep {
    width: 100%;
    max-width: 60px;
    margin: 15px 0 24px;
}

.contant-info-list img {
    width: 28px;
    height: 20px;
}

.footer-social {
    flex-direction: row !important;
}

.footer-social a {
    width: 28px;
    min-width: 28px;
    height: 28px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: all 0.3s;
}

.footer-social a:hover {
    background-color: #fff;
}

.footer-social a:hover svg path {
    fill: #000;
}

.footer-copyright {
    border-top: 1px solid #3C4959;
}

.footer-copyright p,
.footer-copyright a {
    font-size: 14px !important;
}

.header-cta {
    background: #E7F3FF;
    padding: 28px 28px;
    border-radius: 0 0 0 20px;
}

.header-cta .button-primary {
    color: var(--bg-white) !important;
    padding: 10px;
    font-weight: 500;
}

header .links-box .header-block li a {
    white-space: normal;
    align-items: flex-start !important;
    padding: 0 !important;
    color: #000 !important;
}

.header-block li p {
    line-height: 18px;
    font-size: 14px !important;
    color: #797979 !important;
}

.fade-dropdown {
    display: flex;
    align-items: flex-start;
    padding: 0 !important;
    white-space: normal;
}

.block-link-wrap {
    line-height: 18px;
    white-space: normal;
}

.head-list-icon {
    display: flex;
    width: 26px;
    height: 26px;
    min-width: 26px;
    margin: 4px 10px 0 0;
}

.head-list-icon img {
    width: 100%;
    object-fit: contain;
}

header .links-box .block-link-wrap a.block-link {
    color: #797979 !important;
    font-size: 14px;
    margin: 0 3px 0 0;
    padding: 0 !important;
    text-decoration: underline !important;
}

.dropdown-item span {
    font-size: 17px !important;
}

.block-link {
    color: #797979 !important;
    font-size: 14px;
    margin: 0 3px 0 0;
    padding: 0 !important;
    text-decoration: underline !important;
}

.header-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.header-block li {
    width: 100% !important;
    display: flex;
}

.block-link-wrap a:hover::before {
    content: unset;
    color: var(--primary-btn);
}

.fade-dropdown:hover {
    background: transparent !important;
    color: #000 !important;
}

header .button-primary {
    color: var(--white-color);
    background-color: #DE2B33;
    padding: 14px 14px !important;
    border-radius: 0 !important;
}

header .button-primary:hover path {
    fill: currentColor;
}

header .button-primary:hover {
    color: var(--white-color) !important;
    background-color: #11171e !important;
}

.circle-icon svg {
    animation: arrow-move 0.5s infinite alternate;
}

@keyframes arrow-move {
    0% {
        transform: translateX(3px);
    }

    100% {
        transform: translateX(-3px);
    }
}

.testing-block .dropdown-item {
    background: #F5F5F5;
    color: #141414 !important;
    display: flex;
    padding: 8px 14px !important;
    align-items: flex-start;
    gap: 18px;
    border-radius: 0 0 20px 20px;
}

.testing-block .dropdown-item:active {
    background-color: #F5F5F5 !important;
}

ul.navbar-nav.ms-auto li.nav-item:first-child .megamenu .links-tab,
ul.navbar-nav.ms-auto li.nav-item:first-child .megamenu .links-box {
    border-radius: 0 !important;
}

.w-semibold {
    font-weight: 600 !important;
}

@media screen and (max-width: 991px) {
    :root {
        --spacer: 40px 0;
        --spacer-top: 40px;
        --spacer-bottom: 40px;
        --spacer-ft: 40px;
        --spacer-fb: 40px;
        --spacer-ftb: 40px 0px;
    }

    h2,
    .h2 {
        font-size: 36px;
    }

    .h3,
    h3 {
        font-size: calc(1rem + .6vw);
    }

    .h4,
    h4 {
        font-size: calc(1rem + .3vw);
    }

    .hero h1 {
        font-size: 38px;
        font-weight: 700;
    }

    .hero p {
        font-size: 16px;
    }

    .navbar-toggler {
        margin-left: auto;
        margin-right: 20px;
    }

    .btn {
        font-size: 1rem;
    }

    .btn-lg {
        min-width: 160px;
        height: 48px;
        line-height: 48px;
    }

    .site-header .navbar-nav {
        text-align: center;
    }

    .site-header .navbar-nav>li:not(:last-child) {
        border-bottom: 1px solid #ccc;
    }

    .site-header .navbar-nav {
        text-align: center;
        border: 1px solid #ccc;
    }

    header .navbar-nav>li {
        margin-right: 0px !important;
    }

    .site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
        min-width: 335px;
    }

    #navbarNavDropdown.web-menu-navbar {
        display: none !important;
    }

    .mobile-nav-menu .accordion-body ul li {
        list-style: none;
    }

    .mobile-nav-menu .accordion-body ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .mobile-nav-menu .accordion-body ul li.nav-title {
        padding: 10px 0px;
        background: #f7f7f7;
    }

    .mobile-nav-menu .accordion-body {
        padding: 0rem;
    }


    .navbar-toggler:focus {
        box-shadow: none;
    }

    .nw-mbl-menu .site-header .navbar-nav {
        text-align: left !important;
    }

    .web-menu-navbar+.btn.primary-btn {
        display: none;
    }

    .mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed),
    .mobile-nav-menu.nw-mbl-menu button.accordion-button:hover {
        color: var(--primary-btn);
    }

    .mobile-nav-menu.nw-mbl-menu .accordion-button:not(.collapsed)::after {
        filter: grayscale(1);
    }

    .fade-dropdown {
        padding: 10px 24px !important;
        flex-direction: column;
    }

    .fade-dropdown:hover {
        color: var(--primary-btn) !important;
        background: #fd0d0d1a !important;
    }

    .fade-dropdown:hover span {
        color: var(--primary-btn) !important;
    }

    .header-block li a.dropdown-item {
        white-space: normal !important;
    }
}

@media screen and (max-width: 767px) {
    :root {
        --spacer: 30px 0;
        --spacer-top: 30px;
        --spacer-bottom: 30px;
        --spacer-ft: 30px;
        --spacer-fb: 30px;
        --spacer-ftb: 30px 0px;
    }

    h2.heading {
        font-size: 32px;
        line-height: 44px;
    }

    h2.heading+.p-md {
        font-size: 14px;
        line-height: 20px;
    }

    h2,
    .h2 {
        font-size: 32px;
        line-height: 34px;
    }

    .h3,
    h3 {
        font-size: calc(1rem + .3vw);
    }

    .h4,
    h4 {
        font-size: calc(1rem + .1vw);
    }

    .header__top__inner {
        flex-wrap: wrap;
    }

    .header__top ul {
        flex-wrap: wrap;
        width: 50%;
        justify-content: flex-start;
    }

    .header__top ul:last-child {
        justify-content: end;
    }

    .header__top ul:first-child>li {

        list-style: none;
    }

    .header__top a {
        font-size: 0.850rem;
    }

    .site-header .navbar .btn {
        display: none;
    }

    .logo {
        max-width: 130px;
    }

    .hero h1 {
        font-size: 34px !important;
        font-weight: 700;
    }

    .mob-display {
        display: block;
    }

    .site-header .navbar>.container {
        display: flex;
        flex-wrap: wrap;
    }

    a.nav-link.mob-display.free-qte {
        font-size: 13px;
        max-width: 100px;
        color: #fff;
        font-weight: 600;
        margin-left: auto;
        text-align: center;
        width: 100%;
        border-radius: 5px;
        margin-right: 5px;
        background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
        transition: 0.5s;
        position: relative;
        overflow: hidden;
        background-size: 200% auto;
    }

    a.nav-link.mob-display.free-qte:hover {
        background-position: right center;
    }

    .navbar-light .navbar-toggler {
        border: none;
        padding: 0px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        margin-right: 0px;
        margin-left: 0px;
    }

    .footer-nav {
        margin-bottom: 20px;
    }

    .site-header .navbar-nav .nav-item .dropdown-menu ul {
        padding-left: 0px;
    }

    section.hero>div:first-child {
        order: 2 !important;
    }

    h2.w-75 {
        width: 100% !important;
    }

    .start-form-content {
        padding: 40px 20px;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        overflow: hidden;
    }

    .start-form-content h2 {
        font-size: 36px;
        line-height: 45px;
    }

    .start-form-img img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 0px;
    }

    .blog-slider .owl-nav button {
        display: none;
    }

    .footer-y {
        padding-block: 60px;
    }

    .block-link-wrap {
        line-height: 24px;
    }
}

@media screen and (max-width: 567px) {
    .header__top ul {
        justify-content: center !important;
    }

    h2.heading {
        font-size: 24px;
        line-height: 38px;
    }

    img.flg-img {
        width: 20px;
        height: 20px;
    }

    .order_1 {
        order: 1;
    }

    .order_2 {
        order: 2;
    }

    .order_3 {
        order: 3;
    }

    .order_4 {
        order: 4;
    }

    .order_5 {
        order: 5;
    }

    .order_6 {
        order: 6;
    }

    .order_7 {
        order: 7;
    }

    .order_8 {
        order: 8;
    }

    .technology h1 br {
        display: none;
    }

    .site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
        min-width: 250px;
    }

    .header__top ul {
        width: 100%;
    }

    #navbarNavDropdown.web-menu-navbar {
        display: none !important;
    }

    .mobile-nav-menu .accordion-body {
        padding: 0rem;

    }

    .mobile-nav-menu .accordion-body ul {
        padding-left: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .mobile-nav-menu .accordion-body ul li {
        list-style: none;
    }

    li.nav-title a {
        font-weight: 500;
    }

    .mobile-nav-menu .accordion-body ul li.nav-title {
        padding: 10px 0px;
        background: #f7f7f7;
    }

    .mobile-nav-menu button.accordion-button {
        padding: 10px 15px;
        font-weight: 500;
    }

    .mobile-nav-menu .nav-link {
        font-weight: 500;
    }

    .mobile-nav-menu .navbar-nav>li>a {
        padding: 15px;
    }

    .mobile-nav-menu .navbar-nav {
        text-align: left;
        border: 1px solid #ccc;
    }

    .mobile-nav-menu button.accordion-button:hover {
        color: var(--primary-btn);
    }

    .mobile-nav-menu button.accordion-button:not(.collapsed) {
        color: var(--primary-btn);
        background-color: #fff;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    }

    .accordion-button:not(.collapsed)::after {
        filter: grayscale(1);
    }

    #getquote {
        display: none;
    }

    .mobile-nav-menu.nw-mbl-menu .navbar-nav>li>a {
        padding: 10px 15px;
    }

    .service-height {
        height: 400px;
    }

    .footer-address-wrap img {
        height: 100px;
        max-width: 140px;
    }

    .header-block {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 480px) {
    .header__top ul {
        gap: 10px;
    }

    .header__top ul>li {
        margin: 0;
    }

    .header__top ul li a img.flg-img {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width:767px) {
    .christmas-popup {
        transform: translateX(-241px);
    }

    .christmas-img {
        width: 241px;
    }

    .christmas-close-popup {
        right: -10px;
        top: 5px;
        scale: .7;
    }

    .santa-img {
        position: absolute;
        width: 70px;
        margin-left: 0;
        right: -63px;
        top: 35px;
    }
}

.newyear-popup {
    position: fixed;
    bottom: 25px;
    transform: translateX(-448px);
    z-index: 999;
    transition: transform 0.5s;
}

.newyear-img {
    filter: drop-shadow(2px 3px 8px #00000061);
}

.newyear-ballon {
    margin-left: -15px;
    cursor: pointer;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 2s infinite alternate;
}

.newyear-close-popup {
    position: absolute;
    right: 148px;
    top: 11px;
    cursor: pointer;
}

@media (max-width:767px) {
    .newyear-popup {
        transform: translateX(-241px);
    }

    .footer-copyright p {
        text-align: center !important;
    }

    .newyear-img {
        width: 241px;
    }

    .newyear-close-popup {
        right: -10px;
        top: 5px;
        scale: .7;
    }

    .newyear-ballon {
        position: absolute;
        width: 70px;
        margin-left: 0;
        right: -75px;
        top: 40px;
    }

    .form-wrap::before {
        content: unset;
    }
}

.updated-time {
    font-weight: 500;
    font-size: 14px;
    color: #acacac;
}

.blogs-tab ul li a {
    font-size: 20px;
    font-weight: 600;
    font-family: "Gilroy" !important;
}

.map-slider .cursor-map {
    position: fixed;
    left: var(--cursor-x);
    top: var(--cursor-y);
    width: 60px !important;
    height: 60px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 17px !important;
    font-weight: 500 !important;
    background: #00000060 !important;
    border: 1px solid #dddddd40;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s, transform 0.2s;
}

.map-slider .footer-address-wrap {
    cursor: grab;
}

body.show-custom-cursor-map .cursor-map {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.scam-block {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.scam-title {
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
}

.scam-wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    padding: 15px 20px;
    width: 100%;
    animation: glow 3s linear infinite;
}

@keyframes glow {
    0% {
        background-color: #ff5c35;
    }

    50% {
        background-color: #d51708;
    }

    100% {
        background-color: #fbc340;
    }
}

.scam-alert {
    overflow: hidden;
    animation: marquee 12s linear infinite;
    white-space: nowrap;
    color: #fff;
    display: flex;
    position: absolute;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

.cookie-wrapper {
    background: #2B2627;
    color: var(--white-color);
    padding: 10px 14px;
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.cookie-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.cookie-wrapper.show {
    opacity: 1;
    visibility: visible;
}

.close-cookie {
    cursor: pointer;
}

@media (max-width: 767px) {
    .cookie-block p {
        font-size: 12px !important;
    }

    .cookie-block {
        align-items: flex-start;
        flex-direction: row-reverse;
    }
}

.hubspot-link__container.sproket {
    display: none !important;
}

.post-cat-list {
    display: none;
}

.rsmain-header {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}

.rsmain-header .rshead-inner {
    float: left;
    width: 100%;
    padding: 5px 0;
}

.rsmain-header .top-header-section {
    float: left;
    width: 100%;
}

.rsmain-header .top-left-header {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.rshead-inner .top-navigation ul.ubermenu-nav>li {
    padding: 6px 20px 20px;
}

#menu-item-4648 .ubermenu-submenu li a {
    padding: 10px;
}

#menu-item-4648 .ubermenu-submenu li a:hover {
    background-color: #ce2128;
    color: #fff;
}

.rshead-inner .top-navigation ul li a {
    font-size: 13px;
    padding: 6px 0 12px;
}

.rshead-inner .top-navigation ul li#menu-item-4655 a {
    background-color: #ce2128;
    padding: 7px 15px 9px;
    border-radius: 6px;
}

.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    height: 389px !important;
    left: -44% !important;
    margin: auto;
    position: absolute !important;
    right: 0;
    width: 1230px !important;
}

.top-left-header .ubermenu-nav #menu-item-4607,
.top-left-header .ubermenu-nav #menu-item-4648 {
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/arrowmenudownwhite.gif);
    background-repeat: no-repeat;
    background-position: right 17px;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4608>a {
    border-radius: 0 !important;
    padding: 16px 0 16px 52px !important;
    text-align: left !important;
    width: 100% !important;
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon4.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 5px !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4619>a {
    border-radius: 0 !important;
    padding: 16px 0 16px 52px !important;
    text-align: left !important;
    width: 100% !important;
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon2.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 5px !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4628>a {
    border-radius: 0 !important;
    padding: 16px 0 16px 52px !important;
    text-align: left !important;
    width: 100% !important;
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon5.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 5px !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4634>a {
    border-radius: 0 !important;
    padding: 16px 0 16px 52px !important;
    text-align: left !important;
    width: 100% !important;
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon6.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 5px !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4637>a {
    border-radius: 0 !important;
    padding: 16px 0 16px 52px !important;
    text-align: left !important;
    width: 100% !important;
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon3.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 5px !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4642>a {
    border-radius: 0 !important;
    padding: 16px 0 16px 52px !important;
    text-align: left !important;
    width: 100% !important;
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon1.png) !important;
    background-repeat: no-repeat !important;
    background-position: 7px 5px !important;
}

ul.ubermenu-submenu-id-4607>li {
    width: 16.6% !important;
    padding: 0 !important;
}

.ubermenu-submenu-id-4607 li ul.ubermenu-submenu {
    position: relative !important;
}

.ubermenu-submenu-id-4607 li ul.ubermenu-submenu::after {
    background: #000 !important;
    content: "" !important;
    height: 274px !important;
    opacity: .5 !important;
    position: absolute !important;
    right: 0 !important;
    top: 20px !important;
    width: 1px !important;
}

.ubermenu-submenu-id-4607 li ul.ubermenu-submenu li {
    padding: 0 20px !important;
}

.ubermenu-submenu-id-4607 li ul.ubermenu-submenu li a {
    padding: 10px 0px !important;
    border-bottom: 1px solid #e9e9e9;
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/arrow-nav.png);
    background-position: -21px center;
    background-repeat: no-repeat;
    border-radius: 0 !important;
    color: #888 !important;
    font-size: 15px;
}

.ubermenu-submenu-id-4607 li ul.ubermenu-submenu li a:hover {
    background-position: 98% center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #cd2027;
    color: #cd2027 !important;
    display: block;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4608:hover>a {
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon-hover4.png) !important;
    background-color: #ce2128;
    color: #fff !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4619:hover>a {
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon-hover2.png) !important;
    background-color: #ce2128;
    color: #fff !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4628:hover>a {
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon-hover5.png) !important;
    background-color: #ce2128;
    color: #fff !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4634:hover>a {
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon-hover6.png) !important;
    background-color: #ce2128;
    color: #fff !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4637:hover>a {
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon-hover3.png) !important;
    background-color: #ce2128;
    color: #fff !important;
}

ul.ubermenu-submenu-id-4607>li#menu-item-4642:hover>a {
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/nav-icon-hover1.png) !important;
    background-color: #ce2128;
    color: #fff !important;
}

.top-header-section {
    background: rgb(51, 51, 51) !important;
}

.blog article.hentry {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
    float: left;
    width: 100%;
}

.blog .post-image {
    float: left;
    width: 30%;
}

.blog .archive-desc-wrapper {
    float: left;
    width: 68%;
    margin-left: 2%;
}

.blog article.hentry .entry-title {
    font-size: 22px;
}

.byline {
    display: none !important;
}

.comments-link {
    display: none;
}

#top-footer {
    margin: 0 !important;
}

#top-footer {
    background-image: url(https://www.richestsoft.com/blog/wp-content/uploads/2017/11/footer-bg.png);
}

#top-footer .widget-title-wrapper {
    border: none;
    margin-bottom: 10px;
}

#top-footer .widget-title {
    font-size: 16px;
    text-transform: inherit;
    padding: 0;
}

#top-footer .textwidget .footer-text {
    font-size: 13.5px;
    line-height: 22px;
    color: #fff;
    font-weight: 300;
}

#top-footer .textwidget .footer-more {
    float: right;
    color: #ce2128;
}

#top-footer .textwidget .footer-more:hover {
    color: #fff;
    text-decoration: none;
}

#top-footer.column4 .teg-footer-widget {
    width: 30% !important;
}

#top-footer.column4 .teg-first-footer-widget.teg-footer-widget {
    width: 25%;
}

#top-footer .textwidget ul {
    list-style: none;
    margin: 0;
}

#top-footer .textwidget ul li {
    display: inline-block;
    padding: 5px 3px;
}

#top-footer .textwidget .footer-mails {
    float: right;
    width: 100%;
    margin-top: 10px;
    overflow: visible;
}

#top-footer .textwidget ul.uss {
    float: left;
    width: 49%;
}

#top-footer .textwidget ul.india {
    float: right;
    width: 51%;
    position: relative;
    right: -50px;
}

#top-footer .textwidget ul.uss li a,
#top-footer .textwidget ul.india li a {
    font-size: 13px;
}

.certict {
    float: left;
    width: 100%;
    text-align: center;
}

.certict ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.certict ul li {
    display: inline-block;
    padding: 30px 40px;
}

.site-footer #bottom-footer {
    float: left;
    width: 100%;
}

#bottom-footer .site-info {
    text-align: center;
    float: left;
    width: 100%;
}

.blog .google-logo {
    display: none;
}

@media (max-width: 991px) and (min-width: 768px) {
    #top-footer.column4 .teg-footer-widget {
        width: 50% !important;
    }
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/gilroy-full/Gilroy-Regular.eot");
    src: local("Gilroy Regular"), local("Gilroy-Regular"),
        url("../fonts/gilroy-full/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/gilroy-full/Gilroy-Regular.woff2") format("woff2"),
        url("../fonts/gilroy-full/Gilroy-Regular.woff") format("woff"),
        url("../fonts/gilroy-full/Gilroy-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/gilroy-full/Gilroy-Semibold.eot");
    src: local("Gilroy Semibold"), local("Gilroy-Semibold"),
        url("../fonts/gilroy-full/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/gilroy-full/Gilroy-Semibold.woff2") format("woff2"),
        url("../fonts/gilroy-full/Gilroy-Semibold.woff") format("woff"),
        url("../fonts/gilroy-full/Gilroy-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/gilroy-full/Gilroy-Bold.eot");
    src: local("Gilroy Bold"), local("Gilroy-Bold"),
        url("../fonts/gilroy-full/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/gilroy-full/Gilroy-Bold.woff2") format("woff2"),
        url("../fonts/gilroy-full/Gilroy-Bold.woff") format("woff"),
        url("../fonts/gilroy-full/Gilroy-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary-color-600: #DE2B33;

    --secondary-color-25: #EEF3F8;
    --secondary-color-300: #5F7190;
    --secondary-color-400: #3C374E;
    --secondary-color-500: #1F2833;
    --secondary-color-600: #11171E;
    --text-dark-grey: #12171E;
    --text-dark-black: #121820;

    --muted-color-200: #F0F3F8;
    --muted-color-300: #E6EBF4;
    --muted-color-400: #9999B5;

    --muted-text: #8296AD;
    --black-color: #000000;
    --white-color: #FFFFFF;
    --footer-bg: radial-gradient(22.19% 95.72% at 77.81% 50%, #102338 0%, #161E29 100%);
}

.text-sm {
    font-size: 16px !important;
}

.pb-80 {
    padding-bottom: 80px;
}

.ps-80 {
    padding-left: 80px;
}

.pr-80 {
    padding-right: 80px;
}

.z-1 {
    z-index: 1;
    position: relative;
}

.lh-normal {
    line-height: 30px;
}

a {
    text-decoration: none !important;
}

p {
    line-height: clamp(1.625rem, 1.5536rem + 0.3571vw, 1.875rem);
}

.text-xl {
    font-size: clamp(2.125rem, -1.9421rem + 11.3171vw, 9.375rem);
}

.text-lg {
    font-size: clamp(2.125rem, 1.125rem + 5vw, 5.625rem);
}

.text-semi {
    font-size: clamp(1.875rem, 0.4726rem + 3.9024vw, 4.375rem);
}

.text-sm {
    font-size: 0.875rem;
}

.w-bold {
    font-weight: 700 !important;
}

.fw-semibold {
    font-weight: 500 !important;
}

.w-normal {
    font-weight: 400 !important;
}

.spacer-y {
    padding-block: 150px;
}

.spacer-xl {
    padding-block: 110px;
}

.spacer-y-sm {
    padding-block: 88px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-20 {
    margin-bottom: 20px;
}

.br-0 {
    border-radius: 0px;
}

.padding-left {
    --page-width: 1600px;
    padding-left: calc(50% - (var(--page-width) / 2) + 12px);
}

.padding-right {
    --page-width: 1600px;
    padding-right: calc(50% - (var(--page-width) / 2) + 12px);
}

.dark-bg {
    color: var(--white-color);
    background-color: var(--secondary-color-600) !important;
}

.muted-bg {
    background-color: var(--secondary-color-25);
}

.primary-text {
    color: var(--primary-color-600);
}

.circle-icon {
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid currentColor;
    flex-shrink: 0;
    transition: all 0.3s;
    position: relative;
}

.seprator {
    display: block;
    width: 100%;
    margin: 70px 0;
    border: 1px solid #D1D1D1;
}

.rating-logo-wrap {
    display: flex;
    align-items: center;
    gap: 30px;
}

.faq-blocks .accordion-button:not(.collapsed)::after {
    background-image: unset;
    transform: rotate(359deg) !important;
    content: "-";
    font-size: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}

.button {
    padding: 16px;
    font-weight: 700;
    transition: all .3s ease;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    transition: all .3s ease;
}

.button-primary {
    color: var(--white-color);
    background-color: var(--primary-color-600);
}

.button-primary:hover path {
    fill: currentColor;
}

.button-primary:hover {
    color: var(--white-color) !important;
    background-color: var(--secondary-color-600) !important;
}

.dark-bg .button-primary:hover {
    color: var(--secondary-color-500) !important;
    background-color: var(--secondary-color-25) !important;
}

.button-black:hover path {
    fill: currentColor;
}

.button-black.outline {
    color: var(--black-color);
    background-color: transparent;
    border: 1px solid var(--black-color);
}

.button-black.outline:hover {
    color: var(--white-color);
    background-color: var(--black-color);
}

.button-white.outline {
    color: var(--white-color);
    background-color: transparent;
    border: 1px solid var(--white-color);
}

.button-white.outline:hover {
    color: var(--black-color);
    background-color: var(--white-color);
}

.button-white.outline:hover svg {
    color: var(--black-color);
}

.counter-text.plus::after {
    content: "+";
}

.counter-text.plus.k::after {
    content: "K+";
}

.zindex-up {
    position: relative;
    z-index: 2;
}

.sticky-blk {
    position: sticky;
    top: 218px;
}

.navbar .primary-btn {
    background-image: unset !important;
    background-color: var(--primary-color-600) !important;
    border-radius: 0 !important;
}

.tech-card img {
    width: 100%;
    max-width: 120px;
    height: 120px;
    object-fit: contain;
}

.page-counter .sphere-wrap {
    position: relative;
    border-radius: 50%;
    padding: 70px;
    box-shadow: 0px 4px 24px 0px rgb(222 43 51 / 32%) inset;
    max-width: 620px;
}

.page-counter .count-item {
    padding: 32px 58px;
    border-width: 1px;
    border-style: dashed;
    border-color: rgba(95, 113, 144, 1);
    border-image: unset;
}

.count-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.count-grid::after {
    content: url(../images/grubhub-images/counter-bg.webp);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.count-item {
    padding: 32px 58px;

    border-image: linear-gradient(#D3B464, #6D5D34) 30;
    border-width: 2px;
    border-style: solid;
}

.count-title .count-icon {
    height: 45px;
    width: 45px;
    min-width: 45px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--secondary-color-600);
}

.sphere-wrap {
    position: relative;
    border-radius: 50%;
    padding: 70px;
    box-shadow: 0px 4px 24px 0px rgba(255, 237, 189, 1) inset;
}

.sphere-wrap .exp-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sphere-wrap img {
    border-radius: 50%;
}

.accordion-box {
    padding: 24px 0;
    border-top: 1px solid #CACACA !important;
    border: none;
    border-radius: unset !important;
}

.custom-accordion-wrapper .accordion-button {
    padding: 0 !important;
    font-size: 24px !important;
}

.accor-btn span {
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
}

.accor-btn span::before {
    content: url(https://indeedtraining.in:9191/wp-content/themes/richnew/images/grubhub-images/accordion-arrow.webp);
    transition: all 0.3s;
    display: inline-block;
    height: 30px;
}

.custom-accordion-wrapper .accordion-button:not(.collapsed),
.custom-accordion-wrapper .accordion-button:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent;
    color: #12171E;
    font-weight: 600;
}

.custom-accordion-wrapper .accordion-button::after {
    display: none;
}

.accordion-box .accordion-body {
    padding: 24px 0 0;
    color: #000;
    font-weight: 500;
    font-size: 18px;
}

.accordion-img-wrapper {
    background-image: url(../images/grubhub-images/mockup-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-img-wrapper img {
    width: 100%;
    max-width: 50%;
    padding: 50px 0 0;
}

.accor-img-wrapper {
    position: relative;
}

.mockup-img-box {
    width: 100%;
    max-width: fit-content;
    position: absolute;
    inset: 0 0 0 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mockup-img-box img {
    width: 100%;
    display: none;
}

.right-image-icon,
.left-image-icon {
    position: absolute;
    inset: 0 30px auto auto;
    width: 100%;
    max-width: 220px;
}

.left-image-icon {
    inset: auto auto 20px 85px;
}

.accordion-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.accordion-wrap .accord-cont {
    border-left: 1px solid transparent;
    padding-left: 100px;
    position: relative;
}

.accordion-wrap .accord-cont.active-accor {
    border-color: #CDCDCD;
}

.accordion-wrap .accord-cont::before {
    content: "";
    width: 5px;
    height: 50px;
    position: absolute;
    inset: 0px auto 0px -3px;
    background: transparent;
}

.accordion-wrap .accord-cont.active-accor::before {
    background: var(--primary-color-600);
}

.accordion-wrap :is(.h4, .contents) {
    color: #000;
}

.accordion-wrap :is(.h4, .contents).active {
    color: #000;
}

.accordion-wrap .contents {
    display: none;
    font-size: 20px;
    color: #000;
}

.accord-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.tab-sec {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-wrapper {
    border: 1px solid var(--text-dark-black);
    width: 100%;
    max-width: 580px;
    margin: auto;
    border-radius: 50px;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
}

.tab-wrapper .nav-link {
    border: none;
    background: transparent;
    color: var(--text-dark-black);
    padding: 22px 20px;
    font-size: 22px;
    font-weight: 700;
    border-radius: 50px;
    width: 100%;
}

.tab-wrapper .nav-link.active {
    background-color: var(--text-dark-black);
    color: #fff;
}

.invest-icon-wrapper {
    padding: 10px 0;
}

.invest-icon {
    width: 100%;
    max-width: 75px;
    height: 76px;
    min-width: 76px;
    background: var(--text-dark-grey);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
    transition: all 0.3s;
}

.invest-content .invest-sep {
    border-top: 1px solid #ddd;
    display: block;
    padding: 15px 0;
    width: 100%;
    max-width: 80%;
}

.invest-content p {
    font-weight: 500;
}

.revenue-icon-wrapper,
.plugin-icon-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 40px 30px;
    border: 1px solid #5f719054;
    border-radius: 2px;
    width: 100%;
}

.revenue-reverse {
    flex-direction: column;
    align-items: baseline !important;
}

.choose-wrapper {
    background-color: #11171E;
    color: #fff;
}

.choose-wrapper .invest-icon-wrapper {
    padding: 45px 35px;
    background: #1F2833;
    border: 1px solid #1F2833;
    transition: all 0.3s;
}

.choose-wrapper .invest-icon-wrapper:hover {
    background: #0F151B;
    transition: all 0.3s;
}

.choose-wrapper .invest-icon-wrapper:hover .invest-icon {
    background: #1F2833;
}

.service-card .service-img {
    height: 100%;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 0 !important;
    overflow: hidden;
}

.service-card .service-img .card-content {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #142138;
    color: var(--white-color);
    padding: 15px;

    transition: all .3s ease;
}

.service-card:hover .service-img .card-content {
    top: 0%;
}

.service-card:hover .circle-btn {
    background-color: rgb(20, 33, 56);
    animation: pulso-hover 2s infinite;
}

.service-card .service-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.service-card .service-cont {
    padding: 10px 25px;
    border: 1px solid #9999B5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.circle-btn {
    height: 45px;
    width: 45px;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-red-clr);
}

@keyframes pulso {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(222, 43, 51, .8);
        box-shadow: 0 0 0 0 rgba(222, 43, 51, .8);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulso-hover {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(20, 33, 56, .8);
        box-shadow: 0 0 0 0 rgba(20, 33, 56, .8);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.modal-custom {
    max-width: 900px;
}

.modal-body.modal-body-wrap {
    padding: 0;
}

.modal-body .modal-form-wrap {
    padding: 2rem;
    height: 100%;
    border-radius: 30px 0 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-form-wrap {
    background-color: var(--white-color);
}

.modal-content.modal-content-wrap {
    border: none;
    background-color: transparent;
}

.modal-img-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -60px;
    width: 100%;
}

.modal-body-wrap .new-contact-form .card,
.regular-form .card {
    border: none;
}

.modal-body-wrap .new-contact-form .container,
.modal-body-wrap .new-contact-form .card-body,
.regular-form .container,
.regular-form .card-body {
    padding: 0;
}

.modal-body-wrap .new-contact-form .card-body .row .col-md-6:nth-child(n

    /**/
    +3) {
    width: 100%;
}

.modal-body-wrap .new-contact-form .card-body label,
.regular-form .card-body label {
    display: none;
}

.modal-body-wrap .new-contact-form .card-body .errors,
.regular-form .card-body .errors {
    font-size: 14px;
}

.modal-body-wrap .new-contact-form .card-body :is(input, textarea, select) {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(2, 2, 30, 0.20) !important;
    padding: 10px 0;
    resize: none;
}

.modal-body-wrap .new-contact-form .card-body :is(input, textarea, select):focus {
    box-shadow: none;
}

.new-contact-form .card-body .row .col-md-6:nth-child(4) {
    position: relative;
}

.new-contact-form .card-body .row .col-md-6:nth-child(4)::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.2802 5.9668L8.93355 10.3135C8.42021 10.8268 7.58021 10.8268 7.06688 10.3135L2.72021 5.9668' stroke='%2398A2B3' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    top: 13px;
    right: 20px;

    pointer-events: none;
}

.modal-body-wrap .new-contact-form .btn.btn-primary,
.regular-form .btn-primary {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    border: none;
    min-width: 170px !important;
    padding: 10px 20px;
    width: 100%;
}

.regular-form iframe {
    scale: 0.8;
    transform-origin: left;
}

.modal-body-wrap .new-contact-form .btn.btn-primary:hover,
.regular-form .btn.btn-primary:hover {
    background-position: right center !important;
}

.btn-modal-close {
    border: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    min-width: 24px;
    padding: 0;
    border-radius: 50%;
    background: var(--white-color);
}

.regular-form .row>div {
    width: 100%;
}

.regular-form .row input,
.regular-form .row textarea {
    border: 1px solid rgba(2, 2, 30, 0.20) !important;
}

.btn-modal-close svg {
    fill: black;
}

@media (min-width: 992px) {

    h1,
    .h1 {
        font-size: 3rem;
    }

    h2,
    .h2 {
        font-size: 2.25rem;
    }

    h3,
    .h3 {
        font-size: 1.875rem;
    }

    h4,
    .h4 {
        font-size: 1.5rem;
    }

    h5,
    .h5 {
        font-size: 1.125rem;
    }

    h6,
    .h6,
    .text-md,
    a {
        font-size: 1rem;
    }

    body {
        font-size: 1.125rem;
    }
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: calc(2.25rem + 0.833vw);
    }

    h2,
    .h2 {
        font-size: calc(1.875rem + 0.417vw);
    }

    h3,
    .h3 {
        font-size: calc(1.5rem + 0.417vw);
    }

    h4,
    .h4 {
        font-size: calc(1.25rem + 0.235vw);
    }

    h5,
    .h5 {
        font-size: calc(1.125rem + 0.235vw);
    }

    h6,
    .h6,
    .text-md,
    a {
        font-size: calc(0.875rem + 0.139vw);
    }

    body {
        font-size: calc(1rem + 0.139vw);
    }
}

@media (min-width: 1700px) {

    h1,
    .h1 {
        font-size: calc(2.25rem + 1.25vw);
    }

    h2,
    .h2 {
        font-size: calc(1.875rem + 0.938vw);
    }

    h3,
    .h3 {
        font-size: calc(1.5rem + 0.625vw);
    }

    h4,
    .h4 {
        font-size: calc(1.25rem + 0.521vw);
    }

    h5,
    .h5 {
        font-size: calc(1.125rem + 0.313vw);
    }

    h6,
    .h6,
    .text-md,
    a {
        font-size: calc(0.875rem + 0.208vw);
    }

    body {
        font-size: calc(1rem + 0.208vw);
    }
}

@media (max-width: 991px) {

    h1,
    .h1 {
        font-size: 2rem !important;
    }

    h2,
    .h2 {
        font-size: 1.875rem !important;
    }

    h3,
    .h3 {
        font-size: 1.5rem !important;
    }

    h4,
    .h4 {
        font-size: 1.50rem !important;
    }

    h5,
    .h5 {
        font-size: 1.125rem !important;
    }

    h6,
    .h6,
    .text-md,
    a {
        font-size: 0.875rem !important;
    }

    body {
        font-size: 0.875rem !important;
    }
}

@media (max-width: 1599px) {
    .spacer-y {
        padding-block: 100px;
    }

    .mb-70 {
        margin-bottom: 40px;
    }

    .mb-50 {
        margin-bottom: 30px;
    }

    .mb-30 {
        margin-bottom: 20px;
    }

    .page-counter .count-item {
        padding: 22px 18px;
    }

    .count-item .counter-text {
        font-size: 52px;
        margin: 0 0 14px;
    }

    .sphere-wrap .counter-text {
        font-size: 88px;
    }

    .count-grid::after {
        content: unset !important;
    }

    .right-image-icon,
    .left-image-icon {
        max-width: 160px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1600px !important;
        width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .container {
        max-width: 1200px !important;
        width: 100%;
    }

    p {
        font-size: 16px;
    }

    .padding-left,
    .padding-right {
        padding-inline: 12px;
    }
}

@media (max-width: 1399px) {
    .spacer-y-sm {
        padding-block: 40px;
    }

    main .accordion-flush .accordion-item .accordion-button {
        padding-block: 25px !important;
        font-size: 20px !important;
    }

    .padding-left,
    .padding-right {
        --page-width: 1140px;
    }

    .sticky-blk {
        top: 150px;
    }

    .banner-con-wrap {
        padding-right: 15px !important;
    }
}

@media (max-width: 1280px) {

    .padding-left,
    .padding-right {
        padding-inline: 12px;
    }

    .page-counter .count-item {
        padding: 22px 18px;
    }

    .count-item .counter-text {
        font-size: 52px;
        margin: 0 0 14px;
    }

    .sphere-wrap .counter-text {
        font-size: 88px;
    }

    .accordion-wrap .accord-cont {
        padding-left: 30px;
    }
}

@media (max-width: 992px) {
    p {
        font-size: 16px !important;
    }

    .count-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-counter .sphere-wrap {
        margin: auto;
    }

    .right-image-icon,
    .left-image-icon {
        display: none;
    }

    .revenue-icon-wrapper,
    .plugin-icon-wrapper {
        align-items: flex-start;
        flex-direction: column;
    }

    br {
        display: none;
    }

    .spacer-xl {
        padding-block: 70px;
    }

    .modal-body .modal-form-wrap {
        padding: 20px;
        border-radius: 20px;
    }

    .tab-content {
        padding: 30px 20px;
    }
}

@media (max-width: 767px) {
    .spacer-y {
        padding-block: 60px;
    }



    .count-item .counter-text {
        font-size: 36px;
        margin: 0 0 14px;
    }

    .page-counter .sphere-wrap {
        padding: 20px;
    }

    .count-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 15px !important;
    }

    .sphere-wrap .counter-text {
        font-size: 100px !important;
    }

    .count-title .count-icon {
        height: 22px !important;
        width: 22px !important;
        min-width: 22px !important;
    }

    .count-icon img {
        width: 100% !important;
        max-width: 13px !important;
    }

    .count-title p {
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .count-item {
        padding: 15px 15px !important;
    }

    .sphere-wrap .count-title .count-icon {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
    }

    .sphere-wrap .count-title .count-icon img {
        width: 100% !important;
        max-width: 24px !important;
    }




    .seprator {
        margin: 0 0 30px !important;
    }

    .text-align-center {
        text-align: center;
    }

    .row-order {
        flex-direction: column-reverse;
        display: flex;
    }

    .button {
        width: 100%;
        justify-content: center;
        padding: 10px 16px;
    }

    .tech-card img {
        width: 100%;
        max-width: 80px;
        height: 50px;
    }

    .p-content {
        padding: 0 20px !important;
    }

    .faq-blocks .accordion-body {
        padding-right: 0 !important;
        padding-bottom: 30px !important;
    }

    .tab-wrapper .nav-link {
        padding: 10px 10px;
        font-size: 12px;
    }

    .custom-accordion-wrapper .accordion-button::after {
        display: block;
    }

    .invest-icon {
        margin-bottom: 25px;
    }

    .revenue-icon-wrapper,
    .plugin-icon-wrapper,
    .choose-wrapper .invest-icon-wrapper {
        padding: 20px 20px;
    }
}

@media only screen and (max-width: 600px) {
    .count-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media only screen and (max-width: 475px) {
    .count-title p {
        font-size: 12px !important;
    }

    .count-item {
        padding: 10px 8px !important;
    }

    .count-title .count-icon {
        height: 26px !important;
        width: 26px !important;
        min-width: 26px !important;
    }

    .count-icon img {
        width: 100% !important;
        max-width: 13px !important;
    }
}

.faq-blocks {
    border-top: 1px solid var(--black-color);
}

.faq-blocks .accordion-item {
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--black-color) !important;
}

.faq-blocks .accordion-body {
    padding: 0 300px 50px 0;
    color: inherit;
}

.faq-blocks .accordion-button:not(.collapsed) {
    box-shadow: unset !important;
}

.faq-blocks .accordion-flush .accordion-item:last-child .accordion-header,
.faq-blocks .accordion-flush .accordion-collapse,
.faq-blocks .accordion-flush .accordion-item .accordion-header {
    border: unset !important;
}

main .accordion-flush .accordion-item .accordion-button.collapsed {
    padding: 50px 0;
    transition: all 0.3s;
}

main .accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    padding: 50px 0 10px;
    font-weight: bold;
    font-size: clamp(1.25rem, 1.0714rem + 0.8929vw, 1.875rem);
    transition: all 0.3s;
}

p+ol li,
p+ul li {
    font-size: 16px;
    text-align: start;
}

@keyframes pulso_w {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@font-face {
    font-family: "gilroy-medium";
    src: url("../fonts/gilroy/gilroy-medium-webfont.woff2") format("woff2"),
        url("../fonts/gilroy/gilroy-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "gilroy-semibold";
    src: url("../fonts/gilroy/gilroy-semibold-webfont.woff2") format("woff2"),
        url("../fonts/gilroy/gilroy-semibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "gilroy-bold";
    src: url("../fonts/gilroy/gilroy-bold-webfont.woff2") format("woff2"),
        url("../fonts/gilroy/gilroy-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary-color: #7A18BD;

    --btn-primary-color: #FECB3E;
    --btn-secondary-color: #23B682;

    --color-dark: #070E25;

    --counter-1-bg: #F0F8FF;
    --counter-1-border: #D8ECFE;

    --counter-2-bg: #FFF9EB;
    --counter-2-border: #FFEAB9;

    --counter-3-bg: #F3FFF4;
    --counter-3-border: #CEFFCF;

    --counter-4-bg: #FFF8F3;
    --counter-4-border: #FFE8DA;

    --heading-color: #121127;
    --body-text: #737373;
    --light-color: #ECECEC;
    --muted-color: #F5F7FA;
    --white-color: #FFF;
    --black-color: #000;
}

section {
    font-family: "gilroy-medium";
}

.lh-big {
    line-height: 32.4px;
}

h1,
.h1,
h2,
.h2,
.h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.font-bold {
    color: var(--heading-color);
    font-family: "gilroy-bold";
}

h5,
.h5,
h6,
.h6 {
    font-family: "gilroy-semibold";
}

h1,
.h1 {
    font-size: clamp(2.125rem, 1.6481rem + 2.3845vw, 3.04rem);
    line-height: clamp(2.8125rem, 2.2164rem + 2.9806vw, 4.0625rem);
}

h2,
.h2 {
    font-size: clamp(1.5rem, 1.1423rem + 1.7884vw, 2.20rem);
}

a {
    text-decoration: none;
    color: inherit;
}

.mb-40 {
    margin-bottom: 40px;
}

.spacer-y {
    padding: 70px 0;
}

.max-w-xs {
    max-width: 450px;
}

.primary-bg {
    color: var(--white-color);
    background-color: var(--primary-color) !important;
}

.primary-bg-ylw {
    background-color: var(--btn-primary-color);
}

.primary-ylw {
    color: var(--btn-primary-color);
}

.dark-text {
    color: var(--color-dark);
}

.button {
    line-height: normal;
    display: inline-flex;
    padding: 14px 32px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    font-family: "gilroy-semibold";
    transition: all 0.3s ease;
}

.secondary-btn:hover,
.primary-btn {
    color: var(--black-color);
    background-color: var(--btn-primary-color);
}

.secondary-btn:hover path {
    fill: var(--black-color);
}

.alt-btn {
    color: var(--black-color);
    background-color: var(--white-color);
}

.alt-btn:hover,
.primary-btn:hover,
.secondary-btn {
    color: var(--white-color);
    background-color: var(--btn-secondary-color);
}

.alt-btn:hover path,
.primary-btn:hover path,
.secondary-btn path {
    fill: var(--white-color);
}

.muted-bg {
    background-color: var(--muted-color);
}

.padding-left {
    --page-width: 1140px;
    padding-left: calc(50% - (var(--page-width) / 2) + 12px);
}

.padding-right {
    --page-width: 1140px;
    padding-right: calc(50% - (var(--page-width) / 2) + 12px);
}

.hero-spacer {
    padding: 100px 0;
}

.demand-hero {
    position: relative;
    overflow: hidden;
    background-color: #7d19bb;
}

.highlight-stroke {
    position: relative;
    z-index: 2;
}

.highlight-stroke::before {
    content: url(../images/demand-img/highlight-stroke.svg);
    position: absolute;
    top: -5px;
    left: -15px;
    z-index: -1;
}

.hero-screen {
    width: 100%;
    max-width: 390px;
    position: absolute;
    bottom: 0;
    right: 12px;
}

.trusted-user-wrapper .trusted-content {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.exp-count-wrapper {
    --bg: var(--counter-1-bg);
    --border: var(--counter-1-border);
    justify-content: center;
    padding: 20px 5px;
    border-radius: 5px;
    border: 1px solid var(--bg);
    background-color: var(--border);
}

.exp-counter .col-sm-6:nth-child(2) .exp-count-wrapper {
    --bg: var(--counter-2-bg);
    --border: var(--counter-2-border);
}

.exp-counter .col-sm-6:nth-child(3) .exp-count-wrapper {
    --bg: var(--counter-3-bg);
    --border: var(--counter-3-border);
}

.exp-counter .col-sm-6:nth-child(4) .exp-count-wrapper {
    --bg: var(--counter-4-bg);
    --border: var(--counter-4-border);
}

.demand-dev-wrap {
    padding: 20px 30px;
    border-radius: 15px;
    border: 1px solid var(--white-color);
    background-color: var(--primary-color);
    transition: all 0.3s ease;
}

.demand-dev-wrap p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 0;
}

.demand-lt .demand-dev-wrap p {
    flex-direction: row-reverse;
}

.demand-dev-wrap p::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid var(--white-color);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.demand-dev-wrap:hover {
    border-color: var(--btn-primary-color);
    background-color: var(--btn-primary-color);
    color: var(--black-color);
}

.demand-dev-wrap:hover p::before {
    border-color: var(--black-color);
}

.food-features .service-block {
    background: var(--muted-color);
    padding: 38px 26px;
    height: 100%;
    border: 1px solid var(--light-color);
    border-radius: 40px;
    transition: all .5s linear;
}

.food-features .service-block:hover {
    border: 1.5px solid var(--primary-color);
    box-shadow: 0px 10px 20px 7px rgba(237, 28, 34, 0.06);
}

.food-features .service-block:hover .service-img {
    background: var(--primary-color);
}

.food-features .service-block:hover svg path {
    fill: var(--white-color);
}

.food-features .service-img {
    border-radius: 20px;
    border: 1.5px solid var(--light-color);
    background: var(--muted-color);
    margin: 0;
}

.service-img {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.journey-cta {
    background: url(../images/demand-img/journey-cta.webp) top center/cover no-repeat;
}

.why-choose-img {
    position: sticky;
    top: 80px;
}

.why-choose-img img {
    width: 100%;
}

.why-choose-wrap {
    padding: 20px;
    border: 1px solid var(--light-color);
    border-radius: 10px;
    transition: all 0.3s ease;
}

.why-choose-wrap:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.why-choose-wrap h5 {
    transition: all 0.3s ease;
}

.why-choose-wrap:hover h5 {
    color: var(--white-color);
}

.demand-table thead th {
    background-color: var(--muted-color);
}

.demand-table :is(th, td) {
    padding: 30px 10px;
    font-size: 20px;
    vertical-align: middle;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 30px;
}

.tabs label {
    font-family: "gilroy-medium";
    order: 1;
    display: block;
    padding: 14px 32px;
    cursor: pointer;
    background: transparent;
    border-radius: 8px;
    border: 1px solid var(--white-color);
    transition: background ease 0.3s;
}

.tabs .tab {
    margin-top: 50px;
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
}

.tabs input[type="radio"] {
    display: none;
}

.tabs input[type="radio"]:checked+label {
    border-color: var(--btn-primary-color);
    color: var(--black-color);
    background: var(--btn-primary-color);
}

.tabs input[type="radio"]:checked+label+.tab {
    display: block;
}

.need-demand-cta {
    overflow: hidden;
    position: relative;
}

.need-demand-cta::after {
    content: url(../images/demand-img/hand.webp);
    display: inline-block;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    scale: 0.8;
    transform-origin: right;
}

.cta-vert-slider {
    overflow: hidden;
    display: flex;
    gap: 25px;
    width: 100%;
    justify-content: center;
    rotate: 30deg;
}

.cta-vert-slider .vert-top {
    animation: galleryfirst 30s linear infinite;
    animation-direction: alternate;
}

.cta-vert-slider .vert-btm {
    animation: vertBtm 30s linear infinite;
    animation-direction: alternate;
}

.cta-vert-slider img {
    width: 100%;
    display: block;
    margin-bottom: 25px;
}

.need-cta-wrap {
    display: flex;
    padding-left: 50px;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    max-height: 450px;
    gap: 30px;
}

.neet-cta-content {
    padding: 30px 0;
}

.modal-body .modal-form-wrap {
    padding: 2rem;
    height: 100%;
    border-radius: 30px 0 0 30px;
}

.modal-body-wrap .new-contact-form .card {
    border: none;
}

.modal-body-wrap .new-contact-form .container,
.modal-body-wrap .new-contact-form .card-body {
    padding: 0;
}

.modal-body-wrap .new-contact-form .card-body label {
    display: none;
}

.modal-body-wrap .new-contact-form .card-body .errors {
    font-size: 14px;
}

.modal-body-wrap .new-contact-form .btn.btn-primary {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    border: none;
    min-width: 170px !important;
    padding: 10px 20px;
    width: 100%;
}

.modal-body-wrap .new-contact-form .btn.btn-primary:hover {
    background-position: right center !important;
}

.btn-modal-close {
    border: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
    border-radius: 50%;
    background: var(--white-color);
}

.button-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.test-nav.disable {
    opacity: 0.5;
}

.test-nav {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 0;
    background-color: var(--white-color);
    box-shadow: 0px 0px 20px 0px rgba(34, 42, 65, 0.15);
}

.test-nav path {
    stroke: var(--btn-secondary-color);
    transition: all 0.3s ease;
}

.test-nav:hover path {
    stroke: var(--white-color);
}

.test-nav:hover {
    background-color: var(--btn-secondary-color);
}

.monial-slider {
    padding-top: 40px;
    border-top: 1px solid rgba(105, 107, 112, .4);
}

.monial-wrap {
    display: flex;
    gap: 20px 40px;
    align-items: center;
}

.monial-img {
    flex: 0 0 auto;
    max-width: 240px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
}

.monial-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@keyframes galleryfirst {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }

    100% {
        transform: translate3d(0px, -683px, 0px);
    }
}

@keyframes vertBtm {
    0% {
        transform: translate3d(0px, -683px, 0px);
    }

    100% {
        transform: translate3d(0px, 0, 0px);
    }
}

@media (max-width: 1199px) {
    .padding-right {
        padding-left: inherit;
        padding-right: inherit;
    }

    .padding-left {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 991px) {

    .tabs .tab,
    .tabs label {
        order: initial;
    }

    .tabs .tab {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .tabs label {
        width: 100%;
        margin-right: 0;
        margin-top: 0.2rem;
    }

    .modal-body .modal-form-wrap {
        padding: 20px;
        border-radius: 20px;
    }
}

@media (max-width: 767px) {
    .hero-spacer {
        padding: 50px 0;
    }

    .spacer-y {
        padding: 40px 0;
    }

    .mb-50 {
        margin-bottom: 35px;
    }

    .mb-40 {
        margin-bottom: 25px;
    }

    .highlight-stroke::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transform-origin: left;
        scale: .9;
    }

    .need-demand-cta::after {
        content: unset;
    }

    .need-cta-wrap {
        justify-content: center;
        text-align: center;
        padding: 0 30px;
    }

    .cta-vert-slider {
        display: none;
    }

    .demand-table :is(th, td) {
        padding: 20px 4px;
        font-size: 14px;
    }

    .demand-table :is(.cross, .check) svg {
        height: 20px;
        width: 20px;
    }

    .monial-wrap {
        flex-direction: column;
    }

    .monial-img {
        max-width: 80px;
    }

    .monial-content {
        text-align: center;
    }

    .monial-content .stars-list {
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .highlight-stroke::before {
        scale: .7;
        top: calc(50% - 10px);
    }

    .g-recaptcha iframe {
        scale: .87;
        transform-origin: left;
    }
}

button.btn-modal-close {
    background-color: #fff !important;
}

:root {
    --primary-bg-clr: #FFF5FF;
    --primary-txt-clr: #222A41;
    --primary-red-clr: #ED1C24;
    --bg-white: #ffffff;
    --spacer: 50px 0px;
    --spacer: 50px 0;
    --spacer-top: 50px;
    --spacer-bottom: 50px;
    --spacer-ft: 40px;
    --spacer-fb: 40px;
    --spacer-ftb: 40px 0px;
    --navy-bg: #1F235A;
    --text-light: #737373;
    --typography: "Roboto", sans-serif;
    --heading-color: #070707;
    --primary-bg: #CE272E;
    --secondary-bg: #262829;
    --primary-btn: #CE272E;
    --bg-blue: #1F235A;
    --border-radius: 10px;
    --secondary-secondary-bg: #eee;
    --shadow: 0 0px 5px 0px rgba(0, 0, 0, .10);
}

@font-face {
    font-family: "remixicon";
    src: url("../fonts/remixicon.eot?t=1590207869815");
    src: url("../fonts/remixicon.eot?t=1590207869815#iefix") format("embedded-opentype"),
        url("../fonts/remixicon.woff2?t=1590207869815") format("woff2"),
        url("../fonts/remixicon.woff?t=1590207869815") format("woff"),
        url("../fonts/remixicon.ttf?t=1590207869815") format("truetype"),
        url("../fonts/remixicon.svg?t=1590207869815#remixicon") format("svg");
    font-display: swap;
}

[class^="ri-"],
[class*=" ri-"] {
    font-family: "remixicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary-txt-clr);
    font-weight: 700;
}

.btn-lg {
    min-width: 150px;
    height: 50px;
    line-height: 50px;
}

.btn-md {
    min-width: 180px;
    height: 50px;
    line-height: 50px;
    padding: 0px 16px;
}

a.btn-md {
    font-size: 16px;
    font-weight: 400;
    border-radius: 6px;
}

a.btn.primary-btn,
button.btn.primary-btn {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
    padding: 0 1rem;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

a.btn.primary-btn:hover,
button.btn.primary-btn:hover {
    background-position: right center;
}

.btn-white {
    color: var(--primary-txt-clr) !important;
    font-weight: 600 !important;
    padding: 0 1rem;
    background-color: var(--bg-white);
}

.header__top ul>li::marker {
    color: transparent;
}

.header__top ul>li:not(:last-child) {
    margin-right: 15px;
}

.mob-display {
    display: none;
}

header.site-header div.header__top+nav.navbar {
    border-bottom: 1px solid rgb(115 115 115 / 20%);
    background: #fff;
}

.site-header .navbar-nav>li>a {
    padding: 20px 10px;
}

.site-header .dropdown .dropdown-menu {
    padding: 0;
    left: inherit;
    right: 0;
    border: 0;
    box-shadow: var(--shadow);
    border-radius: 7px;
}

.site-header .navbar-nav .nav-item .dropdown-menu {
    min-width: 300px;
    padding: 10px;
    margin: 0;
    border-radius: 12px;
}

.site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
    padding: 10px;
    border-radius: 0px;
    width: 100%;
    min-width: 650px;
    border: 0;
    box-shadow: 0 6px 4px -8px #000000c2;
}

.site-header .navbar-nav .nav-item .dropdown-menu ul {
    background: #fff;
    width: 100%;
    list-style-type: none;
    padding-left: 0px;
}

.site-header .navbar-nav .nav-item .dropdown-menu.nav-list ul+ul {
    margin-left: 3px;
}

.site-header .navbar-nav .dropdown-menu ul li {
    background-color: #fff;
    font-size: 14px;
    text-transform: capitalize;
}

.site-header .navbar-nav .dropdown-menu .dropdown-item {
    border-bottom: 1px solid transparent;

    padding: 2px 5px;
}

.site-header .navbar-nav .dropdown-menu .nav-title .dropdown-item {
    font-weight: 600;
    border: 0;
}

.site-header .navbar-nav .dropdown-menu ul li+li {
    border-top: 1px solid #f3f1f1;
}

.site-header .navbar-nav .dropdown-menu ul li.nav-title {
    background-color: #f7f7f7;
    border: 0;
    margin-top: 10px;
}

.nav-item.dropdown.position-relative .dropdown-menu.nav-list {
    left: 0;
    min-width: 270px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--primary-btn) !important;
}

li.nav-title~li a.dropdown-item:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.dropdown-item:active {
    background-color: #fd0d0d1a !important;
}

ul.ps-0 li a.dropdown-item:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.col-md-12.hire-b~div.col-md-3 ul li a:hover,
.col-md-12.solution-b~div.col-md-3 ul li a:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.site-header .navbar-nav .dropdown-menu .hire-b ul li.nav-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mobile-nav-menu.show-blk {
    display: block !important;
    width: 100%;
    margin-top: 5px;
    background: #fff;
    z-index: 2;
}

a.dropdown-item {
    position: relative;
    transition: 0.1s all ease-in;
}

span.red-arrow span {
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0px;
    height: 10px;
    opacity: 1;
    font-family: remixicon !important;
    color: var(--primary-txt) !important;
    font-size: 25px;
    line-height: 20px;
}

span.red-arrow:before {
    content: "";
    display: block;
    width: 8px;
    font-family: remixicon !important;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    height: 10px;
    position: absolute;
    opacity: 0.5;
    color: var(--primary-txt) !important;
    font-size: 25px;
    line-height: 20px;
}

span.red-arrow:after {
    content: "";
    font-family: remixicon !important;
    display: block;
    width: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    height: 10px;
    position: absolute;
    opacity: 0.3;
    color: var(--primary-txt) !important;
    font-size: 25px;
    line-height: 20px;
}

@keyframes animate-arrow-1 {
    0% {
        transform: translateX(-40px);
        opacity: 0;
    }

    70%,
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes animate-arrow-2 {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }

    70%,
    100% {
        transform: translateX(0px);
        opacity: 0.5;
    }
}

@keyframes animate-arrow-3 {
    0% {
        transform: translateX(-10px);
        opacity: 0;
    }

    70%,
    100% {
        transform: translateX(0px);
        opacity: 0.3;
    }
}

.links-tab {
    background: #1f235a;
    padding: 20px 0px;
    border-bottom-left-radius: 30px !important;
    height: 100%;
}

.links-box,
.links-box ul li,
.links-box ul li a {
    background: #fff !important;
}

.links-box ul li a.dropdown-item {
    padding: 10px 5px !important;
    color: #1f235a !important;
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

.dropdown-menu.nav-list.megamenu {
    background: transparent !important;
    box-shadow: none !important;
}

.web-menu-navbar>ul li.nav-item.dropdown .dropdown-toggle::after {
    position: absolute;
    content: "";
    font-family: "remixicon";
    border: 0px !important;
    margin-left: 0px !important;
}

.dropdown-menu.megamenu .nav-pills .nav-link.active,
.dropdown-menu.megamenu .nav-pills .show>.nav-link {
    background-color: #ffffff;
    color: #1f235a !important;
    border-radius: 0px;
    text-align: end;
}

.links-tab,
.links-box {
    height: 100%;
}

.links-box {
    padding: 20px 30px;
    border-bottom-right-radius: 30px !important;
}

.links-tab a.nav-link {
    color: #fff !important;
    text-align: end;
}

.links-tab a.nav-link:hover {
    color: var(--primary-btn) !important;
    background: #fff !important;
    border-radius: 0px !important;
}

.links-box ul li a.dropdown-item:hover {
    background: #fff !important;
    color: #ED1C24 !important;
}

.links-box ul li a {
    position: relative;
    display: inline-block;
    width: auto !important;
}

.links-box ul li a:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5px;
    background: #ED1C24;
    z-index: 1;
    transition: transform .5s;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
}

.links-box ul li a:hover:before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.megamenu-inner {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 20%);
}

.dropdown-menu.megamenu .nav-pills .nav-link:hover svg path {
    fill: #ED1C24;
}

.links-not-tabs {
    border-bottom-left-radius: 30px !important;
    box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 20%);
}

ul.navbar-nav.ms-auto li.nav-item:first-child .megamenu {
    width: 90% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}

ul.navbar-nav.ms-auto li.nav-item:nth-child(2) .megamenu,
ul.navbar-nav.ms-auto li.nav-item:nth-child(3) .megamenu {
    width: 80% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#nav-icon3 {
    width: 25px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 20px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 10px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nw-mbl-menu .tabcontact-btn li {
    text-align: center;
    border: 0px !important;
}

.mobile-nav-menu.nw-mbl-menu .navbar-nav {
    border: 0px !important;
    text-align: left;
}

.mobile-nav-menu.nw-mbl-menu .navbar-nav>li>a {
    padding: 20px;
}

.tabcontact-btn li:first-child a {
    background: #1F235A;
    color: #fff !important;
    border-radius: 6px;
    font-size: 14px;
}

.tabcontact-btn li:last-child a {
    background: #FAF9F6;
    color: #1F235A !important;
    border-radius: 6px;
    font-size: 14px;
    border: 1px solid #1F235A;
}

.nw-mbl-menu .accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.mobile-nav-menu.nw-mbl-menu.show-blk,
.mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed),
.mobile-nav-menu.nw-mbl-menu .accordion-body ul {
    background: #FAF9F6;
    box-shadow: none !important;
}

.mobile-nav-menu.nw-mbl-menu .accordion-body ul li .dropdown-item:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.navbar-light .navbar-toggler {
    border: none;
    padding: 0px;
}

.blog-page-link a.nav-link {
    display: flex;
    align-items: center;
}

.blog-page-link a.nav-link svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    transform: rotateZ(-90deg);
}

.site-header .navbar-nav.blog-page-link>li {
    border-bottom: 0px !important;
}

.get-quote {
    width: 265px;
    padding: 15px;
    background: linear-gradient(97.67deg, #222A41 -9.88%, #163471 91.69%);
    border-radius: 10px;
    position: fixed;
    top: 150px;
    right: -350px;
    z-index: 5;
    transition: all .5s linear;
}

.get-quote p {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
    line-height: 20px;
    text-transform: capitalize;
}

.g-block {
    display: block;
    right: 25px;
}

section.home-hero h1+p {
    font-size: 18px !important;
}

.hero h1+p {
    font-size: 20px !important;
}

.hero-global-adv {
    margin-top: 50px;
    margin-bottom: 0px;
}

p.psize-16 {
    font-size: 16px;
    line-height: 30px;
}

section.page-not-found img {
    width: 550px;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

section.page-not-found p a {
    text-decoration: none;
    color: var(--primary-red-clr);
}

.whatsapp-logo img {
    position: fixed;
    content: "";
    bottom: 50px;
    right: 30px;
    border-radius: 50%;
    z-index: 1111;
}

.whatsapp-logo a img {
    animation: moveicon 1.8s infinite;
    overflow: hidden;
}

@keyframes moveicon {

    0%,
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }

    50% {
        opacity: 1;
        transform: scale(1.3, 1.3);
    }
}

.call__wrapper {
    width: 250px;
    height: auto;
    position: fixed;
    top: 50%;
    right: -250px;
    z-index: 1;
    transform: translateY(-50%);
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    display: none;
}

.call__wrapper__inner {
    width: 100%;
    height: 100%;
    background: #171717;
    padding: 25px;
    position: relative;
    color: #fff;
}

.call__inner__img {
    position: absolute;
    content: "";
    top: 38%;
    left: -50px;
    width: 50px;
    height: 50px;
    background: #171717;
    text-align: center;
    line-height: 50px;
    transform: translateY(-38%);
    animation: shake 4.72s ease infinite;
    transform-origin: 50% 50%;
}

@keyframes shake {
    0% {
        transform: translate(0, 0)
    }

    1.78571% {
        transform: translate(5px, 0)
    }

    3.57143% {
        transform: translate(0, 0)
    }

    5.35714% {
        transform: translate(5px, 0)
    }

    7.14286% {
        transform: translate(0, 0)
    }

    8.92857% {
        transform: translate(5px, 0)
    }

    10.71429% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

.call__inner__img i {
    font-size: 40px;
    color: #fff;
}

.call__wrapper__inner ul {
    padding-left: 0px;
    margin-left: 0px;
}

.call__wrapper ul li:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 10px 0;
}

.call__wrapper ul li a {
    text-decoration: none;
    color: #fff;
}

.call__wrapper ul li a img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 10px;
}

footer .footer-nav h5,
footer .footer-nav .h5 {
    margin-bottom: 40px;
    color: #fff;
}

footer.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer.site-footer ul .nav-link {
    padding-left: 0px;
    color: #BBBDCD;
    padding-top: 0px;
    padding-bottom: 18px;
}

footer.site-footer ul li a {
    transition: 0.5s all;
    display: inline-block;
    color: #BBBDCD;
    padding-bottom: 18px;
}

.contact-num a {
    color: #BBBDCD;
    text-decoration: none;
    font-weight: normal !important;
}

ul.contact-num li svg,
ul.contact-num li img {
    margin-right: 8px;
}

footer .copyright-wrapper a {
    text-decoration: none;
    color: #BBBDCD;
    transition: .5s all;
}

footer .copyright-wrapper p {
    font-size: 16px;
    color: #BBBDCD;
}

.latest-blog-block {
    border-radius: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 6px rgb(18 17 39 / 10%);
}

.latest-blog-block-img img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.latest-blog-block-img {
    height: 170px;
    width: 100%;
}

.latest-blog-block-content {
    padding: 20px;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.latest-blog-block-content h6,
.latest-blog-block-content .h6 {
    text-transform: uppercase;
    font-weight: 500;
    color: rgb(70 70 70 / 90%);
}

.latest-blog-block-content p {
    line-height: 26px;
    margin: 15px 0px !important;
}

.latest-blog-block-content a {
    text-decoration: none;
    color: #F83D3D;
}

.latest-blog-block-content a svg {
    margin-left: 3px;
    margin-top: -2px;
}

.latest-blog-block-content a svg path {
    fill: #F83D3D;
}

.latest-blog-block-content a:hover {
    color: #F83D3D;
}

.latest-blog-block-content a:hover svg path {
    fill: #F83D3D;
}

.latest-blog-block-content a:hover svg {
    margin-left: 8px;
    transition: .2s all linear;
}

.blog-slider .owl-stage-outer {
    padding: 10px 0px;
}

.blog-slider .owl-nav button {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}

.blog-slider .owl-nav button:hover {
    background: #ED1C24;
}

.blog-slider .owl-nav button:hover svg path {
    stroke: #fff;
}

.blog-slider .owl-nav button.owl-prev {
    position: absolute;
    content: "";
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
}

.blog-slider .owl-nav button.owl-next {
    position: absolute;
    content: "";
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
}

.start-form {
    position: relative;
}

section.start-form .row.justify-content-center.g-0 {
    border-radius: 20px;
    box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 10%);
}

.start-form-img {
    width: 100%;
}

.start-form::before {
    width: 100%;
    height: 200px;
    position: absolute;
    content: "";
    bottom: 0;
    background: var(--navy-bg);
    left: 0;
    z-index: -1;
}

.start-form-content {
    background: #fff;
    padding: 40px 60px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.start-form-content h2 {
    font-size: 45px;
    line-height: 60px;
    color: var(--primary-txt-clr);
    text-transform: capitalize;
}

.start-form-img img {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 100%;
    height: 100%;
    display: none;
}

.start-form .col-md-5.order_1.d-flex {
    background: url(../images/ios-developments/start-form-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.start-form input.btn.primary-btn {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto;
    padding: 5px 10px;
    display: none;
}

.start-form input.btn.primary-btn:hover {
    background-position: right center;
}

.start-form-content form .form-control {
    color: var(--primary-txt-clr);
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0px;
    border-color: var(--primary-txt-clr) !important;
    opacity: 0.5;
}

.start-form-content form textarea.form-control {
    resize: none;
    height: 0px;
}

.start-form-content form .form-control:focus {
    box-shadow: none;
}

.start-form-content form .form-control::placeholder {
    color: var(--primary-txt-clr);
    font-size: 15px;
}

.start-form-content .card {
    background: transparent;
    border: none;
}

.start-form-content .card-body {
    padding: 0px;
    background: transparent !important;
}

.start-form-content form label {
    display: none;
}

.start-form-content form button.btn.btn-primary {
    padding: 7px 26px;
    border: none;
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    font-size: 16px;
    font-weight: normal;
}

.start-form-content form .col-md-6.mb-3,
.start-form-content form .col-md-12.mb-3 {
    margin-bottom: 2rem !important;
}

.start-form-content form button.btn.btn-primary:hover {
    background-position: right center !important;
}

.start-form-content form .col-md-12.text-center.mt-4 {
    text-align: left !important;
}

section.section-kickstart .start-development-block {
    border-radius: 0px;
    padding: 0px !important;
}

.fw-semi {
    font-weight: 600;
}

.negtive-mb-30 {
    margin-bottom: -30px;
}

.ecommerce-card__blk.shadow.border-radius {
    padding: 30px 26px;
    width: 100%;
}

.ecommerce-card .col-md-3 {
    display: flex;
}

.section__subheading {
    margin-bottom: 10px;
    color: var(--primary-txt-clr);
}

.ecommerce-soluions {
    margin-bottom: -30px;
}

.ecommerce-soluions .col-md-4 {
    margin-bottom: 30px;
}

.ecommerce-soluions__blk {
    position: relative;
    padding: 0 20px;
}

.ecommerce-soluions__blk::after {
    width: 1px;
    height: 50%;
    background: #737373;
    content: "";
    position: absolute;

    opacity: .40;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ecommerce-soluions_cols>div:nth-child(3n

    /**/
    +3) .ecommerce-soluions__blk::after {
    display: none;
}

.call-action__inner {
    background: #1F235A;
    border-radius: 10px;
    position: relative;
}

.call-action__inner img {
    position: absolute;
    top: -25px;
}

.call-action__inner h4,
.call-action__inner .h4 {
    padding-left: 200px;
    padding-right: 150px;
}

.choose-pt {
    padding-top: 80px;
}

.choose-us__blk {
    box-shadow: 0px 2px 4px 0px #0E567C2A;
    padding: 35px 35px 19px 35px;
    border-radius: var(--border-radius);
}

.choose-us__blk:not(:last-child) {
    margin-bottom: 30px !important;
}

.choose-us__img {
    width: 116px;
    height: 116px;
}

.choose-us__img img {
    width: 116px;
    height: 116px;
    object-fit: cover;
    border-radius: 10px;
}

.choose-us__content {
    width: calc(100% - 116px);
    padding-left: 48px;
}

.ecommerce-features.spacer {
    background: #F7F8FA;
}

.ecommerce-features__blk {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #E2E4E8;
    padding: 20px;
    margin-bottom: 30px;
}

.platform__box {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.platform__box .owl-item img {
    display: block;
    width: 60px;
}

.platform__box--one {
    background-color: #F1A03F;
}

.platform__box--two {
    background: #E8642E;
}

.platform__box--three {
    background: #007095;
}

.platform__box--four {
    background: #ABD4E4;
}

.platform__box--five {
    background: #1DD05D;
}

.platform__box--six {
    background: #CC3A43;
}

.platform__box--seven {
    background: #4D588E;
}

.platform__box--eight {
    background: #2ABCE8;
}

.portfolio__inner {
    padding: 80px;
    box-shadow: 0px 12px 34px 0px #413E651A;
}

.portfolio img {
    width: auto !important;
    margin: 0 auto;
}

.portfolio button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg, #ED8A3E -7.89%, #F7413D 80%) !important;
}

.portfolio .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.portfolio .owl-nav button.disabled {
    opacity: 0.2;
}

.portfolio .owl-nav button.owl-prev {
    left: 0;
}

.portfolio .owl-nav button.owl-prev svg {
    transform: rotateY(-180deg);
}

.portfolio .owl-nav button.owl-next {
    right: 0;
}

.section-ecommerce {
    background: url(../images/ecommerce-images/ecommerce-bnr.jpg) rgb(34 42 65 / 80%) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.marketing-bg {
    background: #ffd5de;
}

.manufacturing-bg {
    background: #ffe76866;
}

.retail-bg {
    background: #ffc38b66;
}

.ecommerce-create .app__blk .contents {
    padding-bottom: 0px;
}

.listing__inner {
    border: 1px solid #EAE9F2;
    background: #fff;
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
}

.listing__inner h5,
.listing__inner .h5 {
    padding-left: 15px;
    margin-bottom: 0;
}

.listing-spacer {
    margin-left: 60px;
}

.listing-counter {
    counter-reset: section;
}

.listing-counter>li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 40px;
}

.listing-counter>li::before {
    counter-increment: section;
    content: counter(section);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ED1C24 0%, #ED8A3E 100%);
    position: absolute;
    left: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    line-height: 38px;
}

#section-more-review img {
    max-width: 160px;
    transition: all .2s linear;
    margin-bottom: 10px;
}

#section-more-review img:hover {
    transform: scale(1.1);
}

.gallery {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.gallery>div {
    width: calc(100% / 2 - 20px);
    margin: 8px;
}

.gallery__rt {
    padding-top: 20px;
}

.gallery img {
    border-radius: 8px;
    margin-bottom: 15px;
    width: 100%;
}

.hero-heading {
    color: var(--primary-txt-clr);
    font-size: 3.438rem;
}

.special-char {
    color: var(--primary-red-clr);
}

.hero-heading .special-char {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
    display: inline-block;
}

.hero-heading .special-char::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24px;
    background: url(../images/ios-development/special-line.svg) center center / contain no-repeat;
}

.hero-banner-list {
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    padding-left: 0px;
}

.hero-banner-list li {
    position: relative;
    padding-left: 40px;
    font-size: 18px;
}

.hero-banner-list li::before {
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../images/ios-development/check-tick.svg) center center;
    content: "";
    background-repeat: no-repeat;
    background-size: 14px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background-color: var(--primary-red-clr);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.service-block {
    background-color: var(--bg-white);
    padding: 35px 30px;
    border-radius: 10px;
    height: 100%;
    transition: all .5s linear;
}

section.service-provide .row .col-md-6:first-child .service-block:hover {
    background: #2CA88F;
}

section.service-provide .row .col-md-6:nth-child(2) .service-block:hover {
    background: #f04037;
}

section.service-provide .row .col-md-6:nth-child(3) .service-block:hover {
    background: #ec963f;
}

section.service-provide .row .col-md-6:last-child .service-block:hover {
    background: #05a9dd;
}

section.service-provide .service-block:hover span {
    background: #fff !important;
}

section.service-provide .row .col-md-6 .service-block:hover h4,
section.service-provide .row .col-md-6 .service-block:hover p {
    color: #fff;
}

.service-block-content {
    margin-top: 20px;
}

.section-intro h2 {
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 42.19px;
}

.service-block-content h4,
.service-block-content .h4 {
    text-transform: capitalize;
    margin-bottom: 15px;
    font-weight: 500;
}

.service-block:hover .service-block-content h4,
.service-block:hover .service-block-content .h4 {
    color: #fff;
}

.custom-image-border-radius {
    border-radius: 10px;
}

.orange-color {
    background-color: #ED8A3E;
}

.img-section {
    position: relative;
}

.project-discussion {
    position: absolute;
    right: 0%;
    top: 40%;
    padding: 20px;
    color: #fff;
    border-radius: 10px;
    max-width: 220px;
    text-align: left;
    font-size: 16px;
    width: 100%;
    z-index: 2;
}

.details {
    display: flex;
}

.details span.text {
    width: calc(100% - 30px);
}

.details .icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.details .icon i {
    color: #222A41;
}

.mobile-app-development-soluions__blk img {
    box-shadow: 12px 34px 30px rgba(65, 62, 101, 0.102519);
}

.clutch-reviews video {
    width: 100%;
    object-fit: cover;
    height: 400px;
}

.learning-solutions {
    background-color: #222A41;
}

.app__blk {
    border: 1px solid #222A41;
    border-radius: 10px;
    padding: 50px 30px;
    width: 100%;
}

.app__blk h5 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.development-solutions .project-discussion {
    left: 0;
    right: inherit;
    background-color: #F04037;
    width: 250px;
    max-width: 250px;
}

.development-solutions .project-discussion .icon {
    background-color: #222A41;
}

.development-solutions {
    background-color: #FBFBFB;
}

.specific-requirements-bg {
    position: relative;
    padding-bottom: 30px;
}

.specific-requirements-bg:before {
    content: "";
    position: absolute;
    width: 80%;
    right: 0;
    top: 0;
    bottom: 0;
    height: 85%;
    background-color: #222A41;
    border-radius: 20px 0px 0px 20px;
}

.specific-requirements-bg .service-block {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.14);
}

.specific-requirements-bg .row [class*="col-"]:nth-child(even) {
    margin-top: 100px;
    margin-bottom: 20px;
}

.service-provide .service-block {
    box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
}

.bg-brown {
    background: #E43037;
}

.bg-skyblue {
    background: #49BDD6;
}

.bg-skyblue-dark {
    background: #00D8FF;
}

.bg-purple-color {
    background: #4885EF;
}

.bg-brown-light {
    background: #E7372F;
}

.bg-blue-dark {
    background: #1066A9;
}

.bg-blue-light {
    background: #3293D4;
}

.bg-red {
    background: #DD0031;
}

.platform__box {
    width: 120px;
    height: 120px;
}

.home-hero {
    background: url(../images/hero-bg-new.webp) top center/cover no-repeat;
    padding: 8rem 0 !important;
    position: relative;
}

.home-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(34, 42, 65, 0.8) 0%, rgba(34, 42, 65, 0) 100%);
    z-index: 0;
}

.mouse-wheel {
    display: block;
    width: 26px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 14px;
    position: absolute;
    left: calc(50% - 540px);
    top: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mouse-wheel span {
    width: 7px;
    height: 20px;
    display: block;
    background: url(../images/home/wheel-icon.svg) center center/contain no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: ani-mouse 1.5s linear infinite;
    animation: ani-mouse 1.5s linear infinite;
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

.home-lft-align .service-block {
    text-align: left !important;
}

.home-lft-align .service-block .service-img {
    margin-left: 0px;
}

.home-lft-align .service-block p {
    font-size: 15px;
    line-height: 28px;
}

.section-services.home-service .service-block {
    background: #FFFFFF;
    border: 1.5px solid rgba(35, 34, 65, 0.18);
    border-radius: 10px;
    text-align: center;
}

.section-services.home-service .service-block {
    position: relative;
    overflow: hidden;
    transition: all .5s ease-in-out;
    z-index: 1;
}

.section-services.home-service .service-block:before {
    position: absolute;
    content: "";
    width: 150px;
    height: 70px;
    border-radius: 50px;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    right: -70px;
    transform: rotateZ(-20deg);
    opacity: .2;
    transition: transform .8s;
}

.section-services.home-service .service-block:hover::before {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    right: -30px;
    transform: scale(1.2);
}

.section-services.home-service .service-block:after {
    position: absolute;
    content: "";
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -60px;
    left: -60px;
    opacity: .2;
    transition: transform .8s;
    z-index: -1;
}

.section-services.home-service .service-block:hover::after {
    transform: scale(1.8);
}

.service-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.section-services.home-service .row:last-child .col-lg-4:first-child .service-img {
    background: #EDF4D7;
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(2) .service-img {
    background: #eee;
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(3) .service-img {
    background: #EAEAF7;
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(4) .service-img {
    background: #E2F6F2;
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(5) .service-img {
    background: #FDECEB;
}

.section-services.home-service .row:last-child .col-lg-4:last-child .service-img {
    background: #E2F3F8;
}

.section-services.home-service .service-block:hover {
    background: linear-gradient(red, black);
}

.section-services.home-service .service-block:hover .service-img img {
    transform: scale(1.2);
}

.section-services.home-service .row:last-child .col-lg-4:first-child .service-block:hover {
    background: linear-gradient(#a4c639 102%, #EDF4D7);
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: linear-gradient(#161b2c 102%, #fff);
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: linear-gradient(#6b6bed 102%, #EAEAF7);
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: linear-gradient(#2ca88f 102%, #E2F6F2);
}

.section-services.home-service .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: linear-gradient(#f04037 102%, #FDECEB);
}

.section-services.home-service .row:last-child .col-lg-4:last-child .service-block:hover {
    background: linear-gradient(#05a9dd 102%, #E2F3F8);
}

.section-services.home-service .service-block:hover .service-img {
    background: #fff !important;
}

.section-services.home-service .service-block:hover h4,
.section-services.home-service .service-block:hover .h4,
.section-services.home-service .service-block:hover h5,
.section-services.home-service .service-block:hover .h5,
.section-services.home-service .service-block:hover p {
    color: #fff;
}

.section-services.home-service .service-block:hover svg path {
    stroke: #fff;
}

.section-services.home-service .service-block a {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.tech-block-content {
    text-align: center;
    margin-top: 25px;
}

.tech-block-content h5 {
    font-weight: normal;
}

.tech-block-img {
    width: 100%;
    height: 100px;
}

.tech-block-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tech-slider .owl-dots {
    text-align: center;
    margin-top: 15px;
}

.tech-slider button.owl-dot {
    width: 10px;
    height: 10px;
    background: #dadada !important;
    border-radius: 50%;
    margin-right: 10px;
}

.tech-slider button.owl-dot.active {
    background: #ED1C24 !important;
}

.ourclient-slider .owl-stage-outer {
    padding: 10px 0px;
}

.our-client-block {
    display: flex;
    border: 1px solid #eee;
    border-radius: 20px;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, .15);
}

.our-client-block-img {
    width: 40%;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.our-client-block-img img {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.our-client-block-content {
    width: 60%;
    padding: 60px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

button.btn.client-play-btn img {
    width: 120px;
    height: 120px;
}

.client-profile-img {
    width: 60px;
    height: 60px;
}

.client-profile-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}

.client-profile {
    display: flex;
    align-items: center;
}

.client-profile-detail {
    margin-left: 15px;
}

.btn.client-play-btn {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn.client-play-btn:focus {
    box-shadow: none;
}

.our-client-block-img::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.our-client-block-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.client-video-wrapper .modal-dialog {
    max-width: 750px;
}

.ourclient-slider .owl-nav button {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}

.ourclient-slider .owl-nav button:hover {
    background: #ED1C24;
}

.ourclient-slider .owl-nav button:hover svg path {
    stroke: #fff;
}

.ourclient-slider .owl-nav button.owl-prev {
    position: absolute;
    content: "";
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
}

.ourclient-slider .owl-nav button.owl-next {
    position: absolute;
    content: "";
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
}

.client-profile {
    display: none;
}

.value-for-money {
    background: #1F235A;
    background-repeat: no-repeat;
    background-size: cover;
}

.value-font {
    font-size: 50px;
    letter-spacing: 2px;
    font-weight: 700;
}

.value-box ul {
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
    padding-left: 0px;
}

.value-box ul li {
    list-style: none;
}

.value-box ul li {
    border-right: 1px solid #ffffff36;
    padding: 0px 5%;
}

.value-box ul li:last-child {
    border-right: 0px;
}

.value-box span {
    padding-bottom: 2px;
    border-bottom: 3px solid #fff;
}

.value-box p {
    font-size: 20px;
    margin-top: 10px;
}

span.counter-text:after {
    position: absolute;
    content: "+";
}

.counter-01 {
    background-color: #FDECEB;
}

.counter-02 {
    background-color: #E2F6F2;
}

.counter-03 {
    background-color: #FBF3E2;
}

.counter-04 {
    background-color: #F7E5FF;
}

.counter-05 {
    background-color: #E7EEFF;
}

.counter-06 {
    background-color: #E2F3F8;
}

.counter-07 {
    background-color: #DDEDFF;
}

.counter-08 {
    background-color: #DBFFD8;
}

.steps__blk:hover span.counter-01+div h5 {
    color: #f04037;
}

.steps__blk:hover span.counter-02+div h5 {
    color: #06a787;
}

.steps__blk:hover span.counter-03+div h5 {
    color: #feba38;
}

.steps__blk:hover span.counter-04+div h5 {
    color: #cd5eff;
}

.steps__blk:hover span.counter-05+div h5 {
    color: #1355ff;
}

.steps__blk:hover span.counter-06+div h5 {
    color: #24c5f9;
}

.steps__blk:hover span.counter-07+div h5 {
    color: #2d87ea;
}

.steps__blk:hover span.counter-08+div h5 {
    color: #28b01d;
}

.innovation-content {
    background: #0054AE;
    width: 100%;
    height: 100%;
    padding-left: 100px;
    padding-right: 100px;
    position: relative;
}

.innovation-content::before {
    position: absolute;
    content: "";
    top: 30%;
    right: -15%;
    width: 350px;
    height: 350px;
    background: #004288;
    border-radius: 50%;
    transform: translateY(-30%);
}

.innovation-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.innovation-main-heading {
    position: absolute;
    content: "";
    top: 35%;
    right: 0;
}

.innovation-projects {
    position: absolute;
    content: "";
    bottom: 10%;
    width: 75%;
}

.innovation-slider .owl-nav svg path {
    stroke: #fff;
}

.innovation-slider .owl-nav {
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #fff;
    padding: 0px 20px;
}

.innovation-projects a:hover {
    border-bottom: 1px solid #fff;
}

.form-ios {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    width: 100%;
    margin-left: auto;
}

.form-ios .card {
    border: none;
}

.form-ios .card-body.card-bg-btm {
    padding: 0px;
}

.form-ios .container {
    padding: 0px;
}

.form-ios h2 {
    margin-bottom: 10px !important;
    font-size: 30px;
    letter-spacing: 1px;
}

.form-ios p {
    color: #464646 !important;
    font-size: 16px !important;
}

.form-ios .col-md-6 {
    width: 100%;
}

.form-ios label {
    display: none;
}

.form-ios input.form-control {
    border: none;
    background: #F4F4F4;
    height: 50px;
}

.form-ios textarea.form-control {
    border: none;
    background: #F4F4F4;
    height: 70px;
    resize: none;
}

.form-ios .form-control:focus {
    box-shadow: none;
}

.form-ios .form-control::placeholder {
    font-size: 14px;
}

.form-ios .btn.btn-primary {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    border: none;
    min-width: 170px !important;
    padding: 10px 20px;
    margin-top: -25px;
}

.form-ios .btn.btn-primary:hover {
    background-position: right center !important;
}

.section-ios-bg {
    background: url(../images/ios-developments/banner-ios.webp) rgb(34 42 65 / 80%);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-ios-bg .hero-heading,
.section-ios-bg p,
.hero-banner-list li {
    color: #fff;
}

.ios-gallery {
    position: relative;
}

.ios-gallery img {
    border-radius: 15px;
    margin-bottom: 25px;
    width: 100%;
}

.ios-gallery-content {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    padding: 20px;
    width: 75%;
}

.ios-gallery-content p {
    color: #282424;
}

.ios-gallery-content a {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ios-gallery-content a:hover svg path {
    fill: #F83D3D;
}

.ios-gallery-content a:hover {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.btn.casestudies-btn {
    color: #F83D3D !important;
    border: 1px solid #F83D3D;
    border-radius: 5px;
    padding: 10px 20px;
}

.section-testimonial {
    background: url(../images/ios-developments/testimonial-bg.jpg) #7e7e7e;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
}

.testimonial-block {
    background: #000;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.playpause {
    background-image: url(../images/ios-developments/play-btn.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 5%;
    bottom: 5%;
    margin: auto;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.back-to-top {
    z-index: 1;
}

.section-services.go-global {
    background: url(../images/ios-developments/global-bnr.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.global-service-block {
    border-radius: 10px;
    position: relative;
}

.global-service-block-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-radius: 10px;
}

.global-service-block-content {
    padding: 20px;
    background: #34477E;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: .5s all ease-in-out;
}

.global-service-block-content h4,
.global-service-block-content .h4 {
    color: #fff;
}

.global-service-block-content p {
    display: none;
}

.global-service-block:hover .global-service-block-content p {
    display: block
}

.global-service-block:hover .global-service-block-content {
    background: #fff;
    height: auto;
}

.global-service-block:hover .global-service-block-content h4,
.global-service-block:hover .global-service-block-content .h4 {
    color: var(--primary-txt-clr);
}

.global-service-block-content {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    height: 90px;
}

.global-slider .owl-nav {
    position: absolute;
    content: "";
    bottom: 15px;
    right: 35px;
    background: #fff;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.global-slider .owl-nav button:hover svg path:last-child {
    stroke: #F83D3D;
}

.why-choose-us-blk .row .col-md-6:first-child {
    background: url(../images/ios-developments/why-choose-img.jpg);
    background-size: cover;
    padding: 350px 80px;
    padding-left: 80px;
    background-position: center;
}

.why-choose-us-blk .row .col-md-6:last-child {
    padding-right: calc(50% - 650px) !important;
}

.start-development-block {
    width: 100%;
    border-radius: 10px;
    padding: 30px 20px;
}

.border-gradient {
    background-image: linear-gradient(#ED1C24 -24%, transparent 96%);
    position: relative;
    z-index: 1;
}

.border-gradient::before {
    content: "";
    display: block;
    background-color: white;
    position: absolute;
    border-radius: 5px;
    height: 95%;
    width: 99%;
    z-index: -1;
    left: 5px;
    right: 0;
    bottom: 7px;
}

.intro ul li {
    line-height: 40px;
    font-weight: 500;
    font-size: 18px;
    color: var(--primary-txt-clr);
}

.section-education-bg {
    background: url(../images/education-images/education-hero-bg.webp) rgb(34 42 65 / 80%);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-education-bg .hero-heading,
.section-education-bg p,
.hero-banner-list li {
    color: #fff;
}

section.hero.section-education-bg .hero-banner-list li,
section.hero.section-education-bg h1+p {
    font-size: 18px !important;
}

.img-section figure {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.img-section figure::after {
    content: "";
    position: absolute;
    left: 30px;
    top: 30px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: -2;
    background-image: linear-gradient(transparent 10%, #ED8A3E 96%);
}

.img-section figure::before {
    content: "";
    position: absolute;
    left: 37px;
    top: 45px;
    width: 97%;
    height: 100%;
    z-index: -1;
    background-color: #fff;
    border-radius: 10px;
    right: 0;
    margin: auto;
    bottom: 0px;
}

.clutch-reviews {
    background-color: #F8F8FF;
}

.app__blk {
    border: none !important;
    border-radius: 10px;
    overflow: hidden;
}

.app__blk .bottom-img {
    width: 100%;
    max-height: 400px;

    height: 100%;
}

.app__blk .contents {
    padding: 50px;
}

.app__blk h4,
.app__blk .h4 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.app__blk p {
    letter-spacing: 0.5px;
}

.app__blk a {
    margin-bottom: 30px;
    color: #000;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #000;
    display: inline-flex;
}

.app__blk a:hover {
    color: #f83d3d;
    border-color: #f83d3d;
}

.app__blk a i {
    margin-left: 5px;
}

.ebook-bg {
    background-color: #eb63831f;
}

.puzzle-bg {
    background-color: #26e7a11a;
}

.puzzle-bg .bottom-img {
    margin-left: 8%;
    border-top-left-radius: 10px !important;
}

.online-study-bg {
    background-color: #ffc38b24;
}

.learning-solutions {
    position: relative;
    overflow: hidden;
}

section.learning-solutions:before {
    position: absolute;
    content: "";
    width: 490px;
    height: 197px;
    border-radius: 51%;
    background: #979797;
    opacity: .3;
    top: -17%;
    right: -18%;
}

.learning-solutions:after {
    position: absolute;
    content: "";
    width: 100%;
    background: url(../images/education-images/white-curve.png);
    bottom: -1px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    height: 100px;
}

section.specific-requirements,
.service-provide {
    background: url(../images/education-images/yellow-dottedline.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 110% 215px;
}

.education-services .service-block {
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    padding: 20px 30px;
    transition: all .5s linear;
}

.education-services .service-block-content {
    margin-top: 0px;
    width: calc(100% - 90px);
}

.education-services .service-block-content p {
    line-height: 28px;
}

.education-services .service-block img {
    background: red;
    width: 75px;
    height: 75px;
    object-fit: none;
    border-radius: 10px;
    margin-right: 15px;
}

.education-services .col-md-6:first-child .service-block img {
    background: #FF926B;
}

.education-services .col-md-6:nth-child(2) .service-block img {
    background: #EB6383;
}

.education-services .col-md-6:nth-child(3) .service-block img {
    background: #48B48D;
}

.education-services .col-md-6:last-child .service-block img {
    background: #FFC38B;
}

.education-services .service-block:hover {
    box-shadow: 0px 8px 15px rgb(0 0 0 / 15%);
}

.work-transparency .swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
}

.work-transparency .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;


    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.work-transparency .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.work-transparency .swiper-scrollbar {
    opacity: 1 !important;
}

.work-transparency .swiper-scrollbar-drag {
    background: #ec1c24 !important;
}

.work-transparency .swiper-item {
    text-align: left;
    position: relative;
}

.work-transparency .swiper-item span {
    width: 116px;
    height: 116px;
    border: 2px solid rgba(34, 42, 65, 0.05);
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.work-transparency .swiper-item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/education-images/arrow-dashed.svg);
    background-repeat: no-repeat;
    background-position: 135px 50px;
}

.work-transparency .swiper-item h5,
.work-transparency .swiper-item .h5 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.work-transparency .swiper-slide.swiper-slide-active span {
    background: #ED1C24;
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.03);
}

.work-transparency .swiper-slide.swiper-slide-active span svg path {
    fill: #fff;
}

.work-transparency .swiper-item p {
    font-size: 16px;
}

.section-kickstart {
    width: 100%;
    height: 100%;
    background: url(../images/education-images/kickstart-banner.webp) #222A41;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    opacity: 80%;
    padding: 100px 0px;
}

.service-provide .service-block span {
    width: 80px;
    height: 80px;
    background: #E2F6F2;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.service-provide .col-md-7 .row .col-md-6:nth-child(2) .service-block span {
    background: #FDECEB;
}

.service-provide .col-md-7 .row .col-md-6:nth-child(3) .service-block span {
    background: #ffe3c6;
}

.service-provide .col-md-7 .row .col-md-6:last-child .service-block span {
    background: #E2F3F8;
}

section.service-provide {
    position: relative;
    overflow: hidden;
}

section.service-provide:before {
    position: absolute;
    content: "";
    width: 265px;
    height: 265px;
    background: #EAF3FE;
    border-radius: 50%;
    top: 10%;
    left: -10%;
    z-index: -1;
}

section.service-provide h2 {
    margin-bottom: 20px;
}

section.service-provide h2+p {
    line-height: 30px;
}

section.service-provide .service-block-content {
    margin-top: 0px;
}

.webdesign-service-provide {
    overflow: unset !important;
}

.webdesign-service-provide .row .col-md-5 {
    position: sticky;
    top: 150px;
}

.mobile-app-section {
    background: url(../images/mobile-images/mobile-bnr.webp) #07184ad9;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
}

ul.new-banner-list {
    padding-left: 0px;
}

ul.new-banner-list li {
    position: relative;
    color: #fff;
    list-style: none;
    font-size: 20px;
    line-height: 50px;
    padding-left: 30px;
}

ul.new-banner-list li:before {
    position: absolute;
    content: "";
    top: 15px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/mobile-images/white-check.svg);
    background-repeat: no-repeat;
}

.know-more-about-wrapper {
    background: #F6C7A3;
    padding: 50px 33px;
    text-align: center;
}

.know-more-inner-blk {
    padding: 25px;
    background: #fff;
    border-radius: 15px;
    text-align: center;
}

.know-more-img {
    width: 100px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.know-more-inner-blk h3,
.know-more-inner-blk h2 {
    margin: 15px auto;
    font-weight: 500;
}

.know-more-about-wrapper p {
    color: #464646;
}

.know-more-inner-blk p {
    font-size: 14px;
    padding-top: 10px;
}

.know-more-about-wrapper .know-more-inner-blk+h4+p {
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
}

.know-more-about-wrapper h4,
.know-more-about-wrapper .h4 {
    margin: 20px auto;
}

span.red-bg {
    display: block;
    width: 53%;
    position: relative;
    z-index: 1;
}

span.red-bg:before {
    position: absolute;
    content: "";
    top: -6px;
    left: -5px;
    background: url(../images/mobile-images/red-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

span.red-bg:after {
    position: absolute;
    content: url(../images/mobile-images/arrow-line.png);
    top: -20px;
    right: -100%;
    width: 100%;
    height: 100%;
}

.mobile-service-dev .service-block {
    box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
    border-radius: 15px;
    padding-left: 18px;
    padding-right: 18px;
}

.mobile-service-dev .service-block span {
    width: 80px;
    height: 80px;
    background: #E2F6F2;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.mobile-service-dev .service-block-content {
    margin-top: 0;
}

.mobile-service-dev .row .col-md-3:nth-child(2) .service-block span {
    background: #FDECEB;
}

.mobile-service-dev .row .col-md-3:nth-child(3) .service-block span {
    background: #ffe3c6;
}

.mobile-service-dev .row .col-md-3:last-child .service-block span {
    background: #E2F3F8;
}

.mobile-service-dev .row .col-md-3:first-child .service-block:hover {
    background: #2CA88F;
}

.mobile-service-dev .row .col-md-3:nth-child(2) .service-block:hover {
    background: #f04037;
}

.mobile-service-dev .row .col-md-3:nth-child(3) .service-block:hover {
    background: #ec963f;
}

.mobile-service-dev .row .col-md-3:last-child .service-block:hover {
    background: #05a9dd;
}

.mobile-service-dev .service-block:hover .service-block-content h4,
.mobile-service-dev .service-block:hover .service-block-content .h4,
.mobile-service-dev .service-block:hover .service-block-content p {
    color: #fff;
}

.mobile-service-dev .service-block:hover span {
    background: #fff !important;
}

.mobile-dev-process .service-block {
    box-shadow: 0px 0px 10px rgb(151 151 151 / 10%);
    border: none !important;
    padding-left: 20px;
    padding-right: 20px;
}

.mobile-dev-process .service-block-content p {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
}

.mobile-dev-process .row:last-child .col-lg-4:first-child .service-img {
    background: #ffd5e1 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(2) .service-img {
    background: #2e89fb33 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(3) .service-img {
    background: #f5a52433 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(4) .service-img {
    background: #E2F3F8 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(5) .service-img {
    background: #c9595933 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:last-child .service-img {
    background: #7dc7de33 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #FE6A92 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #258AFF !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #F5A623 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #22B0FC !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #E45151 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #2AA6CB !important;
}

.mobile-dev-process .row:last-child .col-lg-4 .service-block:hover .service-img {
    background: #fff !important;
}

.new-partnership-modal {
    background: #F8F8FF;
}

.new-partnership-modal .service-block {
    padding: 35px 40px;
    border-radius: 10px;
}

.new-partnership-modal .service-block p {
    text-align: justify;
}

.new-partnership-modal .service-block .service-block-content h4,
.new-partnership-modal .service-block .service-block-content .h4 {
    font-size: 22px;
}

.new-partnership-modal .row:last-child .col-md-4:first-child .service-block span {
    background: #EFF1FF;
}

.new-partnership-modal .row:last-child .col-md-4:nth-child(2) .service-block span {
    background: #EBF4FF;
}

.new-partnership-modal .row:last-child .col-md-4:last-child .service-block span {
    background: #FFF7EC;
}

.new-partnership-modal .row:last-child .col-md-4:first-child .service-block:hover {
    background: #616EE4;
}

.new-partnership-modal .row:last-child .col-md-4:nth-child(2) .service-block:hover {
    background: #3C8AE6;
}

.new-partnership-modal .row:last-child .col-md-4:last-child .service-block:hover {
    background: #F29100;
}

.section-why-hire-us .row:last-child .col-lg-4:first-child .service-img {
    background: #ffd96433 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(2) .service-img {
    background: #2ca88f33 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(3) .service-img {
    background: #6b6bed33 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(4) .service-img {
    background: #f0403733 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(5) .service-img {
    background: #be4f1533 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:last-child .service-img {
    background: #f2910033 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #FFC102 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #2CA88F !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #6B6BED !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #F04037 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #BE4F15 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #F29100 !important;
}

.section-why-hire-us .row:last-child .col-lg-4 .service-block:hover .service-img {
    background: #fff !important;
}

.our-built-slider .global-service-block .global-service-block-content {
    text-align: center;
    position: relative;
    height: 100px;
}

.our-built-slider .global-service-block:hover .global-service-block-content {
    height: 100px;
    background: #34477E;
}

.our-built-slider .global-service-block .global-service-block-content h4,
.our-built-slider .global-service-block .global-service-block-content .h4 {
    margin-bottom: 0px;
    margin-top: 30px;
}

.our-built-slider .global-service-block:hover .global-service-block-content h4,
.our-built-slider .global-service-block:hover .global-service-block-content .h4 {
    color: #fff;
}

.our-built-slider .global-service-block-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.our-built-slider .global-service-block-content {
    position: static;
}

.slide-icons {
    width: 82px;
    height: 82px;
    margin: 0 auto;
    background: #34477e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
}

.slide-icons span {
    width: 70px;
    height: 70px;
    display: block;
    padding: 15px;
    background: #FF8B8A;
    border-radius: 50%;
    margin: 0 auto;
}

.slide-icons span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.our-built-slider .owl-item:nth-child(2) .global-service-block-content .slide-icons span {
    background: #8085F5;
}

.our-built-slider .owl-item:nth-child(3) .global-service-block-content .slide-icons span {
    background: #F3A542;
}

.our-built-slider .owl-item:nth-child(4) .global-service-block-content .slide-icons span {
    background: #3aabfb;
}

.our-built-slider .owl-item:nth-child(5) .global-service-block-content .slide-icons span {
    background: #2faf76;
}

.our-built-slider .owl-item:last-child .global-service-block-content .slide-icons span {
    background: #ffa86b;
}

.support-blks {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 24px;
    height: 100%;
}

.support-blks span {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-txt-clr);
    margin-top: 20px;
    margin-bottom: 15px;
    display: block;
}

.support-blks p {
    line-height: 25px;
}

.support-blks-img {
    width: 82px;
    height: 82px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-support-manage .row:last-child .col-md-8 .row .col-md-6:first-child .support-blks-img {
    background: #EFE8FF;
}

.section-support-manage .row:last-child .col-md-8 .row .col-md-6:nth-child(2) .support-blks-img {
    background: #E5F5FF;
}

.section-support-manage .row:last-child .col-md-8 .row .col-md-6:nth-child(3) .support-blks-img {
    background: #FFF5EF;
}

.section-support-manage .row:last-child .col-md-8 .row .col-md-6:last-child .support-blks-img {
    background: #DDFFF2;
}

.faq-blocks .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.7) !important;
}

.faq-blocks .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: rotate(-227deg) !important;
}

.faq-blocks button.accordion-button {
    font-size: 18px;
    font-weight: 500;
    padding: 16px 24px;
}

.faq-blocks .accordion-button:not(.collapsed) {
    color: var(--primary-txt-clr);
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.faq-blocks .accordion-item {
    border: none;
}

.faq-blocks .accordion-flush .accordion-item .accordion-header {
    border: 1px solid #eee !important;
}

.faq-blocks .accordion-flush .accordion-item:last-child .accordion-header {
    border-bottom: 1px solid #eee !important;
}

.faq-blocks .accordion-body {
    padding: 16px 48px;
    color: rgba(60, 60, 67, 0.85);
}

.faq-blocks .accordion-flush .accordion-collapse {
    border-left: 0px !important;
    border-radius: 0px !important;
    border-bottom: 0px !important;
    border-top: 1px solid #eee;
}

.faq-blocks .accordion-item:not(:last-child) {
    margin-bottom: 8px;
}

.faq-blocks .accordion-button:focus {
    box-shadow: none !important;
}

.dating-hero-section {
    background: url(../images/dating-images/dating-hero-bg.png) #ffafb226;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
}

.dating-hero-section h1 {
    font-size: 50px !important;
    line-height: 65px;
}

section.dating-hero-section p {
    margin-top: 20px;
    margin-bottom: 30px;
}

span.oval-style {
    position: relative;
}

.dating-hero-section span.oval-style:before {
    position: absolute;
    content: "";
    top: -13px;
    left: -24px;
    width: 116%;
    height: 145%;
    background: url(../images/dating-images/dating-hero-path.svg);
    background-repeat: no-repeat;
    display: block;
    z-index: -1;
}

a.btn.dating-btn {
    background: #FB4470;
}

a.btn.dating-btn:hover {
    background: #ff678c;
}

section.excellent-feature h2+p {
    margin: 20px auto;
}

.excellent-img {
    position: sticky;
    top: 100px;
}

.excellent-block {
    padding: 25px 30px;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background: #fff;
    transition: all .5s linear;
}

.excellent-block:not(:last-child) {
    margin-bottom: 25px;
}

.excellent-inner-blk {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.excellent-inner-blk span {
    width: 30px;
    margin-right: 10px;
}

.excellent-inner-blk span svg {
    width: 30px;
    height: 30px;
}

.excellent-inner-blk h5,
.excellent-inner-blk .h5 {
    width: calc(100% - 40px);
}

.excellent-block:hover {
    background: #FF8E8E;
}

.excellent-block:hover span svg path {
    fill: #fff;
}

.excellent-block:hover h5,
.excellent-block:hover .h5,
.excellent-block:hover p {
    color: #fff;
}

.dating-banner {
    background: url(../images/dating-images/dating-banner.png) #ffafb226;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position: center;
}

section.dating-banner h2 {
    line-height: 50px;
}

.banner-btn-blk {
    width: 250px;
    height: 250px;
    background: #ff8e8e1a;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

section.dating-banner p {
    margin-top: 15px;
}

.dating-panel h2 {
    font-size: 50px;
}

.dating-panel-blk {
    background: #F8F8FF;
}

ul.dating-panel-list {
    display: flex;
    flex-wrap: wrap;
}

ul.dating-panel-list li {
    flex-basis: 50%;
    padding: 20px 0px;
    font-size: 18px;
    color: #222A41;
}

ul.dating-panel-list span {
    margin-right: 13px;
}

.section-effective-banner {
    margin-top: 250px;
}

.effective-banner {
    background: url(../images/dating-images/effeective-banner.png) #FF8E8E;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position: center;
    border-radius: 20px;
}

.effective-banner-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.effective-img img {
    margin-top: -50%;
}

.btn.white-btn {
    background: #fff;
    color: var(--primary-txt-clr) !important;
    font-size: 18px;
    font-weight: 500;
    border-radius: 6px;
}

.btn.white-btn svg {
    margin-left: 10px;
    margin-top: -5px;
}

.btn.white-btn:hover {
    background: #fffffff5;
}

.effective-banner-img a {
    position: absolute;
    top: 40%;
    right: 10%;
}

.why-choose-dating {
    background: #FCFCFC;
}

section.why-choose-dating .service-block {
    display: flex;
    background: #ffffff1a;
    border: 2px solid #9797971a;
    border-radius: 10px;
    padding: 20px;
}

section.why-choose-dating .service-block .service-img {
    width: 56px;
    height: 56px;
    margin-right: 20px;
}

section.why-choose-dating .service-block .service-block-content {
    margin-top: 0px;
    width: calc(100% - 76px)
}

section.why-choose-dating .service-block .service-block-content h5,
section.why-choose-dating .service-block .service-block-content .h5 {
    font-weight: 500;
}

section.why-choose-dating .row:last-child .col-lg-4:first-child .service-img {
    background: #E2F3F8;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(2) .service-img {
    background: #E4EAFB;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(3) .service-img {
    background: #E2F6F2;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(4) .service-img {
    background: #FAE8E7;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(5) .service-img {
    background: #FBF3E2;
}

section.why-choose-dating .row:last-child .col-lg-4:last-child .service-img {
    background: #EAEAF7;
}

section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover .service-img {
    background: #fff;
}

section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover h5,
section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover .h5,
section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover p {
    color: #fff;
}

section.why-choose-dating .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #2AA6CB;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #1355FF;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #06A787;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #f04037;
}

section.why-choose-dating .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #F5A623;
}

section.why-choose-dating .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #5454D4;
}

.our-success-stories {
    background: #FF8E8E !important;
}

.our-history.our-success-stories .nav-pills .nav-link.active {
    color: #ffd0af !important;
    border-bottom: 1px solid #ffd0af !important;
}

.our-success-stories button.owl-dot:before,
.our-success-stories .history-slider button.owl-dot span::before {
    background: #fff !important;
}

.efficient-banner {
    background: #FF8E8E;
    border-radius: 30px;
}

.effective-banner-content p {
    margin: 15px 0px;
}

.efficient-img {
    background: url(../images/dating-images/efficient-banner.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section-efficient-bnr {
    background: url(../images/dating-images/efficient-second-banner.png) #FF8E8E;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position: center;
}

.section-sw-platform {
    background: url(../images/dating-images/sw-slider-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.infinite-new-slider .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.infinite-new-slider .bs-slide-blk {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.provide-icon-div {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(34 42 65 / 7%);
    border-radius: 10px;
    padding: 15px 55px;
}

.provide-icon-div span {
    width: 40px;
    height: 40px;
    margin-right: 30px;
}

.provide-icon-content {
    width: calc(100% - 70px);
    text-align: left;
}

.provide-icon-content h3 {
    font-size: 30px;
    color: #000;
}

.provide-icon-content p {
    font-size: 25px;
    color: #000;
}

section.statistics-block {
    position: relative;
}

.statistics-content {
    width: 47%;
    position: absolute;
    content: "";
}

.statistics-content p {
    margin-top: 15px;
    margin-bottom: 25px;
}

.statistics-arrow {
    padding-left: 150px;
}

.our-tabs-style .history-img-block img {
    height: 350px;
}

ul.tabs-slide {
    position: relative;
    margin-top: 30px;
}

.line:after {
    position: absolute;
    content: "";
    top: -8px;
    right: 0;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
}

.line {
    width: 20%;
    height: 100%;
    content: "";
    position: absolute !important;
    left: 0px;
    top: 0px;
    background: #fff !important;
}

ul.tabs-slide li {
    flex-basis: 20%;
    background: rgba(255, 255, 255, 0.4);
    position: relative;
    transition: all .8s linear;
}

ul.tabs-slide .nav-link.active,
ul.tabs-slide .nav-link {
    width: 100%;
    text-align: left;
    padding: 2px;
}

ul.tabs-slide .nav-link.active {
    background: transparent;
}

ul.tabs-slide .nav-link:before {
    position: absolute;
    content: "2009 - 2011";
    font-size: 18px;
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -30px;
}

ul.tabs-slide li:nth-child(2) .nav-link:before {
    position: absolute;
    content: "2012 - 2014";
}

ul.tabs-slide li:nth-child(3) .nav-link:before {
    position: absolute;
    content: "2015 - 2017";
}

ul.tabs-slide li:nth-child(4) .nav-link:before {
    position: absolute;
    content: "2018 - 2020";
}

ul.tabs-slide li:nth-child(5) .nav-link:before {
    position: absolute;
    content: "2021 - Running";
}

.food-hero {
    background: url(../images/food-images/food-banner.png) rgb(252 96 17 / 5%);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
}

.food-hero span.oval-style:before {
    position: absolute;
    content: "";
    background: url(../images/food-images/food-path.svg);
    background-repeat: no-repeat;
    top: -25px;
    left: -17px;
    width: 150%;
    height: 115px;
    display: block;
    z-index: -1;
}

a.btn.solid-org-btn {
    background: #FC6011;
}

a.btn.solid-org-btn:hover {
    background: #F79F19;
}

.food-features .service-img {
    border-radius: 20px;
    border: 1.5px solid #ECECEC;
    background: #fff;
    margin: 0;
}

.food-features .service-block {
    background: #fff;
    padding: 38px 26px;
    border: 1px solid transparent;
    border-radius: 40px;
    transition: all .5s linear;
}

.food-features .service-block:hover {
    border: 1.5px solid #FC6011;
    box-shadow: 0px 10px 20px 7px rgba(237, 28, 34, 0.06);
}

.food-features .service-block:hover .service-img {
    background: #FC6011;
}

.food-features .service-block:hover svg path {
    fill: #fff;
}

section.food-efficient-bnr {
    background: rgb(252 96 17 / 6%);
    border-radius: 32px;
    margin: 0px 90px;
}

section.food-efficient-bnr h2 {
    font-size: 44px;
}

section.food-efficient-bnr .effective-banner-content p {
    margin: 20px 0px;
}

.recent-service-block {
    width: calc(100% - 26px);
}

.recent-service-img,
.recent-service-img img {
    border-radius: 10px;
}

.recent-service-content h4,
.recent-service-content .h4 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.recent-service-content p {
    color: #222A41;
}

.recent-works .row:last-child .col-lg-6:last-child .row .col-lg-12 .recent-service-block {
    margin-left: auto;
}

.recent-service-img {
    overflow: hidden;
}

.recent-service-img img {
    transition: all .5s linear;
}

.recent-service-img:hover img {
    transform: scale(1.1);
}

.food-feature .excellent-block:hover {
    background: #FC6011;
}

.kickstart-new-bg {
    background-image: radial-gradient(50% 50% at 50% 50%, rgba(34, 42, 65, 0.75) 0%, hwb(227deg 5% 76% / 70%) 100%), url(../images/education-images/kickstart-banner.webp);
    background-size: cover;
    background-blend-mode: normal;
    opacity: 1;
}

.food-grey-bg {
    background: #FBFBFB;
}

section.food-clone {
    background: #070E25;
}

section.food-clone .service-block {
    background: #070E25;
    padding: 30px 17px;
    border: 1px solid #737373;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

section.food-clone .service-block:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #FFF;
    transition: all .5s linear;
    z-index: -1;
}

section.food-clone .service-block:hover:before {
    width: 100%;
}

section.food-clone .service-img {
    width: 100%;
    height: 60px;
    background: transparent;
}

section.food-clone .service-block h5,
section.food-clone .service-block .h5 {
    color: #fff;
    text-align: center;
    margin: 15px auto;
}

section.food-clone .service-block p {
    color: #c7c7c7;
    text-align: center;
}

section.food-clone .service-block:hover p {
    color: #737373;
}

section.food-clone .service-block:hover h5,
section.food-clone .service-block:hover .h5 {
    color: #070E25;
}

section.food-clone .row:last-child .col-md-4:first-child .service-block:hover svg path {
    fill: #CB202D;
    ;
}

section.food-clone .row:last-child .col-md-4:nth-child(2) .service-block:hover svg path {
    fill: #FC8019;
    ;
}

section.food-clone .row:last-child .col-md-4:last-child .service-block:hover svg path:last-child {
    fill: #000;
    ;
}

section.about-section {
    background: #f8f8ff;
}

section.about-section .hero-about-us h1 {
    font-size: 110px !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #222A41;
    letter-spacing: 2px;
    opacity: .2;
}

section.about-section .hero-about-us h5 {
    margin: 20px 0px;
}

.heading-dashed {
    position: relative;
    margin-left: 35px !important;
    font-size: 18px;
    font-weight: 500;
    color: #efaa66;
}

.heading-dashed:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -35px;
    width: 30px;
    height: 2px;
    background: #efaa66;
    transform: translateY(-50%);
}

.hero-about-us {
    padding-bottom: 20px;
    border-bottom: 1px solid #D9DBE9;
}

.hero-baout-social-media {
    padding-top: 30px;
}

.hero-baout-social-media ul {
    display: flex;
    padding-left: 0px;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

.hero-baout-social-media ul li {
    list-style: none;
    flex-basis: 21%;
    margin-right: 20px;
}

.hero-baout-social-media li img {
    filter: grayscale(1);
}

.hero-baout-social-media li img:hover {
    filter: grayscale(0);
}

.hero-baout-social-media p {
    color: #222A41;
    margin-bottom: 30px;
}

.hero-baout-social-media ul li:first-child svg:hover path:first-child {
    fill: #3174F0;
}

.hero-baout-social-media ul li:first-child svg:hover path:nth-child(2) {
    fill: #279b44;
}

.hero-baout-social-media ul li:first-child svg:hover path:nth-child(3) {
    fill: #E53226;
}

.hero-baout-social-media ul li:first-child svg:hover path:nth-child(4) {
    fill: #FAB004;
}

.hero-baout-social-media ul li:first-child svg:hover path:nth-child(5) {
    fill: #3174F0;
}

.hero-baout-social-media ul li:first-child svg:hover path:last-child {
    fill: #E53226;
}

.hero-baout-social-media ul li:nth-child(2) svg:hover path {
    fill: #4267B2;
}

.hero-baout-social-media ul li:nth-child(3) svg:hover path:first-child {
    fill: #FF2303;
}

.hero-baout-social-media ul li:nth-child(3) svg:hover path:nth-child(2),
.hero-baout-social-media ul li:nth-child(3) svg:hover path:last-child {
    fill: #222A41;
}

.hero-baout-social-media ul li:last-child svg:hover path {
    fill: #E60023;
}

.hero-baout-social-media svg path {
    transition: .2s all linear;
}

section.about-who-we-are h2 {
    line-height: 55px;
}

.about-points span {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary-txt-clr);
    margin: 30px 0px 20px 0px;
    display: block;
}

.about-points p {
    text-align: left;
    margin-bottom: 0px;
}

section.our-history {
    background: #1F235A;
    position: relative;
    overflow: hidden;
}

.history-img-block {
    text-align: center;
}

.history-img-block img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.glass {
    width: 343px;
    height: 460px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.history-img-block .swiper {
    width: 100%;
    height: 100%;
}

.history-img-block .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.history-slide {
    width: 100%;
    height: 100%;
}

.history-img-block.glass:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 0px;
    width: calc(100% + 100px);
    height: calc(100% + 5px);
    background: url(../images/about-us/history-glass.png);
    background-size: contain;
    transform: rotateZ(20deg);
    background-repeat: no-repeat;
    z-index: -1;
}

@keyframes glassbefore {
    0% {
        transform: rotate(20deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(20deg);
    }

    75% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(20deg);
    }
}

.history-img-block.glass:after {
    position: absolute;
    content: "";
    top: -5px;
    left: 0px;
    width: calc(100% + 100px);
    height: calc(100% + 5px);
    background: url(../images/about-us/history-glass.png);
    background-size: contain;
    transform: rotateZ(8deg);
    background-repeat: no-repeat;
    z-index: -1;
}

@keyframes glassafter {
    0% {
        transform: rotate(8deg);
    }

    25% {
        transform: rotate(4deg);
    }

    50% {
        transform: rotate(8deg);
    }

    75% {
        transform: rotate(4deg);
    }

    100% {
        transform: rotate(8deg);
    }
}

.glass-div {
    position: absolute;
    content: "";
    top: -20px;
    left: 0px;
    width: calc(100% + 100px);
    height: calc(100% + 5px);
    background: url(../images/about-us/history-glass.png);
    background-size: contain;
    transform: rotateZ(-10deg);
    background-repeat: no-repeat;
    z-index: -1;
}

@keyframes glassdiv {
    0% {
        transform: rotate(-10deg);
    }

    25% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-10deg);
    }
}

.history-slider-new {
    overflow: hidden;
}

.our-history-wrapper {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.our-history .nav-pills li.active .nav-link,
.our-history .nav-pills .show>.nav-link {
    background-color: transparent;
    color: #EC963F !important;
    border-bottom: 1px solid #EC963F;
    border-radius: 0px;
}

.our-history .nav-pills .nav-link {
    background-color: transparent;
    color: #fff !important;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
}

.our-history ul.nav li:not(:last-child) {
    margin-right: 20px;
}

ul.history-list li {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    color: #fff;
}

ul.history-list li {
    margin-top: 30px;
}

ul.history-list li:before {
    position: absolute;
    content: "";
    top: 10%;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/about-us/history-li-arrow.svg);
    background-repeat: no-repeat;
}

.history-slider button.owl-dot {
    width: 20%;
}

.history-slider button.owl-dot span {
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 4px;
    border-radius: 0;
    display: block;
    position: relative;
}

.history-slider button.owl-dot span::before {
    width: 0%;
    height: 100%;
    background: #FFD964;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    animation: slidebar1 5s linear;
    animation-fill-mode: forwards;
}

.history-slider button.owl-dot span::after {
    position: absolute;
    content: "2009";
    left: 0;
    top: 26px;
    color: #fff;
    font-size: 18px;
}

.history-slider button.owl-dot:first-child span::after {
    content: "2009 - 2011";
}

.history-slider button.owl-dot:nth-child(2) span::after {
    content: "2012 - 2014";
}

.history-slider button.owl-dot:nth-child(3) span::after {
    content: "2015 - 2017";
}

.history-slider button.owl-dot:nth-child(4) span::after {
    content: "2018 - 2020";
}

.history-slider button.owl-dot:last-child span::after {
    content: "2021 - Running";
}

.history-slider button.owl-dot:before {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
    width: 18px;
    height: 18px;
    background: #FFD964 !important;
    border-radius: 50%;
}

.history-slider button.owl-dot:nth-child(2) span::before {
    animation-delay: 5s;
}

.history-slider button.owl-dot:nth-child(3) span::before {
    animation-delay: 10s;
}

.history-slider button.owl-dot:nth-child(4) span::before {
    animation-delay: 15s;
}

.history-slider button.owl-dot:nth-child(5) span::before {
    animation-delay: 20s;
}

@keyframes slidebar1 {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.founder-section .project-discussion {
    position: absolute;
    right: -5%;
    top: 15%;
    background: #fff;
    box-shadow: 0px 0px 4px -1px rgb(0 0 0 / 15%);
    padding: 15px 24px;
}

.founder-section .details {
    align-items: center;
}

.founder-section span.icon {
    background: transparent !important;
}

.founder-section span.text {
    color: var(--primary-txt-clr);
}

.founder-section .custom-image-border-radius,
.founder-section .img-section figure::before,
.founder-section .img-section figure::after {
    border-radius: 40px;
}

.founder-section .img-section figure::before {
    left: 36px;
    top: 43px;
    width: 97%;
    height: 100%;
}

.founder-section span.heading {
    font-size: 18px;
    font-weight: 600;
}

.founder-section span.small {
    font-size: 12px;
    color: #868686;
}

section.our-core-values {
    background: #f8f8ff;
}

.core-value-wrapper {
    display: flex;
    align-items: center;
    padding: 70px 40px;
    position: relative;
}

.core-value-icon {
    margin-right: 50px
}

.core-value-wrapper p {
    font-size: 20px;
    line-height: 30px;
}

.core-value-wrapper:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0px;
    width: 1.5px;
    height: 50%;
    background: #222A41;
    opacity: .06;
    transform: translateY(-50%);
}

.core-value-wrapper:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    height: 1.5px;
    background: #222A41;
    opacity: .06;
    margin: 0 auto;
}

section.our-core-values .row:last-child .col-md-4:first-child .core-value-wrapper:before,
section.our-core-values .row:last-child .col-md-4:nth-child(2) .core-value-wrapper:before {
    top: 25% !important;
}

section.our-core-values .row:last-child .col-md-4:nth-child(4) .core-value-wrapper:before,
section.our-core-values .row:last-child .col-md-4:nth-child(5) .core-value-wrapper:before {
    top: 75% !important;
}

.our-core-values .row:nth-child(2) .col-md-4:nth-child(3) .core-value-wrapper:before,
.our-core-values .row:nth-child(2) .col-md-4:last-child .core-value-wrapper:before {
    display: none;
}

.our-core-values .row:nth-child(2) .col-md-4:nth-child(4) .core-value-wrapper:after,
.our-core-values .row:nth-child(2) .col-md-4:nth-child(5) .core-value-wrapper:after,
.our-core-values .row:nth-child(2) .col-md-4:last-child .core-value-wrapper:after {
    display: none;
}

.all-img-box {
    width: 100%;
    height: 100%;
}

.all-img-box img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.our-achievement {
    background: #FBFBFB;
}

.achieve-block {
    perspective: 1200px;
    width: 100%;
    height: 250px;
}

.achievement-wrapper {
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    text-align: center;
    transition: transform 1s;
    transform-style: preserve-3d;
}

.achievement-wrapper .achievement-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 36px;
    border-radius: 20px;
    color: #fff;
    transform: rotateY(180deg);
}

.achievement-text p {
    font-size: 20px;
    line-height: 36px;
}

.our-achievement .row:nth-child(2) .col-md-4:first-child .achievement-wrapper .achievement-text {
    background: #17313b;
}

.our-achievement .row:nth-child(2) .col-md-4:nth-child(2) .achievement-wrapper .achievement-text {
    background: #3a7af3;
}

.our-achievement .row:nth-child(2) .col-md-4:nth-child(3) .achievement-wrapper .achievement-text {
    background: #262626;
}

.our-achievement .row:nth-child(2) .col-md-4:nth-child(4) .achievement-wrapper .achievement-text {
    background: #faae02;
}

.our-achievement .row:nth-child(2) .col-md-4:nth-child(5) .achievement-wrapper .achievement-text {
    background: #8ec63f;
}

.our-achievement .row:nth-child(2) .col-md-4:last-child .achievement-wrapper .achievement-text {
    background: #ff0137;
}

.achieve-block:hover .achievement-wrapper {
    transform: rotateY(180deg);
}

.achievement-icon,
.achievement-text {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-counters .value-for-money {
    border-radius: 34px;
}

.about-counters li:first-child span.counter-text:after,
.about-counters li:last-child span.counter-text:after {
    position: absolute;
    content: "+";
}

section.about-counters .value-box ul li {
    border: 0px;
    text-align: center;
}

section.about-counters .value-box span {
    border-bottom: 0px;
}

section.about-counters .value-box p {
    margin-top: 0px;
}

.our-expending {
    background: #f8f8ff;
}

.our-expending a.btn {
    margin-top: 20px;
}

.section-key-benefit {
    background: url(../images/blockchain-images/blockchain-bg.svg) #1F235A;
    background-repeat: no-repeat;
    background-size: contain;
}

.blockchain-hero {
    background: url(../images/new-blockchain-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.blockchain-hero h1 {
    font-size: 55px;
    font-weight: 500;
}

.blockchain-hero p {
    margin-top: 15px;
    margin-bottom: 30px;
}

.blockchain-dev .row:last-child .col-lg-4:first-child .service-block .service-img {
    background: rgb(201 89 89 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(2) .service-block .service-img {
    background: rgb(245 166 35 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(3) .service-block .service-img {
    background: rgb(37 138 255 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(4) .service-block .service-img {
    background: rgb(74 172 201 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(5) .service-block .service-img {
    background: rgb(34 176 252 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4:last-child .service-block .service-img {
    background: rgb(254 106 146 / 20%) !important;
}

.blockchain-dev .row:last-child .col-lg-4 .service-block:hover .service-img {
    background: #fff !important;
}

.blockchain-dev .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #C95959 !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #F5A623 !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #258AFF !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #4AACC9 !important;
}

.blockchain-dev .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #22B0FC !important;
}

.blockchain-dev .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #FE6A92 !important;
}

.blockchain-dev .service-block-content p {
    color: var(--text-light) !important;
}

.blockchain-dev .service-block:hover .service-block-content p {
    color: #fff !important;
}

.key-benefit-block button.nav-link {
    background: #fff !important;
    width: 100%;
    padding: 45px 69px;
    border-radius: 10px;
}

.key-benefit-block button.nav-link.active {
    background: #EC963F !important;
}

.key-benefit-block button.nav-link.active h5,
.key-benefit-block button.nav-link.active .h5 {
    color: #fff !important;
}

.key-benefit-block ul li {
    flex-basis: 23.6%;
}

.key-benefit-block ul li:not(:last-child) {
    margin-right: 20px;
}

.key-benefit-icon {
    margin-bottom: 15px;
}

.key-benefit-block button.nav-link.active svg path,
.key-benefit-block button.nav-link.active svg rect {
    fill: #fff;
}

.blockchain-tabs-text span {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.blockchain-tabs-img {
    text-align: center;
    margin-bottom: 30px;
}

.blockchain-tabs-img img {
    width: 76px;
    height: 76px;
    object-fit: contain;
}

.blockchain-tabs-text p {
    color: rgb(255 255 255 / 80%);
    text-align: justify;
}

.key-benefit-block ul li:nth-child(2),
.key-benefit-block ul li:last-child {
    padding-top: 30px;
}

.hw-work-block {
    text-align: center;
    padding: 20px 40px;
    position: relative;
}

.hw-work-block h5,
.hw-work-block .h5 {
    margin-top: 20px;
    margin-bottom: 15px;
}

.col-lg-4:not(:first-child) .hw-work-block:before {
    position: absolute;
    content: "";
    top: 45%;
    right: -15%;
    width: 70px;
    height: 20px;
    background: url(../images/blockchain-images/blk-right-arrow.svg);
    background-repeat: no-repeat;
    transform: translateY(-45%);
}

.col-lg-4:nth-child(3) .hw-work-block:before {
    top: 100%;
    left: 40%;
    width: 70px;
    height: 20px;
    transform: rotateZ(90deg);
}

.col-lg-4:nth-child(4) .hw-work-block:before {
    content: unset;
}

.col-lg-4:nth-child(5) .hw-work-block:before {
    top: 45%;
    left: -10%;
    width: 70px;
    height: 20px;
    transform: translateY(-45%) rotateZ(180deg);
}

.col-lg-4:nth-child(6) .hw-work-block:before {
    top: 45%;
    left: -10%;
    width: 70px;
    height: 20px;
    transform: translateY(-45%) rotateZ(180deg);
}

.col-lg-4:nth-child(7) .hw-work-block:before {
    top: 45%;
    right: -10%;
    width: 70px;
    height: 20px;
    transform: translateY(-45%);
}

.hw-work-img img {
    width: 100%;
    height: 190px;
    object-fit: contain;
}

.blockchain-platform p {
    color: rgb(255 255 255 / 80%);

    padding-right: 3rem;
}

.main-container {
    min-height: 100vh;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 560px;
    overflow: hidden;
}

.main {
    margin: 0px auto;
    width: 480px;
    height: 480px;
    position: relative;
}

.main-container a {
    margin-top: 35px;
}

.big-circle {
    height: 100%;
    width: 100%;
    position: relative;
    border: 1.5px dashed #979797;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    animation: Rotate 20s linear infinite;
    -webkit-animation: Rotate 20s linear infinite;
}

.icon-block {
    width: 64px;
    height: 64px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: #fff;
}

.icon-block img {
    margin: 0px auto;
    width: 43px;
    height: 43px;
    object-fit: contain;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;
}

.icon-block:first-child {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(2) {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}

.icon-block:nth-child(3) {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
}

.icon-block:nth-child(4) {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(5) {
    top: 84%;
    left: 14%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(6) {
    top: 13%;
    left: 84%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(7) {
    top: 12%;
    left: 17%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(8) {
    top: 83%;
    left: 87%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.big-circle .icon-block:nth-child(3),
.big-circle .icon-block:nth-child(4),
.big-circle .icon-block:nth-child(6) {
    width: 110px;
    height: 110px;
}

.big-circle .icon-block:nth-child(3) img,
.big-circle .icon-block:nth-child(4) img,
.big-circle .icon-block:nth-child(6) img {
    width: 60px;
    height: 60px;
}

.circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 55%;
    height: 55%;
    border: 1.5px dashed #979797;
    border-radius: 50%;
}

.circle .icon-block img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    animation: img-rotate 20s linear infinite;
    -webkit-animation: img-rotate 20s linear infinite;
}

.small-circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 30%;
    height: 30%;
    border: 1.5px dashed #979797;
    border-radius: 50%;
}

.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.center-logo {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-logo img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

@keyframes Rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes Rotate-reverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes Rotate-reverse {
    from {
        -webkit-transform: rotate(360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes circle-rotate {
    from {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

@-webkit-keyframes circle-rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(405deg);
    }
}

@keyframes img-rotate {
    from {
        transform: rotate(-45deg);
    }

    to {
        transform: rotate(-405deg);
    }
}

@-webkit-keyframes img-rotate {
    from {
        -webkit-transform: rotate(-45deg);
    }

    to {
        -webkit-transform: rotate(-405deg);
    }
}

.why-choose-blockchain .service-block {
    text-align: center;
}

.why-choose-blockchain .service-block:hover h5,
.why-choose-blockchain .service-block:hover .h5,
.why-choose-blockchain .service-block:hover p {
    color: #fff;
}

.why-choose-blockchain .row:last-child .col-lg-4:first-child .service-img {
    background: rgb(255 217 100 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(2) .service-img {
    background: rgb(254 106 146 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(3) .service-img {
    background: rgb(107 107 237 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(4) .service-img {
    background: rgb(240 64 55 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(5) .service-img {
    background: rgb(190 79 21 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:last-child .service-img {
    background: rgb(242 145 0 / 20%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:first-child .service-block:hover {
    background: linear-gradient(180.1deg, #FFC102 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: linear-gradient(180.1deg, #FE88A8 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: linear-gradient(180.1deg, #6B6BED 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: linear-gradient(180.1deg, #F04037 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: linear-gradient(180.1deg, #BE4F15 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.why-choose-blockchain .row:last-child .col-lg-4:last-child .service-block:hover {
    background: linear-gradient(180.1deg, #F29100 68.05%, rgba(255, 255, 255, 0) 336%) !important;
}

.blockchain-money-blk {
    margin-top: 76px;
}

.blockchain-money-wrapper {
    border-radius: 10px;
}

.block-bnr-content,
.block-bnr-content-new {
    padding-left: 60px;
}

.block-bnr-img {
    text-align: center;
}

.block-bnr-content p {
    margin-top: 15px !important;
    margin-bottom: 30px !important;
}

.block-bnr-img img {
    margin-top: -125px;
}

section.blockchain-tech-block {
    background: #F8F8FF;
}

ul.blockchain-tech-tabs {
    justify-content: space-between;
}

ul.blockchain-tech-tabs li .nav-link {
    font-size: 20px;
    font-weight: 500;
    color: #979797 !important;
}

ul.blockchain-tech-tabs li .nav-link.active {
    color: #EC963F !important;
    background: transparent !important;
    border-bottom: 1px solid #EC963F;
    border-radius: 0px;
}

.blkchain-tabs-company {
    text-align: center;
}

.blkchain-tabs-company-logo {
    margin-bottom: 20px;
}

.blkchain-tabs-company h5,
.blkchain-tabs-company .h5 {
    font-weight: 500;
}

.app-blockchain .service-block {
    text-align: center;
}

.app-blockchain .row:last-child .col-lg-4:first-child .service-img {
    background: rgb(254 106 146 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(2) .service-img {
    background: rgb(37 138 255 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(3) .service-img {
    background: rgb(245 166 35 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(4) .service-img {
    background: rgb(34 176 252 / 40%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(5) .service-img {
    background: rgb(201 89 89 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(6) .service-img {
    background: rgb(74 172 201 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:first-child .service-block:hover {
    background: rgb(254 106 146 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: rgb(37 138 255 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: rgb(245 166 35 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: rgb(34 176 252 / 40%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: rgb(201 89 89 / 20%) !important;
}

.app-blockchain .row:last-child .col-lg-4:nth-child(6) .service-block:hover {
    background: rgb(74 172 201 / 20%) !important;
}

.hire-blockchain-blk h2 {
    margin-bottom: 15px;
}

.blk-industry-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

.blk-industry-wrapper ul li {
    flex-basis: 46%;
}

.blk-industry-inner {
    width: 100%;
    height: 100%;
    padding: 22px 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 9%);
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.blk-industry-inner h5,
.blk-industry-inner .h5 {
    margin-bottom: 0px;
    font-weight: 500;
    margin-left: 25px;
}

.blockchain-slider .owl-stage-outer {
    padding: 10px 0px;
}

.blockchain-slider .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.blockchain-slider button.owl-dot {
    background: #dadada !important;
    width: 12px;
    height: 12px;
    border-radius: 20px;
}

.blockchain-slider button.owl-dot.active {
    background: #EC963F !important;
}

.blockchain-slider button.owl-dot:not(:last-child) {
    margin-right: 10px;
}

section.angular-hero {
    background: url(../images/angular-images/hireangular_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hire-kotlin-hero {
    background: url(../images/angular-images/hirekotlin_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.reactjs-hero {
    background: url(../images/angular-images/hirereact_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.vuejs-hero {
    background: url(../images/angular-images/hirevuejs-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireapp-hero {
    background: url(../images/angular-images/hireapp-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireuiux-hero {
    background: url(../images/angular-images/hireuiux_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirenodejs-hero {
    background: url(../images/angular-images/hirenodejs-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirebubble-hero {
    background: url(../images/angular-images/hirebubble_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirelaravel-hero {
    background: url(../images/angular-images/hirelaravel-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireshopify-hero {
    background: url(../images/angular-images/hireshopify_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirewordpress-hero {
    background: url(../images/angular-images/hirewordpress_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirewebflow-hero {
    background: url(../images/angular-images/hirewebflow_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireandroid-hero {
    background: url(../images/angular-images/hireandroid-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireblockchain-hero {
    background: url(../images/angular-images/hireblockchain_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireflutter-hero {
    background: url(../images/angular-images/hireflutter_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirereactnative-hero {
    background: url(../images/angular-images/hirereactnative_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirephp-hero {
    background: url(../images/angular-images/hirephp-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirefullstack-hero {
    background: url(../images/angular-images/hirefullstack-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireweborphan-hero {
    background: url(../images/angular-images/orphan-web-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireapporphan-hero {
    background: url(../images/angular-images/orphan-app-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireitorphan-hero {
    background: url(../images/angular-images/orphan-it-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hiresolidity-hero {
    background: url(../images/angular-images/hiresolidity-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirepython-hero {
    background: url(../images/angular-images/hirepython-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirefrontend-hero {
    background: url(../images/angular-images/hirefrontend-hero.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hiredevops-hero {
    background: url(../images/angular-images/hiredevops_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.uberclone-hero {
    background: url(../images/angular-images/uberclone-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.whatsappclone-hero {
    background: url(../images/angular-images/whatsappclone-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.tinderclone-hero {
    background: url(../images/angular-images/tinderclone-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.hiring-hero ul.new-banner-list {
    margin-top: 15px;
    margin-bottom: 30px;
}

.hiring-hero .form-ios {
    box-shadow: 0px 0px 25px -10px rgb(34 42 65 / 30%);
}

ul.new-banner-list li:before {
    background: url(../images/angular-images/hiring-tick1.svg);
    background-repeat: no-repeat;
}

.angular-reviews-content {
    padding-bottom: 5px;
}

.angular-reviews .hero-baout-social-media p {
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 18px;
}

.common-hiring-section .row .col-lg-6:first-child {
    padding-left: calc(50% - 560px) !important;
}

.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/dedicated-angular.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.kotlin-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/kotlin-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.reactjs-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/react-mbl-dash.png);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.vuejs-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/vuejs-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireapp-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/app-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireuiux-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/uiux-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirenodejs-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/nodejs-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirebubble-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/bubble-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirelaravel-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/laravel-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireshopify-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/shopify-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirewordpress-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/wordpress-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirewebflow-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/webflow-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireandroid-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/android-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireblockchain-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/blockchain-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireflutter-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/flutter-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hiredevops-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/devops-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirereactnative-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/reactnative-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirephp-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/php-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirefullstack-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/fullstack-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireweborphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/orphan-web-dash-mbl.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireapporphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/orphan-app-dash-mbl.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireitorphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/orphan-it-dash-mbl.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hiresolidity-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/solidity-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirepython-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/python-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

.hirefrontend-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/frontend-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

.common-hiring-text-block h2,
.common-hiring-text-block h3 {
    margin-bottom: 15px;
}

.common-hiring-text-block a {
    margin-top: 35px;
}

.program-expertise-icon {
    width: 40px;
    height: 40px;
}

.program-expertise-list-block h5,
.program-expertise-list-block .h5 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.program-expertise-block {
    position: sticky;
    top: 120px;
    border-right: 1.5px solid #F2F2F2;
    margin-right: -20px;
    padding-right: 20px;
}

.section-hire-expert p {
    color: rgb(255 255 255 / 70%);
}

.hire-expert-profile-wrapper {
    text-align: center;
}

.hire-expert-img {
    width: 214px;
    height: 214px;
    margin: 0 auto;
    margin-bottom: 35px;
}

.hire-expert-detail h5,
.hire-expert-detail .h5 {
    font-size: 22px;
}

.hire-expert-detail ul {
    display: flex;
    gap: 30px;
}

.hire-expert-detail ul li {
    display: flex;
    align-items: center;
}

.hire-expert-detail ul li span {
    margin-right: 20px;
}

.hire-expert-detail p>a {
    color: #FFD964;
    text-decoration: none;
    padding-left: 10px;
}

.hire-expert-btnlink {
    margin-top: 20px;
}

.hire-expert-btnlink ul {
    display: flex;
    justify-content: space-between;
}

.hire-expert-btnlink li a.btn.btn-trpt {
    font-size: 14px;
    font-weight: 400;
    color: rgb(255 255 255 / 70%) !important;
    min-width: 93px;
    border: 1px solid rgb(255 255 255 / 70%);
    border-radius: 20px;
    padding: 8px 26px;
}

.hire-expert-btnlink li a.btn:focus,
a.btn-load:focus {
    box-shadow: none;
}

a.btn-load {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    margin-top: 40px;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 400;
}

a.btn-load:hover {
    color: #F83D3D !important;
    border-bottom-color: #F83D3D;
}

a.btn-load:hover svg path {
    fill: #F83D3D !important;
}

.why-hire-angular-dev .service-block {
    border: none;
}

.why-hire-angular-dev .service-block:hover {
    border: none;
    box-shadow: none;
}

.why-hire-angular-dev .service-block:hover .service-img {
    background: #ED1C24;
}

.why-hire-angular-dev .service-block-content h5,
.why-hire-angular-dev .service-block-content .h5 {
    font-weight: 500;
}

.why-hire-angular-dev .service-block-content p {
    line-height: 30px;
}

section.common-why-hire-us .row {
    background: url(../images/angular-images/why-hire-bg.png) var(--navy-bg);
    background-repeat: no-repeat;
    background-size: contain;
}

.common-why-hire-us-content h2 {
    margin-bottom: 15px;
}

.common-why-hire-us-content p,
.common-why-hire-us-content li {
    color: rgb(255 255 255 / 70%);
}

.common-why-hire-us-content li {
    color: rgb(255 255 255 / 70%) !important;
    font-size: 18px !important;
}

.common-why-hire-us-content ul.new-banner-list li:before {
    background: url(../images/angular-images/why-hire-list-tick.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.common-why-hire-us-content ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0px;
}

.common-why-hire-us-content ul li {
    flex-basis: 50%;
}

.hiring-process-wrapper ul {
    display: flex;
    justify-content: space-around !important;
    align-items: baseline;
    flex-wrap: wrap;
    text-align: center;
}

.hiring-process-wrapper ul li {
    flex-basis: 20%;
}

.hiring-process-block {
    display: flex;
    flex-direction: column;
}

.hiring-process-wrapper ul li:nth-child(odd) .hiring-process-block {
    flex-direction: column-reverse;
}

.hiring-process-block-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin: 0 auto;
}

.hiring-process-block-content span {
    font-size: 80px;
    font-weight: 700;
    display: block;
    margin-right: 10px;
}

.hiring-process-block-content h5,
.hiring-process-block-content .h5 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 30px;
}

.hiring-process-wrapper ul li:first-child .hiring-process-block span,
.hiring-process-wrapper ul li:first-child .hiring-process-block h5,
.hiring-process-wrapper ul li:first-child .hiring-process-block .h5 {
    color: #1F235A;
}

.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block span,
.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block h5,
.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block .h5 {
    color: #EC963F;
}

.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block span,
.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block h5,
.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block .h5 {
    color: #FF5900;
}

.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block span,
.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block h5,
.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block .h5 {
    color: #17313B;
}

.hiring-process-wrapper ul li:last-child .hiring-process-block span,
.hiring-process-wrapper ul li:last-child .hiring-process-block h5,
.hiring-process-wrapper ul li:last-child .hiring-process-block .h5 {
    color: #ED1C24;
}

.pricing-box {
    border: 1px solid #F0F0F0;
    padding: 32px;
    text-align: center;
    position: relative;
}

.pricing-box h4,
.pricing-box .h4 {
    color: #0E1318;
}

.pricing-box p {
    font-size: 14px;
    background: #efefef;
    padding: 10px 20px;
}

span.pricing-value {
    display: block;
    font-size: 30px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 20px;
}

a.btn.black-btn {
    background: #333333;
    transition: 0.5s;
}

a.btn.black-btn:hover {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
    position: relative;
    overflow: hidden;
    background-size: 200% auto;
    background-position: right center;
}

.hire-pricing-block .row:last-child .col-md-4:nth-child(2) .pricing-box {
    border-color: #ED1C24;
}

.hire-pricing-block .row:last-child .col-md-4:nth-child(2) .pricing-box:before {
    position: absolute;
    content: "Best Value";
    top: -25px;
    left: -1px;
    width: 100.6%;
    height: 25px;
    background: #ED1C24;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    border: 1px solid #ED1C24;
}

.hire-projects .app__blk {
    border-radius: 20px;
}

.hire-projects .app__blk.online-study-bg .contents {
    padding: 0px 40px;
}

.hire-projects .app__blk.ebook-bg {
    padding: 40px 40px 0px;
}

.hire-projects .app__blk.puzzle-bg {
    padding: 40px 25px 0px;
}

.hire-projects .app__blk.ebook-bg .contents,
.hire-projects .app__blk.puzzle-bg .contents {
    padding: 0px;
}

.hire-projects .app__blk img.web-img {
    width: 100%;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    max-height: 290px !important;
    min-height: 290px !important;
    height: 100% !important;
}

.hire-projects .app__blk a {
    margin-bottom: 30px;
    font-weight: 500;
    border-bottom: 1px solid #000;
    display: inline-flex;
    font-size: 18px;
    color: #1F235A !important;
    text-decoration: none !important;
    border: 0px;
}

.hire-projects .app__blk a:hover {
    color: #f83d3d !important;
}

.hire-projects p.p-title {
    color: #6D7783;
    font-weight: 500;
}

.hire-projects .app__blk h4+p {
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 0px !important;
}

.hero-new h1+p {
    font-size: 18px !important;
}

.web-technology .excellent-img {
    position: sticky;
    top: 150px;
}

.excellent-block.web-block {
    display: flex;
    background: transparent;
    box-shadow: none;
}

.excellent-block.web-block h5,
.excellent-block.web-block p {
    color: #fff;
}

.excellent-block.web-block p {
    line-height: 25px;
}

.excellent-block.web-block .excellent-inner-blk {
    background: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
}

.efficient-web-content {
    width: calc(100% - 120px);
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.excellent-block.web-block .excellent-inner-blk span {
    margin-right: 0px;
    width: 42px;
    height: 42px;
}

.excellent-block.web-block .excellent-inner-blk span svg {
    width: 42px;
    height: 42px;
}

.excellent-block.web-block:hover span svg path {
    fill: #1D293F;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(even) {
    padding-top: 50px;
}

.web-highly-effective .service-block {
    height: auto;
    position: relative;
}

.web-highly-effective .service-block:before {
    position: absolute;
    content: "1";
    top: 10px;
    right: 15px;
    font-size: 60px;
    color: rgb(0 0 0 / 5%);
    font-weight: 600;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(2) .service-block:before {
    content: "2";
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(3) .service-block:before {
    content: "3";
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(4) .service-block:before {
    content: "4";
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(2) .service-block span {
    background: #FDECEB;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(3) .service-block span {
    background: #ec963f33;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(4) .service-block span {
    background: #E2F3F8;
}

.web-highly-effective .row:last-child .col-lg-3:first-child .service-block:hover {
    background: #2B6B5F;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(2) .service-block:hover {
    background: #CD3C33;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(3) .service-block:hover {
    background: #EC963F;
}

.web-highly-effective .row:last-child .col-lg-3:nth-child(4) .service-block:hover {
    background: #05A9DD;
}

.web-highly-effective .row:last-child .col-lg-3 .service-block:hover h5,
.web-highly-effective .row:last-child .col-lg-3 .service-block:hover p {
    color: #fff;
}

.web-highly-effective .row:last-child .col-lg-3 .service-block:hover:before {
    color: #fff;
}

.web-img-section {
    position: relative;
}

.web-img-section figure {
    text-align: center;
}

.web-img-section figure::before {
    position: absolute;
    content: "";
    top: -35px;
    left: 0;
    width: 85%;
    height: 100%;
    border: 5px solid #ddd;
    border-radius: 10px;
    z-index: -1;
}

.web-features .service-block:hover {
    border: 1.5px solid #FF2303;
    box-shadow: 0px 10px 20px 7px rgb(255 35 3 / 6%);
}

.web-features .service-block:hover .service-img {
    background: #FF2303;
    border-color: #FF2303;
}

.crypto-hero {
    background: url(../images/new-crypto-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.crypto-hero ul.new-banner-list li {
    font-size: 18px;
}

span.crypto-span {
    color: #FFD964;
}

.crypto-keyword .web-img-section figure::before {
    border-color: rgb(236 150 63 / 45%);
}

.crypto-features .service-block,
.crypto-features .service-img {
    background: transparent;
}

.crypto-features .service-block:hover {
    border: 1.5px solid #EC963F;
    box-shadow: none;
}

.crypto-features .service-block:hover .service-img {
    background: #EC963F;
    border-color: #EC963F;
}

.excellent-block.crypto-blk {
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    padding: 20px;
}

.excellent-block.crypto-blk .excellent-inner-blk {
    margin-bottom: 15px;
}

.excellent-block.crypto-blk .excellent-inner-blk span {
    width: 40px;
}

.excellent-block.crypto-blk .excellent-inner-blk h5,
.excellent-block.crypto-blk .excellent-inner-blk .h5 {
    width: calc(100% - 50px);
    color: #fff;
    margin-bottom: 0px;
}

.excellent-block.crypto-blk .efficient-web-content {
    width: 100%;
    margin-left: 0px;
}

.excellent-block.crypto-blk .efficient-web-content p {
    color: rgb(255 255 255 / 80%);
    font-size: 16px;
    line-height: 30px;
}

.why-crypto p {
    color: rgb(255 255 255 / 80%);
}

.crypto-dev-process .service-block {
    box-shadow: none;
    background: transparent;
}

.crypto-dev-process .service-block span {
    background: transparent;
    width: 40px;
    height: 40px;
    border-radius: 0px;
}

.crypto-dev-process .service-block:hover {
    box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
    background: #fff;
}

section.crypto-dev-process .service-block:hover span {
    background: transparent !important;
}

.crypto-dev-process .service-block-content p {
    font-size: 16px;
    line-height: 30px;
}

.crypto-dev-process .service-block {
    position: relative;
}

.crypto-dev-process .col-lg-3:not(:nth-child(4)) .service-block:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #dadada;
    display: none;
}

.crypto-dev-process .service-block:hover:before {
    display: none;
}

.crypto-security {
    position: relative;
}

.crypto-security .common-why-hire-img {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.crypto-security-content p,
.crypto-security-content ul li {
    color: #ECECEC;
}

.crypto-security-content p {
    margin-bottom: 30px;
    margin-top: 15px;
}

.crypto-security-content ul li {
    position: relative;
    padding-left: 35px;
    font-size: 20px;
}

.crypto-security-content ul li:not(:last-child) {
    margin-bottom: 30px;
}

.crypto-security-content ul li:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 26px;
    height: 22px;
    background: url(../images/crypto-images/crypto-security-list-icon.svg);
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

section.crypto-security {
    background: url(../images/crypto-images/crypto-security-bnr.webp) var(--navy-bg) !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.crypto-testimonial-block {
    padding: 24px;
    border: 1px solid #E7EAEC;
    border-radius: 10px;
    background: #fff;
    height: 100%;
}

.crypto-profile-blk {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
}

.crypto-profile img {
    border-radius: 10px;
    width: 60px !important;
    height: 60px;
}

.crypto-testimonial-block h5,
.crypto-testimonial-block .h5 {
    margin-top: 12px;
    margin-bottom: 15px;
}

.crypto-testimonial-block p {
    line-height: 30px;
}

.crypto-slider .owl-nav {
    position: absolute;
    top: -100px;
    right: 115px;
}

.crypto-slider .owl-nav button.disabled {
    color: rgb(115 115 115 / 50%) !important;
    font-weight: 600;
}

.crypto-slider .owl-nav button {
    font-weight: 600 !important;
    color: #222A41 !important;
}

.crypto-slider .owl-nav button:first-child {
    margin-right: 10px;
    position: relative;
}

.crypto-slider .owl-nav button:first-child:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -5px;
    width: 1px;
    height: 20px;
    background: #737373;
    transform: translateY(-50%);
}

.crypto-slider .owl-dots {
    text-align: center;
}

.crypto-slider button.owl-dot {
    background: #f9dfc5 !important;
    width: 10px;
    height: 10px;
    border-radius: 20px;
}

.crypto-slider button.owl-dot.active {
    background: #EC963F !important;
}

.crypto-slider button.owl-dot:not(:last-child) {
    margin-right: 10px;
}

.crypto-slider {
    padding-left: calc(50% - 540px) !important;
}

.crypto-slider .owl-stage {
    margin-left: -100px;
}

.intro.crypto-keyword .web-img-section1 {
    text-align: center;
}

.nft-hero {
    background: url(../images/new-nft-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.smart-hero {
    background: url(../images/new-smart-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.ico-hero {
    background: url(../images/new-ico-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-hero {
    background: radial-gradient(73.06% 128.04% at 75.42% 49.93%, #266BAE 2.02%, #003F81 100%);
}

.tokenization-hero {
    background: #3D065F;
}

section.hero-contact {
    background: url(../images/contact-images/contact-us-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px -180px;
}

.contact-discover-text {
    margin-bottom: 30px;
}

.contact-discover-text p {
    width: 75%;
}

.contact-discover-img {
    text-align: center;
}

.contact-new-form {
    padding: 40px 50px;
    background: #261D56;
    border-radius: 10px;
}

.contact-new-form h4 {
    color: #fff;
}

.contact-new-form form .col-md-6 {
    width: 100%;
}

.contact-new-form form label {
    display: none;
}

.contact-new-form .card {
    border: 0px;
    border-radius: 0px;
    background: transparent;
}

.contact-new-form .card-body,
.contact-new-form .container {
    padding: 0px;
    background: transparent !important;
}

.contact-new-form .form-control {
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    padding-left: 0px;
    background: transparent;
    border-color: #fff !important;
    color: #fff;
}

.contact-new-form .form-control::placeholder {
    font-size: 14px;
    color: #fff;
}

.contact-new-form .form-control:focus {
    box-shadow: none;
}

.contact-new-form form .col-md-12.text-center.mt-4 {
    text-align: left !important;
}

.contact-new-form form button.btn.btn-primary {
    padding: 14px 60px 14px 32px;
    border: none;
    background: #fff !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    font-size: 16px;
    font-weight: 500;
    color: #070E25 !important;
    border-radius: 8px;
}

.contact-new-form form button.btn.btn-primary:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 30px;
    width: 20px;
    height: 20px;
    background: url(../images/contact-images/contactline.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}

.new-contactblk {
    position: relative;
}

.new-contactblk span.contact-span {
    width: 60px;
    height: 60px;
    background: #fef1f2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    transition: .5s all ease-in-out;
}

.new-contactblk:hover .contact-span {
    background: #D31B27;
}

.new-contactblk:hover .contact-span svg path {
    fill: #fff;
}

.new-contactblk h4 {
    margin-top: 24px;
    margin-bottom: 15px;
    color: #183B56;
}

.new-contactblk p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 12px;
}

.new-contactblk a {
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    color: #EC963F;
}

.new-contactblk span.call-span {
    color: #EC963F;
}

.contact-flex {
    display: flex;
}

.contact-flex span {
    width: 28px;
    height: 20px;
    display: block;
    margin-right: 12px;
    margin-top: 5px;
}

.contact-flex span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-flex p {
    width: calc(100% - 40px);
}

section.new-contact-detail .row .col-lg-4:first-child .new-contactblk {
    padding-right: 57px;
}

section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk {
    padding: 0px 57px;
}

section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
    padding-left: 57px;
}

section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 2px;
    height: 85%;
    background: #e9e8ee;
    transform: translateY(-50%);
}

section.new-services-blk .solution-offers-blk {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(151, 151, 151, 0.1);
    border-radius: 10px;
    padding: 40px 27px;
}

section.intro.image-frame .img-section figure {
    z-index: 1;
}

section.intro.image-frame.frame-one,
section.intro.image-frame.frame-one .img-section figure::before {
    background: rgb(255 252 252);
}

.bg-grey-new,
section.intro.image-frame.frame-two,
section.intro.image-frame.frame-two .img-section figure::before {
    background: #FAF9F6;
}

section.new-services-blk .solution-offers-blk .offers-blk-header {
    margin-bottom: 15px;
}

section.new-services-blk .solution-offers-blk li {
    margin-bottom: 0px;
    padding-left: 0px;
}

section.new-services-blk .solution-offers-blk li:before {
    display: none;
}

section.new-services-blk .blk span.offer-icon,
section.new-services-blk .row .col-md-6 span.offer-icon {
    border-radius: 50px;
    text-align: center;
    width: 70px !important;
    height: 70px !important;
    display: block;
    line-height: 70px;
    margin-right: 20px;
}

section.new-services-blk .blk+h4,
section.new-services-blk .blk+.h4,
section.new-services-blk span.offer-icon+h4,
section.new-services-blk span.offer-icon+.h4 {
    width: calc(100% - 90px);
}

section.new-services-blk .row .col-md-6:nth-child(2) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(2) span.offer-icon {
    background: #8AC926 !important;
}

section.new-services-blk .row .col-md-6:nth-child(3) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(3) span.offer-icon {
    background: #52CFC0 !important;
}

section.new-services-blk .row .col-md-6:nth-child(4) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(4) span.offer-icon {
    background: #ED1C24 !important;
}

section.new-services-blk .row .col-md-6:nth-child(5) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(5) span.offer-icon {
    background: #F29100 !important;
}

section.new-services-blk .row .col-md-6:nth-child(6) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(6) span.offer-icon {
    background: #4885EF !important;
}

section.new-services-blk .row .col-md-6:last-child .blk span.offer-icon,
section.new-services-blk .row .col-md-6:last-child span.offer-icon {
    background: #8AC926 !important;
}

.section-we-offer-new-design .offer-block .offer-heading .offer-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.section-we-offer-new-design .offer-block span.offer-icon+h4,
.section-we-offer-new-design .offer-block span.offer-icon+.h4 {
    width: calc(100% - 90px);
}

section.new-services-blk .row:last-child .col-md-4:first-child span.offer-icon {
    background: #52CFC0 !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(2) span.offer-icon {
    background: #8AC926 !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(3) span.offer-icon {
    background: #eb649c !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(4) span.offer-icon {
    background: #ED1C24 !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(5) span.offer-icon {
    background: #F29100 !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(6) span.offer-icon {
    background: #4885EF !important;
}

section.new-services-blk .row:last-child .col-md-4:nth-child(7) span.offer-icon {
    background: #14c5d7 !important;
}

section.new-services-blk .row:last-child .col-md-4:last-child span.offer-icon {
    background: #8AC926 !important;
}

.platform-work.new-services-blk .offer-block .offer-heading .services__icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 20px;
}

.platform-work.new-services-blk .offer-block .offer-heading .services__icon+h4,
.platform-work.new-services-blk .offer-block .offer-heading .services__icon+.h4 {
    width: calc(100% - 70px);
}

.map-frame iframe {
    width: 100%;
}

.consultaion-section {
    padding: 50px;
    background-color: white;
    border-radius: 15px;
}

.consultaion-section h3,
.consultaion-section .h3 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 29px;
    line-height: 40px;
    color: #333333;
}

.consultaion-section h3 i,
.consultaion-section .h3 i {
    color: #ED1C24;
}

.consultaion-list {
    list-style: none;
    padding-left: 0px;
    margin: 30px 0px 50px 0px;
}

.consultaion-list li {
    position: relative;
    padding-left: 50px;
    text-align: left;
    margin-bottom: 30px;
}

.consultaion-list li:before {
    content: url(../images/consultation-check.svg);
    position: absolute;
    left: 0;
}

.consultaion-button {
    padding: 0 10%;
}

.resource-section .container>.row {
    background-color: #FFEFD1;
    border-radius: 15px;
    background-image: url(../images/resource-vector.svg);
    background-size: cover;
}

.resource-section a.btn {
    background: transparent !important;
    border: 1px solid #222A41;
    color: #222A41 !important;
}

.resource-section a.btn svg {
    padding-left: 5px;
    transition: 0.3s all linear;
}

.resource-section a.btn:hover,
.resource-section a.fill-bg {
    background: #222A41 !important;
    border: 1px solid #222A41;
    color: #fff !important;
}

.resource-section a.btn:hover svg {
    transform: translateY(-2px) rotate(45deg);
}

.resource-section a.btn:hover svg path,
.resource-section a.fill-bg svg path {
    stroke: #fff;
}

.resource-section a.fill-bg:hover {
    background: linear-gradient(90deg, #F83D3D 0%, #EC963F 100%) !important;
    border-color: #ED8E3E !important;
    transition: none !important;
}

section.icecream-banner {
    background: url(../images/icecream-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

.web-hero {
    background: url(../images/new-web-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.listing-hero {
    background: url(../images/new-listing-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.codeigniter-hero {
    background: url(../images/new-codeigniter-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.backend-hero {
    background: url(../images/new-backend-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.webdesign {
    background: url(../images/img-new/web-design-new-banner-plane.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    padding: 120px 0px;
    overflow: hidden;
    z-index: 1;
}

.particles-wrapper {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    perspective: 50vmin;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.webdesign h1 {
    font-size: 50px !important;
    line-height: 75px !important;
}

.webdesign h1 span {
    font-size: 80px !important;
    line-height: 75px !important;
    background-image: url(../images/img-new/grad-web.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.webdesign-img-section {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: calc(50% - 50px);
    height: 100%;
    transform: translateY(-50%);

    margin-top: 20px;
    z-index: 1;
}

.webdesign-img-section img {
    width: 100%;
    max-width: 100%;
}

.webdesign-intro .img-section figure::before {
    background: #faf9f6;
}

.custom-bg {
    background: #FAF9F6;
}

.hire-get-clone-wrapper {
    width: 100%;
    height: 100%;
    padding: 55px 30px;
    background: #FAF9F6;
}

section.clone-capabilities .row .col-lg-6:last-child {
    background: none !important;
    padding: unset !important;
}

section.clone-capabilities .container-fluid {
    border-top: 1px solid #ddd;
    padding-top: 50px;
}

.hire-get-clone-img {
    width: 70px;
    height: 70px;
}

.hire-get-clone-wrapper h4 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}

.hire-get-clone-wrapper p {
    color: var(--text-light);
}

.hiring-dev-process-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.hire-dev-process-block:not(:last-child) {
    margin-right: 15px;
}

.hire-dev-process-block {
    flex-basis: 18.85%;
    background: #fff;
    border-radius: 22px;
    padding: 44px 10px;
    text-align: center;
    border: 1px solid #CECECE;
    position: relative;
    transition: all .3s linear;
}

.hire-dev-process-block h6 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 33px;
    margin-bottom: 15px;
}

.hire-dev-process-block p {
    font-size: 14px;
    font-weight: 300;
}

.hire-dev-process-block span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--primary-txt-clr);
    position: absolute;
    content: "";
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
}

.dev-arrow {
    width: 36px;
    height: 36px;
    background: #EC963F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: -26px;
    transform: translateY(-50%);
    z-index: 1;
}

.dev-arrow svg {
    width: 18px;
}

.hire-dev-process-block:after {
    position: absolute;
    content: "";
    top: 50%;
    right: -20px;
    width: 34px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 50%;
    border-width: 0px 0px 0px 1px;
    transform: translateY(-50%);
    background: #fff;
}

.hire-dev-process-block:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -20px;
    width: 34px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 50%;
    border-width: 0px 1px 0px 0px;
    transform: translateY(-50%);
    background: #fff;
}

.hire-dev-process-block:first-child:before,
.hire-dev-process-block:last-child:after {
    display: none;
}

.hire-dev-process-block:hover {
    background: #ec963f;
    border-color: #ec963f;
}

.hire-dev-process-block:hover h6,
.hire-dev-process-block:hover p,
.hire-dev-process-block:hover span {
    color: #fff;
}

.hire-dev-process-block:hover:before,
.hire-dev-process-block:hover:after {
    border-color: #ec963f;
}

.hire-dev-process-block .hire-dev-process-icon img:last-child,
.hire-dev-process-block:hover .hire-dev-process-icon img:first-child {
    display: none;
}

.hire-dev-process-block:hover .hire-dev-process-icon img:last-child {
    display: block;
    margin: 0 auto;
}

.thanks-social,
.button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center;
}

.thanks-buttons a:nth-child(2) {
    background-image: none !important;
    background-color: transparent !important;
    border-color: #F83D3D;
    color: var(--primary-txt-clr) !important;
}

.thanks-buttons a:nth-child(2):hover {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    padding: 0 1rem;
    background-size: 200% auto;
    background-position: right center;
    color: #FFF !important;
    border-color: transparent;
}

@media screen and (min-width: 991px) {
    .web-menu-navbar>ul li.nav-item.dropdown:first-child {
        padding-left: 150px;
    }
}

@media screen and (max-width: 991px) {
    :root {
        --spacer: 40px 0;
        --spacer-top: 40px;
        --spacer-bottom: 40px;
        --spacer-ft: 40px;
        --spacer-fb: 40px;
        --spacer-ftb: 40px 0px;
    }

    h2,
    .h2 {
        font-size: 36px;
    }

    .h3,
    h3 {
        font-size: calc(1rem + .6vw);
    }

    .h4,
    h4 {
        font-size: calc(1rem + .3vw);
    }

    .hero h1 {
        font-size: 38px;
        font-weight: 700;
    }

    .hero p {
        font-size: 16px;
    }

    .navbar-toggler {
        margin-left: auto;
        margin-right: 20px;
    }

    .btn {
        font-size: 1rem;
    }

    .btn-lg {
        min-width: 160px;
        height: 48px;
        line-height: 48px;
    }

    .site-header .navbar-nav {
        text-align: center;
    }

    .site-header .navbar-nav>li:not(:last-child) {
        border-bottom: 1px solid #ccc;
    }

    .site-header .navbar-nav {
        text-align: center;
        border: 1px solid #ccc;
    }

    header .navbar-nav>li {
        margin-right: 0px !important;
    }

    .site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
        min-width: 335px;
    }

    #navbarNavDropdown.web-menu-navbar {
        display: none !important;
    }

    .mobile-nav-menu .accordion-body ul li {
        list-style: none;
    }

    .mobile-nav-menu .accordion-body ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .mobile-nav-menu .accordion-body ul li.nav-title {
        padding: 10px 0px;
        background: #f7f7f7;
    }

    .mobile-nav-menu .accordion-body {
        padding: 0rem;
    }


    .navbar-toggler:focus {
        box-shadow: none;
    }

    .nw-mbl-menu .site-header .navbar-nav {
        text-align: left !important;
    }

    .web-menu-navbar+.btn.primary-btn {
        display: none;
    }

    .mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed),
    .mobile-nav-menu.nw-mbl-menu button.accordion-button:hover {
        color: var(--primary-btn);
    }

    .mobile-nav-menu.nw-mbl-menu .accordion-button:not(.collapsed)::after {
        filter: grayscale(1);
    }
}

@media screen and (min-width: 767px) and (max-width: 867px) {
    .hero h1 {
        font-size: 42px !important;
        font-weight: 700;
    }
}

@media screen and (max-width: 767px) {
    :root {
        --spacer: 30px 0;
        --spacer-top: 30px;
        --spacer-bottom: 30px;
        --spacer-ft: 30px;
        --spacer-fb: 30px;
        --spacer-ftb: 30px 0px;
    }

    h2,
    .h2 {
        font-size: 32px;
        line-height: 34px;
    }

    .h3,
    h3 {
        font-size: calc(1rem + .3vw);
    }

    .h4,
    h4 {
        font-size: calc(1rem + .1vw);
    }

    .header__top__inner {
        flex-wrap: wrap;
    }

    .header__top ul {
        flex-wrap: wrap;
        width: 50%;
        justify-content: flex-start;
    }

    .header__top ul:last-child {
        justify-content: end;
    }

    .header__top ul:first-child>li {

        list-style: none;
    }

    .header__top a {
        font-size: 0.850rem;
    }

    .site-header .navbar .btn {
        display: none;
    }

    .logo {
        max-width: 130px;
    }

    .hero h1 {
        font-size: 34px !important;
        font-weight: 700;
    }

    .mob-display {
        display: block;
    }

    .site-header .navbar>.container {
        display: flex;
        flex-wrap: wrap;
    }

    a.nav-link.mob-display.free-qte {
        font-size: 13px;
        max-width: 100px;
        color: #fff;
        font-weight: 600;
        margin-left: auto;
        text-align: center;
        width: 100%;
        border-radius: 5px;
        margin-right: 5px;
        background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
        transition: 0.5s;
        position: relative;
        overflow: hidden;
        background-size: 200% auto;
    }

    a.nav-link.mob-display.free-qte:hover {
        background-position: right center;
    }

    .navbar-light .navbar-toggler {
        border: none;
        padding: 0px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        margin-right: 0px;
        margin-left: 0px;
    }

    .footer-nav {
        margin-bottom: 20px;
    }

    .site-header .navbar-nav .nav-item .dropdown-menu ul {
        padding-left: 0px;
    }

    section.hero>div:first-child {
        order: 2 !important;
    }

    h2.w-75 {
        width: 100% !important;
    }

    .start-form-content {
        padding: 40px 20px;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        overflow: hidden;
    }

    .start-form-content h2 {
        font-size: 36px;
        line-height: 45px;
    }

    .start-form-img img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 0px;
    }

    .blog-slider .owl-nav button {
        display: none;
    }
}

@media screen and (max-width: 567px) {
    .header__top ul {
        justify-content: center !important;
    }

    img.flg-img {
        width: 20px;
        height: 20px;
    }

    .order_1 {
        order: 1;
    }

    .order_2 {
        order: 2;
    }

    .order_3 {
        order: 3;
    }

    .order_4 {
        order: 4;
    }

    .order_5 {
        order: 5;
    }

    .order_6 {
        order: 6;
    }

    .order_7 {
        order: 7;
    }

    .order_8 {
        order: 8;
    }

    .technology h1 br {
        display: none;
    }

    .site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
        min-width: 250px;
    }



    .header__top ul {
        width: 100%;
    }

    #navbarNavDropdown.web-menu-navbar {
        display: none !important;
    }

    .mobile-nav-menu .accordion-body {
        padding: 0rem;

    }

    .mobile-nav-menu .accordion-body ul {
        padding-left: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .mobile-nav-menu .accordion-body ul li {
        list-style: none;
    }

    li.nav-title a {
        font-weight: 500;
    }

    .mobile-nav-menu .accordion-body ul li.nav-title {
        padding: 10px 0px;
        background: #f7f7f7;
    }

    .mobile-nav-menu button.accordion-button {
        padding: 10px 15px;
        font-weight: 500;
    }

    .mobile-nav-menu .nav-link {
        font-weight: 500;
    }

    .mobile-nav-menu .navbar-nav>li>a {
        padding: 15px;
    }

    .mobile-nav-menu .navbar-nav {
        text-align: left;
        border: 1px solid #ccc;
    }

    .mobile-nav-menu button.accordion-button:hover {
        color: var(--primary-btn);
    }

    .mobile-nav-menu button.accordion-button:not(.collapsed) {
        color: var(--primary-btn);
        background-color: #fff;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    }

    .accordion-button:not(.collapsed)::after {
        filter: grayscale(1);
    }

    #getquote {
        display: none;
    }

    .mobile-nav-menu.nw-mbl-menu .navbar-nav>li>a {
        padding: 10px 15px;
    }

    .service-height {
        height: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .innovation-main-heading {
        display: none;
    }

    .steps__descp p {
        line-height: 26px;
        font-size: 16px;
    }

    .ourclient-slider .owl-nav button {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .hero img {
        max-width: 300px;
        width: 100%;
    }

    .section-hero {
        padding-top: 30px;
    }

    .hero-banner-list {
        grid-template-columns: 1fr;
    }

    .call-action__inner h4,
    .call-action__inner .h4 {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

    .call-action__inner img {
        position: static;
        display: block;
        margin: 0 auto;
    }

    .call-action__inner .col-md-2 {
        text-align: center;
    }

    .service-block {
        height: auto;
        margin-bottom: 30px;
    }

    .listing-spacer {
        margin-left: 0;
    }



    .service-block {
        padding: 20px;
    }

    .section__subheading,
    .row h2 {
        font-size: 24px;
    }

    .specific-requirements-bg .row [class*="col-"]:nth-child(even) {
        margin-top: 0px;
    }

    .w-50 {
        width: 100% !important;
    }

    .platform__box {
        width: 80px;
        height: 80px;
        padding: 20px;
    }

    .service-provide {
        padding-top: 30px;
    }

    .service-provide:before {
        height: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .home-hero {
        padding: 3rem 0 !important;
    }

    .value-box ul {
        flex-direction: column;
        text-align: center;
    }

    .value-box ul li:not(:last-child) {
        border-right: 0;
        padding-right: 0;
    }

    .tech-block-img {
        height: 65px;
    }

    .section-our-client {
        margin-bottom: 50px;
    }

    button.btn.client-play-btn img {
        width: 100px;
        height: 100px;
    }

    .our-client-block {
        flex-direction: column;
    }

    .our-client-block-img,
    .our-client-block-content {
        width: 100%;
    }

    .our-client-block-img {
        border-bottom-left-radius: 0px;
        border-top-right-radius: 20px;
    }

    .our-client-block-img img,
    .our-client-block-img::before {
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0px;
    }

    .our-client-block-content {
        padding: 15px;
    }

    .btn.client-play-btn {
        width: 80px;
        height: 80px;
    }

    .ourclient-slider .owl-nav button.owl-prev {
        bottom: 0;
        left: 0;
        top: 105%;
    }

    .ourclient-slider .owl-nav button.owl-next {
        bottom: 0;
        right: 0;
        top: 105%;
    }

    .innovation-main-heading,
    .innovation-projects {
        position: static;
    }

    .innovation-content::before {
        display: none;
    }

    .innovation-content {
        padding: 20px;
    }

    .innovation-projects {
        width: 100%;
    }

    .form-ios {
        width: 100%;
        padding: 20px;
    }
}

@media screen and (min-width: 567px) and (max-width: 991px) {
    .ios-gallery-content p {
        display: none;
    }

    .video {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .video {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

    .intro.why-choose-us-blk {
        padding: 30px 0px;
    }

    .global-service-block-img img {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .global-service-block-content {
        position: static;
    }

    .global-slider .owl-nav {
        bottom: -20px;
        left: 20px;
        width: 52px;
        height: 52px;
    }

    .why-choose-us-blk .row .col-md-6:last-child {
        padding-top: 20px;
    }

    .global-service-block:hover .global-service-block-content p {
        display: none;
    }

    .border-gradient::before {
        width: 98%;
    }
}

@media screen and (min-width: 320px) and (max-width: 567px) {
    .ios-gallery::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 94%;
        background: linear-gradient(#ffffff8f, #0000);
        margin-bottom: 20px;
        z-index: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .listing__inner {
        justify-content: start !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 390px) {
    .border-gradient::before {
        width: 98%;
        left: 3px;
    }
}

@media screen and (min-width: 1174px) and (max-width: 1274px) {
    .blog-slider .owl-nav button.owl-prev {
        left: -30px !important;
    }

    .blog-slider .owl-nav button.owl-next {
        right: -30px !important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1174px) {
    .blog-slider .owl-nav button {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-application .row:last-child .col-md-12 .app__blk {
        flex-direction: column;
    }

    .blog-slider .owl-nav button.owl-next {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .app__blk .bottom-img {
        height: auto;
    }

    .mobile-application .row:last-child .col-md-12 .app__blk {
        flex-direction: column;
    }

    .service-block {
        height: 100%;
    }

    .bottom-img1 {
        width: 100%;
    }
}

@media screen and (max-width: 567px) {
    .img-section figure::before {
        left: 15px;
        top: 28px;
    }

    .img-section figure::after {
        left: 10px;
        top: 18px;
    }

    .app__blk .contents {
        padding: 20px;
        padding-bottom: 0px;
    }

    .app__blk .bottom-img {
        height: auto;
    }

    .mobile-application .row:last-child .col-md-12 .app__blk {
        flex-direction: column;
    }

    .development-solutions .project-discussion {
        top: 75% !important;
        left: 8%;
    }

    .intro .project-discussion {
        top: -5% !important;
        left: 13%;
    }

    .service-block {
        height: auto;
        margin-bottom: 10px;
    }

    .learning-solutions::after {
        background-position: bottom;
    }

    .specific-requirements h2 {
        margin-bottom: 0px;
    }

    .education-services .service-block {
        flex-direction: column;
        padding: 20px 0px;
    }

    .education-services .service-block-content {
        margin-top: 20px;
        width: calc(100% - 40px);
    }

    section.service-provide::before {
        top: -5%;
        left: -30%;
    }

    .section-kickstart {
        padding: 50px 0px;
    }

    .start-development-block {
        padding: 50px 20px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    span.red-bg {
        width: 64%;
    }

    ul.new-banner-list li::before {
        top: 8px;
    }

    ul.new-banner-list li {
        line-height: 35px;
    }
}

@media screen and (max-width: 767px) {
    .hero.mobile-app-section .row .col-md-7 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    span.red-bg::after {
        display: none;
    }

    ul.new-banner-list li::before {
        top: 15px;
    }

    .webdesign-service-provide .row .col-md-5 {
        position: static;
    }
}

@media screen and (max-width: 567px) {
    .hero.mobile-app-section .row .col-md-7 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    span.red-bg {
        width: 75%;
    }

    span.red-bg::after {
        display: none;
    }

    ul.new-banner-list li {
        font-size: 16px;
        line-height: 30px;
    }

    ul.new-banner-list li::before {
        top: 5px;
    }

    .know-more-about-wrapper {
        padding: 50px 15px;
    }

    .slide-icons {
        width: 68px;
        height: 68px;
    }

    .slide-icons span {
        width: 55px;
        height: 55px;
    }

    .faq-blocks .accordion-body {
        padding: 16px 25px;
    }

    .supports-img {
        text-align: center;
    }

    .supports-img img {
        height: 250px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .dating-hero-section h1 {
        font-size: 42px !important;
        line-height: 50px;
    }

    ul.dating-panel-list li {
        flex-basis: 100% !important;
    }

    .statistics-arrow {
        display: none;
    }

    .banner-btn-blk {
        width: 240px;
        height: 240px;
    }
}

@media screen and (max-width: 767px) {
    .order_1 {
        order: 1;
    }

    .order_2 {
        order: 2;
    }

    .efficient-img1 {
        margin-top: 50px;
    }

    .section-efficient-bnr .row.spacer-top {
        padding-top: 0px;
    }

    .statistics-content {
        position: static;
        width: 100%;
    }

    .statistics-arrow {
        display: none;
    }

    .banner-btn-blk {
        margin: 0 auto;
        margin-top: -65px;
    }

    section.dating-banner h2 {
        line-height: 36px;
    }

    .section-effective-banner {
        margin-top: 0px;
        padding-top: 50px;
    }

    .section-effective-banner .effective-banner-content {
        padding-top: 50px;
    }

    .effective-img img {
        margin-top: 0px;
    }

    .effective-banner-img a {
        top: 70%;
        right: 15%;
    }

    .our-history-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 567px) {
    .dating-hero-section h1 {
        font-size: 34px !important;
        line-height: 42px;

    }

    section.dating-hero-section p {
        width: 100% !important;
    }

    section.dating-hero-section .col-md-6:last-child {
        display: none;
    }

    section.dating-banner h2 {
        line-height: 36px;
    }

    section.dating-banner p {
        width: 100% !important;
    }

    .banner-btn-blk {
        margin: 0 auto;
        margin-top: -65px;
    }

    .statistics-content {
        position: static;
        width: 100%;
    }

    .statistics-arrow {
        display: none;
    }

    ul.dating-panel-list li {
        flex-basis: 100% !important;
    }

    .dating-panel h2 {
        font-size: 30px;
    }

    .section-effective-banner {
        margin-top: 0px;
        padding-top: 50px;
    }

    .section-effective-banner .effective-banner-content {
        padding-top: 50px;
    }

    .effective-img img {
        margin-top: 0px;
    }

    .effective-banner-img a {
        top: 70%;
        right: 15%;
    }

    .efficient-img1 {
        margin-top: 50px;
    }

    .section-efficient-bnr .row.spacer-top {
        padding-top: 0px;
    }

    .our-tabs-style .history-img-block img {
        height: auto;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    span.oval-style::before {
        width: 100%;
        background-size: contain;
        top: -16px;
        height: 80px;
        left: -8px;
    }

    section.food-efficient-bnr h2 {
        font-size: 26px;
    }

    section.food-efficient-bnr .effective-banner-content {
        padding-bottom: 40px;
    }

    .dating-panel-img {
        position: sticky;
        top: 200px;
    }
}

@media screen and (max-width:767px) {
    span.oval-style::before {
        top: -21px;
        height: 100px;
        background-size: contain;
        width: 100%;
        left: -5px;
    }

    section.food-efficient-bnr {
        margin: 0px 50px;
    }

    .food-hero h1 {
        margin-top: 30px;
    }
}

@media screen and (max-width:567px) {
    .food-hero h1 {
        margin-top: 0px;
    }

    span.oval-style::before {
        width: 100%;
        background-size: contain;
        top: -8px;
        height: 65px;
        left: -5px;
        display: none !important;
    }

    .food-hero .col-md-5 {
        display: none;
    }

    section.food-efficient-bnr {
        margin: 0 auto;
    }

    section.food-efficient-bnr h2 {
        font-size: 32px;
    }

    .recent-service-block {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .hero-baout-social-media ul li {
        margin-right: 0px;
    }

    .webdesign-img-section {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    section.about-section .hero-about-us h1 {
        font-size: 60px !important;
    }

    .hero-baout-social-media ul li {
        flex-basis: 50%;
        margin-bottom: 20px;
        margin-right: 0px;
    }

    section.about-who-we-are h2 {
        line-height: 44px;
    }

    .founder-section .project-discussion {
        position: absolute;
        right: -12%;
        top: 70%;
    }

    .core-value-wrapper {
        padding: 50px 25px;
    }
}

@media (min-width: 768px) {
    section.all-images-wrapper .col-md-2 {
        flex: 0 0 auto;
        width: 18.666667%;
    }
}

@media screen and (max-width: 767px) {
    section.about-who-we-are h2 {
        line-height: 35px;
    }

    .who-we-img {
        margin-bottom: 30px;
        text-align: center;
    }

    section.our-history::before {
        top: 55px;
        right: -45px;
        font-size: 108px;
    }

    .founder-section .project-discussion {
        right: 5%;
        top: 70%;
    }

    .core-value-wrapper::before,
    .core-value-wrapper::after {
        display: none;
    }

    .our-core-values .row:last-child .col-md-4:nth-child(3) .core-value-wrapper {
        padding-bottom: 0px;
    }

    .founder-section .img-section {
        text-align: center;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 567px) {
    section.about-section .hero-about-us h1 {
        font-size: 55px !important;
    }

    section.about-section .hero-about-us h5 {
        font-size: 14px;
    }

    .hero-baout-social-media ul li {
        flex-basis: 47%;
        margin-bottom: 20px;
    }

    .hero-baout-social-media ul li:not(:nth-child(2n)) {
        margin-right: 15px;
    }

    section.about-who-we-are h2 {
        line-height: 35px;
    }

    .who-we-img {
        margin-bottom: 30px;
        text-align: center;
    }

    section.our-history::before {
        top: 100px;
        right: -20px;
        font-size: 55px;
    }

    .our-history-wrapper {
        width: 100%;
    }

    .history-slider button.owl-dot span::after {
        font-size: 14px;

    }

    .value-box ul li {
        padding: 0px !important;
    }

    .founder-section .img-section figure::before {
        left: 0;
        top: 20px;
    }

    .founder-section .custom-image-border-radius,
    .founder-section .img-section figure::before,
    .founder-section .img-section figure::after {
        border-radius: 50%;
    }

    .founder-section .project-discussion {
        top: 70% !important;
    }

    section.our-core-values h2+p {
        width: 100% !important;
    }

    .core-value-wrapper {
        padding: 40px 30px;
    }

    .our-core-values .row:last-child .col-md-4:nth-child(3) .core-value-wrapper {
        padding-bottom: 0px;
    }

    .core-value-wrapper::before,
    .core-value-wrapper::after {
        display: none;
    }

    .achievement-icon img {
        width: 150px;
    }

    .achievement-wrapper:hover .achievement-text {
        padding: 30px 60px;
    }

    .achievement-text p {
        font-size: 18px;
    }

    .our-achievement .row:last-child .col-md-4 {
        padding: 0rem 1rem !important;
    }

    .webdesign {
        padding: 50px 0px;
    }

    .webdesign h1 {
        line-height: 46px !important;
        text-align: center;
    }

    .webdesign h1 span {
        font-size: 48px !important;
        line-height: 48px !important;
    }

    .webdesign p {
        width: 100% !important;
        text-align: center;
    }

    .webdesign-anchor,
    .webdesign-learning-solution .service-block {
        text-align: center;
    }

    .webdesign-service-provide .service-block-content {
        text-align: center;
    }

    .webdesign-service-provide .service-block-content span {
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:991px) and (max-width:1164px) {
    .main {
        width: 385px;
        height: 385px;
    }

    .key-benefit-block ul {
        gap: 20px;
    }

    .key-benefit-block ul li:nth-child(2),
    .key-benefit-block ul li:last-child {
        padding-top: 0px;
    }

    .key-benefit-block ul li {
        flex-basis: 48%;
    }

    .key-benefit-block ul li {
        margin-right: 0px !important;
    }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .hw-work-block::before {
        display: none;
    }

    .main {
        width: 350px;
        height: 350px;
    }

    .big-circle .icon-block:nth-child(3),
    .big-circle .icon-block:nth-child(4),
    .big-circle .icon-block:nth-child(6) {
        width: 75px;
        height: 75px;
    }

    .blk-industry-wrapper ul li {
        flex-basis: 100%;
    }

    .key-benefit-block ul {
        gap: 20px;
    }

    .key-benefit-block ul li:nth-child(2),
    .key-benefit-block ul li:last-child {
        padding-top: 0px;
    }

    .key-benefit-block ul li {
        flex-basis: 48%;
    }

    .key-benefit-block ul li {
        margin-right: 0px !important;
    }

    .blockchain-platform.main-container {
        padding: 50px 0px;
        height: auto;
    }

    .block-bnr-content,
    .block-bnr-content-new {
        padding-bottom: 30px;
    }
}

@media screen and (min-width:567px) and (max-width:767px) {
    .key-benefit-block button.nav-link {
        padding: 10px 69px;
    }

    .key-benefit-block ul {
        gap: 20px;
    }

    .key-benefit-block ul li:nth-child(2),
    .key-benefit-block ul li:last-child {
        padding-top: 0px;
    }

    .key-benefit-block ul li {
        flex-basis: 48%;
    }

    .key-benefit-block ul li {
        margin-right: 0px !important;
    }

    .hw-work-block::before {
        display: none;
    }

    .block-bnr-img img {
        margin-top: 20px;
    }

    .main {
        width: 400px;
        height: 400px;
    }

    .big-circle .icon-block:nth-child(3),
    .big-circle .icon-block:nth-child(4),
    .big-circle .icon-block:nth-child(6) {
        width: 75px;
        height: 75px;
    }

    .blockchain-platform.main-container {
        padding: 40px 0px;
        height: auto;
    }
}

@media screen and (max-width:567px) {
    .blockchain-hero h1 {
        font-size: 38px;
    }

    .blockchain-hero p {
        width: 100% !important;
    }

    .blockchain-hero .col-md-5 {
        display: none;
    }

    .key-benefit-block ul li {
        flex-basis: 100%;
        margin-right: 0px !important;
    }

    .block-bnr-img img {
        margin-top: 20px;
    }

    .hw-work-block::before {
        display: none;
    }

    .main {
        width: 250px;
        height: 250px;
    }

    .big-circle .icon-block:nth-child(3),
    .big-circle .icon-block:nth-child(4),
    .big-circle .icon-block:nth-child(6) {
        width: 70px;
        height: 70px;
    }

    .big-circle .icon-block:nth-child(3) img,
    .big-circle .icon-block:nth-child(4) img,
    .big-circle .icon-block:nth-child(6) img {
        width: 50px;
        height: 50px;
    }

    .icon-block {
        width: 46px;
        height: 46px;
    }

    .icon-block img {
        width: 35px;
        height: 35px;
    }

    .center-logo {
        width: 50px;
        height: 50px;
    }

    .center-logo img {
        width: 35px;
        height: 35px;
    }

    .block-bnr-content,
    .block-bnr-content-new {
        padding-left: 15px;
    }

    .blk-industry-wrapper ul li {
        flex-basis: 100%;
    }

    .blockchain-slider button.owl-dot.active::before {
        left: 54%;
    }

    .blockchain-platform p {
        padding-right: 0px;
    }

    .blockchain-tabs-img {
        margin-bottom: 10px;
    }

    .key-benefit-block ul li:nth-child(2) {
        padding-bottom: 30px;
    }

    ul.blockchain-tech-tabs {
        position: sticky;
        top: 100px;
        background: #F8F8FF;
    }

    .blockchain-money-blk {
        margin-top: 0px;
    }

    .blockchain-platform.main-container {
        padding: 30px 0px;
        height: auto;
        min-height: 100%;
    }

    ul.blockchain-tech-tabs {
        justify-content: center;
    }
}

@media screen and (min-width:991px) and (max-width:1164px) {
    .hero-baout-social-media ul {
        gap: 20px;
    }

    .hero-baout-social-media ul li {
        flex-basis: 46%;
    }

    .common-hiring-section .row .col-lg-6:first-child {
        padding-left: calc(50% - 465px) !important;
    }
}

@media screen and (min-width:991px) {
    .hiring-hero {
        padding-top: 100px !important;
    }
}

@media screen and (max-width:991px) {
    .angular-capabilities.common-hiring-section h2 {
        width: 100% !important;
    }

    .common-why-hire-img {
        text-align: center;
    }

    .hiring-process-block-content h5 br,
    .hiring-process-block-content .h5 br {
        display: none;
    }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .program-expertise-block {
        position: static;
        border-right: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }

    .common-hiring-section .row .col-lg-6:first-child {
        padding-left: 15px !important;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        padding: 235px 80px;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        background: url(../images/angular-images/dedicated-angular.webp);
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }

    .hiring-process-wrapper ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }

    .hiring-process-img {
        text-align: center;
    }

    .why-hire-angular-dev h2 {
        width: 75% !important;
    }

    .g-recaptcha iframe {
        transform: scale(0.8);
        transform-origin: left;
    }

    .hiring-hero .hero-content {
        position: sticky;
        top: 140px;
    }
}

@media screen and (min-width:567px) and (max-width:991px) {
    .hiring-process-wrapper ul li {
        flex-basis: 50%;
    }
}

@media screen and (max-width:767px) {
    .hiring-hero .form-ios {
        margin-bottom: 50px !important;
    }
}

@media screen and (min-width:567px) and (max-width:767px) {
    .hire-expert-btnlink ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .common-why-hire-img {
        text-align: center;
    }

    .hiring-process-wrapper ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }

    .hiring-process-img {
        text-align: center;
    }

    .program-expertise-block {
        position: static;
        border-right: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }

    .common-hiring-section .row .col-lg-6:first-child {
        padding-left: 15px !important;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        padding: 235px 80px;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        background: url(../images/angular-images/dedicated-angular.webp);
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width:567px) {
    .hiring-hero .hero-content {
        padding-bottom: 30px;
    }

    .program-expertise-block {
        position: static;
        border-right: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        background: url(../images/angular-images/dedicated-angular.webp);
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }

    .common-hiring-text-block h3 {
        font-size: 20px;
    }

    .common-hiring-section .row .col-lg-6:first-child {
        padding-left: 15px !important;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        padding: 130px 80px !important;
    }

    .hire-expert-detail ul {
        display: flex;
        gap: 10px;
        flex-direction: column;
        align-items: center;
    }

    .hire-expert-btnlink ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .hire-expert-detail {
        text-align: center;
    }

    .hiring-process-wrapper ul {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }

    .hiring-process-img {
        text-align: center;
    }

    .common-why-hire-us-content ul li {
        flex-basis: 100%;
        line-height: 34px;
    }

    .hire-projects .app__blk.online-study-bg .contents {
        padding: 0px;
    }

    .hire-projects .app__blk.online-study-bg {
        padding: 25px 25px 0px;
    }

    .hire-projects .app__blk.ebook-bg {
        padding: 25px 25px 0;
    }

    .why-hire-angular-dev .service-block {
        padding: 15px;
    }

    .hire-projects .app__blk img.web-img {
        height: auto !important;
        min-height: 150px !important;
    }

    .hiring-process+.section-efficient-banner {
        padding: 0px 15px;
    }
}

@media screen and (max-width:350px) {

    .g-recaptcha,
    .g-recaptcha div {
        max-width: 100%;
    }

    .g-recaptcha>div {
        width: 100% !important;
        margin: 0px !important;
    }

    .g-recaptcha iframe {
        transform: scale(0.8);
        transform-origin: left;
    }

    .start-form-content .g-recaptcha {
        display: block;
    }

    .form-ios .g-recaptcha {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .web-hero-section h1+p {
        width: 100% !important;
    }

    .hiring-dev-process-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .hire-dev-process-block {
        flex-basis: 46%;
        margin-right: 0px !important;
    }

    .hire-dev-process-block:not(:last-child) {
        margin-bottom: 15px;
    }

    .dev-arrow,
    .hire-dev-process-block::before,
    .hire-dev-process-block::after {
        display: none;
    }
}

@media screen and (max-width:567px) {
    .web-hero-section p {
        width: 100% !important;
    }

    .excellent-block.web-block {
        padding: 20px 10px;
    }

    .web-highly-effective .row:last-child .col-lg-3:nth-child(2n) {
        padding-top: 0px;
    }
}

@media screen and (min-width:767px) and (max-width:1200px) {
    .crypto-slider {
        padding-left: 30px !important;
    }

    .hiring-dev-process-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .hire-dev-process-block {
        flex-basis: 30%;
    }

    .hire-dev-process-block:not(:last-child) {
        margin-bottom: 15px;
    }

    .dev-arrow,
    .hire-dev-process-block::before,
    .hire-dev-process-block::after {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .crypto-security .common-why-hire-img {
        position: static;
        transform: none;
    }
}

@media screen and (max-width:567px) {
    .crypto-slider .owl-nav {
        position: static;
        text-align: center;
        margin-top: 25px;
    }

    .crypto-slider .owl-stage {
        margin-left: 0px;
    }

    .crpto-keyword-btn {
        text-align: center;
    }
}

@media screen and (max-width:500px) {
    .custom-image-border-radius {}

    .consultaion-section {
        padding: 20px;
    }

    .consultaion-section h3,
    .consultaion-section .h3 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media screen and (min-width: 1440px) {
    section.hero-contact {
        background-position: 0 -260px;
    }
}

@media screen and (max-width: 991px) {
    section.hero-contact {
        background-position: bottom;
    }

    section.new-contact-detail .row .col-lg-4:first-child .new-contactblk,
    section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk,
    section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
        padding: 15px;
    }

    section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk::before {
        display: none;
    }
}

@media screen and (max-width: 567px) {
    section.hero-contact {
        background-position: bottom;
    }

    section.hero-contact p br {
        display: none;
    }

    .contact-new-form {
        padding: 30px 30px;
    }

    section.new-contact-detail .row .col-lg-4:first-child .new-contactblk,
    section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk,
    section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
        padding: 15px;
    }

    section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk::before {
        display: none;
    }

    .hero-contact h1 {
        font-size: 2rem;
    }


    .hire-dev-process-block {
        flex-basis: 100%;
        margin-right: 0px !important;
    }

    .hire-dev-process-block:not(:last-child) {
        margin-bottom: 15px;
    }

    .dev-arrow,
    .hire-dev-process-block::before,
    .hire-dev-process-block::after {
        display: none;
    }

    section.clone-capabilities .container-fluid {
        padding-top: 30px;
    }
}

.image-frame figure {
    margin: 0px 30px 0px 0px;
}

@media screen and (min-width:767px) and (max-width:850px) {
    footer .col-md-4.footer-nav {
        width: 100%;
        margin-bottom: 20px;
    }

    footer .col-md-2.footer-nav {
        width: 25%;
    }

    footer .col-md-3.footer-nav {
        width: 25%;
    }

    footer .row div.col-md-3:last-child {
        width: 50%;
    }
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: auto;
    }
}

.devops-hero {
    background: url(../images/devops-images/hero-image.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.DevOps-tabs-content button.nav-link {
    padding: 45px 19px !important;
}

.next-level .block-bnr-content {
    padding: 60px 40px !important;
}

.next-level .block-bnr-img img {
    height: 100%;
    margin: 0;
    object-fit: cover;
    border-radius: 0px 6px 6px 0px;
}

.next-level .block-bnr-img {
    height: 100%;
}

.next-level .blockchain-money-wrapper {
    border-radius: 6px;
}

.devops-service {
    background: #FAF9F6;
}

:root {
    --primary-bg-clr: #FFF5FF;
    --primary-txt-clr: #222A41;
    --primary-red-clr: #ED1C24;
    --bg-white: #ffffff;
    --spacer: 50px 0px;
    --spacer: 50px 0;
    --spacer-top: 50px;
    --spacer-bottom: 50px;
    --spacer-ft: 40px;
    --spacer-fb: 40px;
    --spacer-ftb: 40px 0px;
    --navy-bg: #1F235A;
    --text-light: #737373;
    --typography: "Roboto", sans-serif;
    --heading-color: #070707;
    --primary-bg: #CE272E;
    --secondary-bg: #262829;
    --primary-btn: #CE272E;
    --bg-blue: #1F235A;
    --border-radius: 10px;
    --secondary-secondary-bg: #eee;
    --shadow: 0 0px 5px 0px rgba(0, 0, 0, .10);
    --footer-bg: radial-gradient(22.19% 95.72% at 77.81% 50%, #102338 0%, #161E29 100%);
}

@font-face {
    font-family: "remixicon";
    src: url("../fonts/remixicon.eot?t=1590207869815");

    src: url("../fonts/remixicon.eot?t=1590207869815#iefix") format("embedded-opentype"),

        url("../fonts/remixicon.woff2?t=1590207869815") format("woff2"),
        url("../fonts/remixicon.woff?t=1590207869815") format("woff"),
        url("../fonts/remixicon.ttf?t=1590207869815") format("truetype"),

        url("../fonts/remixicon.svg?t=1590207869815#remixicon") format("svg");

    font-display: swap;
}

[class^="ri-"],
[class*=" ri-"] {
    font-family: "remixicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary-txt-clr);
    font-weight: 700;
}

body {
    font-family: var(--typography);
    color: var(--text-light);
}

.btn {
    color: #fff !important;
    padding: 0;
    text-transform: capitalize;
    font-size: 1.125rem;
    font-weight: 400;
}

.btn-lg {
    min-width: 150px;
    height: 50px;
    line-height: 50px;
}

.btn-md {
    min-width: 180px;
    height: 50px;
    line-height: 50px;
    padding: 0px 16px;
}

a.btn-md {
    font-size: 16px;
    font-weight: 400;
    border-radius: 6px;
}

a.btn.primary-btn,
button.btn.primary-btn {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
    padding: 0 1rem;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.btn-white {
    color: var(--primary-txt-clr) !important;
    font-weight: 600 !important;
    padding: 0 1rem;
    background-color: var(--bg-white);
}

.header__top ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.header__top ul li a img.flg-img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 5px;
}

header.site-header {
    position: sticky;
    top: 0px;
    background: #fff;
    z-index: 9;
}

@keyframes fixed {
    0% {

        transform: translateY(-100px);
    }

    100% {

        transform: translateY(0px);

    }
}

@-webkit-keyframes fixed {
    0% {

        transform: translateY(-100px);
    }

    100% {

        transform: translateY(0px);

    }
}

@-moz--keyframes fixed {
    0% {

        transform: translateY(-100px);
    }

    100% {

        transform: translateY(0px);

    }
}

.header__top ul>li:not(:last-child) {
    margin-right: 10px;
}

.header__top a {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

header.site-header div.header__top+nav.navbar {
    border-bottom: 1px solid rgb(115 115 115 / 20%);
    background: #fff;
}

.service-height {
    height: 450px;
    overflow-X: hidden;
}

.site-header .navbar-nav .nav-item .dropdown-menu ul {
    background: #fff;
    width: 100%;
    list-style-type: none;
    padding-left: 0px;
}

.site-header .navbar-nav .dropdown-menu ul li.nav-title {
    background-color: #f7f7f7;
    border: 0;
    margin-top: 10px;
}

li.nav-title~li a.dropdown-item:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

ul.ps-0 li a.dropdown-item:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.hire-b {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
}

.col-md-12.hire-b~div.col-md-3 ul li a:hover,
.col-md-12.solution-b~div.col-md-3 ul li a:hover {
    color: var(--primary-btn) !important;
    background: #fd0d0d1a !important;
}

.mobile-nav-menu.show-blk {
    display: block !important;
    width: 100%;
    margin-top: 5px;
    background: #fff;
    z-index: 2;
}

a.dropdown-item {
    position: relative;
    transition: 0.1s all ease-in;
}

span.red-arrow {
    display: block;
    width: 8px;
    top: 50%;
    bottom: 50%;
    margin: auto;
    right: 10px;
    height: 10px;
    position: absolute;
    transform: translateY(-50%);
}

span.red-arrow span {
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0px;
    height: 10px;
    opacity: 1;
    font-family: remixicon !important;
    color: var(--primary-txt) !important;
    font-size: 25px;
    line-height: 20px;
}

span.red-arrow:before {
    content: "";
    display: block;
    width: 8px;
    font-family: remixicon !important;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    height: 10px;
    position: absolute;
    opacity: 0.5;
    color: var(--primary-txt) !important;
    font-size: 25px;
    line-height: 20px;
}

span.red-arrow:after {
    content: "";
    font-family: remixicon !important;
    display: block;
    width: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    height: 10px;
    position: absolute;
    opacity: 0.3;
    color: var(--primary-txt) !important;
    font-size: 25px;
    line-height: 20px;
}

@keyframes animate-arrow-1 {
    0% {
        transform: translateX(-40px);
        opacity: 0;
    }

    70%,
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes animate-arrow-2 {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }

    70%,
    100% {
        transform: translateX(0px);
        opacity: 0.5;
    }
}

@keyframes animate-arrow-3 {
    0% {
        transform: translateX(-10px);
        opacity: 0;
    }

    70%,
    100% {
        transform: translateX(0px);
        opacity: 0.3;
    }
}

.dropdown-menu-animation {
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

.web-menu-navbar>ul li.nav-item.dropdown .dropdown-toggle::after {
    position: absolute;
    content: "";
    font-family: "remixicon";
    border: 0px !important;
    margin-left: 0px !important;
}

.dropdown-menu.megamenu .nav-pills .nav-link.active,
.dropdown-menu.megamenu .nav-pills .show>.nav-link {
    background-color: #ffffff;
    color: #1f235a !important;
    border-radius: 0px;
    text-align: end;
}

.links-tab a.nav-link:hover {
    color: var(--primary-btn) !important;
    background: #fff !important;
    border-radius: 0px !important;
}

.links-box ul li a:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5px;
    background: #ED1C24;
    z-index: 1;
    transition: transform .5s;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
}

.links-box ul li a:hover:before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.megamenu-inner {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 20%);
}

.links-tab button.nav-link {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

ul.navbar-nav.ms-auto li.nav-item:first-child .megamenu {
    width: 90% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}

ul.navbar-nav.ms-auto li.nav-item:nth-child(2) .megamenu,
ul.navbar-nav.ms-auto li.nav-item:nth-child(3) .megamenu {
    width: 80% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}

ul.navbar-nav.ms-auto li.nav-item:nth-child(3) .megamenu {
    width: 100% !important;
}

.links-box .tab-pane ul li a.dropdown-item {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

span.navicon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

span.navicon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

#nav-icon3 {
    width: 24px;
    height: 23px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 20px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.mobile-nav-menu.nw-mbl-menu.show-blk,
.mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed),
.mobile-nav-menu.nw-mbl-menu .accordion-body ul {
    background: #FAF9F6;
    box-shadow: none !important;
}

.navbar-light .navbar-toggler {
    border: none;
    padding: 0px;
}

.get-quote {
    width: 265px;
    padding: 15px;
    background: linear-gradient(97.67deg, #222A41 -9.88%, #163471 91.69%);
    border-radius: 10px;
    position: fixed;
    top: 150px;
    right: -350px;
    z-index: 5;
    transition: all .5s linear;
}

.get-quote a {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

.get-quote p {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
    line-height: 20px;
    text-transform: capitalize;
}

span.close-quote {
    position: absolute;
    content: "";
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

span.close-quote i {
    font-size: 24px;
    color: #fff;
}

p.p-md {
    font-size: 18px;
    line-height: 30px;
}

p.psize-16 {
    font-size: 16px;
    line-height: 30px;
}

section.page-not-found img {
    width: 550px;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

.whatsapp-logo img {
    position: fixed;
    content: "";
    bottom: 50px;
    right: 30px;
    border-radius: 50%;
    z-index: 1111;
}

.whatsapp-logo a img {
    animation: moveicon 1.8s infinite;
    overflow: hidden;
}

@keyframes moveicon {

    0%,
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }

    50% {
        opacity: 1;
        transform: scale(1.3, 1.3);
    }
}

.call__wrapper {
    width: 250px;
    height: auto;
    position: fixed;
    top: 50%;
    right: -250px;
    z-index: 1;
    transform: translateY(-50%);
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    display: none;
}

.call__wrapper__inner {
    width: 100%;
    height: 100%;
    background: #171717;
    padding: 25px;
    position: relative;
    color: #fff;
}

@keyframes shake {
    0% {
        transform: translate(0, 0)
    }

    1.78571% {
        transform: translate(5px, 0)
    }

    3.57143% {
        transform: translate(0, 0)
    }

    5.35714% {
        transform: translate(5px, 0)
    }

    7.14286% {
        transform: translate(0, 0)
    }

    8.92857% {
        transform: translate(5px, 0)
    }

    10.71429% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

.call__inner__img i {
    font-size: 40px;
    color: #fff;
}

.call__wrapper__inner ul {
    padding-left: 0px;
    margin-left: 0px;
}

.call__wrapper ul li:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 10px 0;
}

.call__wrapper ul li a {
    text-decoration: none;
    color: #fff;
}

.call__wrapper ul li a img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 10px;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 10px;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    padding: 0;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    display: none;
}

footer ul.social-links {
    display: flex;
    padding-left: 0px;
}

footer .footer-nav h5,
footer .footer-nav .h5 {
    margin-bottom: 40px;
    color: #fff;
}

footer.site-footer ul .nav-link {
    padding-left: 0px;
    color: #BBBDCD;
    padding-top: 0px;
    padding-bottom: 18px;
}

ul.contact-num li a {
    display: flex !important;
    align-items: center;
}

footer .copyright-wrapper a {
    text-decoration: none;
    color: #BBBDCD;
    transition: .5s all;
}

.latest-blog-block {
    border-radius: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 6px rgb(18 17 39 / 10%);
}

.latest-blog-block-img img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.latest-blog-block-img {
    height: 170px;
    width: 100%;
}

.latest-blog-block-content {
    padding: 20px;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.latest-blog-block-content h6,
.latest-blog-block-content .h6 {
    text-transform: uppercase;
    font-weight: 500;
    color: rgb(70 70 70 / 90%);
}

.latest-blog-block-content a {
    text-decoration: none;
    color: #F83D3D;
}

.latest-blog-block-content a:hover svg {
    margin-left: 8px;
    transition: .2s all linear;
}

.blog-slider .owl-nav button {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}

.blog-slider .owl-nav button.owl-prev {
    position: absolute;
    content: "";
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
}

.blog-slider .owl-nav button.owl-next {
    position: absolute;
    content: "";
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
}

section.start-form .row.justify-content-center.g-0 {
    border-radius: 20px;
    box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 10%);
}

.start-form::before {
    width: 100%;
    height: 200px;
    position: absolute;
    content: "";
    bottom: 0;
    background: var(--navy-bg);
    left: 0;
    z-index: -1;
}

.start-form-content {
    background: #fff;
    padding: 40px 60px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.start-form-content h2 {
    font-size: 45px;
    line-height: 60px;
    color: var(--primary-txt-clr);
    text-transform: capitalize;
}

.start-form-img img {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 100%;
    height: 100%;
    display: none;
}

.start-form .col-md-5.order_1.d-flex {
    background: url(../images/ios-developments/start-form-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.start-form input.btn.primary-btn {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto;
    padding: 5px 10px;
    display: none;
}

.start-form-content form .form-control {
    color: var(--primary-txt-clr);
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0px;
    border-color: var(--primary-txt-clr) !important;
    opacity: 0.5;
}

.start-form-content form textarea.form-control {
    resize: none;
    height: 0px;
}

.start-form-content form .form-control::placeholder {
    color: var(--primary-txt-clr);
    font-size: 15px;
}

.start-form-content form button.btn.btn-primary {
    padding: 7px 26px;
    border: none;
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    font-size: 16px;
    font-weight: normal;
}

.start-form-content form .col-md-6.mb-3,
.start-form-content form .col-md-12.mb-3 {
    margin-bottom: 2rem !important;
}

section.section-kickstart .start-development-block {
    border-radius: 0px;
    padding: 0px !important;
}

.ecommerce-card__blk.shadow.border-radius {
    padding: 30px 26px;
    width: 100%;
}

.ecommerce-soluions_cols>div:nth-child(3n

    /**/
    +3) .ecommerce-soluions__blk::after {
    display: none;
}

.call-action__inner {
    background: #1F235A;
    border-radius: 10px;
    position: relative;
}

.call-action__inner img {
    position: absolute;
    top: -25px;
}

.call-action__inner h4,
.call-action__inner .h4 {
    padding-left: 200px;
    padding-right: 150px;
}

.platform__box {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.platform__box--one {
    background-color: #F1A03F;
}

.portfolio button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg, #ED8A3E -7.89%, #F7413D 80%) !important;
}

.portfolio .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.listing__inner {
    border: 1px solid #EAE9F2;
    background: #fff;
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
}

.listing__inner h5,
.listing__inner .h5 {
    padding-left: 15px;
    margin-bottom: 0;
}

.listing-counter>li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 40px;
}

.listing-counter>li::before {
    counter-increment: section;
    content: counter(section);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ED1C24 0%, #ED8A3E 100%);
    position: absolute;
    left: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    line-height: 38px;
}

#section-more-review img {
    max-width: 160px;
    transition: all .2s linear;
    margin-bottom: 10px;
}

.gallery>div {
    width: calc(100% / 2 - 20px);
    margin: 8px;
}

.gallery img {
    border-radius: 8px;
    margin-bottom: 15px;
    width: 100%;
}

.hero-heading {
    color: var(--primary-txt-clr);
    font-size: 3.438rem;
}

.hero-banner-list {
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    padding-left: 0px;
}

.hero-banner-list li::before {
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../images/ios-development/check-tick.svg) center center;
    content: "";
    background-repeat: no-repeat;
    background-size: 14px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background-color: var(--primary-red-clr);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.service-provide .row .col-md-6 .service-block:hover h4,
section.service-provide .row .col-md-6 .service-block:hover p {
    color: #fff;
}

.section-intro h2 {
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 42.19px;
}

.service-block-content h4,
.service-block-content .h4 {
    text-transform: capitalize;
    margin-bottom: 15px;
    font-weight: 500;
}

.service-block:hover .service-block-content h4,
.service-block:hover .service-block-content .h4 {
    color: #fff;
}

.project-discussion {
    position: absolute;
    right: 0%;
    top: 40%;
    padding: 20px;
    color: #fff;
    border-radius: 10px;
    max-width: 220px;
    text-align: left;
    font-size: 16px;
    width: 100%;
    z-index: 2;
}

.mobile-app-development-soluions__blk img {
    box-shadow: 12px 34px 30px rgba(65, 62, 101, 0.102519);
}

.specific-requirements-bg .row [class*="col-"]:nth-child(even) {
    margin-top: 100px;
    margin-bottom: 20px;
}

.home-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(34, 42, 65, 0.8) 0%, rgba(34, 42, 65, 0) 100%);
    z-index: 0;
}

.mouse-wheel span {
    width: 7px;
    height: 20px;
    display: block;
    background: url(../images/home/wheel-icon.svg) center center/contain no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: ani-mouse 1.5s linear infinite;
    animation: ani-mouse 1.5s linear infinite;
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

.section-services.home-service .service-block {
    background: #FFFFFF;
    border: 1.5px solid rgba(35, 34, 65, 0.18);
    border-radius: 10px;
    text-align: center;
}

.section-services.home-service .service-block {
    position: relative;
    overflow: hidden;
    transition: all .5s ease-in-out;
    z-index: 1;
}

.section-services.home-service .service-block:hover::before {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    right: -30px;
    transform: scale(1.2);
}

.service-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.section-services.home-service .service-block:hover {
    background: linear-gradient(red, black);
}

.section-services.home-service .service-block:hover h4,
.section-services.home-service .service-block:hover .h4,
.section-services.home-service .service-block:hover h5,
.section-services.home-service .service-block:hover .h5,
.section-services.home-service .service-block:hover p {
    color: #fff;
}

.section-services.home-service .service-block a {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.tech-block-content {
    text-align: center;
    margin-top: 25px;
}

.tech-block-img {
    width: 100%;
    height: 100px;
}

.tech-block-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tech-slider .owl-dots {
    text-align: center;
    margin-top: 15px;
}

.tech-slider button.owl-dot {
    width: 10px;
    height: 10px;
    background: #dadada !important;
    border-radius: 50%;
    margin-right: 10px;
}

.our-client-block {
    display: flex;
    border: 1px solid #eee;
    border-radius: 20px;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, .15);
}

.our-client-block-img {
    width: 40%;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

button.btn.client-play-btn img {
    width: 120px;
    height: 120px;
}

.client-profile-img {
    width: 60px;
    height: 60px;
}

.client-profile-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}

.client-profile {
    display: flex;
    align-items: center;
}

.btn.client-play-btn {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.our-client-block-img::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.ourclient-slider .owl-nav button {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}

.ourclient-slider .owl-nav button.owl-prev {
    position: absolute;
    content: "";
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
}

.ourclient-slider .owl-nav button.owl-next {
    position: absolute;
    content: "";
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
}

.value-for-money {
    background: #1F235A;
    background-repeat: no-repeat;
    background-size: cover;
}

.value-font {
    font-size: 50px;
    letter-spacing: 2px;
    font-weight: 700;
}

.value-box ul {
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
    padding-left: 0px;
}

.value-box ul li {
    border-right: 1px solid #ffffff36;
    padding: 0px 5%;
}

.value-box span {
    padding-bottom: 2px;
    border-bottom: 3px solid #fff;
}

.value-box p {
    font-size: 20px;
    margin-top: 10px;
}

span.counter-text:after {
    position: absolute;
    content: "+";
}

.steps__blk:hover span.counter-01+div h5 {
    color: #f04037;
}

.steps__blk:hover span.counter-02+div h5 {
    color: #06a787;
}

.steps__blk:hover span.counter-03+div h5 {
    color: #feba38;
}

.steps__blk:hover span.counter-04+div h5 {
    color: #cd5eff;
}

.steps__blk:hover span.counter-05+div h5 {
    color: #1355ff;
}

.steps__blk:hover span.counter-06+div h5 {
    color: #24c5f9;
}

.steps__blk:hover span.counter-07+div h5 {
    color: #2d87ea;
}

.steps__blk:hover span.counter-08+div h5 {
    color: #28b01d;
}

.innovation-content {
    background: #0054AE;
    width: 100%;
    height: 100%;
    padding-left: 100px;
    padding-right: 100px;
    position: relative;
}

.innovation-content::before {
    position: absolute;
    content: "";
    top: 30%;
    right: -15%;
    width: 350px;
    height: 350px;
    background: #004288;
    border-radius: 50%;
    transform: translateY(-30%);
}

.innovation-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.innovation-main-heading {
    position: absolute;
    content: "";
    top: 35%;
    right: 0;
}

.innovation-projects {
    position: absolute;
    content: "";
    bottom: 10%;
    width: 75%;
}

.form-ios {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    width: 100%;
    margin-left: auto;
}

.form-ios h2 {
    margin-bottom: 10px !important;
    font-size: 30px;
    letter-spacing: 1px;
}

.form-ios input.form-control {
    border: none;
    background: #F4F4F4;
    height: 50px;
}

.form-ios textarea.form-control {
    border: none;
    background: #F4F4F4;
    height: 70px;
    resize: none;
}

.form-ios .btn.btn-primary {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    border: none;
    min-width: 170px !important;
    padding: 10px 20px;
    margin-top: -25px;
}

.section-ios-bg {
    background: url(../images/ios-developments/banner-ios.webp) rgb(34 42 65 / 80%);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-ios-bg .hero-heading,
.section-ios-bg p,
.hero-banner-list li {
    color: #fff;
}

.ios-gallery img {
    border-radius: 15px;
    margin-bottom: 25px;
    width: 100%;
}

.ios-gallery-content {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    padding: 20px;
    width: 75%;
}

.ios-gallery-content a {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ios-gallery-content a:hover {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.btn.casestudies-btn {
    color: #F83D3D !important;
    border: 1px solid #F83D3D;
    border-radius: 5px;
    padding: 10px 20px;
}

.section-testimonial {
    background: url(../images/ios-developments/testimonial-bg.jpg) #7e7e7e;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
}

.testimonial-block {
    background: #000;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.playpause {
    background-image: url(../images/ios-developments/play-btn.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 5%;
    bottom: 5%;
    margin: auto;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.section-services.go-global {
    background: url(../images/ios-developments/global-bnr.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.global-service-block {
    border-radius: 10px;
    position: relative;
}

.global-service-block-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-radius: 10px;
}

.global-service-block-content {
    padding: 20px;
    background: #34477E;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: .5s all ease-in-out;
}

.global-service-block-content h4,
.global-service-block-content .h4 {
    color: #fff;
}

.global-service-block:hover .global-service-block-content h4,
.global-service-block:hover .global-service-block-content .h4 {
    color: var(--primary-txt-clr);
}

.global-service-block-content {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    height: 90px;
}

.global-slider .owl-nav {
    position: absolute;
    content: "";
    bottom: 15px;
    right: 35px;
    background: #fff;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.start-development-block {
    width: 100%;
    border-radius: 10px;
    padding: 30px 20px;
}

.border-gradient {
    background-image: linear-gradient(#ED1C24 -24%, transparent 96%);
    position: relative;
    z-index: 1;
}

.border-gradient::before {
    content: "";
    display: block;
    background-color: white;
    position: absolute;
    border-radius: 5px;
    height: 95%;
    width: 99%;
    z-index: -1;
    left: 5px;
    right: 0;
    bottom: 7px;
}

.intro ul li {
    line-height: 40px;
    font-weight: 500;
    font-size: 18px;
    color: var(--primary-txt-clr);
}

.section-education-bg {
    background: url(../images/education-images/education-hero-bg.webp) rgb(34 42 65 / 80%);
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-education-bg .hero-heading,
.section-education-bg p,
.hero-banner-list li {
    color: #fff;
}

section.hero.section-education-bg .hero-banner-list li,
section.hero.section-education-bg h1+p {
    font-size: 18px !important;
}

.img-section figure {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.img-section figure::after {
    content: "";
    position: absolute;
    left: 30px;
    top: 30px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: -2;
    background-image: linear-gradient(transparent 10%, #ED8A3E 96%);
}

.img-section figure::before {
    content: "";
    position: absolute;
    left: 37px;
    top: 45px;
    width: 97%;
    height: 100%;
    z-index: -1;
    background-color: #fff;
    border-radius: 10px;
    right: 0;
    margin: auto;
    bottom: 0px;
}

.app__blk {
    border: none !important;
    border-radius: 10px;
    overflow: hidden;
}

.app__blk .bottom-img {
    width: 100%;
    max-height: 400px;

    height: 100%;
}

.app__blk h4,
.app__blk .h4 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.app__blk a {
    margin-bottom: 30px;
    color: #000;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #000;
    display: inline-flex;
}

section.learning-solutions:before {
    position: absolute;
    content: "";
    width: 490px;
    height: 197px;
    border-radius: 51%;
    background: #979797;
    opacity: .3;
    top: -17%;
    right: -18%;
}

.learning-solutions:after {
    position: absolute;
    content: "";
    width: 100%;
    background: url(../images/education-images/white-curve.png);
    bottom: -1px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    height: 100px;
}

section.specific-requirements,
.service-provide {
    background: url(../images/education-images/yellow-dottedline.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 110% 215px;
}

.education-services .service-block {
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    padding: 20px 30px;
    transition: all .5s linear;
}

.education-services .service-block img {
    background: red;
    width: 75px;
    height: 75px;
    object-fit: none;
    border-radius: 10px;
    margin-right: 15px;
}

.work-transparency .swiper-item span {
    width: 116px;
    height: 116px;
    border: 2px solid rgba(34, 42, 65, 0.05);
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.work-transparency .swiper-item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/education-images/arrow-dashed.svg);
    background-repeat: no-repeat;
    background-position: 135px 50px;
}

.work-transparency .swiper-item h5,
.work-transparency .swiper-item .h5 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.work-transparency .swiper-slide.swiper-slide-active span {
    background: #ED1C24;
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.03);
}

.section-kickstart {
    width: 100%;
    height: 100%;
    background: url(../images/education-images/kickstart-banner.webp) #222A41;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    opacity: 80%;
    padding: 100px 0px;
}

.service-provide .service-block span {
    width: 80px;
    height: 80px;
    background: #E2F6F2;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

section.service-provide:before {
    position: absolute;
    content: "";
    width: 265px;
    height: 265px;
    background: #EAF3FE;
    border-radius: 50%;
    top: 10%;
    left: -10%;
    z-index: -1;
}

section.service-provide h2+p {
    line-height: 30px;
}

.webdesign-service-provide .row .col-md-5 {
    position: sticky;
    top: 150px;
}

ul.new-banner-list li {
    position: relative;
    color: #fff;
    list-style: none;
    font-size: 20px;
    line-height: 50px;
    padding-left: 30px;
}

.know-more-about-wrapper {
    background: #F6C7A3;
    padding: 50px 33px;
    text-align: center;
}

.know-more-inner-blk {
    padding: 25px;
    background: #fff;
    border-radius: 15px;
    text-align: center;
}

.know-more-img {
    width: 100px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.know-more-inner-blk h3,
.know-more-inner-blk h2 {
    margin: 15px auto;
    font-weight: 500;
}

.know-more-about-wrapper .know-more-inner-blk+h4+p {
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
}

.know-more-about-wrapper h4,
.know-more-about-wrapper .h4 {
    margin: 20px auto;
}

span.red-bg:before {
    position: absolute;
    content: "";
    top: -6px;
    left: -5px;
    background: url(../images/mobile-images/red-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

span.red-bg:after {
    position: absolute;
    content: url(../images/mobile-images/arrow-line.png);
    top: -20px;
    right: -100%;
    width: 100%;
    height: 100%;
}

.mobile-service-dev .service-block {
    box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
    border-radius: 15px;
    padding-left: 18px;
    padding-right: 18px;
}

.mobile-service-dev .service-block span {
    width: 80px;
    height: 80px;
    background: #E2F6F2;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.mobile-service-dev .row .col-md-3:nth-child(3) .service-block span {
    background: #ffe3c6;
}

.mobile-service-dev .row .col-md-3:last-child .service-block span {
    background: #E2F3F8;
}

.mobile-service-dev .row .col-md-3:first-child .service-block:hover {
    background: #2CA88F;
}

.mobile-service-dev .row .col-md-3:nth-child(2) .service-block:hover {
    background: #f04037;
}

.mobile-service-dev .row .col-md-3:nth-child(3) .service-block:hover {
    background: #ec963f;
}

.mobile-service-dev .row .col-md-3:last-child .service-block:hover {
    background: #05a9dd;
}

.mobile-service-dev .service-block:hover .service-block-content h4,
.mobile-service-dev .service-block:hover .service-block-content .h4,
.mobile-service-dev .service-block:hover .service-block-content p {
    color: #fff;
}

.mobile-dev-process .service-block {
    box-shadow: 0px 0px 10px rgb(151 151 151 / 10%);
    border: none !important;
    padding-left: 20px;
    padding-right: 20px;
}

.mobile-dev-process .service-block-content p {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 26px;
}

.mobile-dev-process .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #FE6A92 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #258AFF !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #F5A623 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #22B0FC !important;
}

.mobile-dev-process .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #E45151 !important;
}

.mobile-dev-process .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #2AA6CB !important;
}

.mobile-dev-process .row:last-child .col-lg-4 .service-block:hover .service-img {
    background: #fff !important;
}

.new-partnership-modal .service-block .service-block-content h4,
.new-partnership-modal .service-block .service-block-content .h4 {
    font-size: 22px;
}

.section-why-hire-us .row:last-child .col-lg-4:first-child .service-block:hover {
    background: #FFC102 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(2) .service-block:hover {
    background: #2CA88F !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(3) .service-block:hover {
    background: #6B6BED !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(4) .service-block:hover {
    background: #F04037 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:nth-child(5) .service-block:hover {
    background: #BE4F15 !important;
}

.section-why-hire-us .row:last-child .col-lg-4:last-child .service-block:hover {
    background: #F29100 !important;
}

.section-why-hire-us .row:last-child .col-lg-4 .service-block:hover .service-img {
    background: #fff !important;
}

.our-built-slider .global-service-block .global-service-block-content h4,
.our-built-slider .global-service-block .global-service-block-content .h4 {
    margin-bottom: 0px;
    margin-top: 30px;
}

.our-built-slider .global-service-block:hover .global-service-block-content h4,
.our-built-slider .global-service-block:hover .global-service-block-content .h4 {
    color: #fff;
}

.our-built-slider .global-service-block-img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.slide-icons {
    width: 82px;
    height: 82px;
    margin: 0 auto;
    background: #34477e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
}

.slide-icons span {
    width: 70px;
    height: 70px;
    display: block;
    padding: 15px;
    background: #FF8B8A;
    border-radius: 50%;
    margin: 0 auto;
}

.slide-icons span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.support-blks {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 24px;
    height: 100%;
}

.support-blks span {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-txt-clr);
    margin-top: 20px;
    margin-bottom: 15px;
    display: block;
}

.support-blks-img {
    width: 82px;
    height: 82px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq-blocks .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.7) !important;
}

.faq-blocks .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: rotate(-227deg) !important;
}

.faq-blocks button.accordion-button {
    font-size: 18px;
    font-weight: 500;
    padding: 16px 24px;
}

.faq-blocks .accordion-button:not(.collapsed) {
    color: var(--primary-txt-clr);
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.faq-blocks .accordion-flush .accordion-collapse {
    border-left: 0px !important;
    border-radius: 0px !important;
    border-bottom: 0px !important;
    border-top: 1px solid #eee;
}

.dating-hero-section h1 {
    font-size: 47px !important;
    line-height: 65px;
}

section.dating-hero-section p {
    margin-top: 20px;
    margin-bottom: 30px;
}

.dating-hero-section span.oval-style:before {
    position: absolute;
    content: "";
    top: -13px;
    left: -24px;
    width: 116%;
    height: 145%;
    background: url(../images/dating-images/dating-hero-path.svg);
    background-repeat: no-repeat;
    display: block;
    z-index: -1;
}

section.excellent-feature h2+p {
    margin: 20px auto;
}

.excellent-img {
    position: sticky;
    top: 100px;
}

.excellent-block {
    padding: 25px 30px;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background: #fff;
    transition: all .5s linear;
}

.excellent-inner-blk {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.excellent-inner-blk span {
    width: 30px;
    margin-right: 10px;
}

.excellent-inner-blk span svg {
    width: 30px;
    height: 30px;
}

.excellent-inner-blk h5,
.excellent-inner-blk .h5 {
    width: calc(100% - 40px);
}

.excellent-block:hover h5,
.excellent-block:hover .h5,
.excellent-block:hover p {
    color: #fff;
}

.banner-btn-blk {
    width: 250px;
    height: 250px;
    background: #ff8e8e1a;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

ul.dating-panel-list {
    display: flex;
    flex-wrap: wrap;
}

ul.dating-panel-list li {
    flex-basis: 50%;
    padding: 20px 0px;
    font-size: 18px;
    color: #222A41;
}

.effective-banner {
    background: url(../images/dating-images/effeective-banner.png) #FF8E8E;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position: center;
    border-radius: 20px;
    width: 100%;
    margin: 0 auto;
}

.effective-banner-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.effective-banner-img a {
    position: absolute;
    top: 40%;
    right: 10%;
}

section.why-choose-dating .service-block .service-img {
    width: 56px;
    height: 56px;
    margin-right: 20px;
}

section.why-choose-dating .service-block .service-block-content h5,
section.why-choose-dating .service-block .service-block-content .h5 {
    font-weight: 500;
}

section.why-choose-dating .row:last-child .col-lg-4:last-child .service-img {
    background: #EAEAF7;
}

section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover h5,
section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover .h5,
section.why-choose-dating .row:last-child .col-lg-4 .service-block:hover p {
    color: #fff;
}

.our-success-stories button.owl-dot:before,
.our-success-stories .history-slider button.owl-dot span::before {
    background: #fff !important;
}

.efficient-banner {
    background: #FF8E8E;
    border-radius: 30px;
    width: 100%;
    margin: 0 auto;
}

.efficient-img {
    background: url(../images/dating-images/efficient-banner.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.infinite-new-slider .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.infinite-new-slider .bs-slide-blk {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.provide-icon-div {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(34 42 65 / 7%);
    border-radius: 10px;
    padding: 15px 55px;
}

.provide-icon-div span {
    width: 40px;
    height: 40px;
    margin-right: 30px;
}

.statistics-content {
    width: 47%;
    position: absolute;
    content: "";
}

.line:after {
    position: absolute;
    content: "";
    top: -8px;
    right: 0;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
}

.line {
    width: 20%;
    height: 100%;
    content: "";
    position: absolute !important;
    left: 0px;
    top: 0px;
    background: #fff !important;
}

ul.tabs-slide li {
    flex-basis: 20%;
    background: rgba(255, 255, 255, 0.4);
    position: relative;
    transition: all .8s linear;
}

ul.tabs-slide .nav-link.active,
ul.tabs-slide .nav-link {
    width: 100%;
    text-align: left;
    padding: 2px;
}

ul.tabs-slide .nav-link:before {
    position: absolute;
    content: "2009 - 2011";
    font-size: 18px;
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -30px;
}

ul.tabs-slide li:nth-child(2) .nav-link:before {
    position: absolute;
    content: "2012 - 2014";
}

ul.tabs-slide li:nth-child(3) .nav-link:before {
    position: absolute;
    content: "2015 - 2017";
}

ul.tabs-slide li:nth-child(4) .nav-link:before {
    position: absolute;
    content: "2018 - 2020";
}

ul.tabs-slide li:nth-child(5) .nav-link:before {
    position: absolute;
    content: "2021 - Running";
}

.bg-light-pink {
    background-color: #FFE2EC;
}

.dating-grid-row {
    border-radius: 30px;
    background: var(--white, #FFF);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.dating-grid-block {
    text-align: center;
    position: relative;
    padding: 20px 20px;
}

.dating-grid-img {
    margin-bottom: 20px;
}

.apps-slider-img {
    border-radius: 20px;
    padding: 30px 0;
    text-align: center;
}

.bg-pink-clr {
    background: linear-gradient(180deg, #FE635E 0%, #FD3873 100%);
}

.bg-blue-clr {
    background: #03526D;
}

.bg-yellow-clr {
    background: #E5AB0A;
}

.bg-purple-clr {
    background: #A36C9B;
}

.apps-slider-content-wrapper {
    border-radius: 20px;
    background: var(--white, #FFF);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 35px 25px;
    height: 100%;
}

.apps-slider {
    height: 100%;
}

.apps-slider-pagination>div {
    position: unset !important;
    display: flex;
    width: 50px;
    height: 50px;
    padding: 15px;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    border: 1px solid #A6A6A6;
}

.apps-slider-pagination>div:hover {
    background-color: #FB4470;
    border-color: #FB4470;
}

.apps-slider-pagination>div:hover svg path {
    stroke: #fff;
}

.apps-slider-pagination>div::after {
    display: none !important;
}

.apps-slider-pagination {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: -30px !important;
}

.apps-slider-content>img {
    width: 25%;
}

.dating-cta .btn {
    background-color: #fff !important;
    color: #121212 !important;
}

.disuss-reuirment {
    background: #fff3f4;
}

.food-hero span.oval-style:before {
    position: absolute;
    content: "";
    background: url(../images/food-images/food-path.svg);
    background-repeat: no-repeat;
    top: -25px;
    left: -17px;
    width: 150%;
    height: 115px;
    display: block;
    z-index: -1;
}

.food-features .service-img {
    border-radius: 20px;
    border: 1.5px solid #ECECEC;
    background: #fff;
    margin: 0;
}

.food-features .service-block {
    background: #fff;
    padding: 38px 26px;
    border: 1px solid transparent;
    border-radius: 40px;
    transition: all .5s linear;
}

section.food-efficient-bnr {
    background: rgb(252 96 17 / 6%);
    border-radius: 32px;
    margin: 0px 90px;
}

.recent-service-img,
.recent-service-img img {
    border-radius: 10px;
}

.recent-service-content h4,
.recent-service-content .h4 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.kickstart-new-bg {
    background-image: radial-gradient(50% 50% at 50% 50%, rgba(34, 42, 65, 0.75) 0%, hwb(227deg 5% 76% / 70%) 100%), url(../images/education-images/kickstart-banner.webp);
    background-size: cover;
    background-blend-mode: normal;
    opacity: 1;
}

section.food-clone .service-block {
    background: #070E25;
    padding: 30px 17px;
    border: 1px solid #737373;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

section.food-clone .service-block:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #FFF;
    transition: all .5s linear;
    z-index: -1;
}

section.food-clone .service-img {
    width: 100%;
    height: 60px;
    background: transparent;
}

section.food-clone .service-block h5,
section.food-clone .service-block .h5 {
    color: #fff;
    text-align: center;
    margin: 15px auto;
}

section.food-clone .service-block:hover h5,
section.food-clone .service-block:hover .h5 {
    color: #070E25;
}

section.food-clone .row:last-child .col-md-4:first-child .service-block:hover svg path {
    fill: #CB202D;
    ;
}

section.food-clone .row:last-child .col-md-4:nth-child(2) .service-block:hover svg path {
    fill: #FC8019;
    ;
}

section.food-clone .row:last-child .col-md-4:last-child .service-block:hover svg path:last-child {
    fill: #000;
    ;
}

section.about-section .hero-about-us h1 {
    font-size: 110px !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #222A41;
    letter-spacing: 2px;
    opacity: .2;
}

.hero-about-us {
    padding-bottom: 20px;
    border-bottom: 1px solid #D9DBE9;
}

.hero-baout-social-media ul {
    display: flex;
    padding-left: 0px;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

.hero-baout-social-media ul li {
    list-style: none;
    flex-basis: 21%;
    margin-right: 20px;
}

.hero-baout-social-media ul li:nth-child(3) svg:hover path:nth-child(2),
.hero-baout-social-media ul li:nth-child(3) svg:hover path:last-child {
    fill: #222A41;
}

.about-points span {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary-txt-clr);
    margin: 30px 0px 20px 0px;
    display: block;
}

.about-points p {
    text-align: left;
    margin-bottom: 0px;
}

.history-img-block img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.glass {
    width: 343px;
    height: 460px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.history-slide {
    width: 100%;
    height: 100%;
}

.history-img-block.glass:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 0px;
    width: calc(100% + 100px);
    height: calc(100% + 5px);
    background: url(../images/about-us/history-glass.png);
    background-size: contain;
    transform: rotateZ(20deg);
    background-repeat: no-repeat;
    z-index: -1;
}

@keyframes glassbefore {
    0% {
        transform: rotate(20deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(20deg);
    }

    75% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(20deg);
    }
}

.history-img-block.glass:after {
    position: absolute;
    content: "";
    top: -5px;
    left: 0px;
    width: calc(100% + 100px);
    height: calc(100% + 5px);
    background: url(../images/about-us/history-glass.png);
    background-size: contain;
    transform: rotateZ(8deg);
    background-repeat: no-repeat;
    z-index: -1;
}

@keyframes glassafter {
    0% {
        transform: rotate(8deg);
    }

    25% {
        transform: rotate(4deg);
    }

    50% {
        transform: rotate(8deg);
    }

    75% {
        transform: rotate(4deg);
    }

    100% {
        transform: rotate(8deg);
    }
}

.glass-div {
    position: absolute;
    content: "";
    top: -20px;
    left: 0px;
    width: calc(100% + 100px);
    height: calc(100% + 5px);
    background: url(../images/about-us/history-glass.png);
    background-size: contain;
    transform: rotateZ(-10deg);
    background-repeat: no-repeat;
    z-index: -1;
}

@keyframes glassdiv {
    0% {
        transform: rotate(-10deg);
    }

    25% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-10deg);
    }
}

.our-history .nav-pills li.active .nav-link,
.our-history .nav-pills .show>.nav-link {
    background-color: transparent;
    color: #EC963F !important;
    border-bottom: 1px solid #EC963F;
    border-radius: 0px;
}

.our-history .nav-pills .nav-link {
    background-color: transparent;
    color: #fff !important;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
}

ul.history-list li {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    color: #fff;
}

ul.history-list li:before {
    position: absolute;
    content: "";
    top: 10%;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/about-us/history-li-arrow.svg);
    background-repeat: no-repeat;
}

.history-slider button.owl-dot {
    width: 20%;
}

.history-slider button.owl-dot span {
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 4px;
    border-radius: 0;
    display: block;
    position: relative;
}

.history-slider button.owl-dot span::before {
    width: 0%;
    height: 100%;
    background: #FFD964;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    animation: slidebar1 5s linear;
    animation-fill-mode: forwards;
}

.history-slider button.owl-dot span::after {
    position: absolute;
    content: "2009";
    left: 0;
    top: 26px;
    color: #fff;
    font-size: 18px;
}

.history-slider button.owl-dot:before {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
    width: 18px;
    height: 18px;
    background: #FFD964 !important;
    border-radius: 50%;
}

.history-slider button.owl-dot:nth-child(2) span::before {
    animation-delay: 5s;
}

.history-slider button.owl-dot:nth-child(3) span::before {
    animation-delay: 10s;
}

.history-slider button.owl-dot:nth-child(4) span::before {
    animation-delay: 15s;
}

.history-slider button.owl-dot:nth-child(5) span::before {
    animation-delay: 20s;
}

@keyframes slidebar1 {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.founder-section .project-discussion {
    position: absolute;
    right: -5%;
    top: 15%;
    background: #fff;
    box-shadow: 0px 0px 4px -1px rgb(0 0 0 / 15%);
    padding: 15px 24px;
}

.founder-section .custom-image-border-radius,
.founder-section .img-section figure::before,
.founder-section .img-section figure::after {
    border-radius: 40px;
}

.founder-section .img-section figure::before {
    left: 36px;
    top: 43px;
    width: 97%;
    height: 100%;
}

.founder-section span.heading {
    font-size: 18px;
    font-weight: 600;
}

.core-value-wrapper {
    display: flex;
    align-items: center;
    padding: 70px 40px;
    position: relative;
}

.core-value-wrapper p {
    font-size: 20px;
    line-height: 30px;
}

.core-value-wrapper:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0px;
    width: 1.5px;
    height: 50%;
    background: #222A41;
    opacity: .06;
    transform: translateY(-50%);
}

.core-value-wrapper:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    height: 1.5px;
    background: #222A41;
    opacity: .06;
    margin: 0 auto;
}

section.our-core-values .row:last-child .col-md-4:first-child .core-value-wrapper:before,
section.our-core-values .row:last-child .col-md-4:nth-child(2) .core-value-wrapper:before {
    top: 25% !important;
}

section.our-core-values .row:last-child .col-md-4:nth-child(4) .core-value-wrapper:before,
section.our-core-values .row:last-child .col-md-4:nth-child(5) .core-value-wrapper:before {
    top: 75% !important;
}

.our-core-values .row:nth-child(2) .col-md-4:nth-child(3) .core-value-wrapper:before,
.our-core-values .row:nth-child(2) .col-md-4:last-child .core-value-wrapper:before {
    display: none;
}

.our-core-values .row:nth-child(2) .col-md-4:nth-child(4) .core-value-wrapper:after,
.our-core-values .row:nth-child(2) .col-md-4:nth-child(5) .core-value-wrapper:after,
.our-core-values .row:nth-child(2) .col-md-4:last-child .core-value-wrapper:after {
    display: none;
}

.all-img-box img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.achievement-wrapper .achievement-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 36px;
    border-radius: 20px;
    color: #fff;
    transform: rotateY(180deg);
}

.achievement-icon,
.achievement-text {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-counters li:first-child span.counter-text:after,
.about-counters li:last-child span.counter-text:after {
    position: absolute;
    content: "+";
}

.blockchain-hero h1 {
    font-size: 55px;
    font-weight: 500;
}

.blockchain-hero p {
    margin-top: 15px;
    margin-bottom: 30px;
}

.blockchain-dev .service-block-content p {
    color: var(--text-light) !important;
}

.blockchain-dev .service-block:hover .service-block-content p {
    color: #fff !important;
}

.key-benefit-block button.nav-link.active h5,
.key-benefit-block button.nav-link.active .h5 {
    color: #fff !important;
}

.key-benefit-block ul li {
    flex-basis: 23.4%;
}

.key-benefit-block button.nav-link.active svg path,
.key-benefit-block button.nav-link.active svg rect {
    fill: #fff;
}

.blockchain-tabs-text span {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.key-benefit-block ul li:nth-child(2),
.key-benefit-block ul li:last-child {
    padding-top: 30px;
}

.hw-work-block {
    text-align: center;
    padding: 20px 40px;
    position: relative;
}

.hw-work-block h5,
.hw-work-block .h5 {
    margin-top: 20px;
    margin-bottom: 15px;
}

.col-lg-4:not(:first-child) .hw-work-block:before {
    position: absolute;
    content: "";
    top: 45%;
    right: -15%;
    width: 70px;
    height: 20px;
    background: url(../images/blockchain-images/blk-right-arrow.svg);
    background-repeat: no-repeat;
    transform: translateY(-45%);
}

.col-lg-4:nth-child(3) .hw-work-block:before {
    top: 100%;
    left: 40%;
    width: 70px;
    height: 20px;
    transform: rotateZ(90deg);
}

.col-lg-4:nth-child(5) .hw-work-block:before {
    top: 45%;
    left: -10%;
    width: 70px;
    height: 20px;
    transform: translateY(-45%) rotateZ(180deg);
}

.col-lg-4:nth-child(6) .hw-work-block:before {
    top: 45%;
    left: -10%;
    width: 70px;
    height: 20px;
    transform: translateY(-45%) rotateZ(180deg);
}

.col-lg-4:nth-child(7) .hw-work-block:before {
    top: 45%;
    right: -10%;
    width: 70px;
    height: 20px;
    transform: translateY(-45%);
}

.hw-work-img img {
    width: 100%;
    height: 190px;
    object-fit: contain;
}

.blockchain-platform p {
    color: rgb(255 255 255 / 80%);

    padding-right: 3rem;
}

.main-container {
    min-height: 100vh;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 560px;
    overflow: hidden;
}

.main {
    margin: 0px auto;
    width: 480px;
    height: 480px;
    position: relative;
}

.big-circle {
    height: 100%;
    width: 100%;
    position: relative;
    border: 1.5px dashed #979797;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    animation: Rotate 20s linear infinite;
    -webkit-animation: Rotate 20s linear infinite;
}

.icon-block {
    width: 64px;
    height: 64px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: #fff;
}

.icon-block img {
    margin: 0px auto;
    width: 43px;
    height: 43px;
    object-fit: contain;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;
}

.icon-block:first-child {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(2) {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}

.icon-block:nth-child(3) {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
}

.icon-block:nth-child(4) {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(5) {
    top: 84%;
    left: 14%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(6) {
    top: 13%;
    left: 84%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(7) {
    top: 12%;
    left: 17%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(8) {
    top: 83%;
    left: 87%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.big-circle .icon-block:nth-child(3),
.big-circle .icon-block:nth-child(4),
.big-circle .icon-block:nth-child(6) {
    width: 110px;
    height: 110px;
}

.big-circle .icon-block:nth-child(3) img,
.big-circle .icon-block:nth-child(4) img,
.big-circle .icon-block:nth-child(6) img {
    width: 60px;
    height: 60px;
}

.circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 55%;
    height: 55%;
    border: 1.5px dashed #979797;
    border-radius: 50%;
}

.circle .icon-block img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    animation: img-rotate 20s linear infinite;
    -webkit-animation: img-rotate 20s linear infinite;
}

.small-circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 30%;
    height: 30%;
    border: 1.5px dashed #979797;
    border-radius: 50%;
}

.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.center-logo {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-logo img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

@keyframes Rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes Rotate-reverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes Rotate-reverse {
    from {
        -webkit-transform: rotate(360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes circle-rotate {
    from {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

@-webkit-keyframes circle-rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(405deg);
    }
}

@keyframes img-rotate {
    from {
        transform: rotate(-45deg);
    }

    to {
        transform: rotate(-405deg);
    }
}

@-webkit-keyframes img-rotate {
    from {
        -webkit-transform: rotate(-45deg);
    }

    to {
        -webkit-transform: rotate(-405deg);
    }
}

.why-choose-blockchain .service-block:hover h5,
.why-choose-blockchain .service-block:hover .h5,
.why-choose-blockchain .service-block:hover p {
    color: #fff;
}

.block-bnr-content,
.block-bnr-content-new {
    padding-left: 60px;
}

.block-bnr-content p {
    margin-top: 15px !important;
    margin-bottom: 30px !important;
}

ul.blockchain-tech-tabs li .nav-link {
    font-size: 20px;
    font-weight: 500;
    color: #979797 !important;
}

ul.blockchain-tech-tabs li .nav-link.active {
    color: #EC963F !important;
    background: transparent !important;
    border-bottom: 1px solid #EC963F;
    border-radius: 0px;
}

.blkchain-tabs-company h5,
.blkchain-tabs-company .h5 {
    font-weight: 500;
}

.blk-industry-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

.blk-industry-inner {
    width: 100%;
    height: 100%;
    padding: 22px 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 9%);
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.blk-industry-inner h5,
.blk-industry-inner .h5 {
    margin-bottom: 0px;
    font-weight: 500;
    margin-left: 25px;
}

.blockchain-slider button.owl-dot {
    background: #dadada !important;
    width: 12px;
    height: 12px;
    border-radius: 20px;
}

section.angular-hero {
    background: url(../images/angular-images/hireangular_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hire-kotlin-hero {
    background: url(../images/angular-images/hirekotlin_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.reactjs-hero {
    background: url(../images/angular-images/hirereact_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.vuejs-hero {
    background: url(../images/angular-images/hirevuejs-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireapp-hero {
    background: url(../images/angular-images/hireapp-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireuiux-hero {
    background: url(../images/angular-images/hireuiux_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirenodejs-hero {
    background: url(../images/angular-images/hirenodejs-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirebubble-hero {
    background: url(../images/angular-images/hirebubble_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirelaravel-hero {
    background: url(../images/angular-images/hirelaravel-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireshopify-hero {
    background: url(../images/angular-images/hireshopify_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirewordpress-hero {
    background: url(../images/angular-images/hirewordpress_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirewebflow-hero {
    background: url(../images/angular-images/hirewebflow_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireandroid-hero {
    background: url(../images/angular-images/hireandroid-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireblockchain-hero {
    background: url(../images/angular-images/hireblockchain_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireflutter-hero {
    background: url(../images/angular-images/hireflutter_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirereactnative-hero {
    background: url(../images/angular-images/hirereactnative_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirephp-hero {
    background: url(../images/angular-images/hirephp-banner-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirefullstack-hero {
    background: url(../images/angular-images/hirefullstack-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireweborphan-hero {
    background: url(../images/angular-images/orphan-web-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireapporphan-hero {
    background: url(../images/angular-images/orphan-app-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hireitorphan-hero {
    background: url(../images/angular-images/orphan-it-hero-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hiresolidity-hero {
    background: url(../images/angular-images/hiresolidity-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirepython-hero {
    background: url(../images/angular-images/hirepython-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hirefrontend-hero {
    background: url(../images/angular-images/hirefrontend-hero.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.hiredevops-hero {
    background: url(../images/angular-images/hiredevops_banner01.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.uberclone-hero {
    background: url(../images/angular-images/uberclone-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.whatsappclone-hero {
    background: url(../images/angular-images/whatsappclone-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

section.tinderclone-hero {
    background: url(../images/angular-images/tinderclone-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.hiring-hero ul.new-banner-list {
    margin-top: 15px;
    margin-bottom: 30px;
}

.angular-reviews .hero-baout-social-media p {
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 18px;
}

.common-hiring-section .row .col-lg-6:first-child {
    padding-left: calc(50% - 560px) !important;
}

.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/dedicated-angular.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.kotlin-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/kotlin-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.reactjs-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/react-mbl-dash.png);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.vuejs-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/vuejs-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireapp-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/app-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireuiux-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/uiux-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirenodejs-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/nodejs-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirebubble-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/bubble-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirelaravel-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/laravel-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireshopify-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/shopify-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirewordpress-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/wordpress-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirewebflow-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/webflow-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireandroid-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/android-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireblockchain-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/blockchain-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireflutter-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/flutter-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hiredevops-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/devops-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirereactnative-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/reactnative-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirephp-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/php-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirefullstack-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/fullstack-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireweborphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/orphan-web-dash-mbl.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireapporphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/orphan-app-dash-mbl.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hireitorphan-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/orphan-it-dash-mbl.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hiresolidity-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/solidity-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-position: center;
}

.hirepython-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/python-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

.hirefrontend-capabilities.common-hiring-section .row .col-lg-6:last-child {
    background: url(../images/angular-images/frontend-mbl-dash.webp);
    background-size: cover;
    padding: 275px 80px;
    padding-left: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

.common-hiring-text-block h2,
.common-hiring-text-block h3 {
    margin-bottom: 15px;
}

.program-expertise-icon {
    width: 40px;
    height: 40px;
}

.program-expertise-list-block h5,
.program-expertise-list-block .h5 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.program-expertise-block {
    position: sticky;
    top: 120px;
    border-right: 1.5px solid #F2F2F2;
    margin-right: -20px;
    padding-right: 20px;
}

.hire-expert-img {
    width: 214px;
    height: 214px;
    margin: 0 auto;
    margin-bottom: 35px;
}

.hire-expert-detail h5,
.hire-expert-detail .h5 {
    font-size: 22px;
}

.hire-expert-detail ul {
    display: flex;
    gap: 30px;
}

.hire-expert-detail p>a {
    color: #FFD964;
    text-decoration: none;
    padding-left: 10px;
}

.hire-expert-btnlink ul {
    display: flex;
    justify-content: space-between;
}

.hire-expert-btnlink li a.btn.btn-trpt {
    font-size: 14px;
    font-weight: 400;
    color: rgb(255 255 255 / 70%) !important;
    min-width: 93px;
    border: 1px solid rgb(255 255 255 / 70%);
    border-radius: 20px;
    padding: 8px 26px;
}

.hire-expert-btnlink li a.btn:focus,
a.btn-load:focus {
    box-shadow: none;
}

a.btn-load {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    margin-top: 40px;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 400;
}

a.btn-load:hover {
    color: #F83D3D !important;
    border-bottom-color: #F83D3D;
}

.why-hire-angular-dev .service-block-content h5,
.why-hire-angular-dev .service-block-content .h5 {
    font-weight: 500;
}

section.common-why-hire-us .row {
    background: url(../images/angular-images/why-hire-bg.png) var(--navy-bg);
    background-repeat: no-repeat;
    background-size: contain;
}

.common-why-hire-us-content p,
.common-why-hire-us-content li {
    color: rgb(255 255 255 / 70%);
}

.common-why-hire-us-content ul.new-banner-list li:before {
    background: url(../images/angular-images/why-hire-list-tick.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.common-why-hire-us-content ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0px;
}

.hiring-process-wrapper ul {
    display: flex;
    justify-content: space-around !important;
    align-items: baseline;
    flex-wrap: wrap;
    text-align: center;
}

.hiring-process-block {
    display: flex;
    flex-direction: column;
}

.hiring-process-block-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin: 0 auto;
}

.hiring-process-block-content span {
    font-size: 80px;
    font-weight: 700;
    display: block;
    margin-right: 10px;
}

.hiring-process-block-content h5,
.hiring-process-block-content .h5 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 30px;
}

.hiring-process-wrapper ul li:first-child .hiring-process-block span,
.hiring-process-wrapper ul li:first-child .hiring-process-block h5,
.hiring-process-wrapper ul li:first-child .hiring-process-block .h5 {
    color: #1F235A;
}

.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block span,
.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block h5,
.hiring-process-wrapper ul li:nth-child(2) .hiring-process-block .h5 {
    color: #EC963F;
}

.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block span,
.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block h5,
.hiring-process-wrapper ul li:nth-child(3) .hiring-process-block .h5 {
    color: #FF5900;
}

.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block span,
.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block h5,
.hiring-process-wrapper ul li:nth-child(4) .hiring-process-block .h5 {
    color: #17313B;
}

.hiring-process-wrapper ul li:last-child .hiring-process-block span,
.hiring-process-wrapper ul li:last-child .hiring-process-block h5,
.hiring-process-wrapper ul li:last-child .hiring-process-block .h5 {
    color: #ED1C24;
}

.pricing-box {
    border: 1px solid #F0F0F0;
    padding: 32px;
    text-align: center;
    position: relative;
}

.pricing-box h4,
.pricing-box .h4 {
    color: #0E1318;
}

.pricing-box p {
    font-size: 14px;
    background: #efefef;
    padding: 10px 20px;
}

span.pricing-value {
    display: block;
    font-size: 30px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 20px;
}

a.btn.black-btn:hover {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
    position: relative;
    overflow: hidden;
    background-size: 200% auto;
    background-position: right center;
}

.hire-pricing-block .row:last-child .col-md-4:nth-child(2) .pricing-box:before {
    position: absolute;
    content: "Best Value";
    top: -25px;
    left: -1px;
    width: 100.6%;
    height: 25px;
    background: #ED1C24;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    border: 1px solid #ED1C24;
}

.hire-projects .app__blk.ebook-bg .contents,
.hire-projects .app__blk.puzzle-bg .contents {
    padding: 0px;
}

.hire-projects .app__blk img.web-img {
    width: 100%;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    max-height: 290px !important;
    min-height: 290px !important;
    height: 100% !important;
}

.hire-projects .app__blk a {
    margin-bottom: 30px;
    font-weight: 500;
    border-bottom: 1px solid #000;
    display: inline-flex;
    font-size: 18px;
    color: #1F235A !important;
    text-decoration: none !important;
    border: 0px;
}

.hire-projects p.p-title {
    color: #6D7783;
    font-weight: 500;
}

.hire-projects .app__blk h4+p {
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 0px !important;
}

.hero-new h1+p {
    font-size: 18px !important;
}

.web-technology .excellent-img {
    position: sticky;
    top: 150px;
}

.excellent-block.web-block {
    display: flex;
    background: transparent;
    box-shadow: none;
}

.excellent-block.web-block h5,
.excellent-block.web-block p {
    color: #fff;
}

.excellent-block.web-block .excellent-inner-blk {
    background: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
}

.efficient-web-content {
    width: calc(100% - 120px);
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.web-highly-effective .service-block:before {
    position: absolute;
    content: "1";
    top: 10px;
    right: 15px;
    font-size: 60px;
    color: rgb(0 0 0 / 5%);
    font-weight: 600;
}

.web-highly-effective .row:last-child .col-lg-3 .service-block:hover h5,
.web-highly-effective .row:last-child .col-lg-3 .service-block:hover p {
    color: #fff;
}

.web-img-section figure::before {
    position: absolute;
    content: "";
    top: -35px;
    left: 0;
    width: 85%;
    height: 100%;
    border: 5px solid #ddd;
    border-radius: 10px;
    z-index: -1;
}

.web-features .service-block:hover {
    border: 1.5px solid #FF2303;
    box-shadow: 0px 10px 20px 7px rgb(255 35 3 / 6%);
}

.crypto-features .service-block,
.crypto-features .service-img {
    background: transparent;
}

.crypto-features .service-block:hover {
    border: 1.5px solid #EC963F;
    box-shadow: none;
}

.excellent-block.crypto-blk {
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    padding: 20px;
}

.excellent-block.crypto-blk .excellent-inner-blk h5,
.excellent-block.crypto-blk .excellent-inner-blk .h5 {
    width: calc(100% - 50px);
    color: #fff;
    margin-bottom: 0px;
}

.excellent-block.crypto-blk .efficient-web-content p {
    color: rgb(255 255 255 / 80%);
    font-size: 16px;
    line-height: 30px;
}

.crypto-dev-process .service-block {
    box-shadow: none;
    background: transparent;
}

.crypto-dev-process .service-block span {
    background: transparent;
    width: 40px;
    height: 40px;
    border-radius: 0px;
}

.crypto-dev-process .service-block:hover {
    box-shadow: 0px 3px 20px -8px rgb(41 47 83 / 15%);
    background: #fff;
}

section.crypto-dev-process .service-block:hover span {
    background: transparent !important;
}

.crypto-dev-process .service-block-content p {
    font-size: 16px;
    line-height: 30px;
}

.crypto-security .common-why-hire-img {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.crypto-security-content p,
.crypto-security-content ul li {
    color: #ECECEC;
}

.crypto-security-content p {
    margin-bottom: 30px;
    margin-top: 15px;
}

section.crypto-security {
    background: url(../images/crypto-images/crypto-security-bnr.webp) var(--navy-bg) !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.crypto-testimonial-block {
    padding: 24px;
    border: 1px solid #E7EAEC;
    border-radius: 10px;
    background: #fff;
    height: 100%;
}

.crypto-profile-blk {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
}

.crypto-testimonial-block h5,
.crypto-testimonial-block .h5 {
    margin-top: 12px;
    margin-bottom: 15px;
}

.crypto-slider .owl-nav {
    position: absolute;
    top: -100px;
    right: 115px;
}

.crypto-slider .owl-nav button.disabled {
    color: rgb(115 115 115 / 50%) !important;
    font-weight: 600;
}

.crypto-slider .owl-nav button:first-child {
    margin-right: 10px;
    position: relative;
}

.crypto-slider .owl-nav button:first-child:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -5px;
    width: 1px;
    height: 20px;
    background: #737373;
    transform: translateY(-50%);
}

.crypto-slider button.owl-dot {
    background: #f9dfc5 !important;
    width: 10px;
    height: 10px;
    border-radius: 20px;
}

.crypto-slider {
    padding-left: calc(50% - 540px) !important;
}

.crypto-slider .owl-stage {
    margin-left: -100px;
}

section.hero-contact {
    background: url(../images/contact-images/contact-us-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px -180px;
}

.contact-new-form {
    padding: 40px 50px;
    background: #261D56;
    border-radius: 10px;
}

.contact-new-form .card-body,
.contact-new-form .container {
    padding: 0px;
    background: transparent !important;
}

.contact-new-form .form-control {
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    padding-left: 0px;
    background: transparent;
    border-color: #fff !important;
    color: #fff;
}

.contact-new-form form button.btn.btn-primary {
    padding: 14px 60px 14px 32px;
    border: none;
    background: #fff !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    font-size: 16px;
    font-weight: 500;
    color: #070E25 !important;
    border-radius: 8px;
}

.contact-new-form form button.btn.btn-primary:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 30px;
    width: 20px;
    height: 20px;
    background: url(../images/contact-images/contactline.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}

.new-contactblk span.contact-span {
    width: 60px;
    height: 60px;
    background: #fef1f2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    transition: .5s all ease-in-out;
}

.new-contactblk h4 {
    margin-top: 24px;
    margin-bottom: 15px;
    color: #183B56;
}

.new-contactblk a {
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    color: #EC963F;
}

.contact-flex span {
    width: 28px;
    height: 20px;
    display: block;
    margin-right: 12px;
    margin-top: 5px;
}

section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 2px;
    height: 85%;
    background: #e9e8ee;
    transform: translateY(-50%);
}

section.new-services-blk .solution-offers-blk {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(151, 151, 151, 0.1);
    border-radius: 10px;
    padding: 40px 27px;
}

section.intro.image-frame.frame-one,
section.intro.image-frame.frame-one .img-section figure::before {
    background: rgb(255 252 252);
}

.bg-grey-new,
section.intro.image-frame.frame-two,
section.intro.image-frame.frame-two .img-section figure::before {
    background: #FAF9F6;
}

section.new-services-blk .blk span.offer-icon,
section.new-services-blk .row .col-md-6 span.offer-icon {
    border-radius: 50px;
    text-align: center;
    width: 70px !important;
    height: 70px !important;
    display: block;
    line-height: 70px;
    margin-right: 20px;
}

section.new-services-blk .blk+h4,
section.new-services-blk .blk+.h4,
section.new-services-blk span.offer-icon+h4,
section.new-services-blk span.offer-icon+.h4 {
    width: calc(100% - 90px);
}

section.new-services-blk .row .col-md-6:nth-child(2) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(2) span.offer-icon {
    background: #8AC926 !important;
}

section.new-services-blk .row .col-md-6:nth-child(3) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(3) span.offer-icon {
    background: #52CFC0 !important;
}

section.new-services-blk .row .col-md-6:nth-child(4) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(4) span.offer-icon {
    background: #ED1C24 !important;
}

section.new-services-blk .row .col-md-6:nth-child(5) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(5) span.offer-icon {
    background: #F29100 !important;
}

section.new-services-blk .row .col-md-6:nth-child(6) .blk span.offer-icon,
section.new-services-blk .row .col-md-6:nth-child(6) span.offer-icon {
    background: #4885EF !important;
}

section.new-services-blk .row .col-md-6:last-child .blk span.offer-icon,
section.new-services-blk .row .col-md-6:last-child span.offer-icon {
    background: #8AC926 !important;
}

.section-we-offer-new-design .offer-block span.offer-icon+h4,
.section-we-offer-new-design .offer-block span.offer-icon+.h4 {
    width: calc(100% - 90px);
}

.platform-work.new-services-blk .offer-block .offer-heading .services__icon+h4,
.platform-work.new-services-blk .offer-block .offer-heading .services__icon+.h4 {
    width: calc(100% - 70px);
}

.consultaion-section h3,
.consultaion-section .h3 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 29px;
    line-height: 40px;
    color: #333333;
}

.consultaion-section h3 i,
.consultaion-section .h3 i {
    color: #ED1C24;
}

.consultaion-list {
    list-style: none;
    padding-left: 0px;
    margin: 30px 0px 50px 0px;
}

.consultaion-list li {
    position: relative;
    padding-left: 50px;
    text-align: left;
    margin-bottom: 30px;
}

.consultaion-list li:before {
    content: url(../images/consultation-check.svg);
    position: absolute;
    left: 0;
}

.resource-section .container>.row {
    background-color: #FFEFD1;
    border-radius: 15px;
    background-image: url(../images/resource-vector.svg);
    background-size: cover;
}

.resource-section a.btn {
    background: transparent !important;
    border: 1px solid #222A41;
    color: #222A41 !important;
}

.resource-section a.btn svg {
    padding-left: 5px;
    transition: 0.3s all linear;
}

.resource-section a.btn:hover,
.resource-section a.fill-bg {
    background: #222A41 !important;
    border: 1px solid #222A41;
    color: #fff !important;
}

.resource-section a.btn:hover svg {
    transform: translateY(-2px) rotate(45deg);
}

.resource-section a.btn:hover svg path,
.resource-section a.fill-bg svg path {
    stroke: #fff;
}

.resource-section a.fill-bg:hover {
    background: linear-gradient(90deg, #F83D3D 0%, #EC963F 100%) !important;
    border-color: #ED8E3E !important;
    transition: none !important;
}

section.icecream-banner {
    background: url(../images/icecream-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

.webdesign {
    background: url(../images/img-new/web-design-new-banner-plane.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    padding: 120px 0px;
    overflow: hidden;
    z-index: 1;
}

.particles-wrapper {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    perspective: 50vmin;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.webdesign h1 {
    font-size: 50px !important;
    line-height: 75px !important;
}

.webdesign h1 span {
    font-size: 80px !important;
    line-height: 75px !important;
    background-image: url(../images/img-new/grad-web.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.webdesign-img-section {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: calc(50% - 50px);
    height: 100%;
    transform: translateY(-50%);

    margin-top: 20px;
    z-index: 1;
}

.webdesign-img-section img {
    width: 100%;
    max-width: 100%;
}

.hire-get-clone-wrapper {
    width: 100%;
    height: 100%;
    padding: 55px 30px;
    background: #FAF9F6;
}

section.clone-capabilities .container-fluid {
    border-top: 1px solid #ddd;
    padding-top: 50px;
}

.hire-get-clone-img {
    width: 70px;
    height: 70px;
}

.hire-get-clone-wrapper h4 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}

.hiring-dev-process-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.hire-dev-process-block {
    flex-basis: 18.85%;
    background: #fff;
    border-radius: 22px;
    padding: 44px 10px;
    text-align: center;
    border: 1px solid #CECECE;
    position: relative;
    transition: all .3s linear;
}

.hire-dev-process-block h6 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 33px;
    margin-bottom: 15px;
}

.hire-dev-process-block span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--primary-txt-clr);
    position: absolute;
    content: "";
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
}

.dev-arrow {
    width: 36px;
    height: 36px;
    background: #EC963F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: -26px;
    transform: translateY(-50%);
    z-index: 1;
}

.hire-dev-process-block:after {
    position: absolute;
    content: "";
    top: 50%;
    right: -20px;
    width: 34px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 50%;
    border-width: 0px 0px 0px 1px;
    transform: translateY(-50%);
    background: #fff;
}

.hire-dev-process-block:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -20px;
    width: 34px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 50%;
    border-width: 0px 1px 0px 0px;
    transform: translateY(-50%);
    background: #fff;
}

.hire-dev-process-block:first-child:before,
.hire-dev-process-block:last-child:after {
    display: none;
}

.hire-dev-process-block:hover h6,
.hire-dev-process-block:hover p,
.hire-dev-process-block:hover span {
    color: #fff;
}

.hire-dev-process-block:hover:before,
.hire-dev-process-block:hover:after {
    border-color: #ec963f;
}

.hire-dev-process-block .hire-dev-process-icon img:last-child,
.hire-dev-process-block:hover .hire-dev-process-icon img:first-child {
    display: none;
}

.thanks-buttons a:nth-child(2):hover {
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    padding: 0 1rem;
    background-size: 200% auto;
    background-position: right center;
    color: #FFF !important;
    border-color: transparent;
}

.blogs-tab ul li {
    border-bottom: 2px solid rgb(34, 42, 65, 0.20);
    padding-bottom: 17px;
    margin-bottom: 17px;
    color: #222a41;
}

.blogs-tab ul {
    list-style: none;
    padding: 0px;
}

.blogs-tab ul li a {
    color: #737373 !important;
}

@media screen and (min-width: 991px) {
    .web-menu-navbar>ul li.nav-item.dropdown:first-child {
        padding-left: 56px;
    }
}

@media screen and (max-width: 991px) {
    :root {
        --spacer: 40px 0;
        --spacer-top: 40px;
        --spacer-bottom: 40px;
        --spacer-ft: 40px;
        --spacer-fb: 40px;
        --spacer-ftb: 40px 0px;
    }

    h2,
    .h2 {
        font-size: 36px;
    }

    .h3,
    h3 {
        font-size: calc(1rem + .6vw);
    }

    .h4,
    h4 {
        font-size: calc(1rem + .3vw);
    }

    .hero h1 {
        font-size: 38px !important;
        font-weight: 700;
    }

    .hero p {
        font-size: 16px;
    }

    .navbar-toggler {
        margin-left: auto;
        margin-right: 20px;
    }

    .btn {
        font-size: 1rem;
    }

    .btn-lg {
        min-width: 160px;
        height: 48px;
        line-height: 48px;
    }

    .site-header .navbar-nav {
        text-align: center;
    }

    .site-header .navbar-nav>li:not(:last-child) {
        border-bottom: 1px solid #ccc;
    }

    .site-header .navbar-nav {
        text-align: center;
        border: 1px solid #ccc;
    }

    header .navbar-nav>li {
        margin-right: 0px !important;
    }

    .site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
        min-width: 335px;
    }

    #navbarNavDropdown.web-menu-navbar {
        display: none !important;
    }

    .mobile-nav-menu .accordion-body ul li {
        list-style: none;
    }

    .mobile-nav-menu .accordion-body ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .mobile-nav-menu .accordion-body ul li.nav-title {
        padding: 10px 0px;
        background: #f7f7f7;
    }

    .mobile-nav-menu .accordion-body {
        padding: 0rem;
    }


    .navbar-toggler:focus {
        box-shadow: none;
    }

    .nw-mbl-menu .site-header .navbar-nav {
        text-align: left !important;
    }

    .web-menu-navbar+.btn.primary-btn {
        display: none;
    }

    .mobile-nav-menu.nw-mbl-menu button.accordion-button:not(.collapsed),
    .mobile-nav-menu.nw-mbl-menu button.accordion-button:hover {
        color: var(--primary-btn);
    }

    .mobile-nav-menu.nw-mbl-menu .accordion-button:not(.collapsed)::after {
        filter: grayscale(1);
    }
}

@media screen and (min-width: 767px) and (max-width: 867px) {
    .hero h1 {
        font-size: 36px !important;
        font-weight: 700;
    }
}

@media screen and (max-width: 767px) {
    :root {
        --spacer: 30px 0;
        --spacer-top: 30px;
        --spacer-bottom: 30px;
        --spacer-ft: 30px;
        --spacer-fb: 30px;
        --spacer-ftb: 30px 0px;
    }

    h2,
    .h2 {
        font-size: 32px;
        line-height: 34px;
    }

    .h3,
    h3 {
        font-size: calc(1rem + .3vw);
    }

    .h4,
    h4 {
        font-size: calc(1rem + .1vw);
    }

    .header__top__inner {
        flex-wrap: wrap;
    }

    .header__top ul {
        flex-wrap: wrap;
        width: 50%;
        justify-content: flex-start;
    }

    .header__top ul:last-child {
        justify-content: end;
    }

    .header__top ul:first-child>li {

        list-style: none;
    }

    .header__top a {
        font-size: 0.850rem;
    }

    .site-header .navbar .btn {
        display: none;
    }

    .logo {
        max-width: 130px;
    }

    section.portfolio.hero h1 {
        font-size: 34px !important;
        font-weight: 700;
        line-height: 50px;
    }

    .mob-display {
        display: block;
    }

    .site-header .navbar>.container {
        display: flex;
        flex-wrap: wrap;
    }

    a.nav-link.mob-display.free-qte {
        font-size: 13px;
        max-width: 100px;
        color: #fff;
        font-weight: 600;
        margin-left: auto;
        text-align: center;
        width: 100%;
        border-radius: 5px;
        margin-right: 5px;
        background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%);
        transition: 0.5s;
        position: relative;
        overflow: hidden;
        background-size: 200% auto;
    }

    a.nav-link.mob-display.free-qte:hover {
        background-position: right center;
    }

    .navbar-light .navbar-toggler {
        border: none;
        padding: 0px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        margin-right: 0px;
        margin-left: 0px;
    }

    .footer-nav {
        margin-bottom: 20px;
    }

    .site-header .navbar-nav .nav-item .dropdown-menu ul {
        padding-left: 0px;
    }

    section.hero>div:first-child {
        order: 2 !important;
    }

    h2.w-75 {
        width: 100% !important;
    }

    .start-form-content {
        padding: 40px 20px;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        overflow: hidden;
    }

    .start-form-content h2 {
        font-size: 36px;
        line-height: 45px;
    }

    .start-form-img img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 0px;
    }

    .blog-slider .owl-nav button {
        display: none;
    }

    .dating-hero-section p {
        font-size: 1rem;
        line-height: 30px;
    }

    .apps-slider-content-wrapper {
        height: auto;
    }

    .apps-slider-pagination {
        margin-top: 40px !important;
    }

    .hero-banner-list {
        margin: 0 0 20px !important;
    }

    .faq-blocks button.accordion-button {
        font-size: 16px !important;
    }

    .hero_technology h1 {
        font-size: 28px !important;
    }

    .form-ios {
        padding: 20px 20px;
    }
}

@media screen and (max-width: 567px) {
    .header__top ul {
        justify-content: center !important;
    }

    img.flg-img {
        width: 20px;
        height: 20px;
    }

    .order_1 {
        order: 1;
    }

    .order_2 {
        order: 2;
    }

    .order_3 {
        order: 3;
    }

    .order_4 {
        order: 4;
    }

    .order_5 {
        order: 5;
    }

    .order_6 {
        order: 6;
    }

    .order_7 {
        order: 7;
    }

    .order_8 {
        order: 8;
    }

    .technology h1 br {
        display: none;
    }

    .site-header .navbar-nav .nav-item .dropdown-menu.nav-list {
        min-width: 250px;
    }



    .header__top ul {
        width: 100%;
    }

    #navbarNavDropdown.web-menu-navbar {
        display: none !important;
    }

    .mobile-nav-menu .accordion-body {
        padding: 0rem;

    }

    .mobile-nav-menu .accordion-body ul {
        padding-left: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .mobile-nav-menu .accordion-body ul li {
        list-style: none;
    }

    li.nav-title a {
        font-weight: 500;
    }

    .mobile-nav-menu .accordion-body ul li.nav-title {
        padding: 10px 0px;
        background: #f7f7f7;
    }

    .mobile-nav-menu button.accordion-button {
        padding: 10px 15px;
        font-weight: 500;
    }

    .mobile-nav-menu .nav-link {
        font-weight: 500;
    }

    .mobile-nav-menu .navbar-nav>li>a {
        padding: 15px;
    }

    .mobile-nav-menu .navbar-nav {
        text-align: left;
        border: 1px solid #ccc;
    }

    .mobile-nav-menu button.accordion-button:hover {
        color: var(--primary-btn);
    }

    .mobile-nav-menu button.accordion-button:not(.collapsed) {
        color: var(--primary-btn);
        background-color: #fff;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    }

    .accordion-button:not(.collapsed)::after {
        filter: grayscale(1);
    }

    #getquote {
        display: none;
    }

    .mobile-nav-menu.nw-mbl-menu .navbar-nav>li>a {
        padding: 10px 15px;
    }

    .service-height {
        height: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .innovation-main-heading {
        display: none;
    }

    .steps__descp p {
        line-height: 26px;
        font-size: 16px;
    }

    .ourclient-slider .owl-nav button {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .hero img {
        max-width: 300px;
        width: 100%;
    }

    .section-hero {
        padding-top: 30px;
    }

    .hero-banner-list {
        grid-template-columns: 1fr;
    }

    .call-action__inner h4,
    .call-action__inner .h4 {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

    .call-action__inner img {
        position: static;
        display: block;
        margin: 0 auto;
    }

    .call-action__inner .col-md-2 {
        text-align: center;
    }

    .service-block {
        height: auto;
        margin-bottom: 30px;
        padding: 20px 20px !important;
    }

    .listing-spacer {
        margin-left: 0;
    }

    .section__subheading,
    .row h2 {
        font-size: 24px;
    }

    .specific-requirements-bg .row [class*="col-"]:nth-child(even) {
        margin-top: 0px;
    }

    .w-50 {
        width: 100% !important;
    }

    .platform__box {
        width: 80px;
        height: 80px;
        padding: 20px;
    }

    .service-provide {
        padding-top: 30px;
    }

    .service-provide:before {
        height: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .home-hero {
        padding: 3rem 0 !important;
    }

    .value-box ul {
        flex-direction: column;
        text-align: center;
    }

    .value-box ul li:not(:last-child) {
        border-right: 0;
        padding-right: 0;
    }

    .tech-block-img {
        height: 65px;
    }

    .section-our-client {
        margin-bottom: 50px;
    }

    button.btn.client-play-btn img {
        width: 100px;
        height: 100px;
    }

    .our-client-block {
        flex-direction: column;
    }

    .our-client-block-img,
    .our-client-block-content {
        width: 100%;
    }

    .our-client-block-img {
        border-bottom-left-radius: 0px;
        border-top-right-radius: 20px;
    }

    .our-client-block-img img,
    .our-client-block-img::before {
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0px;
    }

    .our-client-block-content {
        padding: 15px;
    }

    .btn.client-play-btn {
        width: 80px;
        height: 80px;
    }

    .ourclient-slider .owl-nav button.owl-prev {
        bottom: 0;
        left: 0;
        top: 105%;
    }

    .ourclient-slider .owl-nav button.owl-next {
        bottom: 0;
        right: 0;
        top: 105%;
    }

    .innovation-main-heading,
    .innovation-projects {
        position: static;
    }

    .innovation-content::before {
        display: none;
    }

    .innovation-content {
        padding: 20px;
    }

    .innovation-projects {
        width: 100%;
    }

    .form-ios {
        width: 100%;
        padding: 20px;
    }

    .dating-image-slider {
        display: none;
    }
}

@media screen and (min-width: 567px) and (max-width: 991px) {
    .ios-gallery-content p {
        display: none;
    }

    .video {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .video {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

    .intro.why-choose-us-blk {
        padding: 30px 0px;
    }

    .global-service-block-img img {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .global-service-block-content {
        position: static;
    }

    .global-slider .owl-nav {
        bottom: -20px;
        left: 20px;
        width: 52px;
        height: 52px;
    }

    .why-choose-us-blk .row .col-md-6:last-child {
        padding-top: 20px;
    }

    .global-service-block:hover .global-service-block-content p {
        display: none;
    }

    .border-gradient::before {
        width: 98%;
    }
}

@media screen and (min-width: 320px) and (max-width: 567px) {
    .ios-gallery::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 94%;
        background: linear-gradient(#ffffff8f, #0000);
        margin-bottom: 20px;
        z-index: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .listing__inner {
        justify-content: start !important;
    }
}

@media screen and (min-width: 1174px) and (max-width: 1274px) {
    .blog-slider .owl-nav button.owl-prev {
        left: -30px !important;
    }

    .blog-slider .owl-nav button.owl-next {
        right: -30px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-application .row:last-child .col-md-12 .app__blk {
        flex-direction: column;
    }

    .blog-slider .owl-nav button.owl-next {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .app__blk .bottom-img {
        height: auto;
    }


    .mobile-application .row:last-child .col-md-12 .app__blk {
        flex-direction: column;
    }

    .service-block {
        height: 100%;
    }

    .bottom-img1 {
        width: 100%;
    }
}

@media screen and (max-width: 567px) {
    .img-section figure::before {
        left: 15px;
        top: 28px;
    }

    .img-section figure::after {
        left: 10px;
        top: 18px;
    }

    .app__blk .contents {
        padding: 20px;
        padding-bottom: 0px;
    }

    .app__blk .bottom-img {
        height: auto;
    }

    .mobile-application .row:last-child .col-md-12 .app__blk {
        flex-direction: column;
    }

    .development-solutions .project-discussion {
        top: 75% !important;
        left: 8%;
    }

    .intro .project-discussion {
        top: -5% !important;
        left: 13%;
    }

    .service-block {
        height: auto;
        margin-bottom: 10px;
    }

    .learning-solutions::after {
        background-position: bottom;
    }

    .specific-requirements h2 {
        margin-bottom: 0px;
    }

    .education-services .service-block {
        flex-direction: column;
        padding: 20px 0px;
    }

    .education-services .service-block-content {
        margin-top: 20px;
        width: calc(100% - 40px);
    }

    section.service-provide::before {
        top: -5%;
        left: -30%;
    }

    .section-kickstart {
        padding: 50px 0px;
    }

    .start-development-block {
        padding: 50px 20px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    span.red-bg {
        width: 64%;
    }

    ul.new-banner-list li::before {
        top: 8px;
    }

    ul.new-banner-list li {
        line-height: 35px;
    }
}

@media screen and (max-width: 767px) {
    .hero.mobile-app-section .row .col-md-7 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    span.red-bg::after {
        display: none;
    }

    ul.new-banner-list li::before {
        top: 15px;
    }

    .webdesign-service-provide .row .col-md-5 {
        position: static;
    }
}

@media screen and (max-width: 567px) {
    .hero.mobile-app-section .row .col-md-7 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    span.red-bg {
        width: 75%;
    }

    span.red-bg::after {
        display: none;
    }

    ul.new-banner-list li {
        font-size: 16px;
        line-height: 30px;
    }

    ul.new-banner-list li::before {
        top: 5px;
    }

    .know-more-about-wrapper {
        padding: 50px 15px;
    }

    .slide-icons {
        width: 68px;
        height: 68px;
    }

    .slide-icons span {
        width: 55px;
        height: 55px;
    }

    .faq-blocks .accordion-body {
        padding: 16px 25px;
    }

    .supports-img {
        text-align: center;
    }

    .supports-img img {
        height: 250px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .dating-hero-section h1 {
        font-size: 42px !important;
        line-height: 50px;
    }

    ul.dating-panel-list li {
        flex-basis: 100% !important;
    }

    .statistics-arrow {
        display: none;
    }

    .banner-btn-blk {
        width: 240px;
        height: 240px;
    }
}

@media screen and (max-width: 767px) {
    .order_1 {
        order: 1;
    }

    .order_2 {
        order: 2;
    }

    .efficient-img1 {
        margin-top: 50px;
    }

    .section-efficient-bnr .row.spacer-top {
        padding-top: 0px;
    }

    .statistics-content {
        position: static;
        width: 100%;
    }

    .statistics-arrow {
        display: none;
    }

    .banner-btn-blk {
        margin: 0 auto;
        margin-top: -65px;
    }

    section.dating-banner h2 {
        line-height: 36px;
    }

    .section-effective-banner {
        margin-top: 0px;
        padding-top: 50px;
    }

    .section-effective-banner .effective-banner-content {
        padding-top: 50px;
    }

    .effective-img img {
        margin-top: 0px;
    }

    .effective-banner-img a {
        top: 70%;
        right: 15%;
    }

    .our-history-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 567px) {
    .dating-hero-section h1 {
        font-size: 34px !important;
        line-height: 42px;

    }

    section.dating-hero-section p {
        width: 100% !important;
    }

    section.dating-hero-section .col-md-6:last-child {
        display: none;
    }

    section.dating-banner h2 {
        line-height: 36px;
    }

    section.dating-banner p {
        width: 100% !important;
    }

    .banner-btn-blk {
        margin: 0 auto;
        margin-top: -65px;
    }

    .statistics-content {
        position: static;
        width: 100%;
    }

    .statistics-arrow {
        display: none;
    }

    ul.dating-panel-list li {
        flex-basis: 100% !important;
    }

    .dating-panel h2 {
        font-size: 30px;
    }

    .section-effective-banner {
        margin-top: 0px;
        padding-top: 50px;
    }

    .section-effective-banner .effective-banner-content {
        padding-top: 50px;
    }

    .effective-img img {
        margin-top: 0px;
    }

    .effective-banner-img a {
        top: 70%;
        right: 15%;
    }

    .efficient-img1 {
        margin-top: 50px;
    }

    .section-efficient-bnr .row.spacer-top {
        padding-top: 0px;
    }

    .our-tabs-style .history-img-block img {
        height: auto;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    span.oval-style::before {
        width: 100%;
        background-size: contain;
        top: -16px;
        height: 80px;
        left: -8px;
    }

    section.food-efficient-bnr h2 {
        font-size: 26px;
    }

    section.food-efficient-bnr .effective-banner-content {
        padding-bottom: 40px;
    }

    .dating-panel-img {
        position: sticky;
        top: 200px;
    }
}

@media screen and (max-width:767px) {
    span.oval-style::before {
        top: -21px;
        height: 100px;
        background-size: contain;
        width: 100%;
        left: -5px;
    }

    section.food-efficient-bnr {
        margin: 0px 50px;
    }

    .food-hero h1 {
        margin-top: 30px;
    }
}

@media screen and (max-width:567px) {
    .food-hero h1 {
        margin-top: 0px;
    }

    span.oval-style::before {
        width: 100%;
        background-size: contain;
        top: -8px;
        height: 65px;
        left: -5px;
        display: none !important;
    }

    .food-hero .col-md-5 {
        display: none;
    }

    section.food-efficient-bnr {
        margin: 0 auto;
    }

    section.food-efficient-bnr h2 {
        font-size: 32px;
    }

    .recent-service-block {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .hero-baout-social-media ul li {
        margin-right: 0px;
    }

    .webdesign-img-section {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    section.about-section .hero-about-us h1 {
        font-size: 60px !important;
    }

    .hero-baout-social-media ul li {
        flex-basis: 50%;
        margin-bottom: 20px;
        margin-right: 0px;
    }

    section.about-who-we-are h2 {
        line-height: 44px;
    }

    .founder-section .project-discussion {
        position: absolute;
        right: -12%;
        top: 70%;
    }

    .core-value-wrapper {
        padding: 50px 25px;
    }
}

@media screen and (max-width: 767px) {
    section.about-who-we-are h2 {
        line-height: 35px;
    }

    .who-we-img {
        margin-bottom: 30px;
        text-align: center;
    }

    section.our-history::before {
        top: 55px;
        right: -45px;
        font-size: 108px;
    }

    .founder-section .project-discussion {
        right: 5%;
        top: 70%;
    }

    .core-value-wrapper::before,
    .core-value-wrapper::after {
        display: none;
    }

    .our-core-values .row:last-child .col-md-4:nth-child(3) .core-value-wrapper {
        padding-bottom: 0px;
    }

    .founder-section .img-section {
        text-align: center;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 567px) {
    section.about-section .hero-about-us h1 {
        font-size: 55px !important;
    }

    section.about-section .hero-about-us h5 {
        font-size: 14px;
    }

    .hero-baout-social-media ul li {
        flex-basis: 47%;
        margin-bottom: 20px;
    }

    .hero-baout-social-media ul li:not(:nth-child(2n)) {
        margin-right: 15px;
    }

    section.about-who-we-are h2 {
        line-height: 35px;
    }

    .who-we-img {
        margin-bottom: 30px;
        text-align: center;
    }

    section.our-history::before {
        top: 100px;
        right: -20px;
        font-size: 55px;
    }

    .our-history-wrapper {
        width: 100%;
    }

    .history-slider button.owl-dot span::after {
        font-size: 14px;

    }

    .value-box ul li {
        padding: 0px !important;
    }

    .founder-section .img-section figure::before {
        left: 0;
        top: 20px;
    }

    .founder-section .custom-image-border-radius,
    .founder-section .img-section figure::before,
    .founder-section .img-section figure::after {
        border-radius: 50%;
    }

    .founder-section .project-discussion {
        top: 70% !important;
    }

    section.our-core-values h2+p {
        width: 100% !important;
    }

    .core-value-wrapper {
        padding: 40px 30px;
    }

    .our-core-values .row:last-child .col-md-4:nth-child(3) .core-value-wrapper {
        padding-bottom: 0px;
    }

    .core-value-wrapper::before,
    .core-value-wrapper::after {
        display: none;
    }


    .achievement-icon img {
        width: 150px;
    }

    .achievement-wrapper:hover .achievement-text {
        padding: 30px 60px;
    }

    .achievement-text p {
        font-size: 18px;
    }

    .our-achievement .row:last-child .col-md-4 {
        padding: 0rem 1rem !important;
    }

    .webdesign {
        padding: 50px 0px;
    }

    .webdesign h1 {
        line-height: 46px !important;
        text-align: center;
    }

    .webdesign h1 span {
        font-size: 48px !important;
        line-height: 48px !important;
    }

    .webdesign p {
        width: 100% !important;
        text-align: center;
    }

    .webdesign-anchor,
    .webdesign-learning-solution .service-block {
        text-align: center;
    }

    .webdesign-service-provide .service-block-content {
        text-align: center;
    }

    .webdesign-service-provide .service-block-content span {
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:991px) and (max-width:1164px) {
    .main {
        width: 385px;
        height: 385px;
    }

    .key-benefit-block ul {
        gap: 20px;
    }

    .key-benefit-block ul li:nth-child(2),
    .key-benefit-block ul li:last-child {
        padding-top: 0px;
    }

    .key-benefit-block ul li {
        flex-basis: 48%;
    }

    .key-benefit-block ul li {
        margin-right: 0px !important;
    }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .hw-work-block::before {
        display: none;
    }

    .main {
        width: 350px;
        height: 350px;
    }

    .big-circle .icon-block:nth-child(3),
    .big-circle .icon-block:nth-child(4),
    .big-circle .icon-block:nth-child(6) {
        width: 75px;
        height: 75px;
    }

    .blk-industry-wrapper ul li {
        flex-basis: 100%;
    }

    .key-benefit-block ul {
        gap: 20px;
    }

    .key-benefit-block ul li:nth-child(2),
    .key-benefit-block ul li:last-child {
        padding-top: 0px;
    }

    .key-benefit-block ul li {
        flex-basis: 48%;
    }

    .key-benefit-block ul li {
        margin-right: 0px !important;
    }

    .blockchain-platform.main-container {
        padding: 50px 0px;
        height: auto;
    }

    .block-bnr-content,
    .block-bnr-content-new {
        padding-bottom: 30px;
    }
}

@media screen and (min-width:567px) and (max-width:767px) {
    .key-benefit-block button.nav-link {
        padding: 10px 69px;
    }

    .key-benefit-block ul {
        gap: 20px;
    }

    .key-benefit-block ul li:nth-child(2),
    .key-benefit-block ul li:last-child {
        padding-top: 0px;
    }

    .key-benefit-block ul li {
        flex-basis: 48%;
    }

    .key-benefit-block ul li {
        margin-right: 0px !important;
    }

    .hw-work-block::before {
        display: none;
    }

    .block-bnr-img img {
        margin-top: 20px;
    }

    .main {
        width: 400px;
        height: 400px;
    }

    .big-circle .icon-block:nth-child(3),
    .big-circle .icon-block:nth-child(4),
    .big-circle .icon-block:nth-child(6) {
        width: 75px;
        height: 75px;
    }

    .blockchain-platform.main-container {
        padding: 40px 0px;
        height: auto;
    }
}

@media screen and (max-width:567px) {
    .blockchain-hero h1 {
        font-size: 38px;
    }

    .blockchain-hero p {
        width: 100% !important;
    }

    .blockchain-hero .col-md-5 {
        display: none;
    }

    .key-benefit-block ul li {
        flex-basis: 100%;
        margin-right: 0px !important;
    }

    .block-bnr-img img {
        margin-top: 20px;
    }

    .hw-work-block::before {
        display: none;
    }

    .main {
        width: 250px;
        height: 250px;
    }

    .big-circle .icon-block:nth-child(3),
    .big-circle .icon-block:nth-child(4),
    .big-circle .icon-block:nth-child(6) {
        width: 70px;
        height: 70px;
    }

    .big-circle .icon-block:nth-child(3) img,
    .big-circle .icon-block:nth-child(4) img,
    .big-circle .icon-block:nth-child(6) img {
        width: 50px;
        height: 50px;
    }

    .icon-block {
        width: 46px;
        height: 46px;
    }

    .icon-block img {
        width: 35px;
        height: 35px;
    }

    .center-logo {
        width: 50px;
        height: 50px;
    }

    .center-logo img {
        width: 35px;
        height: 35px;
    }

    .block-bnr-content,
    .block-bnr-content-new {
        padding-left: 15px;
    }

    .blk-industry-wrapper ul li {
        flex-basis: 100%;
    }

    .blockchain-slider button.owl-dot.active::before {
        left: 54%;
    }

    .blockchain-platform p {
        padding-right: 0px;
    }

    .blockchain-tabs-img {
        margin-bottom: 10px;
    }

    .key-benefit-block ul li:nth-child(2) {
        padding-bottom: 30px;
    }

    ul.blockchain-tech-tabs {
        position: sticky;
        top: 100px;
        background: #F8F8FF;
    }

    .blockchain-money-blk {
        margin-top: 0px;
    }

    .blockchain-platform.main-container {
        padding: 30px 0px;
        height: auto;
        min-height: 100%;
    }

    ul.blockchain-tech-tabs {
        justify-content: center;
    }
}

@media screen and (min-width:991px) and (max-width:1164px) {
    .hero-baout-social-media ul {
        gap: 20px;
    }

    .hero-baout-social-media ul li {
        flex-basis: 46%;
    }

    .common-hiring-section .row .col-lg-6:first-child {
        padding-left: calc(50% - 465px) !important;
    }
}

@media screen and (max-width:991px) {
    .angular-capabilities.common-hiring-section h2 {
        width: 100% !important;
    }

    .common-why-hire-img {
        text-align: center;
    }

    .hiring-process-block-content h5 br,
    .hiring-process-block-content .h5 br {
        display: none;
    }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .program-expertise-block {
        position: static;
        border-right: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }

    .common-hiring-section .row .col-lg-6:first-child {
        padding-left: 15px !important;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        padding: 235px 80px;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        background: url(../images/angular-images/dedicated-angular.webp);
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }

    .hiring-process-wrapper ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }

    .hiring-process-img {
        text-align: center;
    }

    .why-hire-angular-dev h2 {
        width: 75% !important;
    }

    .g-recaptcha iframe {
        transform: scale(0.8);
        transform-origin: left;
    }

    .hiring-hero .hero-content {
        position: sticky;
        top: 140px;
    }
}

@media screen and (min-width:567px) and (max-width:767px) {
    .hire-expert-btnlink ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .common-why-hire-img {
        text-align: center;
    }

    .hiring-process-wrapper ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }

    .hiring-process-img {
        text-align: center;
    }

    .program-expertise-block {
        position: static;
        border-right: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }

    .common-hiring-section .row .col-lg-6:first-child {
        padding-left: 15px !important;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        padding: 235px 80px;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        background: url(../images/angular-images/dedicated-angular.webp);
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width:567px) {
    .hiring-hero .hero-content {
        padding-bottom: 30px;
    }

    .program-expertise-block {
        position: static;
        border-right: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        background: url(../images/angular-images/dedicated-angular.webp);
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }

    .common-hiring-text-block h3 {
        font-size: 20px;
    }

    .common-hiring-section .row .col-lg-6:first-child {
        padding-left: 15px !important;
    }

    .common-hiring-section .row .col-lg-6:last-child {
        padding: 130px 80px !important;
    }

    .hire-expert-detail ul {
        display: flex;
        gap: 10px;
        flex-direction: column;
        align-items: center;
    }

    .hire-expert-btnlink ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .hire-expert-detail {
        text-align: center;
    }

    .hiring-process-wrapper ul {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }

    .hiring-process-img {
        text-align: center;
    }

    .common-why-hire-us-content ul li {
        flex-basis: 100%;
        line-height: 34px;
    }

    .hire-projects .app__blk.online-study-bg .contents {
        padding: 0px;
    }

    .hire-projects .app__blk.online-study-bg {
        padding: 25px 25px 0px;
    }

    .hire-projects .app__blk.ebook-bg {
        padding: 25px 25px 0;
    }

    .why-hire-angular-dev .service-block {
        padding: 15px;
    }

    .hire-projects .app__blk img.web-img {
        height: auto !important;
        min-height: 150px !important;
    }

    .hiring-process+.section-efficient-banner {
        padding: 0px 15px;
    }
}

@media screen and (max-width:350px) {

    .g-recaptcha,
    .g-recaptcha div {
        max-width: 100%;
    }

    .g-recaptcha>div {
        width: 100% !important;
        margin: 0px !important;
    }

    .g-recaptcha iframe {
        transform: scale(0.8);
        transform-origin: left;
    }

    .start-form-content .g-recaptcha {
        display: block;
    }

    .form-ios .g-recaptcha {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .web-hero-section h1+p {
        width: 100% !important;
    }


    .hiring-dev-process-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .hire-dev-process-block {
        flex-basis: 46%;
        margin-right: 0px !important;
    }

    .hire-dev-process-block:not(:last-child) {
        margin-bottom: 15px;
    }

    .dev-arrow,
    .hire-dev-process-block::before,
    .hire-dev-process-block::after {
        display: none;
    }
}

@media screen and (max-width:567px) {
    .web-hero-section p {
        width: 100% !important;
    }

    .excellent-block.web-block {
        padding: 20px 10px;
    }

    .web-highly-effective .row:last-child .col-lg-3:nth-child(2n) {
        padding-top: 0px;
    }
}

@media screen and (min-width:767px) and (max-width:1200px) {
    .crypto-slider {
        padding-left: 30px !important;
    }


    .hiring-dev-process-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .hire-dev-process-block {
        flex-basis: 30%;
    }

    .hire-dev-process-block:not(:last-child) {
        margin-bottom: 15px;
    }

    .dev-arrow,
    .hire-dev-process-block::before,
    .hire-dev-process-block::after {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .crypto-security .common-why-hire-img {
        position: static;
        transform: none;
    }
}

@media screen and (max-width:567px) {
    .crypto-slider .owl-nav {
        position: static;
        text-align: center;
        margin-top: 25px;
    }

    .crypto-slider .owl-stage {
        margin-left: 0px;
    }

    .crpto-keyword-btn {
        text-align: center;
    }
}

@media screen and (max-width:500px) {
    .custom-image-border-radius {}

    .consultaion-section {
        padding: 20px;
    }

    .consultaion-section h3,
    .consultaion-section .h3 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media screen and (max-width: 991px) {
    section.hero-contact {
        background-position: bottom;
    }

    section.new-contact-detail .row .col-lg-4:first-child .new-contactblk,
    section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk,
    section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
        padding: 15px;
    }

    section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk::before {
        display: none;
    }
}

@media screen and (max-width: 567px) {
    section.hero-contact {
        background-position: bottom;
    }

    section.hero-contact p br {
        display: none;
    }

    .contact-new-form {
        padding: 30px 30px;
    }

    section.new-contact-detail .row .col-lg-4:first-child .new-contactblk,
    section.new-contact-detail .row .col-lg-4:nth-child(2) .new-contactblk,
    section.new-contact-detail .row .col-lg-4:last-child .new-contactblk {
        padding: 15px;
    }

    section.new-contact-detail .row .col-lg-4:not(:last-child) .new-contactblk::before {
        display: none;
    }

    .hero-contact h1 {
        font-size: 2rem;
    }


    .hire-dev-process-block {
        flex-basis: 100%;
        margin-right: 0px !important;
    }

    .hire-dev-process-block:not(:last-child) {
        margin-bottom: 15px;
    }

    .dev-arrow,
    .hire-dev-process-block::before,
    .hire-dev-process-block::after {
        display: none;
    }

    section.clone-capabilities .container-fluid {
        padding-top: 30px;
    }
}

@media screen and (min-width:767px) and (max-width:850px) {
    footer .col-md-4.footer-nav {
        width: 100%;
        margin-bottom: 20px;
    }

    footer .col-md-2.footer-nav {
        width: 25%;
    }

    footer .col-md-3.footer-nav {
        width: 25%;
    }

    footer .row div.col-md-3:last-child {
        width: 50%;
    }
}

@media (min-width:991px) {

    .dating-grid-row>div:nth-child(2) .dating-grid-block::after,
    .dating-grid-row>div:nth-child(5) .dating-grid-block::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        width: 1px;
        height: 60%;
        background: #D3C3FF;
    }

    .dating-grid-row>div:nth-child(2) .dating-grid-block::before,
    .dating-grid-row>div:nth-child(5) .dating-grid-block::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        width: 1px;
        height: 60%;
        background: #D3C3FF;
    }
}

@media screen and (min-width:576px) and (max-width:991px) {

    .dating-grid-row>div:nth-child(1) .dating-grid-block::after,
    .dating-grid-row>div:nth-child(1) .dating-grid-block::after,
    .dating-grid-row>div:nth-child(5) .dating-grid-block::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        width: 1px;
        height: 60%;
        background: #D3C3FF;
    }
}

@media (max-width:575px) {
    .dating-grid-row .dating-grid-block::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #D3C3FF;
        left: 0;
        right: 0;
    }
}

:root {
    --primary-bg-clr: #FFF5FF;
    --primary-txt-clr: #222A41;
    --primary-red-clr: #ED1C24;
    --bg-white: #ffffff;
    --spacer: 50px 0px;
    --spacer: 50px 0;
    --spacer-top: 50px;
    --spacer-bottom: 50px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary-txt-clr);
}

.navy-bg {
    background: var(--navy-bg);
}

footer .footer-nav h5 {
    margin-bottom: 40px;
    color: #fff;
}

:root {
    --primary-bg-clr: rgba(252, 252, 252, 0.01);
    --primary-txt: #CE272E;
}

.highlight-txt {
    color: var(--primary-txt) !important;
}

.txt-light {
    color: var(--text-light) !important;
}

.primary-bg {
    background-color: var(--primary-bg);
}

.bg-grey {
    background-color: #F7F6FB;
}

.section-bg {
    background-color: var(--secondary-secondary-bg);
}

.errors {
    margin-top: 5px;
    text-align: left;
}

body {
    font-family: var(--typography);
    color: #5A5A5A;
}

.primary-btn {
    background-color: var(--primary-btn) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
}

h2,
.h2 {
    font-size: 36px;
    line-height: 50px;
}

.container {
    max-width: 1300px;
}

.font-weight-normal {
    font-weight: normal !important;
}

.w-85 {
    max-width: 85%;
}

.border-radius {
    border-radius: var(--border-radius);
}

.shadow {
    box-shadow: var(--shadow) !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-purple {
    background-color: #7D01C5 !important;
}

.bg-blue {
    background-color: #052ABA !important;
}

.bg-green {
    background-color: #00A478 !important;
}

.iti {
    width: 100%;
}

.shape {
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    margin: 0 auto;
    width: 388px;
    height: 388px;
    background-color: var(--primary-bg) !important;
    border-radius: 50%;
    opacity: 0.2;
    box-shadow: 0px 0px 0px 100px #ffbaba;
    display: none;
}

.hero h1 {
    font-size: 50px;
    font-weight: 700;
}

.hero p {
    font-size: 18px;
}

.technology-slider__blk {
    margin-right: 80px;
}

.link-area {
    display: flex;
    text-decoration: none;
}

.link-area img {
    width: 50px;
    margin-right: 10px;
}

.link-area span {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.hero__media img {
    max-height: 580px;
    z-index: -1;
    object-position: 20px 100%;
}

.infiniteslide_wrap {
    height: 100%;
}

.section-intro__subheading,
.section-intro__mainheading {
    text-transform: capitalize;
}

.about__blk {
    box-shadow: 4px 8px 39px rgba(0, 0, 0, 0.10);
    border-radius: var(--border-radius);
    padding: 70px 40px 20px 40px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    height: 350px;
}

.about__blk img {
    margin: 0 auto 60px auto;
    display: block;
}

.about__blk span {
    width: 80px;
    height: 80px;
    border-radius: 30px 0px 20px 0px;
    border: 1px solid #E2E2E2;
    display: inline-block;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.about__blk span i {
    color: #000;
}

.about__blk span:hover {
    box-shadow: 0 0px 11px 0px rgb(4 232 255 / 20%);
}

.about__blk span:hover i {
    color: rgb(43 216 233);
}

.about__blk,
.counter__blk {
    box-shadow: 4px 8px 39px rgba(0, 0, 0, 0.10);
    border-radius: var(--border-radius);
    padding: 60px 40px 60px 40px;
    width: 95%;
    margin: 0 auto;
}

.counter1 {
    background: url(../images/counter-bg.jpg);
    background-position: center center;
    background-attachment: fixed;
}

.counter1 .col-md-4 {
    display: flex;
    margin-bottom: 40px;
}

.counter__blk i {
    font-size: 100px;
    line-height: 80px;
    color: #fff;
    margin-bottom: 40px;
    display: inline-block;
}

.counter-1 {
    background-color: #FFBF2A;
}

.counter-2 {
    background-color: #2A7FFF;
}

.counter-3 {
    background-color: #EF476F;
}

.counter-4 {
    background-color: #06D6A0;
}

.counter-5 {
    background-color: #915BFF;
}

.counter-6 {
    background-color: #88BE07;
}

.services__blk {
    box-shadow: 4px 8px 39px rgba(0, 0, 0, 0.10);
    border-radius: var(--border-radius);
    padding: 40px;

    position: relative;
    overflow: hidden;
    height: 100%;
}

.services__blk:hover {
    box-shadow: rgb(50 50 93 / 25%) 0px 0px 42px -20px, rgb(0 0 0 / 30%) 0px 7px 22px -7px, rgb(10 37 64 / 35%) 0px -2px 5px -3px inset;
    transition: .5s ease-in-out;
}

.services__blk a.link-box {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.services__icon {
    position: relative;
    width: 100px;
    height: 100px;
}

.services__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.services__icon svg {
    width: 150px;
    position: absolute;
    content: "";
    top: -27px;
    left: -20px;
    z-index: -1;
}

.services-divider {
    width: 140px;
    height: 5px;
    background-color: #2D2D2D;
    display: inline-block;
}

.steps__blk {
    display: flex;
    margin-bottom: 20px;
    height: 150px;
}

.steps__blk span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.steps__blk div {
    width: calc(100% - 60px);
    padding-left: 20px;
}

.steps__descp p {
    line-height: 26px;
}

.our-process__blk {
    border: 1px solid #E3E3E3;
    padding: 30px;
    border-radius: var(--border-radius);

    height: 100%;
    background: #fff;
}

.our-process__blk h4 {
    font-size: 1.3rem;
}

.our-process__blk img {
    height: 76px;
    width: auto;
}

.grid,
.features {
    margin-bottom: -30px;
}

section.work.grid .grid__blk h5 {
    margin-top: 20px;
    margin-bottom: 0px;
}

.grid__blk {
    background-color: #fff;
    box-shadow: var(--shadow);
    padding: 40px 30px;
    border-radius: var(--border-radius);
    width: 100%;
    margin-bottom: 30px;
}

.grid__blk h5 {
    font-size: 1.1rem;
    font-weight: 500;
}

.work .grid__blk img {
    height: 90px;
    width: auto;
}

.grid .col-md-3,
.grid .col-md-2 {
    display: flex;
}

.apps-category .grid .col-md-2 {
    width: 20%;
}

.features_blk {
    display: flex;
    flex-wrap: wrap;

    border: 1px solid #cec9c9;
    padding: 40px;
    border-radius: var(--border-radius);
    background-color: #fff;
    position: relative;
    height: 100%;
}

.features__icon {
    background-color: #fff;
    position: absolute;
    top: -50px;
    padding: 0px 10px;
    border-radius: 60px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.features__icon img {
    width: 46px;
}

.features__content {
    width: 100%;
}

.app-category img {
    width: 100px;
    height: 100px;
}

.call-action {
    background: url(../images/cutom-web-bg.webp) rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-blend-mode: overlay;
}

.grid__blk__icon {
    position: relative;
}

.grid__blk__icon img {
    position: relative;
    z-index: 1;
}

.grid__blk__icon::before {
    width: 60px;
    height: 60px;
    background: #FFBBBB;
    position: absolute;
    top: -10px;
    left: 0px;
    content: "";
    border-radius: 50%;
    left: 36px;
}

.technology-wrapper {
    background-color: #0C0B17;
}

.technology__box {
    background-color: #fff;
    height: 180px;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}

.technology-divider {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.technology-divider::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    content: "";
    bottom: 0px;
    left: 0px;
}

.speciality {
    background: url(../images/speciality-bg.webp);
    background-size: cover;
}

.speciality__blk {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
}

.speciality__blk span {
    display: inline-block;
}

.speciality__heading {
    font-size: 3rem;
    margin-bottom: 20px;
}

.speciality__content {
    position: relative;
    height: 50px;
}

.speciality__content::before {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 2px;
    background-color: #fff;
    content: "";
    width: 125px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.divider-first::before {
    background-color: #FACBFF;
}

.divider-second::before {
    background-color: #A4FFE9;
}

.divider-third::before {
    background-color: #A8C2FF;
}

.divider-fourth::before {
    background-color: #FFE19C;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #2B2B2B;
    color: #fff !important;
}

.nav-pills .nav-link {
    color: #5A5A5A !important
}

.our-services .nav-link {
    padding: 10px 40px;
    border: 1px solid #EEEEEE;
    border-radius: var(--border-radius);
    margin-right: 15px;
}

.apps-category {
    background-color: #FFF5F5;
}

.enterprise.spacer {
    background-color: #F8F8F8;
}

.enterprise__blk img {
    width: 70px;
}

.enterprise__blk span {
    width: calc(100% - 70px);
    padding-left: 20px;
    font-size: 1.3rem;
}

.client-block {
    background-image: url(../images/quotes-icon-bg.svg);
    background-repeat: no-repeat;
    background-size: 95%;
    background-position: center center;
    position: relative;
}

.client-block::after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 30px;
    width: 56px;
    height: 46px;
    background-image: url(../images/quotes-icon-btm.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.client-info-block .client-avtar {
    border-radius: 20px;
    width: 160px !important;
    height: auto;
}

.client-info .client-position {
    font-size: 1.125rem;
    color: #A8A8A8;
    margin-bottom: 5px;
}

.client-location {
    font-size: 1.250rem;
    color: #A8A8A8;
}

.client-content {
    font-size: 1rem;
}

.client-slider .owl-dots,
.platform-slider .owl-dots {
    display: block !important;
    text-align: center;
    margin-top: 40px;
}

.client-slider .owl-dot,
.platform-slider .owl-dot {
    margin: 0 3px;
}

.client-slider .owl-dots span,
.platform-slider .owl-dots span {
    display: block;
    width: 23px;
    height: 9px;
    background-color: #E9E9E9;
}

.client-slider .owl-dots .active span,
.platform-slider .owl-dots .active span {
    background-color: #6C6C6C;
}

.client-logos img {
    width: 230px;
    height: auto;
    margin: 0 auto 20px;
}

.pship-block {
    box-shadow: 4px 8px 39px rgba(0, 0, 0, 0.10);
    border-radius: var(--border-radius);
    padding: 40px;

    height: 100%;
}

.pship-icon img {
    height: 100px;
    object-fit: contain;
}

.section-create {
    background-color: var(--bg-blue);
}

.cdevice-bg img {
    max-width: 650px;
}

.section-social li {
    display: inline-block;
}

.section-social li img {
    width: 26px;
}

.section-social li {
    display: inline-block;
    margin-right: 20px;
}

.blog-block {
    border-radius: 15px;
    overflow: hidden;
}

.bblock-content .blog-date {
    background-color: var(--bg-blue);
    color: #fff;
    padding: 12px 20px;
    display: inline-block;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bg-blue {
    background-color: var(--bg-blue) !important;
}

.footer-nav h4 {
    margin-bottom: 20px;
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer ul .nav-link {
    padding: 6px 0;
    color: var(--text-light);
}

footer.site-footer ul li a {
    transition: 0.5s all;
    display: inline-block;
}

.footer-address-block h5 {
    text-transform: uppercase;
}

.footer-address-block p {
    margin-bottom: 5px;
    color: var(--text-light);
}

footer .copyright-wrapper a {
    text-decoration: none;
    color: #fff;
    transition: .5s all;
}

footer .copyright-wrapper p {
    font-size: 14px;
}

.p-blk-form.modal-dialog {
    max-width: 900px;
    margin: 4rem auto;
}

.sm-icon-blk {
    width: 10%;
}

.p-blk-form .card {
    border: none;
    border-radius: 0px;
}

.p-blk-form .card form .row .col-md-6:nth-child(3),
.p-blk-form .card form .row .col-md-6:nth-child(4) {
    width: 100%;
}

.p-blk-form .card form .iti.iti--allow-dropdown {
    width: 36%;
}

.p-blk-form .card-body {
    padding: 1rem 0rem;
}

.p-blk-form .card-body .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.popup-form-blk form label {
    display: none;
}

.modal-header .p-header-txt {
    width: 85%;
}

.modal-body.row.popup-blk {
    padding: 1rem 2rem;
}

.popup-form-blk form input.form-control {
    background-color: #FBE2E3;
    border: 1px solid #FBE2E3 !important;
    border-radius: 0px;
    height: 52px;
}

.popup-form-blk form textarea.form-control {
    background-color: #FBE2E3;
    border: 1px solid #FBE2E3 !important;
    border-radius: 0px;
    height: 70px;
    resize: none;
}

.popup-form-blk form .form-control:focus {
    box-shadow: none;
    border-color: #FFBFC2 !important;
}

.p-blk-form button.btn.btn-primary {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 1.188rem;
    background-color: var(--primary-btn) !important;
    border: 1px solid #f67917 !important;
    margin-top: -10px;
}

.p-blk-form button.btn.btn-primary:hover {
    background-position: right center !important;
}

.video-iframe {
    background: #000;
}

.chat-blk {
    background: #ef476f;
    width: 150px;
    padding: 0px 5px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    position: fixed;
    bottom: 0;
    right: 120px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.chat-img {
    width: 10%;
    margin-right: 10px;
}

.contact-num i {
    background-color: var(--bg-blue);
    border-radius: 60px;
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}

.contact-num a {
    color: var(--bs-body-color);
    text-decoration: none;
    font-weight: 700;
}

.contact-num {
    margin-top: 10px;
}

.web-overview-media {
    padding-right: 50px;
}

.web-overview-media::before {
    content: "";
    position: absolute;
    top: -60px;
    right: 0;
    left: auto;
    width: 190px;
    height: 190px;
    background-color: var(--primary-bg);
    border-radius: 40px;
    z-index: 0;
}

.web-overview-media img {
    border-radius: 40px;
}

.section-we-offer::after {
    content: "";
    position: absolute;
    width: 370px;
    height: 310px;
    background-image: url(../images/development-offer-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 10px;
    right: 10px;
}

.offer-block {
    height: 100%;
    width: 100%;
}

.offer-block .offer-heading {
    display: flex;
    margin-bottom: 20px;
}

.offer-icon {
    background-color: #FFBBBB;
    width: 80px;
    height: 80px;
    display: inline-block;
    line-height: 80px;
    text-align: center;
    border-radius: 60px;
    margin-right: 20px;
}

.platform-work .services__icon img {
    position: relative;
    left: 0;
    width: 70px;
}

.platform-work .col-md-4 {
    margin-bottom: 30px;
}

.platform-work .services__blk {
    background-color: #fff;
    margin-bottom: 0;
    height: 100%;
}

.platform-slider img {
    max-width: 100% !important;
    width: auto !important;
    max-height: 500px;
    margin: 0 auto;
}

.technology__box img {
    width: 90px;
}

.our-services .tab-pane img {
    border-radius: 20px;
}

.mdev-platform .owl-dots {
    position: absolute;
    bottom: -50px;
}

.hero_technology p {
    line-height: 1.7rem;
}

.hero_technology h1 {
    font-size: 3rem;
}

.gt-form-wrapper .form-control,
.request-form-wrapper .form-control {
    background-color: #FBE2E3;
    border: 1px solid #FBE2E3;
    border-radius: 0px;
}

.gt-form-wrapper input.form-control,
.request-form-wrapper input.form-control {
    height: 52px;
}

.gt-form-wrapper .form-control:focus,
.request-form-wrapper .form-control:focus {
    box-shadow: none;
    border-color: #FFBFC2;
}

.gt-form-wrapper textarea.form-control,
.request-form-wrapper textarea.form-control {
    resize: none;
}

.gt-form-wrapper input::placeholder,
.gt-form-wrapper textarea::placeholder,
.request-form-wrapper ::placeholder {
    color: #5A5A5A;
}

.navbar-collapse.open {
    display: block;
}

.banner-list li {
    position: relative;
    margin-bottom: 18px;
    padding-left: 30px;
    font-size: 18px;
}

.banner-list ul {
    padding-left: 0rem;
    list-style: none;
}

.banner-list li::before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../images/check-double-fill.svg);
    content: "";
    background-repeat: no-repeat;
    background-size: 20px;
}

.blk span {
    border-radius: 50px;
    text-align: center;
    width: 80px !important;
    height: 80px !important;
    display: block;
    line-height: 80px;
}

.blk+h4,
.blk+.h4 {
    width: calc(100% - 100px);
}

span.offer-icon+h4,
span.offer-icon+.h4 {
    width: calc(100% - 100px);
}

.why-rsoft-content .blk+h4,
.why-rsoft-content .blk+.h4 {
    width: 100%;
}

.solution-offers-blk.shadow {
    padding: 30px 40px;
    height: 100%;
    width: 100%;
}

.solution-offers-blk li {
    line-height: 30px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.solution-offers-blk ul {
    padding-left: 2rem;
    list-style: none;
}

.solution-offers-blk li::before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../images/check-double-fill.svg);
    content: "";
    background-repeat: no-repeat;
    background-size: 20px;
}

.blk-blue span {
    background-color: #8AE5FC;
}

.blk-pink span {
    background-color: #E447DE;
}

.blk-green span {
    background-color: #10EE44;
}

.blk-yellow span {
    background-color: #FFF700;
}

.blk-orange span {
    background-color: #FFA237;
}

.blk-green span {
    background-color: #9BFFB9;
}

.ecommerce-effc .services__icon img {
    position: static;
}

a.anchor-design-blk {
    text-decoration: none;
}

a.anchor-design-blk ul li {
    color: #5A5A5A;
}

.m-bottom {
    margin-bottom: var(--spacer-bottom);
}

.sub-services a {
    text-decoration: none;
    color: #000;
}

section.hero_technology.contact-bnr {
    background: url(../images/contact-us-bnr02.webp) #000000a6;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position-y: 5px;
}

.contactblk {
    height: 100%;
}

.cont-heading-blk span {
    width: 60px;
    height: 60px;

    text-align: center;

    line-height: 60px;
    margin-right: 20px;
}

.contactblk p {
    height: auto;
}

section.contact-us-blk .cont-heading-blk span i {
    font-size: 22px;
    color: #fff;
}

section.contact-us-blk .contactblk ul {
    display: flex;
    flex-direction: column;
}

section.contact-us-blk ul li {
    list-style: none;
    text-align: left;
}

section.contact-us-blk ul li a {
    text-decoration: none;
    color: #5a5a5a;
}

section.contact-us-blk ul li a:hover {
    color: var(--primary-btn);
}

img.flg-img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 5px;
}

.shadow-new {
    box-shadow: 0 0.5rem 4rem rgba(0, 0, 0, .15) !important;
}

.solution-we-offer .row {
    width: 75%;
}

.career-form-blk select.form-select {
    height: 52px;
}

.spectrum-work .services__blk {
    background-color: #fff;
    margin-bottom: 0;
    height: 100%;
}

.spectrum-work .services__icon img {
    width: 50px;
}

section.case-study {
    background: #ffefef;
}

.case-image {
    width: 65%;
    position: relative;
    text-align: center;
    z-index: 1;
    border: 1px solid #e3e3e3;
}

.case-image a {
    display: block;
}

.case-image img {
    height: 350px;
    width: 100%;
    object-fit: cover;
}

.case-image:before {
    position: absolute;
    content: "";
    width: 500px;
    height: 200px;
    top: -27px;
    right: 50px;
    border: 5px solid var(--primary-bg);
    z-index: -1;
    display: none;
}

.case-image:after {
    position: absolute;
    content: "";
    width: 500px;
    height: 200px;
    bottom: -27px;
    left: 50px;
    border: 5px solid var(--primary-bg);
    background: var(--primary-bg);
    z-index: -1;
    display: none;
}

.case-content {
    width: 34% !important;
    background: #181818;
    border-radius: 5px;
    margin-left: 1%;
    box-shadow: 0 .5rem 10px rgba(0, 0, 0, .05) !important;
}

.case-content h4,
.case-content p {
    color: #fff;
}

.case-content a {
    font-size: 16px;
    white-space: nowrap;
    padding: 10px;
    width: 100%;
}

.case-study-blk {
    border-bottom: 1px solid #efd6d6;
    padding-bottom: 50px;
    margin-bottom: 40px;
}

.cs-pagination .page-numbers {
    padding: 5px 15px;
    background: #000;
    color: #fff;
    margin-right: 5px;
    text-decoration: none;
}

span.page-numbers.current {
    background: var(--primary-btn);
}

.cs-pagination .page-numbers:hover {
    background: var(--primary-btn);
}

.career-form-blk button {
    padding: 10px 20px;
}

.our-mv-blk img {
    width: 250px;
}

.founder-blk-img {
    width: 90%;
    border-right: 2px solid #ddd;
}

.founder-blk-img img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 50%;
}

section.thankyou-blk .col-md-12.text-center>h1 {
    font-size: 80px;
    font-weight: 500;
    margin-top: 0px;

    color: #ce272e !important
}

section.thankyou-blk p {
    font-size: 20px;
    color: #000 !important
}

section.thankyou-blk .col-md-12.text-center img {
    width: 450px;
    text-align: center;
    margin: 0 auto;
}

section.thankyou-blk .col-md-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.side-image-blk img {
    width: 50%;
    object-fit: contain;
}

.launch-contents ul li {
    flex-basis: 50%;
    list-style: none;
    position: relative;
    margin-bottom: 15px;
}

.launch-contents ul li:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/yellow-check.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    top: 0;
    left: -30px;
}

.efficient-blk {
    position: relative;
    overflow: hidden;
    background-image: radial-gradient(circle farthest-corner at 50.4% 50.5%, rgba(251, 32, 86, 1) 0%, rgba(135, 2, 35, 1) 90%);
    background: -webkit-gradient(linear, left top, right top, from(#01387d), to(#00d4ff));
    background: linear-gradient(90deg, #dc4326 0%, #ff8a12 100%);
}

.efficient-blk .solution-img img {
    height: 350px;
    object-fit: contain;
    transform: scale(2.5) rotateZ(-56deg);
    object-position: 0px 126px;
    position: absolute;
}

.get-in-blk {
    padding: 30px 20px;
    height: 100%;
    width: 100%;
}

.get-in-blk li {
    line-height: 30px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    list-style: none;
}

.get-in-blk li::before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../images/check-double-fill.svg);
    content: "";
    background-repeat: no-repeat;
    background-size: 20px;
}

.why-rsoft-content {
    padding: 20px;
    height: 100%;
}

.key-challenge-box {
    background: #e4e6ef;
    padding: 50px 10px;
    text-align: center;
}

.user-fndly-blk {
    padding: 50px;
    background: #dadada;
    border-radius: 10px;
}

.request-form-wrapper .card {
    border: none;
    border-radius: 0px;
}

.request-form-wrapper .card-body.card-bg-btm {
    padding: 0px;
}

.request-form-wrapper form .row {
    --bs-gutter-x: 1rem;
}

.request-form-wrapper form label {
    display: none;
}

.request-form-wrapper button.btn.btn-primary {
    width: 270px !important;
}

.request-form-wrapper form .row .col-md-6:nth-child(3),
.request-form-wrapper form .row .col-md-6:nth-child(4) {
    width: 100%;
}

.request-form-wrapper form .iti.iti--allow-dropdown {
    width: 36%;
}

.get-touch .card {
    border-radius: 20px;
    border: none;
    margin-top: 30px;
}

.form-width {
    max-width: 600px;
    margin: 0 auto;
}

.quote-huspot iframe {
    width: 90% !important;
    margin: 0 auto;
}

.get-touch .card-body.card-bg-btm {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: 20px;
    padding: 50px 35px;
    max-width: 70%;
    margin: 0 auto;
}

.quote-form .card-body {
    max-width: 100% !important;
}

.get-touch.no-spacer.quote-form {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    padding-top: 30px;
}

.get-touch.no-spacer.quote-form .card-body.card-bg-btm {
    padding: 30px 35px;
    border-radius: 0px !important;
    box-shadow: none !important;
}

.get-touch .card-body .container {
    padding-left: 0px;
    padding-right: 0px;
}

.get-touch .card form .iti.iti--allow-dropdown {
    width: 62%;
}

.get-touch form .row {
    --bs-gutter-x: 1rem;
}

.get-touch form label {
    display: none;
}

.get-touch .form-control,
.request-form-wrapper .form-control {
    background-color: #fbe2e3 !important;
    border: 1px solid #fbe2e3 !important;
    border-radius: 0;
    height: 52px;
}

.get-touch textarea.form-control,
.request-form-wrapper textarea.form-control {
    resize: none;
    height: 90px;
}

.get-touch .form-control:focus,
.request-form-wrapper .form-control:focus {
    box-shadow: none;
    border-color: #ffbfc2 !important;
}

.get-touch button.btn.btn-primary,
.request-form-wrapper button.btn.btn-primary {
    width: 270px;
    max-width: 100%;
    padding: 10px;
    background-image: linear-gradient(to right, #ce272e 0%, #ff8a12 50%, #d2303b 100%) !important;
    transition: .5s;
    position: relative;
    overflow: hidden;
    background-size: 200% auto !important;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 1.188rem;
    background-color: var(--primary-btn) !important;
    border: 1px solid #f67917 !important;
}

.get-touch button.btn.btn-primary:hover,
.request-form-wrapper button.btn.btn-primary:hover {
    background-position: right center !important;
}

.no-spacer .card {
    margin-top: 0px;
}

.documents__inner {
    width: 100%;
    height: 100%;
    display: flex;
}

.documents__inner__icon {
    margin-right: 15px;
}

.documents__inner__icon i {
    font-size: 35px;
    line-height: 35px;
    color: #6c0202;
}

.documents {
    margin-top: 50px;
}

.video-block-section {
    background: #000;
    border-radius: 10px;
}

.mobile-app-dev-hero {
    background-image: url("../images/map.png");
    background-size: contain;
    background-position: center;
    background-color: #CC1820;
    background-blend-mode: normal;
    overflow: hidden;
}

.mobile-app-quote-form {
    background-color: #fff;
    border-radius: 10px;
}

.mobile-app-quote-form .col-md-6 {
    width: 100%;
}

.mobile-app-quote-form .col-md-6 .iti.iti--allow-dropdown {
    width: 36% !important;
}

.mobile-app-quote-form input.form-control {
    background-color: transparent !important;
    border: 1px solid #C9C9C9 !important;
    border-radius: 5px !important;
    height: 52px !important;
}

.mobile-app-quote-form textarea.form-control {
    background-color: transparent !important;
    border: 1px solid #C9C9C9 !important;
    border-radius: 5px !important;
}

.mobile-app-quote-form .d-flex .iti--allow-dropdown input {
    border-radius: 5px 0px 0px 5px !important;
    border-right: 0px !important;
}

.mobile-app-quote-form .d-flex .countrycode {
    border-radius: 5px 5px 5px 5px !important;
}

.subtitle {
    display: inline-block;
    position: relative;
    padding: 0px 70px 0px 70px;
}

.custom__grid__blk {
    width: 77px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 30px;
}

.custom-mobileapp .app-category:hover .custom__grid__blk {
    transform: rotateZ(360deg);
    transition: 2s all;
}

.custom__grid__blk img {
    max-width: 50px;
    width: 100% !important;
    height: auto !important;
    margin: 0px !important;
}

.bg-black.shadow {
    box-shadow: 0 0.5rem 1rem black !important;
}

.bg-green.shadow {
    box-shadow: 0 0.5rem 1rem #00a478 !important;
}

.bg-purple.shadow {
    box-shadow: 0 0.5rem 1rem #7d01c5 !important;
}

.bg-blue.shadow {
    box-shadow: 0 0.5rem 1rem #1f235a !important;
}

.custom-call-action {
    background: linear-gradient(90deg, #404CE7, #1824B9);
}

.custom-call-action .btn {
    color: var(--primary-txt) !important;
}

.custom-grid-section .offer-icon {
    position: relative;
    width: 60px !important;
    height: 60px !important;
}

.custom-grid-section .offer-icon img {
    position: relative;
    position: absolute;
    left: 0;
    bottom: -15px;
}

.custom-grid-section [class*="col-"] {
    display: flex;
}

.custom-grid-section .grid__blk {
    margin-bottom: 0px;
    border: 1px solid #EBEBEB;
    box-shadow: none;
}

.custom-grid-section .grid__blk:hover {
    margin-bottom: 0px;
    border: 1px solid #EBEBEB;
    box-shadow: var(--shadow);
}

.bg-clr {
    background: #F8F8FF !important;
}

.custom-technology-wrapper .technology__box {
    height: 132px;
    width: 132px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nw-tech-wrapper {
    padding: 25px;
    border-radius: 20px;
}

.nw-tech-wrapper .technology__box img {
    width: 65px;
}

.custom-technology-wrapper .row .col-md-6:first-child .nw-tech-wrapper {
    background: #073B4C;
}

.custom-technology-wrapper .row .col-md-6:nth-child(2) .nw-tech-wrapper {
    background: #118AB2;
}

.custom-technology-wrapper .row .col-md-6:nth-child(3) .nw-tech-wrapper {
    background: #06D6A0;
}

.custom-technology-wrapper .row .col-md-6:nth-child(4) .nw-tech-wrapper {
    background: #FFD166;
}

.custom-technology-wrapper .row .col-md-6:nth-child(5) .nw-tech-wrapper {
    background: #EF476F;
}

.nw-app-category {
    background: #000230 !important;
}

.outsrc-img-box {
    width: 100%;
    padding: 10px;
    box-shadow: 0px 8px 9px rgb(0 0 0 / 20%);
}

.outsrc-img-box img {
    width: 100px;
    height: 85px;
    object-fit: contain;
}

.nw-choose-blk {
    background: #fff;
    padding: 25px;
}

.nw-choose-blk-img {
    width: 65px;
    height: 65px;
    background: #00e8ff;
    line-height: 65px;
    text-align: center;
    border-radius: 15px;
    margin-bottom: 20px;
}

.nw-choose-blk-img img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

section.nw-should-choose-blk .row .col-md-4:first-child .nw-choose-blk-img {
    background: #8AE5FC;
    box-shadow: 0px 5px 6px rgb(138 229 252 / 50%);
}

section.nw-should-choose-blk .row .col-md-4:nth-child(2) .nw-choose-blk-img {
    background: #FF6BC4;
    box-shadow: 0px 5px 6px rgb(255 107 196 / 50%);
}

section.nw-should-choose-blk .row .col-md-4:nth-child(3) .nw-choose-blk-img {
    background: #FFA237;
    box-shadow: 0px 5px 6px rgb(255 162 55 / 50%);
}

section.nw-should-choose-blk .row .col-md-4:nth-child(4) .nw-choose-blk-img {
    background: #8EA5FF;
    box-shadow: 0px 5px 6px rgb(155 162 255 / 50%);
}

section.nw-should-choose-blk .row .col-md-4:nth-child(5) .nw-choose-blk-img {
    background: #9CCF7A;
    box-shadow: 0px 5px 6px rgb(156 207 122 / 50%);
}

section.nw-should-choose-blk .row .col-md-4:nth-child(6) .nw-choose-blk-img {
    background: #9BA2FF;
    box-shadow: 0px 5px 6px rgb(155 162 255 / 50%);
}

section.nw-should-choose-blk .row .col-md-4:nth-child(7) .nw-choose-blk-img {
    background: #61E689;
    box-shadow: 0px 5px 6px rgb(97 230 137 / 50%);
}

section.nw-should-choose-blk .row .col-md-4:nth-child(8) .nw-choose-blk-img {
    background: #FF7B7B;
    box-shadow: 0px 5px 6px rgb(255 123 123 / 50%);
}

.nw-our-service__blk {
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 15px;
}

.nw-our-service__img {
    width: 50px;
    height: 80px;
    background: #ddd;
    padding: 10px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-top: -20px;
    box-shadow: 0px 5px 6px rgb(0 0 0 / 20%);
}

.nw-our-service__img img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-top: 20px;
}

.nw-our-service__content {
    width: calc(100% - 60px);
    margin-left: 10px;
}

section.nw-our-service .row .col-md-6:first-child .nw-our-service__img {
    background: #FFC0A8;
    box-shadow: 0px 5px 6px rgb(255 192 168 / 50%);
}

section.nw-our-service .row .col-md-6:nth-child(2) .nw-our-service__img {
    background: #FF907E;
    box-shadow: 0px 5px 6px rgb(255 144 126 / 50%);
}

section.nw-our-service .row .col-md-6:nth-child(3) .nw-our-service__img {
    background: #8199F7;
    box-shadow: 0px 5px 6px rgb(129 153 247 / 50%);
}

section.nw-our-service .row .col-md-6:nth-child(4) .nw-our-service__img {
    background: #88ADDB;
    box-shadow: 0px 5px 6px rgb(136 173 219 / 50%);
}

section.nw-our-service .row .col-md-6:nth-child(5) .nw-our-service__img {
    background: #B4D572;
    box-shadow: 0px 5px 6px rgb(180 213 114 / 50%);
}

section.nw-our-service .row .col-md-6:nth-child(6) .nw-our-service__img {
    background: #C4D37C;
    box-shadow: 0px 5px 6px rgb(196 211 124 / 50%);
}

section.nw-our-service .row .col-md-6:nth-child(7) .nw-our-service__img {
    background: #76D2BB;
    box-shadow: 0px 5px 6px rgb(118 210 187 / 50%);
}

section.nw-our-service .row .col-md-6:last-child .nw-our-service__img {
    background: #FF7DA7;
    box-shadow: 0px 5px 6px rgb(255 125 167 / 50%);
}

section.section-nw-support .pship-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.nw-certified-box {
    width: 100%;
    height: 100%;
    padding: 10px;
}

.bg-prymary {
    background-color: var(--primary-bg-clr);
}

.hero-banner-list {
    list-style: none;
}

.new-contact-form .card-body .row .col-md-6:nth-child(4)::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.2802 5.9668L8.93355 10.3135C8.42021 10.8268 7.58021 10.8268 7.06688 10.3135L2.72021 5.9668' stroke='%2398A2B3' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    top: 18px;
    right: 20px;

    pointer-events: none;
}

@media screen and (max-width: 991px) {
    .shape {
        top: 40px;
        width: 258px;
        height: 258px;
        box-shadow: 0px 0px 0px 40px #ffbaba;
    }

    .about__blk,
    .counter__blk {
        padding: 20px 20px 20px 20px;
        width: 100%;
    }

    .section-intro p.w-85 {
        max-width: 100%;
    }

    .services__blk {
        padding: 15px;
    }

    .steps__blk {
        margin-bottom: 20px;
    }

    .our-process__blk {
        padding: 10px;
    }

    .grid__blk {
        padding: 20px 10px;
    }

    .our-process__blk img,
    .work .grid__blk img {
        height: 48px;
    }

    .our-process__blk h4 {
        font-size: 1.1rem;
        margin-top: 20px !important;
    }

    .work .grid__blk img {
        margin-bottom: 20px !important;
    }

    .client-info-block .client-avtar {
        border-radius: 10px;
        width: 80px !important;
    }

    .client-info .client-position,
    .client-location {
        font-size: 1rem;
    }

    .client-info-block .client-info {
        margin-left: 10px !important;
    }

    .client-content {
        font-size: 1rem;
        margin-top: 20px !important;
    }

    .client-block {
        padding: 20px !important;
    }

    .pship-icon img {
        height: 48px;
        width: auto;
    }

    .pship-block {
        padding: 20px;
    }

    .pship-block h3 {
        margin-bottom: 20px !important;
    }

    .footer-brands img {
        width: 100px;
    }

    .hero_technology {
        padding-top: 40px;
    }

    .hero_technology h1 {
        font-size: 2.5rem;
    }

    .web-overview-media {
        margin-top: 3.5rem;
    }



    .get-touch .card-body.card-bg-btm {
        max-width: 100%;
        padding: 30px 20px;
    }
}

@media screen and (max-width: 767px) {
    .infiniteslide_wrap {
        height: auto;
        padding-top: 15px;
    }

    .hero__media img {
        width: 400px;
    }

    .shape {
        width: 198px;
        height: 198px;
    }

    .link-area span {
        font-size: 0.850rem;
    }

    .about__blk img {
        margin: 0 auto 40px auto;
    }

    .about__blk span {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .about__blk {
        margin-bottom: 20px;
    }

    .counter__blk i {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 20px;
    }

    .services__blk .services__icon {
        margin: 20px 0 !important;
    }

    .spectrum-work .services__blk .services__icon {
        margin: 20px auto !important;
    }

    .services__icon img {
        width: 70px;
    }

    .services__icon svg {
        width: 120px;
        left: -12px;
    }

    .services-divider {
        width: 100px;
        margin-bottom: 30px !important;
    }

    .steps .device-model {
        display: none;
    }

    .grid,
    .features {
        margin-bottom: 0px;
    }

    .cdevice-bg img {
        width: 100%;
    }

    .blog-block {
        margin-bottom: 20px;
    }

    .bblock-title {
        margin-top: 24px !important;
    }

    .footer-brands {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .footer-brands img {
        width: 100px;
        margin: 10px;
    }

    .technology-wrapper .col {
        flex: 1 0 100%;
        margin-bottom: 20px;
    }

    .our-services .nav-item {
        margin-bottom: 10px;
    }

    .apps-category .grid .col-md-2 {
        width: 50%;
    }

    .platform-slider .item {
        flex-wrap: wrap;
    }

    .platform-slider .platform-content {
        width: 100%;
    }

    .platform-screen {
        width: 51%;
        margin: 30px auto;
    }

    .section-we-offer::after {
        content: none;
    }

    .footer-nav {
        margin-bottom: 20px;
    }



    .contact-us-blk .row {
        --bs-gutter-y: 1rem !important;
    }

    .solution-we-offer .row {
        width: 100%;

    }

    .section-we-offer .row {
        --bs-gutter-y: 1rem !important;
    }

    .solution-offers-blk.shadow {
        padding: 30px;
    }

    .platform-work .container>div.row:nth-child(2) {
        --bs-gutter-y: 1rem !important;
    }

    .video-iframe iframe {
        width: 250px;
        height: 200px;
    }

    .link-area img {
        width: 42px;
    }

    .case-study-blk {
        flex-direction: column;
    }

    .case-image {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .case-content {
        width: 100% !important;
    }

    .case-image img {
        width: 100%;
        height: 150px;
        object-fit: cover;
    }

    .founder-blk-img {
        width: 100%;
        border-right: none;
    }

    .founder-words {
        margin-top: 20px;
    }

    section.thankyou-blk h1 {
        font-size: 40px;
        font-weight: 400;
    }

    .launch-contents ul li {
        flex-basis: 100%;
    }

    .efficient-blk .solution-img img {
        display: none;
    }



    .request-form-wrapper {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }


    .quote-huspot iframe {
        width: 95% !important;
        margin: 0 auto;
    }

    .col-md-6.popup-img-blk.mai__img {
        display: none;
    }
}

@media screen and (max-width: 567px) {
    section.about .about__blk {
        height: 300px;
    }

    .hero_technology .row div:nth-child(1) {
        order: 2;
    }

    .steps__blk {
        height: auto;
    }

    .video-iframe iframe {
        width: 200px;
        height: 200px;
    }

    section.hero_technology.contact-bnr {
        background-size: cover;
        background-position-y: 5px;
    }

    .custom-mobileapp div.row:nth-child(2) {
        width: 100% !important;
    }

    .technology-wrapper .col {
        margin-bottom: 20px;
        flex-basis: 50%;
    }

    .popup-img-blk {
        display: none;
    }

    .platform-screen {
        width: 100%;
    }

    .subtitle {
        padding: 0px 50px;
    }

    .subtitle::before {
        left: -3%;
        width: 50px;
    }

    .subtitle::after {
        right: -3%;
        width: 50px;
    }

    .custom-technology-wrapper .technology__box {
        height: 120px;
        width: 120px;
    }

    .p-blk-form .card form .iti.iti--allow-dropdown {
        width: 60%;
    }

    .get-touch .card form .iti.iti--allow-dropdown {
        width: 65%;
    }

    .video-block-section video {
        display: none;
    }

    .app-category>div {
        margin: 0 auto;
    }

    .app-category>div+h5 {
        text-align: center;
        margin-top: 20px;
    }

    .nw-choose-blk-img {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .nw-choose-blk {
        padding: 10px;
    }

    .blk {

        width: 100px;
    }

    .pship-block {
        text-align: center;
    }

    .pship-block p {
        text-align: left;
    }

    .get-touch.no-spacer.quote-form .card-body.card-bg-btm {
        padding: 30px 20px;
    }

    .grid__blk img {
        width: 60px;
        height: 60px;
        object-fit: contain;
    }
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: auto;
    }
}

@media (max-width:430px) {
    .mobile-app-dev-hero h1 {
        font-size: 1.4rem;
    }
}