.btn.hz-btn,
.btn.hz-btn:before {
    background: -o-linear-gradient(45deg, #8134c3, #c57cfa);
    background: linear-gradient(45deg, #8134c3, #c57cfa);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

html {
    scroll-behavior: smooth
}

.client-2-row .client-logo,
.hz-brand-box,
.loader,
.modal-main-wrap .modal-inner,
.policy-page .banner-left-content,
.port-cont-wrap,
a.btn-a {
    text-align: center
}

.bg-blue,
.btn.hz-btn,
.follow-txt h5 {
    position: relative
}

ul.foot-nav li a,
ul.foot-nav li a:after {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #212529
}

.main-footer-circle,
span.banner-circle {
    -webkit-animation: 5s linear infinite rotate360;
    animation: 5s linear infinite rotate360
}

.rw-slide img,
.web-porfolio-img img {
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover
}

.mb-6,
.my-6 {
    margin-bottom: 3.5rem !important
}

.mt-6,
.my-6 {
    margin-top: 3.5rem !important
}

.mb-7,
.my-7 {
    margin-bottom: 4rem !important
}

.mt-7,
.my-7 {
    margin-top: 4rem !important
}

a.btn-a {
    display: inline-block
}

.btn.hz-btn {
    border: 0;
    font-size: 20px;
    padding: 18px 60.9px;
    overflow: hidden;
    z-index: 0
}

.port-inner a.btn-a {
    margin-top: -30px;
    display: block
}

.port-inner .hz-btn {
    -webkit-box-shadow: 0 20px 40px 0 #8134c3a6;
    box-shadow: 0 20px 40px 0 #8134c3a6
}

.btn.hz-btn:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

.blue-theme-work .related-work-slider ul.slick-dots li.slick-active button,
.fancybox-progress,
.professional-work .related-work-slider ul.slick-dots li.slick-active button,
.slick-btns button,
.testi-slider .testi-inner:nth-child(odd) {
    background: #3d46a1
}

.banner-rental img,
.banner-right-img-virtualreality img,
.btn.hz-btn:hover:before,
.col-bpo-items .items-bpo:hover:after,
.ecom-item img,
.hz-op-content .op-img img,
.image-resource-service img,
.items-bpo.bpoactivate:after,
.oa-left h2:before,
.part-2-inner-text ul li a.active-tab:after,
.part-2-inner-text ul li a:hover:after,
.reseller-service-img img,
.services-parent ul li a:hover:before,
form.modal-form .form-group.focused:after,
span.image-world-map>img {
    width: 100%
}

.port-2-row .port-inner .port-cont-wrap {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: translateY(100%) rotateX(270deg);
    transform: translateY(100%) rotateX(270deg);
    opacity: 0
}

.port-2-row .port-inner.slick-current .port-cont-wrap,
.port-2-row .port-inner:hover .port-cont-wrap {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1
}

.port-2-row .slick-arrow,
.port-2-row ul.slick-dots,
.testi-slider button.slick-arrow,
.testi-slider ul.slick-dots {
    display: none !important
}

.port-2-row .slick-list.draggable {
    padding: 0 28.5% !important;
    overflow-y: auto !important
}

.port-img-wrap img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px
}

.port-2-row .port-inner {
    margin-left: 28.5px !important;
    margin-right: 28.5px !important
}

.port-2-row .slick-list.draggable .slick-track {
    overflow-y: inherit !important;
    padding-bottom: 70px
}

.port-inner .hz-btn i.fa-solid {
    margin-left: 20px
}

section#portfolio {
    padding-bottom: 0 !important
}

section#our-client {
    z-index: 2;
    margin-top: -70px
}

.client-2-row .col-lg-3 {
    margin-bottom: 17px;
    height: 129px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.client-2-row .col-lg-3 .client-logo {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #00000080;
    -webkit-transition: .3s linear 0s;
    -o-transition: .3s .3s linear 0s;
    transition: .3s .3s linear 0s;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

body.darkPage .client-2-row .col-lg-3 .client-logo {
    border-color: #fff
}

body .client-2-row .col-lg-3 .client-logo:hover {
    border-color: #fff
}

body .client-logo:before {
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
    transition: all .3s linear 0s
}

body:not(.darkPage) .client-logo:hover:before {
    left: 0
}

body .client-logo:hover {
    box-shadow: 3px 3px 11px rgb(0 0 0/50%);
    border-color: #fff
}

body.darkPage .client-logo:before {
    left: 0
}

body.darkPage .client-logo:hover {
    box-shadow: 3px 3px 11px rgb(255 255 255/50%);
    border-color: #fff
}

.social-links,
.social-links-wrap,
.testi-client {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.client-2-row .col-lg-3 .client-logo img {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.bg-blue p.text-white,
.list-items,
.max-width-550 {
    max-width: 550px
}

.bg-blue-wrap {
    max-width: 499px;
    margin-left: 65px
}

.bg-blue {
    padding-top: 60px;
    padding-bottom: 60px
}

.bg-blue:before {
    content: '';
    background: -o-linear-gradient(45deg, #2a4b99, #328efa);
    background: linear-gradient(45deg, #2a4b99, #328efa);
    position: absolute;
    right: 0;
    width: 60vw;
    height: 100%;
    z-index: -1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mb-22 {
    margin-bottom: 22px
}

.testi-slider .testi-inner:nth-child(2n) {
    background: #c57cfa
}

.testi-slider .slick-list.draggable {
    padding-left: 22% !important
}

.testi-slider .testi-inner {
    padding: 57px 171px 66px 77px;
    border-radius: 30px;
    margin-left: 14px;
    margin-right: 14px
}

.testi-slider .testi-inner .quote-ico {
    margin-bottom: 37px
}

.testi-slider .testi-inner .testi-cont {
    margin-bottom: 71px
}

.banner-left-content span a i,
.col-location span.img-location,
.contact-main-area button .arrow-img,
.pricing-main-panel>a>img,
.testi-client .client-img,
.text-resources-service span a i {
    margin-right: 10px
}

.testi-client .name {
    font-size: 26px;
    font-weight: 300;
    letter-spacing: .5px
}

.testi-client .name {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: .5px
}

.slick-btns button {
    color: #fff;
    width: 52px;
    height: 52px;
    border-radius: 100px;
    font-size: 20px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-shadow: 0 0 0 2px #00000026;
    box-shadow: 0 0 0 2px #00000026;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slick-btns button:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.container-800 {
    max-width: 800px;
    margin: 0 auto;
    width: 90%
}

.slick-btns {
    margin-top: 36px
}

.footer-logo-wrap,
.industry-price-panel .pricing-flex-play {
    margin-bottom: 40px
}

.footer-logo-wrap img {
    max-width: 100%;
    width: auto
}

.fa-30 {
    font-size: 30px
}

.follow-txt h5 {
    color: #001341;
    display: inline-block
}

.follow-txt h5:before,
.foot-head:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 4px;
    background: -webkit-gradient(linear, right top, left top, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(right, #3d46a1, #c57cfa);
    background: linear-gradient(-90deg, #3d46a1, #c57cfa);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.social-links-wrap {
    padding-top: 5px
}

.follow-txt {
    padding-right: 50px
}

.social-links-wrap a.social-link {
    background: #3d46a1;
    border-radius: 100px;
    height: 26px;
    width: 26px;
    color: #fff;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.foot-head {
    display: inline-block;
    position: relative;
    padding-bottom: 15px
}

ul.foot-nav {
    list-style: none;
    margin-bottom: 0
}

.footer-menu {
    padding-top: 50px
}

.ecom-pricing .pricing-items ul li,
ul.foot-nav li {
    margin-bottom: 25px
}

ul.foot-nav li a {
    position: relative
}

ul.foot-nav li a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 9px;
    background: #8134c3;
    z-index: -1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

ul.foot-nav li a:hover:before,
ul.foot-nav li.active a:before {
    width: 110%
}

ul.foot-nav li a:after {
    content: '\f178';
    visibility: hidden;
    font-family: FontAwesome;
    font-weight: 300;
    position: absolute;
    left: -20px;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0
}

.part-2-inner-text ul li a.active-tab:before,
.part-2-inner-text ul li a:hover:before,
ul.foot-nav li a:hover:after,
ul.foot-nav li.active a:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

ul.foot-nav li a:hover,
ul.foot-nav li.active a {
    padding-left: 10px
}

.footer-bottom {
    color: #000;
    font-size: 12px
}

.line-height-169 {
    line-height: 169%
}

.port-2-row {
    margin-top: 80px !important
}

.port-img-wrap {
    height: 355px
}

.client-2-row {
    margin-top: 100px !important
}

#portfolio .text-center,
.child-education,
.hz-our-brand .text-center,
.image-blockchain-service,
section.hz-our-categories .left-line h2 {
    position: relative;
    display: inline-block
}

.left-line h2:before,
.right-line h2:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 11px;
    width: 100%;
    max-width: 478px
}

.left-line h2:before {
    background: -webkit-gradient(linear, left top, right top, from(#3d46a1), to(transparent));
    background: -o-linear-gradient(left, #3d46a1, transparent);
    background: linear-gradient(90deg, #3d46a1, transparent);
    left: calc(100% + 33px)
}

.right-line h2:after {
    background: -webkit-gradient(linear, right top, left top, from(#3d46a1), to(transparent));
    background: -o-linear-gradient(right, #3d46a1, transparent);
    background: linear-gradient(270deg, #3d46a1, transparent);
    right: calc(100% + 33px)
}

.footer-circle {
    position: absolute;
    background: 0 0;
    z-index: -1;
    right: -440px;
    bottom: 30px
}

.app-design-tab section.text-resource-services-section:before,
.box-web03 .oh-icon:before,
.btn-d-none,
.emerging-tech .footer .world-circles-images.footer-circle,
.emerging-tech-augmented-reality .footer .world-circles-images.footer-circle,
.emerging-tech-augmented-reality section.text-resource-services-section:before,
.emerging-tech-blockchain .footer .world-circles-images.footer-circle,
.emerging-tech-blockchain section.text-resource-services-section:before,
.emerging-tech-nft .footer .world-circles-images.footer-circle,
.emerging-tech-nft .step-process-row [class*=col-]:not(:last-child) .step-box:after,
.emerging-tech-nft section.text-resource-services-section:before,
.emerging-tech-virtual-reality .footer .world-circles-images.footer-circle,
.emerging-tech-web03 .footer .world-circles-images.footer-circle,
.emerging-tech-web03 section.text-resource-services-section:before,
.footer-circle .image-bg-map:before,
.footer-circle .main-circle:before,
.hz-bpo-three:before,
.i-digital-step .step-box .oh-icon:before,
.i-estate-banner:before,
.ie-service-img:before,
.industry-plans-cleaning .main-footer-circle,
.industry-plans-digital-agency .footer-circle,
.industry-plans-digital-agency .section-2:before,
.industry-plans-ecommerce .bg-image-on-top:before,
.industry-plans-ecommerce .footer-circle,
.industry-plans-ecommerce .image-resource-service.service-circle-img:before,
.industry-plans-ecommerce .text-resource-services-section:before,
.industry-plans-law-firms .world-circles-images.footer-circle,
.industry-plans-professional-services .footer-circle,
.industry-plans-real-estate .footer-circle,
.industry-plans-real-estate section.text-resource-services-section:before,
.industry-plans-restaurants .client-section .color-blur-circle,
.industry-plans-restaurants .footer-circle,
.industry-plans-restaurants .portfolio-section .color-blur-circle,
.industry-plans-restaurants section.text-resource-services-section:before,
.no-portfolio .portfolio-section,
.portfolio-modal .modal-body>img,
.section-2.industry-plans-cleaning:before,
app-design-tab section.text-resource-services-section::before,
button.for-mobile {
    display: none
}

.footer-circle span.inner-circle {
    background: #fff;
    border: 0 solid #fff;
    width: 450px;
    height: 450px
}

.main-footer-circle {
    width: 650px;
    height: 650px;
    display: block;
    margin-left: auto;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    border: 80px solid transparent;
    background: -o-linear-gradient(45deg, #8134c3, #37cffb) border-box;
    background: linear-gradient(45deg, #8134c3, #37cffb) border-box;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.dark-blue-box:hover:before,
.wfy-box {
    background: #41b1ff
}

.footer:before {
    content: '';
    position: absolute;
    right: -13%;
    bottom: -35%;
    width: 1152px;
    height: 1152px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d46a180), color-stop(60%, rgb(255 255 255/23%)));
    background: -o-linear-gradient(bottom, #3d46a180 0, rgb(255 255 255/23%) 60%);
    background: linear-gradient(0deg, #3d46a180 0, rgb(255 255 255/23%) 60%);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1
}

.footer .container-1560,
header {
    z-index: 99
}

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

.footer:after {
    content: '';
    background-image: url(../assets/home/bg-3.png);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -2
}

.column-responsive-pricing .slick-track,
.testi-slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.column-responsive-pricing .slick-slide,
.testi-slider .slick-slide {
    height: inherit !important
}

.row-footer-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 105px
}

.col-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 62px
}

.text-location-footer h6 {
    font-size: 20.74px;
    margin-bottom: 5px
}

.text-location-footer p {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000
}

.col-location:last-child,
.links-columns>ul>li:last-child>a {
    margin: 0
}

.btn-reg.btn-gradient.pinkbtn {
    background: -webkit-gradient(linear, left top, right top, from(#e90268), to(#de02648c));
    background: -o-linear-gradient(left, #e90268, #de02648c);
    background: linear-gradient(90deg, #e90268, #de02648c)
}

.btn-reg.btn-gradient.pinkbtn:before {
    background: linear-gradient(90deg, #de02648c, #e90268)
}

.btn-reg.btn-gradient.purplebtn {
    background: -webkit-gradient(linear, left top, right top, from(#a00bfc), to(#3700ad));
    background: -o-linear-gradient(left, #a00bfc, #3700ad);
    background: linear-gradient(90deg, #a00bfc, #3700ad)
}

.btn-reg.btn-gradient.purplebtn:before {
    background: -webkit-gradient(linear, left top, right top, from(#ff007a), to(#5119ef3d));
    background: -o-linear-gradient(left, #ff007a, #5119ef3d);
    background: linear-gradient(90deg, #ff007a, #5119ef3d)
}

.btn-reg.btn-gradient.yellowbtn {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffb800), to(#ffb800));
    background: -o-linear-gradient(left, #ffb800 0, #ffb800 100%);
    background: linear-gradient(90deg, #ffb800 0, #ffb800 100%);
    color: #000;
    box-shadow: 0 0 13px rgb(0 0 0/20%)
}

.btn-reg.btn-gradient.yellowbtn:before {
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(#feba0a));
    background: -o-linear-gradient(right, #fff, #feba0a);
    background: linear-gradient(to left, #fff, #feba0a)
}

.btn-reg.btn-gradient.yellowblackbtn {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1d1d1d), to(#a98846));
    background: -o-linear-gradient(left, #1d1d1d 0, #a98846 100%);
    background: linear-gradient(90deg, #1d1d1d 0, #a98846 100%);
    -webkit-box-shadow: 0 10px 40px rgb(0 0 0/50%);
    box-shadow: 0 10px 40px rgb(0 0 0/50%)
}

.btn-reg.btn-gradient.yellowblackbtn:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1d1d1d), to(#a98846));
    background: -o-linear-gradient(left, #1d1d1d 0, #a98846 100%);
    background: linear-gradient(90deg, #1d1d1d 0, #a98846 100%)
}

.btn-reg.btn-gradient.darkbluebtn {
    background: #0e1f34
}

.btn-reg.btn-gradient.darkbluebtn:before {
    background: -webkit-gradient(linear, right top, left top, from(#8134c3), to(#c57cfa));
    background: -o-linear-gradient(right, #8134c3, #c57cfa);
    background: linear-gradient(270deg, #8134c3, #c57cfa);
    color: #fff !important
}

.btn-reg.btn-gradient.bluegreenbtn {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #3d46a1), to(#34d3bc));
    background: -o-linear-gradient(left, #3d46a1 20%, #34d3bc);
    background: linear-gradient(90deg, #3d46a1 20%, #34d3bc)
}

.btn-reg.btn-gradient.bluegreenbtn:before {
    background: -webkit-gradient(linear, right top, left top, from(#8134c3), to(#c57cfa));
    background: -o-linear-gradient(right, #8134c3, #c57cfa);
    background: linear-gradient(270deg, #8134c3, #c57cfa);
    color: #fff !important
}

.btn-reg.btn-gradient.brownbtn {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1d1d1d), to(#a77451));
    background: -o-linear-gradient(left, #1d1d1d 0, #a77451 100%);
    background: linear-gradient(90deg, #1d1d1d 0, #a77451 100%)
}

.btn-reg.btn-gradient.brownbtn:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1d1d1d), to(#a77451));
    background: -o-linear-gradient(left, #1d1d1d 0, #a77451 100%);
    background: linear-gradient(90deg, #1d1d1d 0, #a77451 100%)
}

.btn-reg.btn-gradient.blackwhitebtn {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(#ffffff47));
    background: -o-linear-gradient(left, transparent 0, #ffffff47 100%);
    background: linear-gradient(90deg, transparent 0, #ffffff47 100%);
    -webkit-box-shadow: 0 9px 40px 0 rgb(0 0 0);
    box-shadow: 0 9px 40px 0 rgb(0 0 0)
}

.btn-reg.btn-gradient.blackwhitebtn:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(#ffffff47));
    background: -o-linear-gradient(left, transparent 0, #ffffff47 100%);
    background: linear-gradient(90deg, transparent 0, #ffffff47 100%)
}

div#myModal .modal-dialog {
    width: 480px
}

div#myModal.main-modal .modal-body {
    padding: 60px 40px 80px
}

div#myModal h6 {
    font-size: 50px
}

div#myModal .service-head {
    font-size: 13px
}

div#myModal form.modal-form .form-group input,
div#myModal form.modal-form .form-group textarea {
    height: 47px;
    border-radius: 5px;
    padding: .375rem .75rem
}

div#myModal form.modal-form .form-group textarea {
    height: 120px
}

div#myModal.main-modal .modal-body .btn-close {
    top: 10px;
    right: 10px;
    line-height: 32px
}

div#myModal span.circle-modal {
    display: none
}

header .social-contact a:last-child span:first-child {
    margin-right: 0
}

div.banner-right-imgAbout img {
    -webkit-animation: globeAboutrotation 100s linear infinite;
    -moz-animation: globeAboutrotation 100s linear infinite;
    -ms-animation: globeAboutrotation 100s linear infinite;
    -o-animation: globeAboutrotation 100s linear infinite;
    animation: globeAboutrotation 100s linear infinite
}

section.aboutBannerSec:before {
    background: url(../assets/about/bannerAboutCircle.png);
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 70%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain
}

.globeAbout:before {
    background: url(../assets/about/aboutBannerShadow.png)
}

@keyframes globeAboutrotation {
    from {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.hz-oc-btn.getStartedTn {
    display: inline
}

.hz-oc-btn.getStartedTn.getStartedTnEven {
    margin-left: 15px
}

.hz-oc-btn.getStartedTn.getStartedTnEven a.btn-reg {
    min-height: 61px
}

@keyframes upDown {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: 10px
    }

    100% {
        margin-top: 0
    }
}

@keyframes upDownTranslatey {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0vw)
    }
}

@keyframes skewAnim {
    0% {
        transform: skew(0deg, 0deg)
    }

    50% {
        transform: skew(10deg, 10deg)
    }

    100% {
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes emain {
    0% {
        transform: skew(0deg, 0deg)
    }

    50% {
        transform: skew(10deg, 10deg)
    }

    100% {
        transform: skew(0deg, 0deg)
    }
}

@keyframes e1 {
    0% {
        transform: skew(0deg, 0deg) rotate(0deg)
    }

    50% {
        transform: skew(5deg, 5deg) rotate(35deg)
    }

    100% {
        transform: skew(0deg, 0deg) rotate(0deg)
    }
}

@-webkit-keyframes e1 {
    0% {
        transform: skew(5deg, 5deg)
    }

    50% {
        transform: skew(5deg, 5deg)
    }

    100% {
        transform: skew(5deg, 5deg)
    }
}

@keyframes emain {
    0% {
        transform: translate(-50%, -50%);
        margin-top: .606vw
    }

    50% {
        transform: translate(-50%, -50%);
        margin-top: 1.818vw
    }

    100% {
        transform: translate(-50%, -50%);
        margin-top: .606vw
    }
}

@-webkit-keyframes emain {
    0% {
        transform: translate(-50%, -50%);
        margin-top: 0
    }

    50% {
        transform: translate(-50%, -50%);
        margin-top: 1.818vw
    }

    100% {
        transform: translate(-50%, -50%);
        margin-top: 0
    }
}

.zoomandgrayAnim {
    animation: zoomandgrayAnim 10s linear infinite;
    -webkit-animation: zoomandgrayAnim 10s linear infinite
}

div.banner-right-imgDigitalServiceIn img {
    width: 90%;
    height: auto
}

section.dblCircleSec:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 35vw;
    height: 35vw;
    border-radius: 50%;
    margin-right: -10vw;
    z-index: -1;
    transform: translateY(calc(-50% + 0px)) rotate(180deg);
    opacity: .7;
    background: linear-gradient(90.51deg, 3d46a1 -12.7%, rgba(53, 219, 255, 0) 90.52%)
}

section.dblCircleSec>span:not(.top-right-gradient-circle) {
    content: '';
    position: absolute;
    right: 2.5vw;
    top: 50%;
    width: 30vw;
    height: 30vw;
    border-radius: 50%;
    margin-right: -10vw;
    z-index: -1;
    transform: translateY(calc(-50% + 0px)) rotate(180deg);
    opacity: .7;
    background: linear-gradient(90.51deg, 3d46a1 -12.7%, rgba(53, 219, 255, 0) 90.52%)
}

@keyframes zoomandgrayAnim {
    0% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1));
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

    50% {
        -ms-transform: scale(.95);
        -moz-transform: scale(.95);
        -webkit-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95);
        -webkit-filter: grayscale(50%);
        filter: grayscale(50%);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1));
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}

@-webkit-keyframes zoomandgrayAnim {
    0% {
        -ms-transform: scale(.95);
        -moz-transform: scale(.95);
        -webkit-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95));
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

    50% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-filter: grayscale(50%);
        filter: grayscale(50%);
    }

    100% {
        -ms-transform: scale(.95);
        -moz-transform: scale(.95);
        -webkit-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95));
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}

.cirCleBottomSec:after {
    content: '';
    background: url(../assets/about/bannerAboutCircle.png);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 70%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: -1;
}

.text-white-law h1 {
    color: #fff;
}

@keyframes zoomandgrayAnimEcom {
    0% {
        -ms-transform: scale(.95);
        -moz-transform: scale(.95);
        -webkit-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(0.1));
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

    50% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1.1);
        -webkit-filter: grayscale(50%);
        filter: grayscale(50%);
    }

    100% {
        -ms-transform: scale(.95);
        -moz-transform: scale(.95);
        -webkit-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(0.1));
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}

@-webkit-keyframes zoomandgrayAnimEcom {
    0% {
        -ms-transform: scale(.95);
        -moz-transform: scale(.95);
        -webkit-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(0.1));
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

    50% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1.1);
        -webkit-filter: grayscale(50%);
        filter: grayscale(50%);
    }

    100% {
        -ms-transform: scale(.95);
        -moz-transform: scale(.95);
        -webkit-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(0.1));
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}

.hz-oc-logos {
    align-items: center;
}

.blogs section.banner-section {
    box-shadow: 0 0 50px rgb(2 111 243/10%);
}

nav.flex.items-center.justify-between {
    padding-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(2, 111, 243, .2);
    border-bottom: 1px solid rgba(2, 111, 243, .2);
    margin-bottom: 30px;
    margin-top: 30px;
}

.blog-details figure.image,
.blog-details img {
    max-width: 100%;
}

.item-insight-report>div>a>img {
    border-radius: 20px;
    width: 100%
}

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

.item-insight-report .row {
    margin-top: 25px;
    align-items: center;
}

.text-insight-report h3 {
    font-size: 40px;
    line-height: 112%;
    letter-spacing: -0.8px;
    margin: 5px 0 15px;
    color: #0C0C0C;
}

.text-insight-report span {
    color: #545454;
    font-size: 15px;
    font-weight: 500;
    line-height: 112%;
    letter-spacing: -0.3px;
    display: block
}

.text-insight-report p {
    color: #4A4A4A;
    font-size: 16px;
    line-height: 169%;
}

.slider-insights-footer .slick-list {
    margin: 0 -25px;
}

.slider-insights-footer .slick-list .slider-insights-items-footer {
    margin: 0 25px;
}

.slider-insights-footer .slick-arrow {
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background: #3fa2fc;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}

.slider-insights-footer .slick-arrow:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 22px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slider-insights-footer .slick-next.slick-arrow {
    left: auto;
    right: -100px;
}

.slider-insights-footer .slick-prev.slick-arrow:before {
    content: '\f053';
}

.slider-insights-footer .slick-arrow:hover {
    transition: 0.3s ease-in-out;
    background: var(--blue);
}

.insightreportfooter:hover .slick-arrow {
    visibility: visible;
    opacity: 1;
}

.item-insight-report .dwnload-btn {
    box-shadow: -5px 5px 15px 0px #000000ad;
}

.item-insight-report div a:hover h3 {
    text-decoration: underline;
    color: black;
}

.darkPage .color-blue,
.darkPage .text-insight-report * {
    color: white !important;
}

.industry-plans-real-estate .insightreportfooter .slick-arrow,
.industry-plans-real-estate .item-insight-report .dwnload-btn {
    background: #a98846;
}

.industry-plans-restaurants .insightreportfooter .slick-arrow,
.industry-plans-restaurants .item-insight-report .dwnload-btn {
    background: #9b6c4c;
}

.industry-plans-law-firms .insightreportfooter .slick-arrow,
.industry-plans-law-firms .item-insight-report .dwnload-btn {
    background: #3f3f3f;
}

.emerging-tech-nft .insightreportfooter .slick-arrow,
.emerging-tech-nft .item-insight-report .dwnload-btn {
    background: #f8006c;
}

.emerging-tech-virtual-reality .insightreportfooter .slick-arrow,
.emerging-tech-virtual-reality .item-insight-report .dwnload-btn {
    background: #e102e4;
}

.emerging-tech-web03 .insightreportfooter .slick-arrow,
.emerging-tech-web03 .item-insight-report .dwnload-btn {
    background: #885dab;
}

.sub-menu-insights h3 {
    font-size: 22px;
    line-height: 110%;
    letter-spacing: -.015em;
    color: #000000;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #b3b3b3;
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}

.sub-menu-insights {
    flex: 0 0 100%;
}

.globe-oit-main-div img {
    max-width: 100%;
    width: 100%;
}

.on-top-of-globe.shine-on-globe {
    position: absolute;
    top: -35px;
    width: 110%;
    height: auto;
    left: 50%;
    transform: translateX(-50%) scale(1.4);
    mix-blend-mode: screen;
}

.globe-single {
    position: relative;
    width: 31vw;
    top: -20px;
    margin: 0 auto;
}

.on-top-of-globe.logo-on-top-globe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.5);
}

@keyframes roundglobe {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.drop-shadow>img {
    animation: 15s roundglobe infinite linear;
}

.drop-shadow {
    filter: drop-shadow(0px 48px 55px rgba(0, 0, 0, 1));
}

.no-after:after {
    display: none;
}

.side-by-side-tabs-insights-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3vw;
}

.no-slider .slick-track {
    margin-left: 0;
}

.insight-tabs-footer .nav-link.active {
    color: #fff;
}

.insight-tabs-footer .nav-tabs {
    justify-content: center;
    border: none;
    gap: 50px;
}

.insight-tabs-footer .nav-link {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    padding: 24px 42px;
    margin: 0 0px;
    display: inline-block;
    position: relative;
    z-index: 1;
    min-width: 200px;
    text-align: center;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    background: transparent;
    border: none;
}

.insight-tabs-footer .nav-link:before {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    content: '';
    top: 0;
    background: #fff;
    border-radius: 16px;
    z-index: -1;
    -webkit-transition: .4s cubic-bezier(.76, .27, .03, .66);
    -o-transition: .4s cubic-bezier(.76, .27, .03, .66);
    transition: .4s cubic-bezier(.76, .27, .03, .66);
}

.insight-tabs-footer .nav-link:after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5aa8ff), to(#4ec6ff));
    background: -o-linear-gradient(top, #5aa8ff 0, #4ec6ff 100%);
    background: linear-gradient(180deg, #5aa8ff 0, #4ec6ff 100%);
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: -2;
    border-radius: 18px;
    right: 0;
}

.insight-tabs-footer .nav-link.active:before {
    transform: scale(0);
    opacity: 1;
}

.insight-tabs-footer .nav-link:hover {
    border-color: transparent;
}

@media(max-width:1750px) and (min-width:1581px) {

    #our-client .container-1560,
    #portfolio .container-1560,
    #testimonials .container-1560,
    .footer .container-1560 {
        width: 90%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    #portfolio h2,
    .client-1-row h2 {
        font-size: 70px
    }

    .testi-slider .testi-inner {
        padding: 47px 100px 56px 67px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

@media(max-width:1580px) {

    #our-client .container-1560,
    #portfolio .container-1560,
    #testimonials .container-1560,
    .footer .container-1560 {
        width: 90%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    #portfolio h2,
    .bg-blue-wrap h2,
    .client-1-row h2 {
        font-size: 70px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .bg-blue p.text-white,
    .client-1-row .fa-18,
    .foot-desc p.fa-18,
    .testi-cont p.fa-18 {
        font-size: 16px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner .testi-cont {
        margin-bottom: 40px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner .quote-ico img {
        width: 80px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner .quote-ico {
        margin-bottom: 30px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .footer .py-110 {
        padding-top: 20px !important;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .footer-logo-wrap img {
        width: 180px;
        height: auto;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .follow-txt h5 {
        font-size: 25px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    footer .foot-head {
        font-size: 23px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .client-2-row .col-lg-3 .client-logo img {
        max-width: 160px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .client-2-row .col-lg-3 {
        height: 115px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner {
        padding: 47px 100px 56px 67px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .port-inner .hz-btn {
        padding: 15px 45px;
        font-size: 17px
    }

    .port-inner .port-img-wrap {
        height: 300px
    }

    .sub-menu-insights h3 {
        font-size: 20px;
        padding: 8px 0;
        padding-right: 20px;
    }
}

@media(max-width:1440px) {
    #portfolio h2 {
        font-size: 65px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .bg-blue-wrap h2,
    .client-1-row h2 {
        font-size: 60px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .client-1-row .fa-18 {
        font-size: 16px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .bg-blue p.text-white,
    .foot-desc p.fa-18,
    .testi-cont p.fa-18,
    ul.foot-nav li a {
        font-size: 15px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner .quote-ico,
    .testi-slider .testi-inner .testi-cont {
        margin-bottom: 30px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner .quote-ico img {
        width: 70px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .footer .py-110 {
        padding-top: 20px !important;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .footer-logo-wrap img {
        width: 160px;
        height: auto;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .follow-txt h5 {
        font-size: 25px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    footer .foot-head {
        font-size: 20px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .client-2-row .col-lg-3 .client-logo img {
        max-width: 160px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .client-2-row .col-lg-3 {
        height: 115px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner {
        padding: 47px 90px 56px 57px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .port-inner .hz-btn {
        padding: 15px 45px;
        font-size: 17px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .port-inner .port-img-wrap {
        height: 270px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .port-2-row .port-inner {
        margin-left: 18px !important;
        margin-right: 18px !important;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .col-lg-6.bg-blue {
        padding-top: 40px;
        padding-bottom: 50px;
        padding-left: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-client .client-img img {
        width: 65px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .slick-btns button {
        width: 45px;
        height: 45px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .footer-menu ul.foot-nav li {
        margin-bottom: 15px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-inner .testi-client .name {
        font-size: 22px;
        margin-bottom: 4px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-inner .testi-client .name {
        font-size: 14px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .sub-menu-insights h3 {
        font-size: 18px;
        padding: 6px 0;
        padding-right: 18px;
    }
}

@media(max-width:1280px) {

    .client-1-row .fa-18,
    .port-inner .hz-btn {
        font-size: 15px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    #portfolio h2 {
        font-size: 60px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .client-1-row h2 {
        font-size: 49px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .bg-blue-wrap h2 {
        font-size: 50px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .bg-blue p.text-white,
    .foot-desc p.fa-18,
    .testi-cont p.fa-18,
    ul.foot-nav li a {
        font-size: 14px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner .quote-ico,
    .testi-slider .testi-inner .testi-cont {
        margin-bottom: 25px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner .quote-ico img {
        width: 65px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .footer .py-110 {
        padding-top: 20px !important;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .footer-logo-wrap img {
        width: 140px;
        height: auto;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .follow-txt h5 {
        font-size: 16px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    footer .foot-head {
        font-size: 18px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .client-2-row .col-lg-3 .client-logo img {
        max-width: 130px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .client-2-row .col-lg-3 {
        height: 90px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-slider .testi-inner {
        padding: 37px 50px 40px 40px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        margin-left: 10px;
        margin-right: 10px
    }

    .port-inner .hz-btn {
        padding: 15px 25px
    }

    .port-inner .port-img-wrap {
        height: 220px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .port-2-row .port-inner {
        margin-left: 18px !important;
        margin-right: 18px !important;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .col-lg-6.bg-blue {
        padding-top: 40px;
        padding-bottom: 50px;
        padding-left: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-client .client-img img {
        width: 60px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .slick-btns button {
        width: 45px;
        height: 45px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .footer-menu ul.foot-nav li {
        margin-bottom: 15px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-inner .testi-client .name {
        font-size: 20px;
        margin-bottom: 4px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .testi-inner .testi-client .name {
        font-size: 12px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .port-inner .hz-btn i.fa-solid {
        margin-left: 15px
    }

    #our-client .client-2-row {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .slick-btns .container-800 {
        width: 50% !important
    }

    .testi-2-row.slick-btns {
        margin-top: 25px
    }

    .footer .footer-menu {
        padding-top: 40px
    }

    ul.foot-nav li a:after {
        top: 2px
    }

    .social-links .follow-txt {
        padding-right: 30px
    }

    section#our-client.client-section {
        margin-top: 0
    }

    .sub-menu-insights h3 {
        font-size: 15px;
        padding: 6px 0;
        padding-right: 18px;
    }
}

@media(max-width:991px) {

    .bg-blue-wrap h2,
    .client-1-row h2 {
        margin-bottom: 10px
    }

    .client-1-row .fa-18,
    .client-1-row h2,
    .foot-desc,
    .footer-logo-wrap,
    p.footer-bottom {
        text-align: center
    }

    .portfolio-section .port-2-row .slick-list.draggable {
        padding: 0 20% !important
    }

    .testi-slider .slick-list.draggable {
        padding-left: 10% !important
    }

    .bg-blue-wrap h2 {
        font-size: 40px
    }

    .testi-slider .testi-inner {
        padding-left: 30px;
        padding-right: 40px;
        margin-left: 7px;
        margin-right: 7px
    }

    .bg-blue .bg-blue-wrap {
        margin-left: 40px
    }

    .testi-client .client-img img {
        width: 50px
    }

    .testi-inner .testi-client .name {
        font-size: 17px
    }

    .testi-inner .testi-client .name {
        font-size: 10px
    }

    .foot-desc {
        width: 70%;
        margin: 0 auto
    }

    .social-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0 !important
    }

    .footer .py-110 {
        padding-bottom: 50px
    }

    .port-inner .hz-btn {
        font-size: 12px;
        max-width: fit-content;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 18px;
        margin-top: 0 !important
    }

    .port-inner a.btn-a {
        margin-top: 0 !important;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    #portfolio h2 {
        font-size: 40px
    }

    .on-top-of-globe.shine-on-globe {
        top: -22px;
    }

    .insight-tabs-footer .nav-link {
        font-size: 14px;
        padding: 10px 20px;
        min-width: auto;
    }

    .insight-tabs-footer .nav-tabs {
        gap: 20px;
    }

    .insight-tabs-footer .nav-link:before,
    .insight-tabs-footer .nav-link:after {
        border-radius: 10px;
    }

    .side-by-side-tabs-insights-footer {
        margin-bottom: 5vw;
    }
}

@media(max-width:767px) {
    .bg-image-on-top:before {
        background: transparent !important;
    }

    .bg-blue:before {
        width: 100%;
        left: 0
    }

    .testi-slider .slick-list.draggable {
        padding: 0 8% !important
    }

    .testi-slider {
        margin-top: 20px
    }

    .testi-1-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .bg-blue .bg-blue-wrap {
        margin-left: 0 !important
    }

    .col-lg-6.bg-blue {
        position: relative;
        padding-left: 60px;
        padding-right: 60px
    }

    .testi-2-row.slick-btns {
        text-align: center
    }

    .footer .foot-desc {
        width: 100%
    }

    .portfolio-section .port-2-row .slick-list.draggable {
        padding: 0 10% !important
    }

    #portfolio h2,
    .client-1-row h2 {
        font-size: 40px !important
    }

    .port-2-row {
        margin-top: 30px !important;
        margin-bottom: 0 !important
    }

    .client-1-row {
        margin-top: 0 !important
    }

    #our-client .client-1-row .fa-18 {
        font-size: 12px
    }

    .footer .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%
    }

    .bg-blue p.text-white,
    .foot-desc p.fa-18,
    .testi-cont p.fa-18 {
        font-size: 12px !important
    }

    .footer .col-lg-2 .footer-menu li.active {
        padding-left: 20px
    }

    .sub-menu-insights h3 {
        text-align: center;
        padding: 6px 15px;
    }

    .on-top-of-globe.shine-on-globe {
        top: -12px;
    }

    .globe-single {
        max-width: 260px;
    }

    .drop-shadow {
        filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 1));
    }

    .on-top-of-globe.logo-on-top-globe {
        transform: scale(0.3);
    }

    .side-by-side-tabs-insights-footer {
        flex-direction: column;
        gap: 25px;
        margin-bottom: 25px;
    }

    .side-by-side-tabs-insights-footer .no-after:after {
        display: block;
    }

    .insight-tabs-footer .nav-link {
        font-size: 12px;
    }

    .insight-tabs-footer .nav-link:before,
    .insight-tabs-footer .nav-link:after {
        border-radius: 8px;
    }

    .insight-tabs-footer .nav-link:after {
        width: calc(100% + 3px);
        height: calc(100% + 3px);
        left: -1px;
        top: -1px;
    }

    .text-banner-home {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .text-banner-home .text-bottom {
        justify-content: center;
    }
}

@media(max-width:575px) {

    .mh-banner-min-height-mobile-home,
    .globe-oit-main-div {
        min-height: 228px;
    }

    h1.fa-4vw {
        font-size: 2.4rem;
    }

    .client-2-row ul.slick-dots {
        display: none !important
    }

    .client-2-row .col-lg-3 .client-logo {
        max-width: 300px;
        margin: 0 auto
    }

    .client-2-row .col-lg-3 .client-logo img {
        max-width: 100%;
        width: auto
    }

    .client-2-row .col-lg-3 {
        height: 100px
    }

    .footer .col-lg-2 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important
    }

    .footer .col-lg-2 .footer-menu {
        padding-left: 10px
    }

    #portfolio h2,
    .bg-blue-wrap h2,
    .client-1-row h2 {
        font-size: 35px !important
    }

    .col-lg-6.bg-blue {
        padding-left: 40px;
        padding-right: 40px
    }

    .testi-slider .slick-list.draggable {
        padding: 0 3% !important
    }

    .testi-slider .testi-inner {
        margin-left: 4px !important;
        margin-right: 4px !important
    }

    .port-2-row .port-inner {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .pakage-desc {
        margin: 20px 0;
    }

    .btn-reg.btn-gradient.pinkbtn {
        margin-top: 20px;
    }

    .on-top-of-globe.shine-on-globe {
        top: -12px;
    }

    .globe-single {
        max-width: 230px;
    }

    .drop-shadow {
        filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 1));
    }

    .on-top-of-globe.logo-on-top-globe {
        transform: scale(0.3);
    }

    nav.insight-tabs-footer .nav-tabs {
        gap: 10px;
    }

    .insight-tabs-footer .nav-link {
        font-size: 12px;
    }
}

.fa-70 {
    font-size: 70px
}

.fa-92 {
    font-size: 92px
}

.fa-166 {
    font-size: 166px
}

.emerging-tech-augmented-reality .text-resources-service h3,
.emerging-tech-blockchain .text-resources-service h3,
.emerging-tech-virtual-reality .text-resources-service h3,
.emerging-tech-web03 .text-resources-service h3,
.emerging-tech-augmented-reality .text-resources-service h1,
.emerging-tech-blockchain .text-resources-service h1,
.emerging-tech-virtual-reality .text-resources-service h1,
.emerging-tech-web03 .text-resources-service h1,
.fa-85 {
    font-size: 85px
}

.fa-130 {
    font-size: 130px
}

.line-height-89 {
    line-height: 89.25px
}

.line-height-110 {
    line-height: 110%
}

.letter-spacing-3 {
    letter-spacing: -3px
}

.line-height-103 {
    line-height: 103%
}

.content-right-column .letter-spacing-9 {
    letter-spacing: -9px
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.color-blur-circle.color-blur-circle-820 {
    width: 820px;
    height: 820px;
}

.banner-section .container-1560,
.banner-section .container-1560>.row,
.col-bpo-items .items-bpo:hover:before,
.contactimageweb03main>img,
.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area img.image-nft-form,
.items-bpo.bpoactivate:before,
.oh-box,
.port-inner-video,
.port-video:hover .port-video-inner:before {
    height: 100%
}

.banner-section {
    padding: 380px 0
}

.banner-left-content {
    position: relative;
    z-index: 2
}

.banner-section .top-right-gradient-circle {
    right: -30%
}

.banner-left-content span a {
    font-size: 14.06px;
    line-height: 15.46px;
    color: #000;
    font-weight: 500
}

.banner-left-content span i {
    font-size: 21px
}

.banner-left-content span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 70px
}

span.banner-circle {
    width: 1730px;
    height: 1730px;
    display: block;
    position: absolute;
    top: -935px;
    right: -530px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(top, #3d46a1, #c57cfa);
    background: linear-gradient(180deg, #3d46a1, #c57cfa);
    z-index: -2
}

@-webkit-keyframes rotate360 {

    0%,
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100%,
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360 {

    0%,
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100%,
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

span.banner-circle:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 400px);
    height: calc(100% - 400px);
    background: #fff;
    border-radius: 50%
}

.rounded-first {
    top: 210px;
    right: 800px
}

.rounded-first-1 {
    top: 230px
}

.rounded-second {
    top: 490px;
    right: 410px
}

.rounded-third {
    right: -60px;
    top: 500px
}

.rounded-absolute {
    z-index: -1;
    opacity: .6;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}

.banner-right-img img {
    width: 325px;
    height: 325px;
    image-rendering: -webkit-optimize-contrast
}

.banner-right-imgs img,
.banner-rounded-img,
.ie-bag,
.ie-cart {
    position: absolute
}

img.rounded-absolute {
    position: absolute;
    left: 0;
    bottom: -40px
}

.banner-after-left:after {
    content: '';
    background: url(../assets/about/banner-before.png) left top/cover no-repeat;
    position: absolute;
    width: 83%;
    height: 78%;
    top: 0;
    left: -42%;
    mix-blend-mode: soft-light;
    z-index: 0
}

.banner-sm-img img {
    width: 17%;
    height: 33.5%;
    -webkit-box-shadow: 0 30px 30px rgb(0 0 0/40%);
    box-shadow: 0 30px 30px rgb(0 0 0/40%);
    border-radius: 50%;
    position: absolute;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated
}

.gyp-row [class*=col-] img,
.p-banner-imgs img,
.pi-slide img,
.rw-slide img {
    image-rendering: -webkit-optimize-contrast
}

.banner-sm-img img:first-child {
    top: 18%;
    left: 39%
}

.banner-section .container-1560>.row .col-lg-8,
.contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 {
    position: static
}

.banner-sm-img img:nth-child(2) {
    top: 49%;
    left: 60%
}

.banner-sm-img img:nth-child(3) {
    right: -3%;
    top: 50%
}

.hz-what-for-you {
    padding-bottom: 180px
}

.wfy-box .wfy-content h2 {
    font-size: 30px;
    line-height: 33.6px;
    color: #fff;
    font-weight: 700;
    max-width: 190px;
    margin-bottom: 20px
}

.wfy-box {
    position: relative;
    border-radius: 10px;
    padding: 50px 60px 50px 50px;
    min-height: 288px
}

.animate-box.hz-dark-blue-box:after,
.animate-box.hz-dark-blue-box:before {
    background-color: #41b1ff
}

.animate-box {
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.animate-box:hover {
    -webkit-box-shadow: 0 4px 30px #3d46a1;
    box-shadow: 0 4px 30px #3d46a1
}

.animate-box:after,
.animate-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #026ff3;
    width: 10px;
    height: 0;
    z-index: -1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0
}

.oa-logo:after,
.oa-logo:before,
.oh-icon:before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.animate-box:after,
.box-content:after,
.items:after,
.port-slider-sec-img img:nth-child(3),
.pricing-main-panel:after,
section.before-circle-on-right:before {
    left: auto !important;
    right: 0
}

@-webkit-keyframes animate-box {
    0% {
        height: 0;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        height: 100%;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        width: 100%;
        height: 100%
    }
}

@keyframes animate-box {
    0% {
        height: 0;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        height: 100%;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        width: 100%;
        height: 100%
    }
}

.animate-box:hover:after,
.animate-box:hover:before {
    opacity: 1;
    -webkit-animation: 1s forwards animate-box;
    animation: 1s forwards animate-box
}

.wfy-box .wfy-content p {
    font-size: 15px;
    line-height: 25.35px;
    color: #fff;
    max-width: 330px
}

.wfy-img img {
    mix-blend-mode: overlay
}

.wfy-box.hz-dark-blue-box {
    background: #026ff3
}

.bpo-sec .hz-oucrcate-row,
.hz-oc-btn,
.wfy-row {
    margin-top: 70px
}

span.hz-wfy-left-blue,
span.hz-wfy-right-blue {
    width: 60.5%;
    height: 114.5%;
    position: absolute;
    left: -40%;
    top: -12%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, #c57cfa), color-stop(40%, transparent));
    background: -o-linear-gradient(top, #c57cfa -10%, transparent 40%);
    background: linear-gradient(180deg, #c57cfa -10%, transparent 40%);
    border-radius: 50%
}

span.hz-wfy-right-blue {
    left: auto;
    right: -40%;
    bottom: -6%;
    top: auto;
    background: -o-linear-gradient(89deg, #c57cfa -10%, transparent 40%);
    background: linear-gradient(1deg, #c57cfa -10%, transparent 40%)
}

.hz-our-Philosophy {
    padding-top: 80px
}

.hz-op-content h1,
.z-change-h1 h6 {
    font-size: 120px;
    line-height: 134.4px
}

.hz-op-content h1 span:before,
.z-change-h1 h6 span:before {
    bottom: -10px;
    height: 65px;
    width: 100%
}

.e-banner-img,
.hz-op-content .op-img {
    text-align: right
}

.hz-rc-box,
.hz-sec-text,
.oh-box,
.step-box {
    text-align: center
}

.hz-op-content {
    padding: 0 0 80px 9.35vw;
}

.hz-op-content p {
    line-height: 30.42px;
    margin-top: 60px;
    color: #000;
    max-width: 1490px
}

section.our-heritage {
    padding: 100px 0 80px
}

.our-heritage .color-blur-circle,
section.hz-our-certification .color-blur-circle {
    right: 0;
    left: auto
}

.oa-logo:after,
.oa-logo:before,
.oh-icon,
.oh-icon:before {
    position: absolute;
    left: 50%
}

.list-items ul li:last-child,
.onhoverphonenumbers a:last-child,
.part-2-inner-text ul li:last-child a,
.services-parent ul li:last-child a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
section.our-heritage .fa-70 {
    margin-bottom: 0
}

.hz-sec-text {
    color: #000;
    max-width: 900px;
    margin: 35px auto 0
}

.hz-oh-row {
    min-height: 545px;
    background: url(../assets/about/ourheritage.png) center center/100% 100% no-repeat;
    margin-top: 170px
}

.oh-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.oc-right-content,
.oh-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.oh-box h2 {
    font-size: 20px;
    line-height: 22.4px;
    font-weight: 700;
    color: #3d46a1;
    margin: 40px 0 10px
}

.color-before-finance .pricing-items h2,
.industry-plans-ecommerce .industry-price-panel .pricing-flex-play h3,
.industry-plans-ecommerce .list-items ul li,
.industry-plans-ecommerce .pricing-items h3,
.industry-plans-ecommerce .section-2 .col-lg-6 h1,
.oc-left-content p,
.oh-box p,
.text-black {
    color: #000
}

.oh-box h3 {
    font-size: 32px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 30px
}

.oh-box p {
    font-size: 16px;
    line-height: 30.16px;
    max-width: 300px;
    margin: 0 auto
}

.oh-icon {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 30px 25px rgb(94 214 255/70%);
    box-shadow: 0 30px 25px rgb(94 214 255/70%);
    top: -70px
}

.oh-icon img {
    max-width: 67px
}

.oh-icon:before {
    content: '';
    top: 50%;
    width: 90%;
    height: 90%;
    border: 1px solid #3d46a1B2;
    border-radius: 50%
}

.emerging-tech-web03.section-2,
.hz-our-brand {
    padding: 150px 0
}

.hz-brand-wrapper {
    border-radius: 1012.91px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-25.58%, #3d46a1), color-stop(39.81%, rgba(255, 255, 255, .23)));
    background: -o-linear-gradient(bottom, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    background: linear-gradient(0deg, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    padding: 110px 0;
    -webkit-box-shadow: inset 0 5px rgb(214 214 214/10%);
    box-shadow: inset 0 5px rgb(214 214 214/10%);
    margin-top: 70px
}

.hz-brand-box p {
    font-size: 15px;
    line-height: 25.35px;
    font-weight: 400;
    margin: 40px auto 0;
    color: #000;
    max-width: 320px
}

.hz-brand-img {
    min-height: 115px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.hz-our-certification,
section.i-digital-service {
    padding: 100px 0
}

.oc-right-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 30px
}

.oc-left-content h2 {
    margin-bottom: 20px
}

.hz-oc-logos {
    margin-top: 110px
}

.hz-our-affiliations {
    padding: 120px 0 150px
}

.oa-left h2 {
    z-index: 1;
    margin: 0
}

.oa-logo {
    width: 330px;
    height: 330px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.oa-logo:first-child {
    margin-right: 90px
}

.oa-logo:before {
    content: '';
    top: 50%;
    width: 80%;
    height: 80%;
    background: #ecf5ff;
    border-radius: 50%;
    z-index: -1
}

.oa-logo:after {
    content: '';
    top: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(top, #3d46a1, #c57cfa);
    background: linear-gradient(to bottom, #3d46a1, #c57cfa);
    z-index: -2;
    -webkit-animation: 4s linear infinite oarotate360;
    animation: 4s linear infinite oarotate360
}

.hz-rc-box:after,
.hz-rc-box:before,
.hz-rc-img img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

@-webkit-keyframes oarotate360 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes oarotate360 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

section.hz-our-categories {
    padding: 200px 0 80px
}

.hz-oucrcate-row {
    margin-top: 130px
}

.hz-rc-img img {
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -2
}

.hz-rc-box:before {
    content: '';
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #3d46a1), color-stop(80%, rgb(255 255 255/0)));
    background: -o-linear-gradient(bottom, #3d46a1 20%, rgb(255 255 255/0) 80%);
    background: linear-gradient(to top, #3d46a1 20%, rgb(255 255 255/0) 80%);
    z-index: -1
}

.hz-rc-box:after {
    content: '';
    top: 50%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #3d46a1), color-stop(90%, rgb(194 221 255)));
    background: -o-linear-gradient(top, #3d46a1 10%, rgb(194 221 255)90%);
    background: linear-gradient(180deg, #3d46a1 10%, rgb(194 221 255)90%);
    z-index: -2;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.banner-section.portfolio-banner .p-banner-content .col-lg-8,
.contact-section.contact-web03,
.hz-rc-box,
.hz-rc-content,
.pi-slide,
.port-process-mobile,
.step-box,
section.text-resource-services-section {
    position: relative
}

.hz-rc-box:hover:after {
    top: 0;
    opacity: 1
}

.hz-rc-box:hover:before,
.items.active-industry .image-items:before,
.items:hover .image-items:before {
    opacity: 0
}

.hz-rc-content h2 {
    font-size: 38.9091px;
    line-height: 50.3px;
    color: #fff;
    font-weight: 500;
    max-width: 340px;
    margin: 0 auto 20px
}

.hz-rc-box {
    padding: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-bottom: 30px;
    min-height: 505px;
    z-index: 1;
    overflow: hidden
}

.hz-rc-content p {
    font-size: 15px;
    color: #000;
    line-height: 25.35px;
    margin: 50px auto 25px
}

.hz-rc-inner .oh-icon {
    position: relative;
    margin: 0 auto;
    width: 145px;
    height: 145px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: auto;
    top: 0
}

.hz-rc-content a {
    font-weight: 600;
    font-size: 14.6966px;
    color: #000;
    line-height: 16.46px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hz-rc-content a i {
    font-size: 19px;
    margin-right: 7px
}

.hz-rc-inner {
    margin-bottom: -290px;
    opacity: 0;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    max-height: 295px
}

.hz-rc-box:hover .hz-rc-inner {
    margin: 0;
    opacity: 1;
    max-height: initial
}

.color-blur-circle.portfolio-circle.top-3,
.hz-our-categories .color-blur-circle,
.port-inner-process .left-blue-circle-800:before {
    bottom: 0;
    top: auto
}

.opacity-07 {
    opacity: .7
}

section.step-process {
    padding: 160px 0
}

.step-box .oh-icon {
    width: 135px;
    height: 135px;
    -webkit-box-shadow: 0 15px 25px rgb(0 0 0/20%);
    box-shadow: 0 15px 25px rgb(0 0 0/20%);
    top: -80px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.step-box .oh-icon h2 {
    font-weight: 500;
    font-size: 65.64px;
    background: -o-linear-gradient(297.66deg, #3d46a1 4.44%, #c57cfa 80.68%);
    background: linear-gradient(152.34deg, #3d46a1 4.44%, #c57cfa 80.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -5px;
    margin-left: -10px;
    padding: 12px
}

.step-box {
    max-width: 255px;
    min-height: 240px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d46a1), to(#c57cfa));
    background: -o-linear-gradient(bottom, #3d46a1 0, #c57cfa 100%);
    background: linear-gradient(0deg, #3d46a1 0, #c57cfa 100%);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    cursor: pointer
}

.step-box:hover {
    -webkit-box-shadow: 0 0 25px #00000042;
    box-shadow: 0 0 25px #00000042
}

.i-digital-step .step-box:hover,
.step-box:hover .oh-icon,
.web-porfolio-img:hover img {
    -webkit-box-shadow: none;
    box-shadow: none
}

.step-box>h2 {
    font-weight: 700;
    font-size: 32.4604px;
    margin: 55px 0 25px
}

.step-box p {
    font-size: 12px;
    line-height: 22.62px;
    max-width: 200px;
    margin: 0 auto;
    color: #e8f3ff
}

.step-process-row {
    margin-top: 160px
}

.step-process-row [class*=col-]:not(:last-child) .step-box:after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 40px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../assets/digital-services/step-arrow.png) 0 0/60px no-repeat;
    width: 60px;
    height: 32px
}

section.step-process .color-blur-circle {
    right: 0;
    left: auto;
    z-index: -2
}

.left-blue-circle-800:before,
.right-blue-circle-800:after {
    content: '';
    width: 800px;
    height: 800px;
    display: block;
    position: absolute;
    top: 30px;
    border-radius: 50%;
    z-index: -1
}

.right-blue-circle-800:after {
    right: -540px;
    background: -o-linear-gradient(248deg, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 66.95%);
    background: linear-gradient(202deg, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 66.95%)
}

.left-blue-circle-800:before {
    background: -o-linear-gradient(73deg, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 66.95%);
    background: linear-gradient(17deg, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 66.95%);
    left: -540px
}

.services-text-left p {
    line-height: 30px;
    max-width: calc(100% - 160px);
    color: #000;
    font-weight: 500;
    margin: 40px 0 30px;
    letter-spacing: -.015px
}

.services-text-left ul li {
    font-size: 21px;
    line-height: 21px;
    color: #000;
    font-weight: 500;
    padding: 30px 30px 30px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    letter-spacing: -1px
}

.services-text-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding-left: 25px;
    margin-bottom: 40px
}

.services-text-left ul li::marker {
    color: #3d46a1;
    font-size: 25px
}

.services-text-left .next-section {
    color: #000;
    font-size: 14.0575px;
    font-weight: 500
}

.services-text-left .next-section i {
    font-size: 17px;
    margin-right: 10px
}

.image-resource-service.service-circle-img {
    max-width: initial;
    margin-right: 0
}

.image-resource-service.service-circle-img:before {
    width: 600px;
    height: 600px;
    background: url(../assets/digital-services/creative/service-img-circle.png) 0 0/cover no-repeat;
    border-radius: unset
}

.image-resource-service.service-circle-img:after {
    width: 520px;
    height: 520px;
    display: none
}

.image-resource-service.service-circle-img img {
    max-width: 680px;
    max-height: 630px;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    image-rendering: -webkit-optimize-contrast
}

.designing-pakage .color-blur-circle {
    left: auto;
    right: 0;
    top: -50%
}

.bg-circle-lines:after {
    content: '';
    position: absolute;
    left: 0;
    top: 140px;
    width: 100%;
    height: 1352px;
    background: url(../assets/digital-services/creative/creative-bg.png) 0 0/cover no-repeat;
    opacity: .2;
    z-index: -4
}

.service-text-right {
    padding-left: 90px
}

.service-sec-rotate .services-text-left p {
    max-width: calc(100% - 120px)
}

.video-pakage {
    padding-top: 0
}

.video-development .color-blur-circle {
    left: auto;
    right: 0;
    bottom: -30%;
    top: auto
}

.video-pakage .color-blur-circle {
    top: -30%
}

.ml-40 {
    margin-left: 40px
}

.ml-minus-40 {
    margin-left: -40px
}

.mt-40 {
    margin-top: 40px
}

.mt-minus-60 {
    margin-top: -60px
}

.services-text-left .big-flex-list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 34%;
    flex: 0 0 34%
}

.image-resource-service.service-small-circle:before {
    width: 600px;
    height: 600px
}

.gyp-row {
    background: -o-linear-gradient(0.12deg, #2a4b99 .08%, #328efa 99.88%);
    background: linear-gradient(89.88deg, #2a4b99 .08%, #328efa 99.88%);
    border-radius: 30px;
    padding: 70px 130px
}

section.get-your-app {
    padding: 170px 0 120px
}

.box-content.emergingactivate h3,
.box-content:hover h3,
.btn-reg.btn-gradient:hover,
.ecom-pricing .pricing-items h3,
.ecom-pricing .pricing-items span,
.emerging-tech .links-columns>ul>li>a,
.emerging-tech ul.foot-nav li a:after,
.emerging-tech-augmented-reality .links-columns>ul>li>a,
.emerging-tech-augmented-reality ul.foot-nav li a:after,
.emerging-tech-blockchain .links-columns>ul>li>a,
.emerging-tech-blockchain ul.foot-nav li a:after,
.emerging-tech-nft .links-columns>ul>li>a,
.emerging-tech-nft ul.foot-nav li a:after,
.emerging-tech-virtual-reality .links-columns>ul>li>a,
.emerging-tech-virtual-reality ul.foot-nav li a:after,
.emerging-tech-web03 .links-columns>ul>li>a,
.emerging-tech-web03 ul.foot-nav li a:after,
.gyp-content,
.industry-medical-pricing.selected-pricing.color-before-professional h2,
.industry-plans-digital-agency .follow-txt h5,
.industry-plans-digital-agency .foot-desc p,
.industry-plans-digital-agency .footer-bottom,
.industry-plans-digital-agency .links-columns>ul>li>a,
.industry-plans-digital-agency .foot-head,
.industry-plans-digital-agency ul.foot-nav li a,
.industry-plans-digital-agency ul.foot-nav li a:after,
.industry-plans-ecommerce .links-columns>ul>li>a,
.industry-plans-real-estate .follow-txt h5,
.industry-plans-real-estate .foot-desc p,
.industry-plans-real-estate .footer-bottom,
.industry-plans-real-estate .links-columns>ul>li>a,
.industry-plans-real-estate .pricing-items h3,
.industry-plans-real-estate .foot-head,
.industry-plans-real-estate section.charges-remind p,
.industry-plans-real-estate ul.foot-nav li a,
.industry-plans-real-estate ul.foot-nav li a:after,
.industry-plans-restaurants .follow-txt h5,
.industry-plans-restaurants .foot-desc p,
.industry-plans-restaurants .footer-bottom,
.industry-plans-restaurants .links-columns>ul>li>a,
.industry-plans-restaurants .foot-head,
.industry-plans-restaurants ul.foot-nav li a,
.industry-plans-restaurants ul.foot-nav li a:after,
.portfolio-tabs li a.active,
.portfolio-tabs li a:hover,
.pricing-main-panel.selected-pricing .pricing-items h3,
.pricing-main-panel.selected-pricing>*,
.pricing-main-panel.selected-pricing>.pricing-items span {
    color: #fff
}

.gyp-content h2 {
    line-height: 99px
}

.gyp-content p {
    max-width: 520px;
    margin: 50px 0 40px
}

.gyp-row [class*=col-] img {
    position: absolute;
    top: calc(50% - 80px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    max-width: 695px;
    max-height: 685px
}

.main-modal,
.portfolio-modal {
    padding: 0 !important
}

.main-modal .modal-dialog {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    margin: 0 auto;
    max-width: 700px
}

.main-modal .modal-body {
    padding: 35px 100px 70px;
    position: relative;
    z-index: 1;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    opacity: 0;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);    
}

.main-modal .modal-content {
    border-radius: 0;
    border: 0;
    background: 0 0
}

.main-modal.show .modal-body,
.portfolio-modal.show .modal-body video {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal-main-wrap .vertical-heading {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    position: relative
}

.modal-main-wrap .modal-inner h6 {
    font-weight: 700;
    font-size: 72.0553px;
    text-transform: uppercase;
    background: -o-linear-gradient(359.47deg, #0ff 5.13%, #4cd9ed 98.03%);
    background: linear-gradient(90.53deg, #0ff 5.13%, #4cd9ed 98.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 40px
}

.circle-modal:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 25%;
    width: 46.5vw;
    height: 46.5vw;
    max-width: 900.8px;
    max-height: 900.8px;
    background: linear-gradient(0deg, #3AC1F6 0%, transparent 40%);
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.circle-modal {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}

.ids-wrapper h4,
.ids-wrapper h1,
.portfolio-tabs li a,
.step-box p:first-letter {
    text-transform: capitalize
}

.mb-30,
.modal-logo {
    margin-bottom: 30px
}

.main-modal .modal-body:before {
    content: '';
    position: absolute;
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: calc(100% + 250px);
    width: calc(100% + 250px);
    border-radius: 50%;
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);
    background: linear-gradient(0deg, #3ac1f6 11.06%, rgba(54, 117, 236, 0) 31.11%);
    z-index: -2;
    background-size: cover;
    background-position: center;
    display: none
}

.vertical-heading h2 {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) scale(-1);
    -ms-transform: translateY(-50%) scale(-1);
    transform: translateY(-50%) scale(-1);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    color: #fff;
    font-size: 90px;
    font-weight: 600;
    height: 100%;
    text-align: center
}

form.modal-form .form-group {
    margin-bottom: 0;
    position: relative;
    padding: 18px 0 0
}

form.modal-form .form-group label {
    position: absolute;
    top: 16px;
    margin: 0;
    pointer-events: none;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

form.modal-form .form-group input::-webkit-input-placeholder,
form.modal-form .form-group textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

form.modal-form .form-group input::-moz-placeholder,
form.modal-form .form-group textarea::-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

form.modal-form .form-group input:-ms-input-placeholder,
form.modal-form .form-group textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

form.modal-form .form-group input::-ms-input-placeholder,
form.modal-form .form-group textarea::-ms-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

form.modal-form .form-group input::placeholder,
form.modal-form .form-group textarea::placeholder {
    color: rgba(0, 0, 0, .3)
}

form.modal-form .form-group input,
form.modal-form .form-group textarea {
    font-size: 15px;
    color: #000;
    border: 0;
    resize: none;
    border-radius: 9.76849px;
    -webkit-box-shadow: 6.48088px 3.70336px 13.8876px rgb(0 0 0/15%);
    box-shadow: 6.48088px 3.70336px 13.8876px rgb(0 0 0/15%);
    padding: 16px 24px;
    height: auto
}

form.modal-form .form-group input:focus,
form.modal-form .form-group textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: none
}

form.modal-form .form-group input:focus~label,
form.modal-form .form-group textarea:focus~label {
    top: 0
}

form.modal-form .form-group:after,
form.modal-form .form-group:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10px
}

form.modal-form .form-group:before {
    width: 100%;
    height: 1px;
    background: rgb(0 0 0/0%)
}

form.modal-form .form-group:after {
    width: 0;
    height: 3px;
    background: #3d46a1;
    bottom: -1px
}

.mt-20,
form.modal-form button {
    margin-top: 20px
}

.main-modal .modal-body .btn-close {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 31px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 0;
    color: #0940b1;
    background: #fff;
    opacity: 1;
}

.main-modal .modal-body .btn-close:hover {
    opacity: .9
}

.service-head {
    font-weight: 500;
    font-size: 23.8372px;
    color: #fff;
    margin-bottom: 20px
}

.main-modal .btn-reg.btn-gradient {
    position: absolute;
    bottom: -26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 200px;
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);
    -webkit-box-shadow: 12.0359px 5.55504px 35.1819px rgb(0 0 0/30%);
    box-shadow: 12.0359px 5.55504px 35.1819px rgb(0 0 0/30%);
    border-radius: 9.2584px;
    padding: 16px 0
}

.main-modal .btn-reg.btn-gradient img {
    margin-right: 15px
}

.fa-39 {
    font-size: 39.1203px
}

.mx-674,
.services-text-left .mx-674 {
    max-width: 674px
}

.ecom-pricing {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3d46a1), color-stop(109.01%, #c57cfa));
    background: -o-linear-gradient(top, #3d46a1 0, #c57cfa 109.01%);
    background: linear-gradient(180deg, #3d46a1 0, #c57cfa 109.01%);
    padding: 80px 80px 50px;
    color: #fff;
    max-width: 1090px;
    margin: 80px auto 0;
    position: relative
}

.pricing-items h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px
}

.pakage-desc p {
    font-size: 12px;
    line-height: 169%;
    color: #343434;
    max-width: 510px;
    text-align: right;
    margin-left: auto
}

.col-pricing:nth-child(2),
.ecom-pricing .btn-reg img {
    margin-right: 20px
}

.ecom-pricing .btn-reg.btn-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #3d46a1), to(#3d46a1));
    background: -o-linear-gradient(left, #3d46a1 0, #3d46a1 100%);
    background: linear-gradient(90deg, #3d46a1 0, #3d46a1 100%);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
    max-width: 220px;
    position: absolute;
    bottom: -30px
}

.step-process.left-blue-circle-800:before,
.amazon-pakage .left-blue-circle-800:before,
.right-blue-circle-800:after {
    bottom: 90px;
    top: auto
}

.row-pricing-servicess,
.three-pricing .column-responsive-pricing {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.three-pricing .column-responsive-pricing .col-pricing {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33% - 15px);
    flex: 0 0 calc(33.33% - 15px);
    max-width: initial
}

.emerging-tech-augmented-reality,
.emerging-tech-blockchain,
.emerging-tech-nft,
.emerging-tech-web03 {
    background: #010101
}

.nfts-banner {
    background: url(../assets/emerging-tech/nfts/nft-banner.png) center/cover no-repeat
}

.banner-right-imgs .nft {
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    max-width: 1024px;
    max-height: 899px;
    z-index: 1
}

.rw-shade-circle-before:after,
.related-work-slider:before,
.rw-shade-circle,
.rw-slide h2 {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.banner-right-imgs .circle {
    top: 250px;
    right: 490px;
    z-index: 0;
    max-width: 523px;
    max-height: 523px;
    -webkit-animation: 8s linear infinite rotate360;
    animation: 8s linear infinite rotate360
}

.emerging-tech-nft .nfts-banner:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(94 158 255/10%)), color-stop(70%, rgb(143 0 255/70%)));
    background: -o-linear-gradient(bottom, rgb(94 158 255/10%), rgb(143 0 255/70%) 70%);
    background: linear-gradient(0deg, rgb(94 158 255/10%), rgb(143 0 255/70%) 70%)
}

.fa-150 {
    font-size: 150px
}

.emerging-tech-nft .bg-linear-gradient,
.emerging-tech-virtual-reality.section-2,
.i-digital-step .step-box,
.industry-plans-ecommerce .section-2,
.industry-plans-restaurants .section-2,
.section-2.industry-plans-real-estate {
    background: 0 0
}

.emerging-tech-nft .bg-linear-gradient:before {
    background-image: url(../assets/emerging-tech/nfts/nfts-sec2.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 100vh;
    z-index: -10
}

.nfts-process .step-box .oh-icon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-10.99%, #e10370), color-stop(95.61%, #ffb800));
    background: -o-linear-gradient(top, #e10370 -10.99%, #ffb800 95.61%);
    background: linear-gradient(180deg, #e10370 -10.99%, #ffb800 95.61%);
    z-index: -1;
    border: 0;
    -webkit-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out
}

.nfts-process .step-box {
    background: 0 0;
    z-index: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-bottom: 35px;
    min-width: 255px;
    margin: 0 30px
}

.nfts-process .step-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff006b), color-stop(40%, #8506b696), to(#0000));
    background: -o-linear-gradient(bottom, #ff006b 0, #8506b696 40%, #0000);
    background: linear-gradient(0deg, #ff006b 0, #8506b696 40%, #0000);
    z-index: -1
}

.nfts-process .step-box h2 {
    margin: -20px 0 0
}

.nfts-process .step-box h3 {
    font-weight: 500;
    font-size: 126.621px;
    line-height: 126.621px;
    letter-spacing: -7px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(77.01%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 77.01%);
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 77.01%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: .3;
    z-index: -1
}

.nfts-process .step-box .oh-icon img {
    max-width: 90px;
    max-height: 90px
}

.emerging-tech-nft .step-process-row .col-lg-3 {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.nfts-process .step-box:hover .oh-icon:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nfts-process .step-box:hover h3 {
    opacity: 1;
    -webkit-text-fill-color: #fff
}

.emerging-tech-nft .bg-linear-gradient:after {
    content: '';
    background: url(../assets/emerging-tech/nfts/sec2.png);
    width: 455px;
    height: 455px;
    position: absolute;
    top: 60px;
    right: -14%
}

.max-w-685,
.services-text-left .mx-685 {
    max-width: 685px
}

.color-before-professional>h2,
.fa-40 {
    font-size: 40px
}

.contact-section.contact-nft.hz-contact-bpo .contact-main-area {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3d46a1), color-stop(109.01%, #c57cfa));
    background: -o-linear-gradient(top, #3d46a1 0, #c57cfa 109.01%);
    background: linear-gradient(180deg, #3d46a1 0, #c57cfa 109.01%);
    border-radius: 0
}

.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form input,
.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form textarea {
    border-color: #fff
}

.contact-section.contact-nft.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #3d46a1), to(#3d46a1));
    background: -o-linear-gradient(left, #3d46a1 0, #3d46a1 100%);
    background: linear-gradient(90deg, #3d46a1 0, #3d46a1 100%);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
    border-radius: 10px
}

.contact-section.contact-nft.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, right top, left top, from(#8134c3), to(#c57cfa));
    background: -o-linear-gradient(right, #8134c3, #c57cfa);
    background: linear-gradient(270deg, #8134c3, #c57cfa)
}

.contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form {
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 0;
    max-width: 650px
}

.hz-contact-bpo {
    padding: 170px 0 250px
}

.hz-contact-bpo .left-blue-circle-800:before {
    left: -340px;
    bottom: -80px;
    top: auto
}

.contact-section.hz-contact-bpo {
    padding: 100px 0 150px
}

.hz-contact-bpo .right-blue-circle-800:after {
    right: -340px;
    bottom: 30px
}

.hz-bpo-three .image-ar-unique-service {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    height: auto
}

.hz-bpo-three .cols-ar-img-service:not(:last-child) {
    margin-right: 40px
}

.hz-bpo-three .cols-ar-img-service {
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(-25.58%, #fff), color-stop(101.03%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(0, #fff -25.58%, rgba(255, 255, 255, 0) 101.03%);
    background: linear-gradient(0, #fff -25.58%, rgba(255, 255, 255, 0) 101.03%);
    position: relative
}

.cols-ar-img-service.big-devops-box {
    background: -webkit-gradient(linear, left top, right top, color-stop(-25.58%, #fff), color-stop(101.03%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, #fff -25.58%, rgba(255, 255, 255, 0) 101.03%);
    background: linear-gradient(90deg, #fff -25.58%, rgba(255, 255, 255, 0) 101.03%);
    max-width: 347px;
    min-height: 263px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.linear-border:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 28.4px;
    background: -webkit-gradient(linear, left top, right top, color-stop(24.42%, #fff), color-stop(101.03%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, #fff 24.42%, rgba(255, 255, 255, 0) 101.03%);
    background: linear-gradient(90deg, #fff 24.42%, rgba(255, 255, 255, 0) 101.03%);
    z-index: -1
}

.linear-border:after {
    content: '';
    position: absolute;
    left: -3px;
    top: -2px;
    width: 60%;
    height: calc(100% + 4px);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(73 156 255/50%)), to(#fff));
    background: -o-linear-gradient(left, rgb(73 156 255/50%) 50%, #fff);
    background: linear-gradient(to right, rgb(73 156 255/50%) 50%, #fff);
    z-index: -4;
    border-radius: 28.4px
}

.emerging-tech-augmented-reality .text-resources-service p,
.emerging-tech-blockchain .text-resources-service p,
.emerging-tech-virtual-reality .text-resources-service p,
.emerging-tech-web03 .text-resources-service p,
.fa-18,
.hz-bpo-three .text-resources-service p {
    font-size: 18px
}

.big-three-box .text-resources-service p,
.image-map>img {
    max-width: 100%
}

.hz-bpo-three .hz-linear-change .linear-border:first-child,
.hz-bpo-three .hz-linear-change .linear-border:first-child:before,
.hz-bpo-three .hz-linear-change .linear-border:nth-child(3),
.hz-bpo-three .hz-linear-change .linear-border:nth-child(3):before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-24.58%, #fff), color-stop(101.03%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, #fff -24.58%, rgba(255, 255, 255, 0) 101.03%);
    background: linear-gradient(180deg, #fff -24.58%, rgba(255, 255, 255, 0) 101.03%)
}

.hz-bpo-three .hz-linear-change .linear-border:nth-child(2),
.hz-bpo-three .hz-linear-change .linear-border:nth-child(2):before {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-24.58%, #fff), color-stop(101.03%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, #fff -24.58%, rgba(255, 255, 255, 0) 101.03%);
    background: linear-gradient(0deg, #fff -24.58%, rgba(255, 255, 255, 0) 101.03%)
}

.hz-linear-change .linear-border:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(24.42%, #fff), color-stop(101.03%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, #fff 24.42%, rgba(255, 255, 255, 0) 101.03%);
    background: linear-gradient(180deg, #fff 24.42%, rgba(255, 255, 255, 0) 101.03%)
}

.hz-bpo-three .hz-linear-change .linear-border:first-child:after,
.hz-bpo-three .hz-linear-change .linear-border:nth-child(3):after {
    width: calc(100% + 4px);
    left: -2px;
    top: -2px;
    height: 60%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(73 156 255/50%)), to(#fff));
    background: -o-linear-gradient(top, rgb(73 156 255/50%) 50%, #fff);
    background: linear-gradient(to bottom, rgb(73 156 255/50%) 50%, #fff)
}

.hz-bpo-three .hz-linear-change .linear-border:nth-child(2):after {
    width: calc(100% + 4px);
    left: -2px;
    top: auto;
    bottom: -2px;
    height: 60%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgb(73 156 255/50%)), to(#fff));
    background: -o-linear-gradient(bottom, rgb(73 156 255/50%) 50%, #fff);
    background: linear-gradient(to top, rgb(73 156 255/50%) 50%, #fff)
}

.big-three-box .cols-ar-img-service {
    max-width: 257px
}

section.text-resource-services-section.hz-bpo-three {
    padding-top: 220px
}

.contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700,
.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form {
    max-width: 700px
}

.mx-900 {
    max-width: 800px;
    margin: 0 auto
}

.bpo-sec .hz-rc-content h2 {
    font-size: 32.4488px;
    line-height: 36.34px;
    max-width: 290px
}

section.bpo-sec {
    padding: 120px 0 220px
}

.bpo-sec .hz-rc-content p {
    max-width: 290px
}

.industry-plans-digital-agency {
    background: #071a5e
}

.i-digital-banner {
    background: url(../assets/industry-plans/digital/banner.png) center bottom/100% auto no-repeat;
    padding: 280px 0
}

.i-digital-banner:before {
    content: '';
    background: url(../assets/industry-plans/digital/banner-back.png) center/100% 100% no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: soft-light;
    z-index: -1
}

.i-digital-banner .banner-left-content span,
.policy-page .banner-left-content span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.i-digital-banner .banner-left-content p {
    margin: 40px auto 0;
    text-align: center
}

.industry-plans-digital-agency .section-2 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #071a5e00), to(#06f));
    background: -o-linear-gradient(bottom, #071a5e00 20%, #06f 100%);
    background: linear-gradient(0deg, #071a5e00 20%, #06f 100%)
}

.i-digital-step .step-inner {
    max-width: 1355px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-88.13%, #ffffff8f), color-stop(103.87%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, #ffffff8f -88.13%, rgba(255, 255, 255, 0) 103.87%);
    background: linear-gradient(0deg, #ffffff8f -88.13%, rgba(255, 255, 255, 0) 103.87%);
    border-radius: 60px;
    padding: 50px 90px 90px;
    outline: #89a5d040 solid 4px
}

.i-digital-step .step-box .oh-icon {
    width: 210px;
    height: 210px;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0 auto;
    -webkit-box-shadow: 0 21px 92px #49a2ff;
    box-shadow: 0 21px 92px #49a2ff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-9.96%, #3d46a1), color-stop(95.64%, #c57cfa));
    background: -o-linear-gradient(top, #3d46a1 -9.96%, #c57cfa 95.64%);
    background: linear-gradient(180deg, #3d46a1 -9.96%, #c57cfa 95.64%);
    border: 1px solid rgba(0, 255, 240, .5)
}

.i-digital-step .step-box .oh-icon h2 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    background: 0 0;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    letter-spacing: 0;
    margin: 0
}

.i-digital-step .step-box p {
    font-size: 16px;
    max-width: 100%;
    margin-top: 40px
}

.i-digital-step .step-process-row {
    margin-top: 90px
}

.i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after {
    left: calc(100% + 45px);
    top: 110px
}

.container-1700 {
    max-width: 1560px;
    width: 100%;
    margin: 0 auto
}

.ids-wrapper {
    min-height: 470px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: url(../assets/industry-plans/digital/sec3-back.png) center/100% 100% no-repeat;
    -webkit-filter: drop-shadow(0px 47px 64px rgba(0, 0, 0, .5));
    filter: drop-shadow(0px 47px 64px rgba(0, 0, 0, .5))
}

.rw-shade-circle-before:after,
.pricing-shade-lg,
.pricing-shade-sm,
.rw-shade-circle,
span.i-service-lines {
    display: block;
    position: absolute
}

.ids-wrapper p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    max-width: 1320px;
    margin-top: 40px
}

ul.industry-list li {
    font-size: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-weight: 400;
    letter-spacing: 0;
    max-width: 450px;
    padding: 15px 0
}

.image-resource-service.service-circle-img.i-circle-service:before {
    width: calc(100% + 50px);
    height: 709px;
    background: url(../assets/industry-plans/digital/service-bg.png) center/cover;
    border-radius: unset;
    left: 46%;
    top: 55%;
    -webkit-transform: translate(-50%, -53%);
    -ms-transform: translate(-50%, -53%);
    transform: translate(-50%, -53%)
}

span.i-service-lines {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../assets/industry-plans/digital/id-lines.png) center/cover no-repeat
}

.industry-price-panel {
    color: #fff;
    background: 0 0
}

.industry-price-panel>h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 30px
}

.industry-price-panel>p {
    max-width: 300px;
    margin-bottom: 40px
}

.industry-price-panel .pricing-flex-play h3 {
    font-weight: 700;
    font-size: 32.669px;
    margin-bottom: 25px;
    letter-spacing: -.02em;
    color: #fff
}

.industry-price-panel .pricing-items h2 {
    font-weight: 600;
    font-size: 20px;
    background: -webkit-gradient(linear, left top, right top, color-stop(8.09%, #c57cfa), to(#0ff));
    background: -o-linear-gradient(left, #c57cfa 8.09%, #0ff 100%);
    background: linear-gradient(90deg, #c57cfa 8.09%, #0ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px
}

.industry-price-panel .pricing-items ul li {
    margin-bottom: 18px
}

.pricing-main-panel.industry-price-panel {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background: 0 0
}

.industry-price-panel .pricing-flex-play:nth-last-child(-n+3) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pricing-main-panel.industry-price-panel:after,
.pricing-main-panel.industry-price-panel:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3d46a1), to(rgba(1, 102, 223, 0)));
    background: -o-linear-gradient(top, #3d46a1 0, rgba(1, 102, 223, 0) 100%);
    background: linear-gradient(180deg, #3d46a1 0, rgba(1, 102, 223, 0) 100%)
}

.industry-price-panel.selected-pricing .pricing-flex-play h3 {
    background: -webkit-gradient(linear, left top, right top, color-stop(8.09%, #c57cfa), to(#0ff));
    background: -o-linear-gradient(left, #c57cfa 8.09%, #0ff 100%);
    background: linear-gradient(90deg, #c57cfa 8.09%, #0ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.industry-pricing .column-responsive-pricing {
    margin-top: 120px
}

.contact-section.industry-contact .contact-main-area.radius-60,
.radius-60 {
    border-radius: 60px
}

.contact-section.contact-nft.industry-d .contact-main-area {
    background: -o-linear-gradient(150deg, #3675ec 20%, #4cd9ed63 56%, rgb(76 217 237/0%) 90.03%);
    background: linear-gradient(300deg, #3675ec 20%, #4cd9ed63 56%, rgb(76 217 237/0%) 90.03%);
    outline: #4cd9ed52 solid 3px
}

.contact-section.contact-nft.industry-d .contact-main-area h3 {
    font-weight: 700;
    color: #fff;
    mix-blend-mode: overlay;
    opacity: .8
}

.contact-section.contact-nft.industry-contact .contact-main-area p {
    color: #fff;
    max-width: 700px;
    margin-bottom: 30px
}

.contact-section.contact-nft.hz-contact-bpo.industry-d .contact-main-area .form input,
.contact-section.contact-nft.hz-contact-bpo.industry-d .contact-main-area .form textarea {
    border-color: #4cd9edad
}

.industry-d:before {
    content: '';
    position: absolute;
    left: 0;
    top: 260px;
    width: 100%;
    height: 100%;
    background: url(../assets/industry-plans/digital/idcontact-lines.png) center/100% no-repeat;
    z-index: -1
}

.industry-plans-digital-agency .client-section *,
.industry-plans-digital-agency .footer *,
.industry-plans-digital-agency .portfolio-section *,
.emerging-tech .client-section *,
.emerging-tech .footer *,
.emerging-tech .portfolio-section *,
.emerging-tech-augmented-reality .client-section *,
.emerging-tech-augmented-reality .footer *,
.emerging-tech-augmented-reality .portfolio-section *,
.emerging-tech-blockchain .client-section *,
.emerging-tech-blockchain .footer *,
.emerging-tech-blockchain .portfolio-section *,
.emerging-tech-nft .client-section *,
.emerging-tech-nft .footer *,
.emerging-tech-nft .portfolio-section *,
.emerging-tech-virtual-reality .client-section *,
.emerging-tech-virtual-reality .footer *,
.emerging-tech-virtual-reality .portfolio-section *,
.emerging-tech-web03 .client-section *,
.emerging-tech-web03 .footer *,
.emerging-tech-web03 .portfolio-section *,
.industry-plans-digital-agency #portfolio .text-center,
.industry-plans-digital-agency .client-1-row h2,
.industry-plans-digital-agency .client-1-row p,
.industry-plans-law-firms .client-section *,
.industry-plans-law-firms .footer *,
.industry-plans-law-firms .portfolio-section *,
.industry-plans-real-estate #portfolio .text-center,
.industry-plans-real-estate .client-1-row h2,
.industry-plans-real-estate .client-1-row p,
.industry-plans-real-estate .client-section *,
.industry-plans-real-estate .footer *,
.industry-plans-real-estate .portfolio-section *,
.industry-plans-restaurants #portfolio .text-center,
.industry-plans-restaurants .client-1-row h2,
.industry-plans-restaurants .client-1-row p,
.industry-plans-restaurants .client-section *,
.industry-plans-restaurants .footer *,
.industry-plans-restaurants .portfolio-section * {
    color: #fff !important
}

.industry-plans-digital-agency .bg-blue:before {
    background: -o-linear-gradient(0.12deg, #004ec2 .08%, rgba(16, 11, 255, 0) 99.88%);
    background: linear-gradient(89.88deg, #004ec2 .08%, rgba(16, 11, 255, 0) 99.88%)
}

.slick-btns button {
    border: 0
}

.industry-plans-digital-agency .footer:before {
    background: -o-linear-gradient(110deg, rgba(69, 154, 255, .5) 5.93%, rgba(63, 140, 255, 0) 60.81%);
    background: linear-gradient(340deg, rgba(69, 154, 255, .5) 5.93%, rgba(63, 140, 255, 0) 60.81%)
}

section.i-ecommerce-banner {
    background: url(../assets/industry-plans/ecommerce/bannerbg.png) center top/100% 100% no-repeat;
    padding: 280px 0 170px
}

.e-banner-img img {
    max-width: 680px;
    max-height: 590px;
    -webkit-animation: 3s linear infinite alternate transform;
    animation: 3s linear infinite alternate transform
}

@-webkit-keyframes transform {
    0% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        opacity: 1
    }

    50%,
    75% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(-60px, 0);
        transform: translate(-60px, 0);
        opacity: .3
    }
}

@keyframes transform {
    0% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        opacity: 1
    }

    50%,
    75% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(-60px, 0);
        transform: translate(-60px, 0);
        opacity: .3
    }
}

.industry-plans-ecommerce .icon-tick:before {
    background: #ffb800;
    -webkit-box-shadow: 0 0 10px #ffb800;
    box-shadow: 0 0 10px #ffb800
}

.industry-plans-ecommerce .icon-tick i {
    font-size: 12px;
    color: #fff;
    top: -2px
}

.i-ecom-step .step-inner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-52.62%, #828282), color-stop(98.77%, #120d00));
    background: -o-linear-gradient(bottom, #828282 -52.62%, #120d00 98.77%);
    background: linear-gradient(0deg, #828282 -52.62%, #120d00 98.77%)
}

.i-ecom-step .step-box .oh-icon {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-9.96%, #ffb800), color-stop(95.64%, rgba(240, 173, 0, .72)));
    background: -o-linear-gradient(top, #ffb800 -9.96%, rgba(240, 173, 0, .72) 95.64%);
    background: linear-gradient(180deg, #ffb800 -9.96%, rgba(240, 173, 0, .72) 95.64%);
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 21px 92px #ffb800;
    box-shadow: 0 21px 92px #ffb800
}

.ie-cart {
    left: 30px;
    top: 0;
    -webkit-animation: 6s linear infinite alternate ham2;
    animation: 6s linear infinite alternate ham2;
    max-width: 130px;
}

@-webkit-keyframes ham2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        opacity: .6
    }
}

@keyframes ham2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        opacity: .6
    }
}

.ie-bag {
    right: 30px;
    top: -90px;
    -webkit-animation: 6s linear infinite alternate ham1;
    animation: 6s linear infinite alternate ham1;
    max-width: 130px;
}

@-webkit-keyframes ham1 {
    0% {
        -webkit-transform: translatey(20px);
        transform: translatey(20px);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(.8) rotate(360deg);
        transform: scale(.8) rotate(360deg);
        opacity: .6
    }

    75% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
        opacity: 1
    }
}

@keyframes ham1 {
    0% {
        -webkit-transform: translatey(20px);
        transform: translatey(20px);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(.8) rotate(360deg);
        transform: scale(.8) rotate(360deg);
        opacity: .6
    }

    75% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
        opacity: 1
    }
}

.industry-plans-ecommerce .ids-wrapper {
    background: url(../assets/industry-plans/ecommerce/sec3-back.png) center/100% 100% no-repeat;
    -webkit-filter: drop-shadow(0px 47px 34px rgb(229 175 33/70%));
    filter: drop-shadow(0px 47px 34px rgb(229 175 33/70%))
}

.industry-plans-ecommerce .industry-price-panel {
    color: #000;
    border-image-source: linear-gradient(to bottom, #000, #E4E7FB 50%)
}

.industry-plans-ecommerce .industry-price-panel .pricing-items h2 {
    color: #000;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.contact-section.contact-nft.hz-contact-bpo.industry-vehicle-contact .contact-main-area,
.emerging-tech .banner-circle:after,
.industry-plans-ecommerce .industry-price-panel.selected-pricing:after,
.industry-plans-ecommerce .industry-price-panel.selected-pricing:before,
.industry-plans-ecommerce .industry-price-panel:after,
.industry-plans-ecommerce .industry-price-panel:before,
.industry-plans-law-firms span.top-right-gradient-circle,
.industry-vehicle-pricing .pricing-main-panel:after,
.industry-vehicle-pricing .pricing-main-panel:before,
body.industry-plans-law-firms {
    background: #000
}

.industry-plans-ecommerce .industry-price-panel.selected-pricing .pricing-flex-play h3 {
    color: #ffb800;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.industry-plans-ecommerce .industry-price-panel.selected-pricing .pricing-items h2,
.industry-plans-ecommerce .industry-price-panel.selected-pricing>h2 {
    color: #ffb800;
    -webkit-transition: .2s ease-in 0.5s;
    -o-transition: .2s ease-in 0.5s;
    transition: .2s ease-in 0.5s
}

.industry-plans-ecommerce .industry-price-panel>a.btn-reg.btn-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffb800), to(#ffb800));
    background: -o-linear-gradient(left, #ffb800 0, #ffb800 100%);
    background: linear-gradient(90deg, #ffb800 0, #ffb800 100%);
    color: #000
}

.contact-section.contact-nft.industry-ecom .contact-main-area button.btn-reg.btn-gradient:before,
.industry-plans-ecommerce .industry-price-panel>a.btn-reg.btn-gradient:before,
.industry-plans-ecommerce .port-inner .hz-btn:before {
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(#feba0a));
    background: -o-linear-gradient(right, #fff, #feba0a);
    background: linear-gradient(to left, #fff, #feba0a)
}

.contact-section.contact-nft.industry-ecom .contact-main-area button.btn-reg.btn-gradient img,
.industry-plans-ecommerce .industry-price-panel>a.btn-reg.btn-gradient img {
    -webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0)
}

.industry-plans-ecommerce .left-line h2:before {
    background: -webkit-gradient(linear, left top, right top, from(#ffb800), to(transparent));
    background: -o-linear-gradient(left, #ffb800, transparent);
    background: linear-gradient(90deg, #ffb800, transparent)
}

.industry-plans-ecommerce .right-line h2:after {
    background: -webkit-gradient(linear, right top, left top, from(#ffb800), to(transparent));
    background: -o-linear-gradient(right, #ffb800, transparent);
    background: linear-gradient(270deg, #ffb800, transparent)
}

.pricing-shade-sm {
    left: 0;
    top: 0;
    width: 100%;
    height: 230px;
    opacity: 0
}

.pricing-shade-lg {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 74%;
    opacity: 0
}

.industry-plans-ecommerce .industry-price-panel.selected-pricing .pricing-shade-lg,
.industry-plans-ecommerce .industry-price-panel.selected-pricing .pricing-shade-sm,
.industry-professional .contact-main-area h3,
.industry-vehicle-contact .contact-main-area h3,
.industry-vehicle-pricing .industry-price-panel.selected-pricing .pricing-shade-lg,
.industry-vehicle-pricing .industry-price-panel.selected-pricing .pricing-shade-sm {
    opacity: 1
}

section.charges-remind p {
    font-weight: 700;
    font-size: 27.9126px;
    color: #000;
    opacity: .2;
    text-align: center;
    letter-spacing: -.02em
}

section.contact-section.hz-contact-bpo.industry-ecom .contact-main-area {
    background: -o-linear-gradient(76.03deg, #000 12.85%, #000 96.03%);
    background: linear-gradient(13.97deg, #000 12.85%, #000 96.03%);
    border: 3px solid #ffb800
}

.industry-ecom .contact-main-area h3 {
    font-weight: 700;
    opacity: 1
}

.contact-section.contact-nft.industry-ecom .contact-main-area button.btn-reg.btn-gradient {
    background: #ffb800;
    color: #000
}

.industry-ecom .left-blue-circle-800:before {
    background: -o-linear-gradient(43deg, #ffb800 -25.58%, rgba(255, 255, 255, .23) 66.95%);
    background: linear-gradient(47deg, #ffb800 -25.58%, rgba(255, 255, 255, .23) 66.95%)
}

.industry-ecom .right-blue-circle-800:after {
    background: -o-linear-gradient(301deg, #ffb800 -25.58%, rgba(255, 255, 255, .23) 66.95%);
    background: linear-gradient(149deg, #ffb800 -25.58%, rgba(255, 255, 255, .23) 66.95%)
}

img.contact-shade {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.industry-plans-ecommerce .port-inner .hz-btn {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #feba0a), to(#f6b816));
    background: -o-linear-gradient(left, #feba0a 0, #f6b816 100%);
    background: linear-gradient(90deg, #feba0a 0, #f6b816 100%);
    color: #000;
    -webkit-box-shadow: 0 7px 40px 0 #feba0a;
    box-shadow: 0 7px 40px 0 #feba0a
}

.ecom-work .related-work-slider ul.slick-dots li.slick-active button,
.industry-plans-ecommerce .line-btn,
.industry-plans-ecommerce .onhoverphonenumbers,
.industry-plans-ecommerce .testi-slider .testi-inner:nth-child(odd) {
    background: #ffb800
}

.industry-plans-ecommerce .testi-slider .testi-inner:nth-child(2n) {
    background: #090909
}

.industry-plans-ecommerce .testi-slider .testi-inner:nth-child(2n) .quote-ico img {
    -webkit-filter: invert(33%) sepia(10%) saturate(6711%) hue-rotate(360deg) brightness(104%) contrast(104%);
    filter: invert(33%) sepia(10%) saturate(6711%) hue-rotate(360deg) brightness(104%) contrast(104%)
}

.industry-plans-ecommerce .testi-slider .testi-inner:nth-child(2n) .testi-client .name {
    color: #ffb800 !important
}

.industry-plans-ecommerce .bg-blue:before {
    background: -o-linear-gradient(0.12deg, #ffb800 .08%, #ffb800 99.88%);
    background: linear-gradient(89.88deg, #ffb800 .08%, #ffb800 99.88%)
}

.industry-plans-ecommerce .slick-btns button {
    background: #fdb801;
    color: #000
}

.industry-plans-ecommerce .footer:before {
    background: -o-linear-gradient(120deg, #ffb800 5.93%, rgba(217, 217, 217, 0) 60.81%);
    background: linear-gradient(330deg, #ffb800 5.93%, rgba(217, 217, 217, 0) 60.81%)
}

.industry-plans-ecommerce .services-text-left ul li::marker {
    color: #ffb800
}

.industry-plans-real-estate,
.industry-plans-restaurants {
    background: #141414
}

.i-estate-banner {
    background: url(../assets/industry-plans/real-estate/banner.png) center bottom/100% auto no-repeat
}

.industry-plans-restaurants .bg-image-on-top:before,
.section-2.industry-plans-real-estate:before {
    height: 600px;
    z-index: -1
}

.section-2.industry-plans-real-estate:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .9))), url(../assets/industry-plans/real-estate/sec2bg.png) center top/100% auto no-repeat;
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .9)), url(../assets/industry-plans/real-estate/sec2bg.png) center top/100% auto no-repeat;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .9)), url(../assets/industry-plans/real-estate/sec2bg.png) center top/100% auto no-repeat
}

.i-estate-step .step-inner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-88.13%, #ffffff8f), color-stop(123.87%, rgb(255 255 255/4%)));
    background: -o-linear-gradient(bottom, #ffffff8f -88.13%, rgb(255 255 255/4%) 123.87%);
    background: linear-gradient(0deg, #ffffff8f -88.13%, rgb(255 255 255/4%) 123.87%)
}

.i-estate-step .step-box .oh-icon {
    border: 1px solid #7d7156;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-29.96%, #000), color-stop(95.64%, #7d7156));
    background: -o-linear-gradient(top, #000 -29.96%, #7d7156 95.64%);
    background: linear-gradient(180deg, #000 -29.96%, #7d7156 95.64%);
    -webkit-box-shadow: 0 21px 92px #000;
    box-shadow: 0 21px 92px #000
}

.industry-plans-real-estate .ids-wrapper {
    background: url(../assets/industry-plans/real-estate/sec3-back.png) center/100% 100% no-repeat;
    -webkit-filter: drop-shadow(0px 47px 64px rgba(0, 0, 0, .3));
    filter: drop-shadow(0px 47px 64px rgba(0, 0, 0, .3))
}

.industry-plans-real-estate .color-blur-circle {
    background: #8b7b5c;
    -webkit-filter: blur(450px);
    filter: blur(450px)
}

.industry-plans-real-estate section.i-digital-service .color-blur-circle {
    bottom: -300px;
    top: auto
}

.industry-plans-real-estate .i-estate-circle-img:before {
    width: 630px;
    height: 630px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.99%, #a98846), color-stop(83.87%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, #a98846 .99%, rgba(0, 0, 0, 0) 83.87%);
    background: linear-gradient(0deg, #a98846 .99%, rgba(0, 0, 0, 0) 83.87%);
    border-radius: 50%;
    border: 1px solid;
    top: 55%;
    -webkit-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%)
}

.industry-plans-real-estate .services-text-left ul li::marker {
    color: #816539
}

.industry-plans-real-estate .industry-price-panel .pricing-items h2 {
    color: #a98846;
    background: unset;
    -webkit-text-fill-color: unset
}

.industry-plans-real-estate .industry-price-panel {
    border-image-source: linear-gradient(160deg, #A98846 70%, rgb(255 255 255/10%))
}

.industry-plans-real-estate .industry-price-panel:after,
.industry-plans-real-estate .industry-price-panel:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a98846), to(rgba(35, 35, 35, 0)));
    background: -o-linear-gradient(top, #a98846 0, rgba(35, 35, 35, 0) 100%);
    background: linear-gradient(180deg, #a98846 0, rgba(35, 35, 35, 0) 100%)
}

.industry-plans-real-estate .industry-price-panel.selected-pricing .pricing-flex-play h3 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.industry-plans-real-estate .pricing-main-panel>a.btn-reg.btn-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1d1d1d), to(#a98846));
    background: -o-linear-gradient(left, #1d1d1d 0, #a98846 100%);
    background: linear-gradient(90deg, #1d1d1d 0, #a98846 100%);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .5)
}

.industry-plans-real-estate .pricing-main-panel>a.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1d1d1d), to(#a98846));
    background: -o-linear-gradient(left, #1d1d1d 0, #a98846 100%);
    background: linear-gradient(90deg, #1d1d1d 0, #a98846 100%)
}

.industry-plans-real-estate .right-line h2:after {
    background: -o-linear-gradient(210deg, #a98846 0, rgba(0, 0, 0, 0) 83.72%);
    background: linear-gradient(240deg, #a98846 0, rgba(0, 0, 0, 0) 83.72%)
}

.industry-plans-real-estate .left-line h2:before {
    background: -o-linear-gradient(330deg, #a98846 0, rgba(0, 0, 0, 0) 83.72%);
    background: linear-gradient(-240deg, #a98846 0, rgba(0, 0, 0, 0) 83.72%)
}

.contact-section.contact-nft.industry-r .contact-main-area {
    background: -webkit-gradient(linear, right top, left top, color-stop(12.85%, #a98845), color-stop(76.03%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(right, #a98845 12.85%, rgba(0, 0, 0, 0) 76.03%);
    background: linear-gradient(-90deg, #a98845 12.85%, rgba(0, 0, 0, 0) 76.03%);
    outline: #a9884570 solid 2px
}

.contact-section.contact-nft.industry-r .contact-main-area.radius-60,
.contact-section.contact-nft.industry-res .contact-main-area.radius-60 {
    border-radius: 20px
}

.industry-plans-real-estate .contact-main-area h3,
.industry-plans-restaurants .contact-main-area h3 {
    opacity: .8;
    mix-blend-mode: overlay
}

.contact-section.contact-nft.industry-r .contact-main-area .form input,
.contact-section.contact-nft.industry-r .contact-main-area .form textarea {
    border-color: #7a6439
}

.contact-section.contact-nft.industry-r .contact-main-area button.btn-reg.btn-gradient,
.contact-section.contact-nft.industry-r .contact-main-area button.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #151515), to(#a98846));
    background: -o-linear-gradient(left, #151515 0, #a98846 100%);
    background: linear-gradient(90deg, #151515 0, #a98846 100%)
}

.contact-section.contact-nft.industry-r .contact-main-area .col-lg-4 img.image-nft-form {
    max-width: 730px
}

.industry-plans-real-estate .btn.hz-btn,
.industry-plans-real-estate .btn.hz-btn:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #a98846), to(#000));
    background: -o-linear-gradient(right, #a98846 0, #000 100%);
    background: linear-gradient(-90deg, #a98846 0, #000 100%);
    -webkit-box-shadow: 0 15px 40px 0 #a988467a;
    box-shadow: 0 15px 40px 0 #a988467a
}

.industry-plans-real-estate .bg-blue:before {
    background: -o-linear-gradient(0.12deg, #a98846 .08%, rgba(0, 0, 0, 0) 99.88%);
    background: linear-gradient(89.88deg, #a98846 .08%, rgba(0, 0, 0, 0) 99.88%)
}

.estate-work .related-work-slider ul.slick-dots li.slick-active button,
.industry-plans-real-estate .line-btn,
.industry-plans-real-estate .onhoverphonenumbers,
.industry-plans-real-estate .slick-btns button,
.industry-plans-real-estate .social-links-wrap a.social-link,
.industry-plans-real-estate .testi-slider .testi-inner:nth-child(odd),
.industry-plans-real-estate ul.foot-nav li a:before {
    background: #a98846
}

.industry-plans-real-estate .testi-slider .testi-inner:nth-child(2n) {
    background: #2d2921
}

.industry-plans-real-estate .follow-txt h5:before,
.industry-plans-real-estate .foot-head:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(40%, transparent), color-stop(90%, #a98846));
    background: -o-linear-gradient(right, transparent 40%, #a98846 90%);
    background: linear-gradient(-90deg, transparent 40%, #a98846 90%)
}

.industry-plans-real-estate .footer:before {
    background: -o-linear-gradient(130deg, rgba(169, 136, 70, .5) 5.93%, rgba(0, 0, 0, 0) 60.81%);
    background: linear-gradient(-40deg, rgba(169, 136, 70, .5) 5.93%, rgba(0, 0, 0, 0) 60.81%)
}

section.i-restaurant-banner {
    background: 0 0;
    padding: 210px 0 70px
}

section.i-restaurant-banner:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 875px;
    height: 880px;
    background: url(../assets/industry-plans/restaurants/bannerbg.png) right/contain no-repeat;
    z-index: -1;
    -webkit-animation: 4s linear forwards demo;
    animation: 4s linear forwards demo
}

@-webkit-keyframes demo {
    0% {
        opacity: .4;
        right: -50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: .7;
        right: -20%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        right: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes demo {
    0% {
        opacity: .4;
        right: -50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: .7;
        right: -20%;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        right: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.industry-plans-restaurants .e-banner-img img {
    max-height: 750px
}

.industry-plans-restaurants .section-2:before {
    background-image: url(../assets/industry-plans/restaurants/sec2bg.png)
}

.i-restaurant-step .step-inner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-28.13%, #736e66), color-stop(93.87%, #423b31));
    background: -o-linear-gradient(bottom, #736e66 -28.13%, #423b31 93.87%);
    background: linear-gradient(360deg, #736e66 -28.13%, #423b31 93.87%);
    outline-color: #a097927d
}

.i-restaurant-step .step-box .oh-icon {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20.04%, rgba(0, 0, 0, 0)), color-stop(95.64%, #a77451));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20.04%, #a77451 95.64%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.04%, #a77451 95.64%);
    border: 1px solid #7d7156;
    -webkit-box-shadow: 0 21px 92px #000000d1;
    box-shadow: 0 21px 92px #000000d1
}

section.i-restaurant-step .color-blur-circle {
    left: 0;
    top: -60px
}

.industry-plans-restaurants .color-blur-circle {
    background: #a66550;
    -webkit-filter: blur(400px);
    filter: blur(400px)
}

section.i-restaurant-step .res-circle-shade {
    left: auto;
    right: 0;
    background: rgba(139, 123, 92, .7)
}

.industry-plans-restaurants .ids-wrapper {
    background: url(../assets/industry-plans/restaurants/sec3-back.png) center/100% 100% no-repeat
}

.industry-plans-restaurants .i-res-circle-img:before {
    background: url(../assets/industry-plans/restaurants/res-service-bg.png) center/cover no-repeat;
    top: 52%;
    -webkit-transform: translate(-49%, -55%);
    -ms-transform: translate(-49%, -55%);
    transform: translate(-49%, -55%)
}

.industry-plans-restaurants .right-line h2:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #9b6c4c), color-stop(83.72%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(right, #9b6c4c 0, rgba(0, 0, 0, 0) 83.72%);
    background: linear-gradient(-90deg, #9b6c4c 0, rgba(0, 0, 0, 0) 83.72%)
}

.industry-plans-restaurants .left-line h2:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #9b6c4c), color-stop(83.72%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(left, #9b6c4c 0, rgba(0, 0, 0, 0) 83.72%);
    background: linear-gradient(90deg, #9b6c4c 0, rgba(0, 0, 0, 0) 83.72%)
}

.industry-plans-restaurants .pricing-main-panel {
    border-image-source: linear-gradient(160deg, #9B6C4C 70%, rgb(255 255 255/10%))
}

.industry-plans-restaurants .pricing-main-panel.industry-price-panel:after,
.industry-plans-restaurants .pricing-main-panel.industry-price-panel:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a77451), to(rgba(35, 35, 35, 0)));
    background: -o-linear-gradient(top, #a77451 0, rgba(35, 35, 35, 0) 100%);
    background: linear-gradient(180deg, #a77451 0, rgba(35, 35, 35, 0) 100%)
}

.industry-plans-restaurants .industry-price-panel .pricing-items h2 {
    background: unset;
    -webkit-text-fill-color: unset;
    color: #a77451
}

.industry-plans-restaurants .pricing-main-panel>a.btn-reg.btn-gradient,
.industry-plans-restaurants .pricing-main-panel>a.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1d1d1d), to(#a77451));
    background: -o-linear-gradient(left, #1d1d1d 0, #a77451 100%);
    background: linear-gradient(90deg, #1d1d1d 0, #a77451 100%)
}

.industry-plans-restaurants .industry-price-panel.selected-pricing .pricing-flex-play h3 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.contact-section.contact-nft.industry-res .contact-main-area {
    background: -webkit-gradient(linear, right top, left top, color-stop(12.85%, #a77451), color-stop(76.03%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(right, #a77451 12.85%, rgba(0, 0, 0, 0) 76.03%);
    background: linear-gradient(-90deg, #a77451 12.85%, rgba(0, 0, 0, 0) 76.03%);
    outline: #503a2b solid 2px
}

.contact-section.contact-nft.industry-res .contact-main-area button.btn-reg.btn-gradient,
.contact-section.contact-nft.industry-res .contact-main-area button.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #151515), to(#a77451));
    background: -o-linear-gradient(left, #151515 0, #a77451 100%);
    background: linear-gradient(90deg, #151515 0, #a77451 100%)
}

.contact-section.contact-nft.industry-res .contact-main-area .form input,
.contact-section.contact-nft.industry-res .contact-main-area .form textarea {
    border-color: #a7745182
}

.industry-plans-restaurants .industry-price-panel>h2 {
    font-size: 50px
}

.industry-plans-restaurants .port-inner .hz-btn,
.industry-plans-restaurants .port-inner .hz-btn:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #a77451), to(#000));
    background: -o-linear-gradient(right, #a77451 0, #000 100%);
    background: linear-gradient(-90deg, #a77451 0, #000 100%);
    -webkit-box-shadow: 0 15px 40px 0 #a7745175;
    box-shadow: 0 15px 40px 0 #a7745175
}

.blue-theme-work .related-work-slider:before,
.professional-step-z .step-inner,
.professional-work .related-work-slider:before {
    -webkit-box-shadow: inset -10.1291px -8.10326px 81.0326px rgba(214, 214, 214, .25), inset 10.1291px 8.10326px 81.0326px rgba(255, 255, 255, .25);
    box-shadow: inset -10.1291px -8.10326px 81.0326px rgba(214, 214, 214, .25), inset 10.1291px 8.10326px 81.0326px rgba(255, 255, 255, .25)
}

.rw-slide,
.rw-slide img {
    border-radius: 20px;
    z-index: 1
}

.industry-plans-restaurants .bg-blue:before {
    background: -o-linear-gradient(0.12deg, #a77451 .08%, rgba(0, 0, 0, 0) 99.88%);
    background: linear-gradient(89.88deg, #a77451 .08%, rgba(0, 0, 0, 0) 99.88%)
}

.industry-plans-restaurants .testi-slider .testi-inner:nth-child(odd) {
    background: -o-linear-gradient(31.33deg, #a77451 -3.03%, #151515 102.6%);
    background: linear-gradient(58.67deg, #a77451 -3.03%, #151515 102.6%)
}

.industry-plans-restaurants .testi-slider .testi-inner:nth-child(2n) {
    background: #2b2b2b
}

.industry-plans-restaurants .line-btn,
.industry-plans-restaurants .onhoverphonenumbers,
.industry-plans-restaurants .slick-btns button,
.industry-plans-restaurants .social-links-wrap a.social-link,
.industry-plans-restaurants ul.foot-nav li a:before,
.restaurant-work .related-work-slider ul.slick-dots li.slick-active button {
    background: #a77451
}

.industry-plans-restaurants .footer:before {
    background: -o-linear-gradient(130deg, rgb(167 116 81/50%) 5.93%, rgba(0, 0, 0, 0) 60.81%);
    background: linear-gradient(-40deg, rgb(167 116 81/50%) 5.93%, rgba(0, 0, 0, 0) 60.81%)
}

.industry-plans-restaurants .follow-txt h5:before,
.industry-plans-restaurants .foot-head:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(40%, transparent), color-stop(90%, #a77451));
    background: -o-linear-gradient(right, transparent 40%, #a77451 90%);
    background: linear-gradient(-90deg, transparent 40%, #a77451 90%)
}

.rw-head {
    font-size: 224.974px;
    font-weight: 700;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-31.35%, #fbfeff), color-stop(89.09%, rgba(251, 254, 255, 0)));
    background: -o-linear-gradient(top, #fbfeff -31.35%, rgba(251, 254, 255, 0) 89.09%);
    background: linear-gradient(180deg, #fbfeff -31.35%, rgba(251, 254, 255, 0) 89.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: overlay;
    margin-bottom: -45px
}

.rw-shade-circle-before:after,
.rw-shade-circle {
    width: 1142px;
    height: 415px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10.36%, rgba(0, 255, 255, .5)), color-stop(65.06%, rgba(217, 217, 217, 0)));
    background: -o-linear-gradient(top, rgba(0, 255, 255, .5) 10.36%, rgba(217, 217, 217, 0) 65.06%);
    background: linear-gradient(180deg, rgba(0, 255, 255, .5) 10.36%, rgba(217, 217, 217, 0) 65.06%);
    -webkit-filter: blur(150px);
    filter: blur(150px);
    z-index: -1;
    top: 30px
}

.rw-shade-circle-before:after {
    content: '';
    position: absolute;
}

section.related-work {
    position: relative;
    padding: 80px 0
}

.rw-slide {
    height: 380px;
    margin: 0 15px;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(69, 154, 255, 0)), to(#3d46a1));
    background: -o-linear-gradient(top, rgba(69, 154, 255, 0) 0, #3d46a1 100%);
    background: linear-gradient(180deg, rgba(69, 154, 255, 0) 0, #3d46a1 100%);
    cursor: pointer
}

.rw-slide img {
    width: 100%;
    height: 100%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: relative
}

.rw-slide h2 {
    position: absolute;
    bottom: 70px;
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    opacity: 0;
    -webkit-transition: .4s ease-in-out .2s;
    -o-transition: .4s ease-in-out .2s;
    transition: .4s ease-in-out .2s
}

.rw-slide.slick-slide.slick-current+.rw-slide img,
.rw-slide:hover img {
    -webkit-transform: translateY(-60px) scale(.9);
    -ms-transform: translateY(-60px) scale(.9);
    transform: translateY(-60px) scale(.9);
    margin: 0 auto;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 54px rgb(0 0 0/40%);
    box-shadow: 0 4px 54px rgb(0 0 0/40%)
}

.rw-slide.slick-slide.slick-current+.rw-slide h2,
.rw-slide:hover h2 {
    bottom: 25px;
    opacity: 1
}

.related-work-slider .slick-track {
    padding: 80px 0
}

.related-work-slider {
    padding: 70px 0;
    position: relative
}

.related-work-slider:before {
    content: '';
    position: absolute;
    top: 0;
    width: 82%;
    height: 100%;
    background: url(../assets/industry-plans/digital/work-bg.png) center/cover no-repeat;
    border-radius: 80px;
    z-index: -1
}

.related-work-slider ul.slick-dots {
    position: absolute;
    width: 100%;
    bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.pricing-items ul,
.related-work-slider ul.slick-dots li,
.services-parent ul {
    list-style: none
}

.related-work-slider ul.slick-dots li button {
    font-size: 0;
    display: inline-block;
    width: 60px;
    height: 7px;
    background: #d9d9d9;
    border-radius: 20px;
    margin: 0 3px;
    border: none
}

.related-work-slider ul.slick-dots li.slick-active button {
    background: #5bd1fb
}

.ecom-work .related-work-slider:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-132.23%, #abaaaa), color-stop(117.27%, rgba(92, 92, 92, 0)));
    background: -o-linear-gradient(top, #abaaaa -132.23%, rgba(92, 92, 92, 0) 117.27%);
    background: linear-gradient(180deg, #abaaaa -132.23%, rgba(92, 92, 92, 0) 117.27%)
}

.ecom-work .rw-head {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-31.35%, #5a5a5a), color-stop(89.09%, rgba(69, 69, 69, 0)));
    background: -o-linear-gradient(top, #5a5a5a -31.35%, rgba(69, 69, 69, 0) 89.09%);
    background: linear-gradient(180deg, #5a5a5a -31.35%, rgba(69, 69, 69, 0) 89.09%);
    -webkit-background-clip: text;
    mix-blend-mode: normal
}

.ecom-work .rw-slide {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 184, 0, 0)), to(#ffb800));
    background: -o-linear-gradient(top, rgba(255, 184, 0, 0) 0, #ffb800 100%);
    background: linear-gradient(180deg, rgba(255, 184, 0, 0) 0, #ffb800 100%)
}

.estate-work .related-work-slider:before,
.industry-plans-law-firms .related-work-slider:before,
.restaurant-work .related-work-slider:before {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-132.23%, #000), color-stop(117.27%, rgb(191 191 191/32%)));
    background: -o-linear-gradient(bottom, #000 -132.23%, rgb(191 191 191/32%) 117.27%);
    background: linear-gradient(0deg, #000 -132.23%, rgb(191 191 191/32%) 117.27%)
}

.estate-work .rw-head {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-31.35%, #fbfeff), color-stop(89.09%, rgba(251, 254, 255, 0)));
    background: -o-linear-gradient(top, #fbfeff -31.35%, rgba(251, 254, 255, 0) 89.09%);
    background: linear-gradient(180deg, #fbfeff -31.35%, rgba(251, 254, 255, 0) 89.09%);
    -webkit-background-clip: text;
    mix-blend-mode: soft-light
}

.estate-work .rw-slide {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#a98846));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #a98846 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #a98846 100%)
}

.restaurant-work .rw-slide {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#a77451));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #a77451 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #a77451 100%)
}

.industry-plans-restaurants .services-text-left ul li::marker {
    color: #a77451
}

.professional-banner .medical-banner-z-img {
    bottom: 0px
}

.professional-banner img.bg-banner-finance {
    left: 50%;
    width: 63%;
    height: 58%;
    top: auto;
    bottom: -10%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.bg-image-on-top.industry-plans-professional-services {
    background: url(../assets/industry-plans/professional/sec2bg.png) center/cover no-repeat
}

.bg-image-on-top.industry-plans-professional-services:before {
    background: no-repeat
}

.professional-step-z .step-inner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-25.58%, #3d46a1), color-stop(39.81%, rgba(255, 255, 255, .23)));
    background: -o-linear-gradient(bottom, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    background: linear-gradient(0deg, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    outline: 0
}

.professional-z-sec4 .ids-wrapper {
    background: url(../assets/industry-plans/professional/sec3bg.png) center/100% 100% no-repeat;
    -webkit-filter: none;
    filter: none
}

.industry-price-panel.color-before-professional .pricing-items h2 {
    background: unset;
    -webkit-text-fill-color: unset;
    color: #000
}

.pricing-main-panel.industry-price-panel.color-before-professional:after,
.pricing-main-panel.industry-price-panel.color-before-professional:before,
.pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-professional.selected-pricing:after,
.pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-professional.selected-pricing:before {
    background: -o-linear-gradient(90.11deg, #062b87 -13.26%, #0a63d9 74.71%);
    background: linear-gradient(359.89deg, #062b87 -13.26%, #0a63d9 74.71%)
}

.contact-section.contact-nft.industry-professional .contact-main-area {
    background: -o-linear-gradient(339.31deg, #042883 36.3%, #0070f7 98.77%);
    background: linear-gradient(110.69deg, #042883 36.3%, #0070f7 98.77%)
}

.contact-section.contact-nft.industry-professional .contact-main-area button.btn-reg.btn-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(.01%, #8134c3), to(#c57cfa));
    background: -o-linear-gradient(left, #fff 0, #8134c3 .01%, #c57cfa 100%);
    background: linear-gradient(90deg, #fff 0, #8134c3 .01%, #c57cfa 100%);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .5)
}

.contact-section.contact-nft.industry-professional .contact-main-area button.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(.01%, #8134c3), to(#c57cfa));
    background: -o-linear-gradient(left, #fff 0, #8134c3 .01%, #c57cfa 100%);
    background: linear-gradient(90deg, #fff 0, #8134c3 .01%, #c57cfa 100%)
}

.professional-work .related-work-slider:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-25.58%, #3d46a1), color-stop(39.81%, rgba(255, 255, 255, .23)));
    background: -o-linear-gradient(top, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    background: linear-gradient(-180deg, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    border-radius: 42px
}

.professional-work .rw-head {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-146.39%, #a4a4a4), color-stop(104.56%, rgba(255, 255, 255, 0)), color-stop(104.56%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, #a4a4a4 -146.39%, rgba(255, 255, 255, 0) 104.56%, rgba(255, 255, 255, 0) 104.56%);
    background: linear-gradient(180deg, #a4a4a4 -146.39%, rgba(255, 255, 255, 0) 104.56%, rgba(255, 255, 255, 0) 104.56%);
    -webkit-background-clip: text;
    color: transparent;
    mix-blend-mode: unset
}

.blue-theme-work .rw-slide,
.professional-work .rw-slide {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#3675ec));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #3675ec 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #3675ec 100%)
}

.professional-work .color-blur-circle {
    -webkit-filter: blur(650px);
    filter: blur(650px)
}

.professional-work .related-work-slider ul.slick-dots li button {
    background: #6f6f6f
}

.industry-plans-professional-services .footer:before {
    background: -o-linear-gradient(120deg, #c57cfa 5.93%, rgba(217, 217, 217, 0) 60.81%);
    background: linear-gradient(330deg, #c57cfa 5.93%, rgba(217, 217, 217, 0) 60.81%)
}

.industry-plans-professional-services .services-text-left ul li::marker {
    color: #00c0e3
}

.blue-theme-work .rw-head {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-346.39%, #000), color-stop(84.56%, rgba(255, 255, 255, 0)), color-stop(104.56%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, #000 -346.39%, rgba(255, 255, 255, 0) 84.56%, rgba(255, 255, 255, 0) 104.56%);
    background: linear-gradient(180deg, #000 -346.39%, rgba(255, 255, 255, 0) 84.56%, rgba(255, 255, 255, 0) 104.56%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: unset
}

.blue-theme-work .related-work-slider:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-25.58%, #3d46a1), color-stop(39.81%, rgba(255, 255, 255, .23)));
    background: -o-linear-gradient(top, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    background: linear-gradient(-180deg, #3d46a1 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    border-radius: 43px
}

.industry-plans-law-firms .rw-slide {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#6a6a6a));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #6a6a6a 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #6a6a6a 100%)
}

.industry-plans-law-firms .related-work-slider ul.slick-dots li.slick-active button {
    background: #fff
}

.industry-plans-law-firms .related-work-slider ul.slick-dots li button {
    background: #454545
}

.industry-plans-law-firms .rw-head {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(23.61%, #fbfeff), color-stop(89.09%, rgba(251, 254, 255, 0)));
    background: -o-linear-gradient(top, #fbfeff 23.61%, rgba(251, 254, 255, 0) 89.09%);
    background: linear-gradient(180deg, #fbfeff 23.61%, rgba(251, 254, 255, 0) 89.09%);
    -webkit-background-clip: text;
    mix-blend-mode: unset;
    opacity: .3
}

.image-bg-map:before,
.soft-light {
    mix-blend-mode: soft-light
}

.p-banner-content p {
    margin: 20px auto 0
}

.mx-795 {
    max-width: 795px
}

.p-banner-content .col-lg-8:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%, -45%);
    -ms-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    width: 795px;
    height: 780px;
    background: url(../assets/portfolio/bannerbg.png) center center/cover no-repeat;
    z-index: -1
}

.banner-section.portfolio-banner {
    padding: 430px 0 140px;
    position: relative
}

.p-banner-imgs img {
    position: absolute
}

.p-banner-imgs img:first-child {
    top: 35%;
    left: 10%;
    max-width: 13%;
    -webkit-animation: 1s linear infinite alternate portfolio1;
    animation: 1s linear infinite alternate portfolio1
}

.p-banner-imgs img:nth-child(2) {
    bottom: 12%;
    left: 17%;
    max-width: 11%;
    -webkit-animation: 2s linear infinite alternate portfolio2;
    animation: 2s linear infinite alternate portfolio2
}

.p-banner-imgs img:nth-child(3) {
    right: 13%;
    top: 28%;
    max-width: 10%;
    -webkit-animation: 2s linear 2s infinite alternate portfolio2;
    animation: 2s linear 2s infinite alternate portfolio2
}

.p-banner-imgs img:nth-child(4) {
    right: 17%;
    bottom: 6%;
    max-width: 10%;
    -webkit-animation: 1s linear 2s infinite alternate portfolio1;
    animation: 1s linear 2s infinite alternate portfolio1
}

@-webkit-keyframes portfolio2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: .4
    }

    100% {
        -webkit-transform: translatex(-20px);
        transform: translatex(-20px);
        opacity: 1
    }
}

@keyframes portfolio2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: .4
    }

    100% {
        -webkit-transform: translatex(-20px);
        transform: translatex(-20px);
        opacity: 1
    }
}

@-webkit-keyframes portfolio1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: .4
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 1
    }
}

@keyframes portfolio1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: .4
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 1
    }
}

.portfolio-banner .sec-4-blue-circle-left {
    top: -16%;
    left: -25%
}

.portfolio-banner .sec-4-blue-circle-right {
    bottom: 0;
    top: auto;
    right: -29%
}

.portfolio-banner .color-blur-circle-820 {
    background: #3d46a1;
    -webkit-filter: blur(506.221px);
    filter: blur(506.221px)
}

.portfolio-tabs li a {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    padding: 24px 42px;
    margin: 0 30px;
    display: inline-block;
    position: relative;
    z-index: 1;
    min-width: 200px;
    text-align: center;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.portfolio-tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    max-width: 1310px;
    margin: 0 auto;
    row-gap: 40px
}

.portfolio-tabs li a:after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5aa8ff), to(#4ec6ff));
    background: -o-linear-gradient(top, #5aa8ff 0, #4ec6ff 100%);
    background: linear-gradient(180deg, #5aa8ff 0, #4ec6ff 100%);
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: -2;
    border-radius: 18px;
    right: 0
}

.portfolio-tabs li a:before,
.web-porfolio-img:after {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    content: ''
}

.portfolio-tabs li a:before {
    top: 0;
    background: #fff;
    border-radius: 16px;
    z-index: -1;
    -webkit-transition: .4s cubic-bezier(.76, .27, .03, .66);
    -o-transition: .4s cubic-bezier(.76, .27, .03, .66);
    transition: .4s cubic-bezier(.76, .27, .03, .66)
}

.portfolio-tabs li a.active:before,
.portfolio-tabs li a:hover:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.portfolio-tab-content .tab-pane {
    margin-top: 120px
}

.p-big-flex,
.portfolio-grid,
.row-bpo-services,
.row-emerging,
.row-sub-portion,
.website-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.web-porfolio-img {
    position: relative;
    padding: 40px;
    margin-bottom: 40px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 45px;
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48.3%;
    flex: 0 0 48.3%;
    -webkit-animation: 1s forwards scale1;
    animation: 1s forwards scale1
}

.port-video,
.portfolio-grid a {
    margin-bottom: 30px;
    overflow: hidden
}

@-webkit-keyframes scale1 {

    0%,
    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes scale1 {

    0%,
    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.web-porfolio-img img {
    border-radius: 20px;
    -webkit-box-shadow: 0 4px 80px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 80px rgba(0, 0, 0, .2);
    width: 100%;
    height: 365px;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.web-porfolio-img:after {
    bottom: 0;
    border: 3px solid #50c2ff;
    border-radius: 45px;
    z-index: -2;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.web-porfolio-img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: -o-linear-gradient(268.63deg, rgba(77, 201, 255, 0) -15.73%, #3d46a1 136.08%);
    background: linear-gradient(181.37deg, rgba(77, 201, 255, 0) -15.73%, #3d46a1 136.08%);
    border-radius: 42px;
    z-index: -1;
    -webkit-transition: .4s cubic-bezier(.9, -.08, 0, 1.38);
    -o-transition: .4s cubic-bezier(.9, -.08, 0, 1.38);
    transition: .4s cubic-bezier(.9, -.08, 0, 1.38)
}

.port-video-inner:before,
.portfolio-grid a img {
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    width: 100%
}

.web-porfolio-img:hover:after {
    height: 70%;
    opacity: 0
}

.web-porfolio-img:hover:before {
    height: calc(70% - 2px)
}

.web-porfolio-img:nth-child(2n) {
    -webkit-transform: translateY(110px);
    -ms-transform: translateY(110px);
    transform: translateY(110px)
}

.web-tab-btn {
    margin-top: 200px;
    text-align: center
}

section.portfolio-sec2 {
    padding: 150px 0;
    position: relative
}

.portfolio-grid a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    display: none;
    -webkit-animation: 1s forwards scale;
    animation: 1s forwards scale
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.onhoverphonenumbers a:hover,
.portfolio-grid a img:hover,
.social-contact a:hover span:first-child {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.port-video {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    border-radius: 20px;
    position: relative
}

.port-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none
}

.port-video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.port-video h2 {
    position: absolute;
    bottom: 60px;
    font-weight: 500;
    font-size: 38.3799px;
    color: #fff
}

.port-video .video {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 100%;
    width: 100%
}

.portfolio-app-content p {
    max-width: 500px;
    margin: 30px 0 50px
}

.color-blur-circle.portfolio-circle {
    background: rgba(69, 154, 255, .8);
    -webkit-filter: blur(850px);
    filter: blur(850px)
}

.app-design-tab .py-190-130 {
    padding: 80px 0 40px
}

.color-blur-circle.portfolio-circle.top-1 {
    top: 10%
}

.color-blur-circle.portfolio-circle.top-2 {
    top: 40%
}

.port-video-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%);
    cursor: pointer
}

button.port-video-play {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-9.96%, #3d46a1), color-stop(95.64%, #c57cfa));
    background: -o-linear-gradient(top, #3d46a1 -9.96%, #c57cfa 95.64%);
    background: linear-gradient(180deg, #3d46a1 -9.96%, #c57cfa 95.64%);
    border: 1px solid rgba(0, 255, 240, .5);
    -webkit-box-shadow: 0 21px 92px #49a2ff;
    box-shadow: 0 21px 92px #49a2ff;
    margin-bottom: 70px;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.pi-btn-text h2,
.pp-content h2 {
    font-weight: 500;
    -webkit-box-shadow: inset -10.1291px -8.10326px 81.0326px rgba(214, 214, 214, .25), inset 10.1291px 8.10326px 81.0326px rgba(255, 255, 255, .25);
    box-shadow: inset -10.1291px -8.10326px 81.0326px rgba(214, 214, 214, .25), inset 10.1291px 8.10326px 81.0326px rgba(255, 255, 255, .25);
    text-align: center;
    display: inline-block
}

.port-video:hover button.port-video-play {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

button.port-video-play i {
    color: #fff;
    font-size: 55px;
    -webkit-filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, .6));
    filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, .6))
}

.port-video-inner:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073fc), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, #0073fc 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, #0073fc 0, rgba(0, 0, 0, 0) 100%)
}

.portfolio-modal .modal-content {
    background: 0 0;
    border: 0
}

.portfolio-modal .modal-dialog {
    max-width: 800px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.pi-inner-wrap>.row .col-md-5,
.portfolio-modal .modal-body {
    padding: 0
}

.portfolio-modal .modal-body video {
    width: 100%;
    height: 425px;
    border-radius: 20px;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    opacity: 0;
    -webkit-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    border: 3px solid #fff;
    -o-object-fit: cover;
    object-fit: cover
}

.portfolio-modal .modal-content .btn-close {
    position: absolute;
    top: -50px;
    right: -30px;
    background: 0 0;
    border: none;
    font-size: 50px;
    color: #fff
}

.portfolio-inner-banner .max-w-100vh {
    max-width: 46%
}

.portfolio-inner-banner .top-right-gradient-circle {
    left: -30%
}

section.portfolio-about {
    padding: 140px 0 60px
}

.port-gray-text {
    color: rgba(0, 31, 59, .1)
}

.pa-content h2 {
    font-weight: 500;
    font-size: 30px;
    letter-spacing: -.055em;
    color: #3d46a1;
    margin-bottom: 10px
}

.pa-content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 167%;
    color: #000;
    max-width: 230px
}

section.portfolio-about [class*=col-] .row [class*=col-]:first-child,
section.portfolio-about [class*=col-] .row [class*=col-]:nth-child(2) {
    margin-bottom: 60px
}

.pi-btn-text h2 {
    font-size: 20px;
    line-height: 110%;
    color: #001f3b;
    background: -o-linear-gradient(358.7deg, #fff -25.58%, rgba(181, 181, 181, .19) 66.95%);
    background: linear-gradient(91.3deg, #fff -25.58%, rgba(181, 181, 181, .19) 66.95%);
    border-radius: 24px;
    padding: 28px 25px;
    min-width: 100%
}

.pi-btn-text p {
    font-weight: 500;
    font-size: 15px;
    line-height: 143%;
    color: #a2a2a2;
    margin: 20px 0 0 10px
}

.port-process-mobile img {
    width: 132%;
    -webkit-transform: translateX(-13%);
    -ms-transform: translateX(-13%);
    transform: translateX(-13%)
}

.pip-content {
    padding: 120px 0 200px
}

.pi-inner-wrap>.row {
    margin-top: 20px;
    min-height: 730px
}

.port-process-mobile:after,
.port-process-mobile:before {
    content: '';
    position: absolute;
    top: 150px;
    left: 10px;
    background: url(../assets/portfolio/bmad/process2.png) center/contain no-repeat;
    width: 100px;
    height: 300px;
    z-index: 1
}

.port-process-mobile:after {
    right: 10px;
    left: auto;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.port-inner-process {
    padding: 150px 0 60px
}

.pi-inner-wrap>p {
    max-width: 970px;
    margin: 0 auto
}

.pp-content h2 {
    font-size: 18px;
    line-height: 110%;
    color: #fff;
    background: -o-linear-gradient(358.7deg, #4dc9ff -25.58%, #3675ec 66.95%);
    background: linear-gradient(91.3deg, #4dc9ff -25.58%, #3675ec 66.95%);
    border-radius: 10px;
    padding: 18px 24px;
    min-width: 170px
}

.pp-content p {
    color: #a1a1a1;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    max-width: 180px;
    margin-top: 25px
}

.pi-slide img,
.portfolio-bata .pi-inner-wrap>p {
    margin: 0 auto
}

section.portfolio-project .row .row {
    margin-top: 100px
}

img.pp-right-img {
    position: absolute;
    top: 120px;
    right: 0;
    max-width: 42%
}

.portfolio-project {
    position: relative;
    padding: 220px 0 60px
}

.port-inner-slider-sec {
    padding: 20vw 0 10vw;
    position: relative
}

.port-slider-sec-img img:first-child {
    top: 16.5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 78vw
}

.policy-sec h2:before,
.policy-sec ol li:before,
.policy-sec ul li:before {
    content: '';
    position: absolute;
    left: 0;
    background: -o-linear-gradient(340.52deg, #3d46a1 1.79%, #c57cfa 108.48%);
    background: linear-gradient(109.48deg, #3d46a1 1.79%, #c57cfa 108.48%)
}

.port-slider-sec-img img {
    position: absolute;
    z-index: -1
}

.port-slider-sec-img img:nth-child(2),
.port-slider-sec-img img:nth-child(3) {
    bottom: 15%;
    width: 5vw
}

.pi-slide img {
    max-width: 15vw;
    height: 32.5vw;
    -webkit-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out
}

.pi-slide.slick-current+.slick-slide img {
    border-radius: 2vw
}

.port-inner-slider-sec .container-1560 {
    max-width: 83.5vw
}

.pi-slide:before {
    background: url(../assets/portfolio/bmad/mobile-frame.png) center/80% 100% no-repeat;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(20vw + 4vw);
    height: calc(100% + 4vw);
    -webkit-transition: .6s cubic-bezier(1, -.22, .58, 1);
    -o-transition: .6s cubic-bezier(1, -.22, .58, 1);
    transition: .6s cubic-bezier(1, -.22, .58, 1);
    opacity: 0
}

.button-play,
.items,
.links-columns>ul>li>a:after,
.video:before {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.pi-slide.slick-current+.slick-slide:before {
    width: 20vw;
    opacity: 1;
    height: 100%
}

.pi-slide.slick-current+.pi-slide {
    -webkit-transform: scale(1.22) translateY(-1.6vw);
    -ms-transform: scale(1.22) translateY(-1.6vw);
    transform: scale(1.22) translateY(-1.6vw);
    -webkit-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out
}

.port-inner-slider .slick-track {
    padding: 6vw 0
}

.portfolio-bata .portfolio-inner-banner .max-w-100vh {
    max-width: 50%
}

.portfolio-bata .port-process-mobile img {
    width: 60%;
    -webkit-transform: translateX(35%) translateY(10%);
    -ms-transform: translateX(35%) translateY(10%);
    transform: translateX(35%) translateY(10%)
}

.portfolio-drink .port-process-mobile img {
    width: 110%;
    -webkit-transform: translateX(-5%) translateY(11%);
    -ms-transform: translateX(-5%) translateY(11%);
    transform: translateX(-5%) translateY(11%)
}

.portfolio-bata .port-process-mobile:after,
.portfolio-bata .port-process-mobile:before {
    background: url(../assets/portfolio/bata/process2.png) center/contain no-repeat
}

.portfolio-drink .port-process-mobile:after,
.portfolio-drink .port-process-mobile:before {
    background: url(../assets/portfolio/drink/process2.png) center/contain no-repeat
}

.portfolio-ocala .port-process-mobile img {
    width: 112%;
    -webkit-transform: translateX(-5%) translateY(9%);
    -ms-transform: translateX(-5%) translateY(9%);
    transform: translateX(-5%) translateY(9%)
}

.mt-lg {
    margin-top: 170px
}

.policy-sec h2 {
    margin: 40px 0;
    display: inline-block
}

.policy-sec h2:before {
    bottom: -20px;
    width: 60%;
    height: 8px
}

.policy-sec p {
    margin-top: 30px
}

.policy-sec ol {
    padding: 20px 0
}

.policy-sec ol li,
.policy-sec ul li {
    list-style: none;
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px
}

.policy-sec ul {
    padding: 30px 0
}

.policy-sec ol li:before,
.policy-sec ul li:before {
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

@media (min-width:1920px) {
    .banner-section.portfolio-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:1750px) {

    .hz-brand-img img,
    .oa-logo img,
    .wfy-img img {
        image-rendering: -webkit-optimize-contrast
    }

    .banner-section {
        padding: 360px 0;
        min-height: auto
    }

    .banner-left-content span {
        margin-top: 50px
    }

    .fa-70 {
        font-size: 65px
    }

    .wfy-row {
        margin-top: 60px
    }

    .wfy-box .wfy-content h2 {
        font-size: 26px;
        line-height: 30.6px;
        max-width: 160px
    }

    .wfy-box .wfy-content p {
        font-size: 14px;
        line-height: 24.35px;
        max-width: 300px
    }

    .wfy-img img {
        max-width: 140px;
        max-height: 130px
    }

    .wfy-box {
        padding: 40px 60px 40px 50px
    }

    span.hz-wfy-left-blue,
    span.hz-wfy-right-blue {
        top: -8%
    }

    span.hz-wfy-right-blue {
        bottom: -1%;
        top: auto
    }

    .hz-op-content h1,
    .z-change-h1 h6 {
        font-size: 110px;
        line-height: 124.4px
    }

    .hz-op-content h1 span:before,
    .z-change-h1 h6 span:before {
        height: 55px
    }

    .hz-op-content p {
        max-width: 1360px;
        line-height: 26.42px;
        margin-top: 50px
    }

    section.our-heritage {
        padding: 70px 0
    }

    .hz-sec-text {
        max-width: 810px
    }

    .hz-oh-row {
        margin-top: 150px;
        min-height: 505px
    }

    .oh-icon {
        width: 160px;
        height: 160px
    }

    .oh-icon img {
        max-width: 60px
    }

    .oh-box h2 {
        font-size: 18px;
        line-height: 20.4px
    }

    .oh-box h3 {
        font-size: 30px;
        line-height: 33px;
        margin-bottom: 25px
    }

    .oh-box p {
        font-size: 15px;
        line-height: 28.16px;
        max-width: 280px
    }

    .hz-brand-img img {
        max-width: 280px;
        max-height: 100px
    }

    .hz-brand-box p {
        margin-top: 35px
    }

    .hz-brand-wrapper {
        padding: 90px 0;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(-25.58%, #3d46a1), color-stop(39.81%, rgba(255, 255, 255, .33)));
        background: -o-linear-gradient(bottom, #3d46a1 -25.58%, rgba(255, 255, 255, .33) 39.81%);
        background: linear-gradient(0deg, #3d46a1 -25.58%, rgba(255, 255, 255, .33) 39.81%)
    }

    section.hz-our-certification {
        padding: 80px 0
    }

    .fa-100,
    .oc-left-content .fa-100 {
        font-size: 90px
    }

    .oc-right-content img {
        max-width: 240px
    }

    .oa-logo {
        width: 300px;
        height: 300px
    }

    .oa-logo img {
        max-width: 170px
    }

    .hz-our-affiliations {
        padding: 100px 0 120px
    }

    .color-blur-circle.color-blur-circle-820 {
        width: 720px;
        height: 720px
    }

    span.banner-circle {
        width: 1630px;
        height: 1630px;
        top: -900px;
        right: -500px
    }

    .banner-right-img img {
        width: 305px;
        height: 305px
    }

    .rounded-first {
        top: 200px;
        right: 730px
    }

    .rounded-second {
        top: 450px;
        right: 360px
    }

    .rounded-third {
        top: 440px;
        right: -60px
    }

    .hz-rc-content h2 {
        font-size: 38.9091px;
        line-height: 44.3px;
        margin-bottom: 15px;
        max-width: 300px
    }

    .hz-rc-inner {
        margin-bottom: -270px
    }

    .hz-rc-inner .oh-icon {
        width: 135px;
        height: 135px
    }

    .hz-rc-content p {
        font-size: 14px;
        line-height: 21.35px;
        margin: 40px auto 20px
    }

    .hz-rc-box {
        min-height: 440px;
        padding: 24px
    }

    section.hz-our-categories {
        padding: 170px 0 80px
    }

    .step-box .oh-icon {
        width: 125px;
        height: 125px
    }

    .step-box .oh-icon h2 {
        font-size: 58.64px
    }

    .step-box {
        max-width: 230px;
        min-height: 220px
    }

    .step-box>h2 {
        font-size: 29.4604px;
        margin: 50px 0 20px
    }

    .step-box p {
        font-size: 11px;
        line-height: 21.62px;
        max-width: 180px
    }

    .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        background-size: 50px
    }

    section.step-process {
        padding: 100px 0
    }

    .left-blue-circle-800:before,
    .right-blue-circle-800:after {
        width: 750px;
        height: 750px
    }

    .left-blue-circle-800:before {
        left: -530px
    }

    .right-blue-circle-800:after {
        right: -530px
    }

    .services-text-left ul li {
        font-size: 19px;
        line-height: 19px;
        padding: 25px 0
    }

    .services-text-left ul li::marker {
        font-size: 23px
    }

    .services-text-left p {
        margin: 30px 0 20px
    }

    .image-resource-service.service-circle-img:before {
        width: 650px;
        height: 650px
    }

    .image-resource-service.service-circle-img img {
        max-width: 600px;
        max-height: 600px
    }

    .image-resource-service.service-small-circle img {
        max-width: 500px;
        max-height: 500px
    }

    .service-sec-rotate .services-text-left p {
        max-width: calc(100% - 110px)
    }

    .bg-circle-lines:after {
        height: 1152px;
        top: 80px
    }

    .image-resource-service.service-small-circle:before {
        width: 550px;
        height: 550px
    }

    .gyp-content h2 {
        line-height: 89px
    }

    .gyp-content p {
        margin: 40px 0 30px
    }

    .gyp-row {
        padding: 60px 110px
    }

    .gyp-row [class*=col-] img {
        max-width: 640px;
        top: calc(50% - 60px)
    }

    section.get-your-app {
        padding: 150px 0 90px
    }

    .fa-92 {
        font-size: 82px
    }

    .fa-166 {
        font-size: 152px
    }

    .fa-85 {
        font-size: 73px
    }

    .fa-39 {
        font-size: 32.9091px
    }

    .image-resource-service img.ecom-rounded-img {
        max-width: 460px
    }

    .mx-674,
    .services-text-left .mx-674 {
        max-width: 624px
    }

    .color-before-professional>h2,
    .fa-40 {
        font-size: 35px
    }

    .hz-bpo-three .text-resources-service p,
    .pp-content h2 {
        font-size: 16px
    }

    section.bpo-sec {
        padding: 100px 0 200px
    }

    .bpo-sec .hz-rc-content p {
        max-width: 280px
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 580px
    }

    .fa-130 {
        font-size: 120px
    }

    .i-digital-banner {
        padding: 260px 0
    }

    .i-digital-step .step-inner {
        max-width: 1245px
    }

    .ids-wrapper p {
        font-size: 18px;
        line-height: 32.9px;
        max-width: 1180px
    }

    .container-1700 {
        max-width: 90vw
    }

    .ids-wrapper {
        min-height: 420px
    }

    ul.industry-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    ul.industry-list li {
        font-size: 15px;
        max-width: 400px;
        padding: 16px 0
    }

    .image-resource-service.service-circle-img.i-circle-service:before {
        height: 620px
    }

    .industry-price-panel>h2 {
        font-size: 55px;
        margin-bottom: 20px
    }

    .industry-price-panel>p {
        max-width: 250px;
        margin-bottom: 30px
    }

    .industry-price-panel .pricing-flex-play h3 {
        font-size: 28.669px;
        margin-bottom: 20px
    }

    .industry-price-panel .pricing-flex-play {
        margin-bottom: 30px
    }

    .rw-head {
        font-size: 204.974px
    }

    .related-work-slider {
        padding: 60px 0
    }

    .rw-slide h2 {
        font-size: 23px
    }

    .rw-slide {
        height: 350px
    }

    .related-work-slider ul.slick-dots li button {
        width: 50px;
        height: 5px
    }

    .contact-section.contact-nft.industry-contact .contact-main-area p,
    .main-modal .modal-dialog {
        max-width: 640px
    }

    .e-banner-img img {
        max-width: 610px
    }

    section.i-ecommerce-banner {
        padding: 240px 0 170px
    }

    .ie-bag,
    .ie-cart {
        max-width: 160px
    }

    .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img {
        max-width: 570px
    }

    section.charges-remind p {
        font-size: 23.9126px
    }

    .industry-plans-ecommerce .icon-tick i {
        top: 0
    }

    .industry-plans-real-estate .image-resource-service.service-circle-img:before {
        width: 600px;
        height: 600px
    }

    .industry-plans-restaurants .e-banner-img img {
        max-height: 660px
    }

    section.i-restaurant-banner {
        padding: 200px 0 80px
    }

    section.i-restaurant-banner:before {
        width: 775px;
        height: 780px
    }

    .contact-section.industry-professional {
        padding: 110px 0 140px
    }

    .p-banner-content .col-lg-8:before {
        width: 720px;
        height: 710px
    }

    .mx-795 {
        max-width: 710px
    }

    .banner-section.portfolio-banner {
        padding: 400px 0 130px
    }

    .portfolio-tabs li a {
        font-size: 19px;
        padding: 22px 40px;
        margin: 0 25px
    }

    .portfolio-tabs {
        max-width: 1280px
    }

    section.portfolio-sec2 {
        padding: 120px 0
    }

    .porfolio-app-img img {
        max-width: 650px
    }

    .modal-main-wrap .modal-inner h6 {
        font-size: 62.0553px;
        margin-top: 30px
    }

    .service-head {
        font-size: 19.8372px
    }

    .main-modal .modal-body .btn-close {
        font-size: 28px;
        width: 28px;
        height: 28px
    }

    form.modal-form .form-group input,
    form.modal-form .form-group textarea {
        font-size: 14px;
        padding: 14px 22px
    }

    .main-modal .modal-body {
        padding: 30px 90px 70px
    }

    .port-video h2 {
        font-size: 34.3799px;
        bottom: 50px
    }

    button.port-video-play {
        width: 140px;
        height: 140px
    }

    .pi-btn-text h2 {
        padding: 25px;
        border-radius: 22px;
        font-size: 18px
    }

    .pi-inner-wrap>p {
        max-width: 870px
    }

    .pp-content p {
        margin-top: 20px
    }

    section.portfolio-project .row .row {
        margin-top: 70px
    }

    .portfolio-ocala .port-process-mobile:after {
        right: -10px
    }

    .emerging-tech-nft .services-text-left .mx-685 {
        max-width: 585px
    }
}

@media (max-width:1599px) {

    .ecom-pricing .pricing-items ul li,
    .oh-box h3 {
        margin-bottom: 20px
    }

    .banner-left-content span a {
        font-size: 11.06px;
        line-height: 13.46px
    }

    .banner-left-content span i {
        font-size: 17px
    }

    .banner-section {
        padding: 310px 0
    }

    .banner-section .top-right-gradient-circle {
        width: 825px;
        height: 915px
    }

    .fa-70 {
        font-size: 55px
    }

    .hz-oc-btn,
    .wfy-row {
        margin-top: 50px
    }

    .wfy-box .wfy-content h2 {
        font-size: 23px;
        line-height: 26.6px;
        max-width: 140px
    }

    .wfy-box .wfy-content p {
        font-size: 13px;
        line-height: 21.35px;
        max-width: 280px
    }

    .wfy-img img {
        max-width: 110px;
        max-height: 120px
    }

    .wfy-box {
        padding: 30px 50px 30px 40px;
        min-height: 248px
    }

    .hz-what-for-you {
        padding-bottom: 130px
    }

    span.hz-wfy-left-blue,
    span.hz-wfy-right-blue {
        top: -3%
    }

    span.hz-wfy-right-blue {
        bottom: 0;
        top: auto
    }

    .hz-our-Philosophy {
        padding-top: 50px
    }

    .hz-op-content h1,
    .z-change-h1 h6 {
        font-size: 90px;
        line-height: 104.4px
    }

    .hz-op-content h1 span:before,
    .z-change-h1 h6 span:before {
        height: 45px
    }

    .hz-op-content .line-bottom-heading {
        margin-bottom: 60px
    }

    .hz-op-content p {
        font-size: 14px;
        max-width: 1210px;
        line-height: 23.42px;
        margin-top: 40px
    }

    .hz-rc-content a i,
    .industry-price-panel .pricing-items h2,
    .oh-box h2 {
        font-size: 16px
    }

    .related-work-slider,
    section.our-heritage {
        padding: 50px 0
    }

    .oh-icon {
        width: 145px;
        height: 145px;
        -webkit-box-shadow: 0 20px 25px rgb(94 214 255/70%);
        box-shadow: 0 20px 25px rgb(94 214 255/70%)
    }

    .oh-icon img {
        max-width: 54px
    }

    .oh-box h2 {
        line-height: 17.4px
    }

    .oh-box h3 {
        font-size: 27px;
        line-height: 30px
    }

    .banner-left-content p,
    .fa-18.hz-sec-text,
    .hz-sec-text,
    .oh-box p {
        font-size: 14px
    }

    .oh-box p {
        line-height: 24.16px;
        max-width: 265px
    }

    .hz-oh-row {
        margin-top: 130px;
        min-height: 455px
    }

    .hz-sec-text {
        max-width: 710px;
        margin: 30px auto 0
    }

    .color-blur-circle.color-blur-circle-820 {
        width: 620px;
        height: 620px
    }

    .hz-brand-img img {
        max-width: 230px;
        max-height: 90px
    }

    .hz-brand-box p {
        font-size: 13px;
        line-height: 21.35px;
        max-width: 270px
    }

    .hz-brand-wrapper {
        padding: 80px 0;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(-25.58%, #3d46a1), color-stop(39.81%, rgba(255, 255, 255, .25)));
        background: -o-linear-gradient(bottom, #3d46a1 -25.58%, rgba(255, 255, 255, .25) 39.81%);
        background: linear-gradient(0deg, #3d46a1 -25.58%, rgba(255, 255, 255, .25) 39.81%);
        margin-top: 50px
    }

    .hz-our-brand {
        padding: 120px 0
    }

    .fa-100,
    .oc-left-content .fa-100 {
        font-size: 80px
    }

    .oc-left-content .fa-18 {
        font-size: 14px;
        max-width: 480px
    }

    .oc-right-content img {
        max-width: 210px
    }

    .hz-oc-logos img {
        max-width: 260px;
        max-height: 150px;
        image-rendering: -webkit-optimize-contrast
    }

    .hz-oc-logos,
    .hz-oucrcate-row,
    .portfolio-tab-content .tab-pane {
        margin-top: 100px
    }

    section.hz-our-certification {
        padding: 70px 0
    }

    .oa-logo img {
        max-width: 150px;
        max-height: 110px
    }

    .oa-logo {
        width: 270px;
        height: 270px
    }

    .hz-our-affiliations {
        padding: 80px 0 90px
    }

    span.banner-circle {
        width: 1530px;
        height: 1530px;
        top: -910px;
        right: -550px
    }

    span.banner-circle:after {
        width: calc(100% - 320px);
        height: calc(100% - 320px)
    }

    .banner-right-img img {
        width: 230px;
        height: 230px
    }

    .rounded-first {
        top: 190px;
        right: 610px
    }

    .rounded-second {
        top: 390px;
        right: 310px
    }

    .rounded-third {
        top: 410px;
        right: -40px
    }

    img.rounded-absolute {
        bottom: -30px
    }

    .hz-rc-content h2 {
        font-size: 36.9091px;
        line-height: 41.3px;
        max-width: 280px
    }

    .hz-rc-inner .oh-icon {
        width: 125px;
        height: 125px
    }

    .hz-rc-content p {
        font-size: 13px;
        line-height: 22.35px;
        margin: 35px auto 20px
    }

    .hz-rc-content a {
        font-size: 12.6966px;
        line-height: 14.46px
    }

    .hz-rc-box {
        min-height: 440px;
        padding: 27px
    }

    .hz-rc-inner {
        margin-bottom: -250px
    }

    section.hz-our-categories {
        padding: 160px 0 80px
    }

    .step-box .oh-icon {
        top: -70px;
        width: 115px;
        height: 115px
    }

    .step-box .oh-icon h2 {
        font-size: 52.64px
    }

    .step-box {
        max-width: 220px;
        min-height: 210px
    }

    .step-box>h2 {
        font-size: 25px;
        margin: 45px 0 15px
    }

    section.step-process {
        padding: 90px 0
    }

    .left-blue-circle-800:before,
    .right-blue-circle-800:after {
        width: 700px;
        height: 700px;
        top: -10px
    }

    .left-blue-circle-800:before {
        left: -510px
    }

    .right-blue-circle-800:after {
        right: -510px
    }

    .step-process-row {
        margin-top: 140px
    }

    .ecom-pricing,
    section.portfolio-project .row .row {
        margin-top: 60px
    }

    .services-text-left p {
        line-height: 25px
    }

    .services-text-left ul li {
        font-size: 17px;
        line-height: 17px;
        padding: 22px 0
    }

    .services-text-left ul li::marker {
        font-size: 20px
    }

    .services-text-left ul {
        margin-bottom: 30px
    }

    .image-resource-service.service-circle-img:before {
        width: 560px;
        height: 560px
    }

    .image-resource-service.service-small-circle:before {
        width: 500px;
        height: 500px
    }

    .image-resource-service.service-circle-img img {
        max-width: 550px;
        max-height: 550px
    }

    .image-resource-service.service-small-circle img {
        max-width: 470px;
        max-height: 470px
    }

    .ml-40 {
        margin-left: 30px
    }

    .service-sec-rotate .services-text-left p {
        max-width: calc(100% - 100px)
    }

    .service-text-right {
        padding-left: 60px
    }

    .bg-circle-lines:after {
        height: 1052px
    }

    .gyp-content h2 {
        line-height: 79px
    }

    .gyp-content p {
        font-size: 15px;
        margin: 30px 0 25px
    }

    .gyp-row {
        padding: 70px 100px;
        border-radius: 25px
    }

    .rw-slide,
    .rw-slide img {
        border-radius: 15px
    }

    .gyp-row [class*=col-] img {
        max-width: 600px;
        top: calc(50% - 60px)
    }

    .fa-92 {
        font-size: 75px
    }

    .fa-166 {
        font-size: 145px
    }

    .content-right-column .letter-spacing-9 {
        letter-spacing: -8px
    }

    .fa-85 {
        font-size: 65px
    }

    .fa-39 {
        font-size: 30.9091px
    }

    .image-resource-service img.ecom-rounded-img {
        max-width: 400px
    }

    .step-process.left-blue-circle-800:before,
    .amazon-pakage .left-blue-circle-800:before,
    .right-blue-circle-800:after {
        top: auto
    }

    .ecom-pricing {
        max-width: 1000px;
        padding: 60px 60px 50px
    }

    .pricing-items h2 {
        font-size: 18px
    }

    .ecom-pricing .btn-reg.btn-gradient {
        max-width: 190px;
        bottom: -25px
    }

    .hz-bpo-three .text-resources-service p,
    .pp-content h2 {
        font-size: 15px
    }

    .hz-bpo-three .cols-ar-img-service:not(:last-child) {
        margin-right: 30px
    }

    .linear-border:after,
    .linear-border:before {
        border-radius: 24px
    }

    section.bpo-sec {
        padding: 80px 0 170px
    }

    .bpo-sec .hz-rc-content p {
        max-width: 260px
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 510px
    }

    .fa-130 {
        font-size: 110px
    }

    .i-digital-banner {
        padding: 230px 0
    }

    .i-digital-step .step-inner {
        max-width: 1145px
    }

    .i-digital-step .step-box .oh-icon {
        width: 170px;
        height: 170px
    }

    .i-digital-step .step-process-row {
        margin-top: 70px
    }

    .i-digital-step .step-box .oh-icon h2 {
        font-size: 24px
    }

    .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        left: calc(100% + 30px);
        top: 90px
    }

    .i-digital-step .step-box p {
        font-size: 13px;
        margin-top: 30px
    }

    .ids-wrapper p {
        font-size: 16px;
        line-height: 28.9px;
        max-width: 1040px;
        margin-top: 30px
    }

    .ids-wrapper {
        min-height: 380px
    }

    ul.industry-list li {
        font-size: 14px;
        line-height: 19px;
        padding: 12px 0
    }

    .industry-price-panel>h2 {
        font-size: 48px
    }

    .industry-price-panel .pricing-flex-play h3 {
        font-size: 25.669px
    }

    .industry-pricing .column-responsive-pricing {
        margin-top: 110px
    }

    section.related-work {
        padding: 40px 0
    }

    .rw-head {
        font-size: 188.974px;
        margin-bottom: -38px
    }

    .rw-slide {
        height: 320px
    }

    .web-porfolio-img,
    .web-porfolio-img:after {
        border-radius: 40px
    }

    .rw-slide h2 {
        font-size: 21px
    }

    .rw-slide.slick-slide.slick-current+.rw-slide img,
    .rw-slide:hover img {
        -webkit-transform: translateY(-50px) scale(.9);
        -ms-transform: translateY(-50px) scale(.9);
        transform: translateY(-50px) scale(.9)
    }

    .rw-slide.slick-slide.slick-current+.rw-slide h2,
    .rw-slide:hover h2 {
        bottom: 20px
    }

    .related-work-slider ul.slick-dots {
        bottom: 50px
    }

    .image-resource-service.service-circle-img.i-circle-service:before {
        height: 570px;
        width: 100%
    }

    .e-banner-img img {
        max-width: 560px
    }

    section.i-ecommerce-banner {
        padding: 230px 0 130px
    }

    .ie-bag,
    .ie-cart {
        max-width: 140px
    }

    section.charges-remind p {
        font-size: 19.9126px
    }

    section.contact-section.hz-contact-bpo.industry-ecom .contact-main-area {
        border-width: 2px
    }

    .industry-plans-real-estate .image-resource-service.service-circle-img:before {
        width: 550px;
        height: 550px
    }

    section.i-restaurant-banner {
        padding: 170px 0 130px
    }

    .industry-plans-restaurants .e-banner-img img {
        max-height: 600px
    }

    section.i-restaurant-banner:before {
        width: 700px;
        height: 700px
    }

    .contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 380px
    }

    .industry-plans-restaurants .industry-price-panel>h2 {
        font-size: 44px
    }

    .professional-step-z .step-inner {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(-25.58%, #3d46a1), color-stop(39.81%, rgba(255, 255, 255, .5)));
        background: -o-linear-gradient(bottom, #3d46a1 -25.58%, rgba(255, 255, 255, .5) 39.81%);
        background: linear-gradient(0deg, #3d46a1 -25.58%, rgba(255, 255, 255, .5) 39.81%)
    }

    .color-before-professional>h2 {
        font-size: 32px;
        margin-bottom: 0
    }

    .p-banner-content .col-lg-8:before {
        width: 650px;
        height: 640px
    }

    .p-banner-content p {
        margin: 15px auto 0
    }

    .modal-logo img {
        max-width: 10px
    }

    .modal-main-wrap .modal-inner h6 {
        font-size: 52.0553px;
        margin-top: 20px
    }

    .service-head {
        font-size: 16.8372px
    }

    form.modal-form .form-group input,
    form.modal-form .form-group textarea {
        font-size: 13px;
        padding: 11px 17px
    }

    .main-modal .modal-body {
        padding: 25px 80px 70px
    }

    .main-modal .modal-dialog {
        max-width: 570px
    }

    .main-modal .btn-reg.btn-gradient {
        padding: 13px 0;
        max-width: 180px
    }

    .main-modal .modal-body .btn-close {
        font-size: 30px;
        width: 25px;
        height: 25px;
        top: 35px;
        line-height: 25px;
    }

    .portfolio-tabs li a {
        font-size: 17px;
        padding: 19px 30px;
        margin: 0 20px
    }

    .portfolio-tabs {
        max-width: 1190px
    }

    section.portfolio-sec2 {
        padding: 100px 0
    }

    .mx-795 {
        max-width: 660px
    }

    .banner-section.portfolio-banner {
        padding: 350px 0 110px
    }

    .web-porfolio-img {
        padding: 30px;
        margin-bottom: 30px
    }

    .web-porfolio-img img {
        height: 315px;
        border-radius: 15px
    }

    .web-porfolio-img:before {
        border-radius: 38px
    }

    .web-porfolio-img:nth-child(2n) {
        -webkit-transform: translateY(80px);
        -ms-transform: translateY(80px);
        transform: translateY(80px)
    }

    .app-design-tab .py-190-130 {
        padding: 50px 0 0
    }

    .porfolio-app-img img {
        max-width: 610px
    }

    .port-video h2 {
        font-size: 30.3799px;
        bottom: 40px
    }

    button.port-video-play {
        width: 130px;
        height: 130px
    }

    button.port-video-play i {
        font-size: 45px
    }

    .pa-content h2 {
        font-size: 26px;
        margin-bottom: 6px
    }

    .pa-content p {
        font-size: 11px;
        max-width: 210px
    }

    .port-inner-process {
        padding: 120px 0 40px
    }

    .pi-btn-text h2 {
        padding: 23px 19px;
        border-radius: 20px;
        font-size: 16px
    }

    .pi-btn-text p {
        font-size: 14px;
        margin: 15px 0 0 8px
    }

    .pi-inner-wrap>p {
        max-width: 800px
    }

    .pi-inner-wrap>.row {
        min-height: 670px
    }

    .pip-content {
        padding: 120px 0 140px
    }

    .pp-content p {
        font-size: 12px;
        margin-top: 15px;
        max-width: 170px
    }

    .portfolio-project {
        padding: 190px 0 60px
    }

    .port-process-mobile:after,
    .port-process-mobile:before {
        left: 0
    }

    .port-process-mobile:after {
        left: auto;
        right: 0
    }

    .portfolio-ocala .port-process-mobile:after {
        right: -10px
    }

    .nfts-process .step-box {
        min-width: 205px
    }

    .emerging-tech-nft .services-text-left .mx-685 {
        max-width: 605px
    }

    .nfts-right-img img {
        max-width: 470px
    }

    .contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 500px
    }

    .policy-sec ol li:before,
    .policy-sec ul li:before {
        top: 6px
    }
}

@media (max-width:1439px) {
    .banner-left-content .fa-110 {
        font-size: 75px
    }

    .banner-left-content span a {
        font-size: 9.06px;
        line-height: 11.46px
    }

    .banner-left-content span i {
        font-size: 13px;
        margin-right: 7px
    }

    .banner-left-content span {
        margin-top: 40px
    }

    .banner-section {
        padding: 240px 0
    }

    .banner-section .top-right-gradient-circle {
        width: 725px;
        height: 815px
    }

    .fa-70 {
        font-size: 45px
    }

    .wfy-row {
        margin-top: 30px
    }

    .wfy-box .wfy-content h2 {
        font-size: 20px;
        line-height: 23.6px;
        max-width: 120px;
        margin-bottom: 15px
    }

    .wfy-box .wfy-content p {
        font-size: 11px;
        line-height: 19.35px;
        max-width: 240px
    }

    .wfy-img img {
        max-width: 90px;
        max-height: 100px
    }

    .wfy-box {
        padding: 20px 40px 20px 30px;
        min-height: 200px;
        margin-bottom: 15px
    }

    .wfy-row [class*=col-] {
        padding: 0 10px
    }

    span.hz-wfy-left-blue,
    span.hz-wfy-right-blue {
        top: -1%
    }

    span.hz-wfy-right-blue {
        bottom: 3%;
        top: auto
    }

    .hz-op-content h1,
    .z-change-h1 h6 {
        font-size: 75px;
        line-height: 78.4px
    }

    .hz-op-content h1 span:before,
    .z-change-h1 h6 span:before {
        height: 35px
    }

    .hz-op-content .line-bottom-heading {
        margin-bottom: 50px
    }

    .hz-op-content p {
        font-size: 12px;
        max-width: 1030px;
        line-height: 20.42px;
        margin-top: 30px
    }

    .hz-rc-content a i,
    .industry-price-panel .pricing-items h2,
    .oh-box h2 {
        font-size: 14px
    }

    .hz-op-content {
        padding: 0 0 60px 9.35vw;
    }

    .hz-our-brand .text-center,
    section.our-heritage .fa-70 {
        letter-spacing: -3px
    }

    .fa-18.hz-sec-text {
        margin: 20px auto 0;
        font-size: 12px;
        max-width: 600px
    }

    .oh-icon {
        width: 125px;
        height: 125px
    }

    .oh-icon img {
        max-width: 48px
    }

    .oh-box h2 {
        line-height: 15.4px
    }

    .oh-box h3 {
        font-size: 23px;
        line-height: 26px;
        margin-bottom: 15px
    }

    .oh-box p {
        font-size: 12px;
        line-height: 20.16px;
        max-width: 225px
    }

    .hz-oh-row {
        margin-top: 120px;
        min-height: 375px
    }

    .left-line h2:before,
    .right-line h2:after {
        height: 8px
    }

    .hz-brand-img img {
        max-width: 200px;
        max-height: 70px
    }

    .hz-brand-box p {
        font-size: 11px;
        line-height: 18.35px;
        max-width: 250px;
        margin-top: 25px
    }

    .hz-brand-img {
        min-height: 80px
    }

    .hz-brand-wrapper {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(-25.58%, #3d46a1), color-stop(39.81%, rgba(255, 255, 255, .35)));
        background: -o-linear-gradient(bottom, #3d46a1 -25.58%, rgba(255, 255, 255, .35) 39.81%);
        background: linear-gradient(0deg, #3d46a1 -25.58%, rgba(255, 255, 255, .35) 39.81%)
    }

    .hz-our-brand,
    section.step-process {
        padding: 80px 0
    }

    .fa-100 {
        font-size: 70px
    }

    .oc-left-content .fa-100 {
        font-size: 80px
    }

    .oc-left-content .fa-18 {
        font-size: 12px;
        max-width: 440px
    }

    .ecom-pricing .btn-reg.btn-gradient,
    .oc-right-content img {
        max-width: 170px
    }

    .hz-oc-logos img {
        max-width: 230px;
        max-height: 120px
    }

    .hz-oc-logos {
        margin-top: 70px
    }

    section.hz-our-certification {
        padding: 60px 0
    }

    .oa-logo {
        width: 230px;
        height: 230px
    }

    .oa-logo img {
        max-width: 130px;
        max-height: 90px
    }

    .hz-our-affiliations,
    section.portfolio-sec2 {
        padding: 70px 0
    }

    .color-blur-circle.color-blur-circle-820 {
        width: 520px;
        height: 520px
    }

    span.banner-circle {
        width: 1330px;
        height: 1330px;
        top: -790px;
        right: -500px
    }

    span.banner-circle:after {
        width: calc(100% - 280px);
        height: calc(100% - 280px)
    }

    .banner-right-img img {
        width: 200px;
        height: 200px
    }

    .rounded-first {
        top: 140px;
        right: 530px
    }

    .rounded-second {
        top: 330px;
        right: 280px
    }

    .rounded-third {
        right: -30px;
        top: 360px
    }

    img.rounded-absolute {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        bottom: -20px
    }

    .hz-rc-content h2 {
        font-size: 31.9091px;
        line-height: 36.3px;
        max-width: 270px
    }

    .hz-rc-inner .oh-icon {
        width: 110px;
        height: 110px
    }

    .hz-rc-content p {
        font-size: 11px;
        line-height: 20.35px;
        margin: 30px auto 12px
    }

    .hz-rc-content a {
        font-size: 11.6966px;
        line-height: 13.46px
    }

    .hz-rc-box {
        min-height: 380px;
        padding: 20px
    }

    .hz-rc-inner {
        margin-bottom: -220px
    }

    .hz-oucrcate-row {
        margin-top: 90px
    }

    .bpo-sec .hz-oucrcate-row,
    .ecom-pricing,
    section.portfolio-project .row .row {
        margin-top: 50px
    }

    section.hz-our-categories {
        padding: 130px 0 80px
    }

    .step-box .oh-icon {
        top: -65px;
        width: 105px;
        height: 105px
    }

    .step-box .oh-icon h2 {
        font-size: 48.64px
    }

    .step-box {
        max-width: 190px;
        min-height: 180px;
        border-radius: 8px
    }

    .step-box>h2 {
        font-size: 25px;
        margin: 45px 0 15px
    }

    .mb-30,
    .modal-logo,
    .portfolio-grid a,
    .pricing-items h2 {
        margin-bottom: 20px
    }

    .step-box p {
        font-size: 10px;
        line-height: 16.62px;
        max-width: 160px
    }

    .contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form,
    .pakage-desc p {
        max-width: 410px
    }

    section.i-restaurant-banner:before,
    .left-blue-circle-800:before,
    .right-blue-circle-800:after {
        width: 600px;
        height: 600px
    }

    .left-blue-circle-800:before {
        left: -420px
    }

    .right-blue-circle-800:after {
        right: -420px
    }

    .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        background-size: 45px;
        left: calc(100% + 35px)
    }

    .banner-left-content p,
    .fa-16,
    .gyp-content p,
    .hz-bpo-three .text-resources-service p {
        font-size: 13px
    }

    .services-text-left p {
        font-size: 13px;
        line-height: 23px
    }

    .services-text-left ul li {
        font-size: 15px;
        line-height: 15px;
        padding: 20px 0
    }

    .services-text-left ul li::marker {
        font-size: 18px
    }

    .services-text-left .next-section {
        font-size: 11.0575px
    }

    .services-text-left .next-section i {
        font-size: 13px;
        margin-right: 5px
    }

    .image-resource-service.service-circle-img img {
        max-width: 470px;
        max-height: 470px
    }

    .image-resource-service.service-small-circle img {
        max-width: 430px;
        max-height: 430px
    }

    .image-resource-service.service-circle-img:before {
        width: 500px;
        height: 500px
    }

    .image-resource-service.service-small-circle:before {
        width: 450px;
        height: 450px
    }

    .bg-circle-lines:after {
        height: 952px
    }

    .gyp-content h2 {
        line-height: 69px
    }

    .gyp-row {
        padding: 60px 80px
    }

    .gyp-row [class*=col-] img {
        max-width: 540px;
        top: calc(50% - 50px)
    }

    section.get-your-app {
        padding: 110px 0 50px
    }

    .fa-92 {
        font-size: 68px
    }

    .fa-166 {
        font-size: 127px
    }

    .content-right-column .letter-spacing-9 {
        letter-spacing: -7px
    }

    .fa-85 {
        font-size: 60px
    }

    .fa-39 {
        font-size: 27.9091px
    }

    .image-resource-service img.ecom-rounded-img {
        max-width: 360px
    }

    .mx-674,
    .services-text-left .mx-674 {
        max-width: 484px
    }

    .ecom-pricing {
        max-width: 850px;
        padding: 50px 50px 40px
    }

    .pricing-items h2 {
        font-size: 16px
    }

    .ecom-pricing .pricing-items ul li {
        font-size: 13px;
        margin-bottom: 15px
    }

    .pakage-desc p {
        font-size: 10px
    }

    .ecom-pricing .btn-reg img {
        margin-right: 10px
    }

    .fa-40 {
        font-size: 30px
    }

    section.bpo-sec {
        padding: 60px 0 140px
    }

    .bpo-sec .hz-rc-content h2 {
        font-size: 28.4488px;
        line-height: 32.34px;
        max-width: 260px
    }

    .bpo-sec .hz-rc-content p {
        max-width: 210px
    }

    .mx-900 {
        max-width: 700px
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 470px
    }

    .fa-130 {
        font-size: 95px
    }

    .i-digital-banner {
        padding: 200px 0
    }

    .i-digital-step .step-inner {
        max-width: 1000px;
        outline: #89a5d040 solid 3px;
        padding: 40px 70px 70px;
        border-radius: 50px
    }

    .i-digital-step .step-box .oh-icon {
        width: 150px;
        height: 150px
    }

    .i-digital-step .step-box .oh-icon h2 {
        font-size: 20px
    }

    .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        top: 80px
    }

    .i-digital-step .step-box p {
        font-size: 12px
    }

    .ids-wrapper p {
        font-size: 15px;
        line-height: 27.9px;
        max-width: 990px;
        margin-top: 25px
    }

    .ids-wrapper {
        min-height: 350px
    }

    ul.industry-list li {
        font-size: 13px;
        padding: 13px 0;
        max-width: 340px
    }

    .image-resource-service.service-circle-img.i-circle-service:before {
        height: 500px
    }

    .industry-price-panel>h2,
    button.port-video-play i {
        font-size: 40px
    }

    .industry-price-panel .pricing-flex-play h3 {
        font-size: 23.669px
    }

    .contact-section.contact-nft.industry-contact .contact-main-area p {
        max-width: 560px
    }

    .rw-head {
        font-size: 168.974px;
        margin-bottom: -28px
    }

    .related-work-slider {
        padding: 40px 0
    }

    .rw-slide {
        height: 280px
    }

    .rw-slide.slick-slide.slick-current+.rw-slide img,
    .rw-slide:hover img {
        -webkit-transform: translateY(-45px) scale(.9);
        -ms-transform: translateY(-45px) scale(.9);
        transform: translateY(-45px) scale(.9)
    }

    .related-work-slider:before {
        border-radius: 60px
    }

    .related-work-slider ul.slick-dots li button {
        width: 40px;
        height: 4px
    }

    .rw-slide h2 {
        font-size: 18px
    }

    .e-banner-img img {
        max-width: 500px
    }

    section.i-ecommerce-banner {
        padding: 200px 0 110px
    }

    .ie-bag,
    .ie-cart {
        max-width: 120px
    }

    .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img {
        max-height: 500px
    }

    section.charges-remind p {
        font-size: 17.9126px
    }

    .industry-plans-ecommerce .ids-wrapper {
        -webkit-filter: drop-shadow(0px 27px 24px rgb(229 175 33/70%));
        filter: drop-shadow(0px 27px 24px rgb(229 175 33/70%))
    }

    .industry-plans-real-estate .image-resource-service.service-circle-img:before {
        width: 480px;
        height: 480px
    }

    .industry-plans-restaurants .e-banner-img img {
        max-height: 520px
    }

    section.i-restaurant-banner {
        padding: 160px 0 60px
    }

    .contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 350px
    }

    .contact-section.hz-contact-bpo.industry-res {
        padding: 150px 0 160px
    }

    .industry-plans-restaurants .industry-price-panel>h2 {
        font-size: 38px
    }

    .professional-step-z .step-inner {
        outline: 0
    }

    .color-before-professional>h2 {
        font-size: 28px;
        min-height: 100px
    }

    .modal-logo img {
        max-width: 140px
    }

    .modal-main-wrap .modal-inner h6 {
        font-size: 46.0553px;
        margin-top: 10px
    }

    .service-head {
        font-size: 14.8372px
    }

    form.modal-form .form-group input,
    form.modal-form .form-group textarea {
        font-size: 12px;
        padding: 9px 15px;
        border-radius: 6.76849px
    }

    form.modal-form .form-group {
        padding: 14px 0 0
    }

    .main-modal .modal-body {
        padding: 20px 70px 50px
    }

    .main-modal .modal-dialog {
        max-width: 490px
    }

    .mx-795 {
        max-width: 610px
    }

    .p-banner-imgs img:first-child {
        top: 32%;
        max-width: 12%
    }

    .p-banner-imgs img:nth-child(2) {
        bottom: 15%;
        left: 18%;
        max-width: 10%
    }

    .p-banner-imgs img:nth-child(3) {
        right: 15%;
        top: 27%;
        max-width: 8%
    }

    .p-banner-imgs img:nth-child(4) {
        right: 18%;
        bottom: 8%;
        max-width: 9%
    }

    .portfolio-tabs li a {
        font-size: 15px;
        padding: 17px 20px;
        margin: 0 15px;
        min-width: 180px
    }

    .portfolio-tabs li a:before {
        border-radius: 12px
    }

    .portfolio-tabs {
        max-width: 1020px;
        row-gap: 30px
    }

    .portfolio-tabs li a:after {
        border-radius: 14px;
        left: -1px;
        top: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px)
    }

    .portfolio-tab-content .tab-pane {
        margin-top: 80px
    }

    .banner-section.portfolio-banner {
        padding: 300px 0 110px
    }

    .p-banner-content .col-lg-8:before {
        width: 600px;
        height: 590px
    }

    .web-porfolio-img img {
        height: 275px;
        -webkit-box-shadow: 0 4px 30px rgb(0 0 0/20%);
        box-shadow: 0 4px 30px rgb(0 0 0/20%)
    }

    .web-porfolio-img {
        padding: 25px;
        border-radius: 32px
    }

    .web-porfolio-img:before {
        border-radius: 34px
    }

    .web-porfolio-img:after {
        border-radius: 36px
    }

    .portfolio-content-wrap {
        margin-bottom: 70px
    }

    .portfolio-app-content p {
        max-width: 440px;
        margin: 20px 0 30px
    }

    .porfolio-app-img img {
        max-width: 550px
    }

    .app-design-tab .py-190-130 {
        padding: 40px 0 0
    }

    button.port-video-play {
        width: 120px;
        height: 120px
    }

    .port-video h2 {
        font-size: 26.3799px
    }

    .port-video {
        margin-bottom: 25px
    }

    .portfolio-modal .modal-dialog {
        max-width: 680px
    }

    .portfolio-modal .modal-content .btn-close {
        top: -40px;
        right: -20px;
        font-size: 40px
    }

    .pa-content h2 {
        font-size: 22px
    }

    .pa-content p {
        font-size: 10px;
        max-width: 200px
    }

    section.portfolio-about [class*=col-] .row [class*=col-]:first-child,
    section.portfolio-about [class*=col-] .row [class*=col-]:nth-child(2) {
        margin-bottom: 40px
    }

    .port-inner-process {
        padding: 100px 0 40px
    }

    .port-process-mobile img {
        width: 125%;
        -webkit-transform: translateX(-11%);
        -ms-transform: translateX(-11%);
        transform: translateX(-11%)
    }

    .pi-btn-text h2 {
        padding: 19px 16px;
        border-radius: 17px;
        font-size: 14px
    }

    .pi-btn-text p {
        font-size: 12px;
        margin: 10px 0 0 8px
    }

    .port-process-mobile:after,
    .port-process-mobile:before {
        width: 5.7vw;
        height: 17vw;
        left: 20px
    }

    .pip-content {
        padding: 130px 0 90px
    }

    .pi-inner-wrap>.row {
        min-height: 540px
    }

    .port-process-mobile:after {
        left: auto;
        right: 10px
    }

    .pi-inner-wrap>p {
        max-width: 730px
    }

    .pp-content h2 {
        font-size: 13px;
        min-width: 150px
    }

    .pp-content p {
        font-size: 11px;
        margin-top: 11px;
        max-width: 150px
    }

    .portfolio-modal .modal-body video {
        height: 355px
    }

    .portfolio-ocala .port-process-mobile img {
        -webkit-transform: translateX(-3%) translateY(12%);
        -ms-transform: translateX(-3%) translateY(12%);
        transform: translateX(-3%) translateY(12%)
    }

    .nfts-process .step-box {
        min-width: 175px;
        padding-bottom: 25px
    }

    .nfts-process .step-box h3 {
        font-size: 116.621px
    }

    .emerging-tech-nft .step-box .oh-icon {
        top: -75px
    }

    .emerging-tech-nft .services-text-left .mx-685 {
        max-width: 495px
    }

    .policy-sec ol li:before,
    .policy-sec ul li:before {
        top: 4px;
        width: 10px;
        height: 10px
    }
}

@media (max-width:1199px) {

    .fa-70,
    section.our-heritage .fa-70 {
        letter-spacing: -2px
    }

    .banner-left-content .fa-110 {
        font-size: 65px;
        letter-spacing: -3px
    }

    .banner-left-content span a {
        font-size: 8.06px;
        line-height: 9.46px
    }

    .banner-left-content span i {
        font-size: 11px;
        margin-right: 5px
    }

    .banner-section {
        padding: 210px 0
    }

    .banner-section .top-right-gradient-circle {
        width: 525px;
        height: 615px
    }

    .fa-70 {
        font-size: 40px
    }

    .wfy-box .wfy-content h2 {
        font-size: 17px;
        line-height: 20.6px;
        max-width: 100px;
        margin-bottom: 10px
    }

    .wfy-box .wfy-content p {
        font-size: 10px;
        line-height: 15.35px;
        max-width: 228px
    }

    .wfy-img img {
        max-width: 80px;
        max-height: 90px
    }

    .wfy-box {
        min-height: 165px
    }

    .wfy-row {
        margin-top: 20px
    }

    .hz-what-for-you {
        padding-bottom: 90px
    }

    span.hz-wfy-left-blue,
    span.hz-wfy-right-blue {
        top: 1%
    }

    span.hz-wfy-right-blue {
        bottom: 1%;
        top: auto
    }

    .hz-op-content h1,
    .z-change-h1 h6 {
        font-size: 65px;
        line-height: 68.4px
    }

    .hz-op-content h1 span:before,
    .z-change-h1 h6 span:before {
        height: 30px;
        bottom: -7px
    }

    .hz-op-content .line-bottom-heading,
    .portfolio-content-wrap {
        margin-bottom: 40px
    }

    .hz-op-content p {
        font-size: 11px;
        max-width: 910px;
        line-height: 17.42px;
        margin-top: 25px
    }

    .hz-rc-content a i,
    .oh-box h2 {
        font-size: 12px
    }

    .hz-our-Philosophy {
        padding-top: 40px
    }

    section.hz-our-certification,
    section.our-heritage {
        padding: 40px 0
    }

    .fa-18.hz-sec-text {
        font-size: 10px;
        max-width: 500px;
        margin: 15px auto 0
    }

    .oh-icon {
        width: 105px;
        height: 105px;
        top: -40px
    }

    .oh-icon img {
        max-width: 40px
    }

    .oh-box h2 {
        line-height: 13.4px
    }

    .oh-box h3 {
        font-size: 19px;
        line-height: 21px;
        margin-bottom: 10px
    }

    .oh-box p {
        font-size: 10px;
        line-height: 16.16px;
        max-width: 190px
    }

    .hz-oh-row {
        margin-top: 80px;
        min-height: 315px
    }

    .hz-brand-img img {
        max-width: 180px;
        max-height: 60px
    }

    .hz-brand-box p {
        font-size: 10px;
        line-height: 15.35px;
        max-width: 230px;
        margin-top: 20px
    }

    .hz-brand-wrapper,
    section.i-digital-service {
        padding: 70px 0
    }

    .fa-100,
    .oc-left-content .fa-100 {
        font-size: 60px
    }

    .oc-left-content h2 {
        margin-bottom: 10px;
        line-height: 70px
    }

    .oc-left-content .fa-18 {
        font-size: 10px;
        max-width: 360px
    }

    .oc-right-content img {
        max-width: 150px
    }

    .hz-oc-logos img {
        max-width: 190px;
        max-height: 110px
    }

    .hz-oc-logos,
    .i-digital-step .step-process-row,
    .portfolio-tab-content .tab-pane {
        margin-top: 60px
    }

    .hz-our-affiliations {
        padding: 60px 0 30px
    }

    .color-blur-circle.color-blur-circle-820 {
        width: 420px;
        height: 420px
    }

    span.banner-circle {
        width: 1200px;
        height: 1200px;
        top: -730px;
        right: -490px
    }

    span.banner-circle:after {
        width: calc(100% - 250px);
        height: calc(100% - 250px)
    }

    .banner-right-img img {
        width: 170px;
        height: 170px
    }

    .rounded-first {
        top: 120px;
        right: 450px
    }

    .rounded-second {
        top: 280px;
        right: 230px
    }

    .rounded-third {
        top: 320px;
        right: -30px
    }

    .oa-logo {
        width: 200px;
        height: 200px
    }

    .oa-logo img {
        max-width: 110px;
        max-height: 80px
    }

    .hz-rc-content h2 {
        font-size: 24.9091px;
        line-height: 28.3px;
        max-width: 200px;
        margin-bottom: 10px
    }

    .hz-rc-inner .oh-icon {
        width: 90px;
        height: 90px
    }

    .hz-rc-content p {
        font-size: 9px;
        line-height: 15.35px;
        margin: 25px auto 10px
    }

    .hz-rc-content a {
        font-size: 10px;
        line-height: 12px
    }

    .hz-rc-box {
        min-height: 330px;
        padding: 14px
    }

    .hz-rc-inner {
        margin-bottom: -180px
    }

    .hz-oucrcate-row {
        margin-top: 80px
    }

    section.hz-our-categories {
        padding: 110px 0 70px
    }

    .hz-oc-btn,
    .professional-step-z .step-inner {
        margin-top: 30px
    }

    .hz-oucrcate-row [class*=col-] {
        padding: 0 10px
    }

    .step-box .oh-icon {
        top: -50px;
        width: 85px;
        height: 85px
    }

    .step-box .oh-icon h2 {
        font-size: 41.64px
    }

    .step-box {
        max-width: 155px;
        min-height: 150px;
        border-radius: 6px
    }

    .gyp-row,
    .linear-border:before {
        border-radius: 18px
    }

    .step-box>h2 {
        font-size: 20px;
        margin: 40px 0 10px
    }

    .step-box p {
        font-size: 8px;
        line-height: 13.62px;
        max-width: 130px
    }

    section.step-process {
        padding: 60px 0
    }

    section.i-restaurant-banner:before,
    .left-blue-circle-800:before,
    .right-blue-circle-800:after {
        width: 500px;
        height: 500px
    }

    .left-blue-circle-800:before {
        left: -360px
    }

    .right-blue-circle-800:after {
        right: -360px
    }

    .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        background-size: 40px;
        left: calc(100% + 22px)
    }

    .step-process-row {
        margin-top: 120px
    }

    .ecom-pricing,
    section.portfolio-project .row .row {
        margin-top: 40px
    }

    .step-box:hover {
        -webkit-box-shadow: 0 0 20px #00000042;
        box-shadow: 0 0 20px #00000042
    }

    .banner-left-content p {
        font-size: 11px
    }

    .services-text-left p {
        font-size: 11px;
        line-height: 19px;
        max-width: calc(100% - 130px);
        margin: 25px 0 15px
    }

    .services-text-left ul li {
        font-size: 13px;
        line-height: 13px;
        padding: 18px 0;
        letter-spacing: -.72px
    }

    .services-text-left .next-section {
        font-size: 9.0575px
    }

    .services-text-left .next-section i {
        font-size: 10px
    }

    .services-text-left ul {
        margin-bottom: 15px
    }

    .image-resource-service.service-circle-img img {
        max-width: 390px;
        max-height: 390px
    }

    .image-resource-service img.ecom-rounded-img {
        max-width: 290px
    }

    .image-resource-service.service-small-circle img {
        max-width: 350px;
        max-height: 350px
    }

    .image-resource-service.service-circle-img:before,
    .industry-plans-real-estate .image-resource-service.service-circle-img:before {
        width: 400px;
        height: 400px
    }

    .image-resource-service.service-small-circle:before {
        width: 350px;
        height: 350px
    }

    .service-sec-rotate .services-text-left p {
        max-width: calc(100% - 90px)
    }

    .service-text-right {
        padding-left: 30px
    }

    .bg-circle-lines:after {
        height: 852px
    }

    .gyp-content h2 {
        line-height: 59px
    }

    .gyp-content p {
        font-size: 11px;
        margin: 25px 0 20px
    }

    .gyp-row {
        padding: 50px 60px
    }

    .gyp-row [class*=col-] img {
        max-width: 450px;
        top: calc(50% - 45px)
    }

    .fa-92 {
        font-size: 48px
    }

    .fa-166 {
        font-size: 96px
    }

    .content-right-column .letter-spacing-9 {
        letter-spacing: -6px
    }

    .content-right-column .fa-224.letter-spacing-55 {
        letter-spacing: -7.5px
    }

    .fa-85 {
        font-size: 45px
    }

    .fa-39 {
        font-size: 22.9091px
    }

    .mx-674,
    .services-text-left .mx-674 {
        max-width: 414px
    }

    .ecom-pricing {
        max-width: 690px;
        padding: 50px 40px 30px
    }

    .pricing-items h2 {
        font-size: 13px;
        margin-bottom: 15px
    }

    .ecom-pricing .pricing-items ul li {
        font-size: 11px;
        margin-bottom: 13px
    }

    .pakage-desc p {
        font-size: 9px;
        max-width: 360px
    }

    .ecom-pricing .btn-reg.btn-gradient {
        max-width: 150px;
        font-size: 11px;
        bottom: -19px
    }

    .fa-40 {
        font-size: 25px
    }

    .hz-bpo-three .text-resources-service p {
        font-size: 12px;
        max-width: 470px
    }

    .hz-bpo-three .cols-ar-img-service:not(:last-child) {
        margin-right: 15px
    }

    .linear-border:after {
        border-radius: 18px;
        left: -2px;
        top: -1px;
        height: calc(100% + 2px)
    }

    .hz-bpo-three .hz-linear-change .linear-border:first-child:after,
    .hz-bpo-three .hz-linear-change .linear-border:nth-child(3):after {
        width: calc(100% + 2px);
        left: -1px;
        top: -1px
    }

    .hz-bpo-three .hz-linear-change .linear-border:nth-child(2):after {
        width: calc(100% + 2px);
        left: -1px;
        bottom: -1px
    }

    .mx-900 {
        max-width: 610px
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 365px
    }

    .fa-130 {
        font-size: 80px
    }

    .i-digital-banner {
        padding: 150px 0
    }

    .i-digital-step .step-inner {
        max-width: 850px;
        padding: 30px 50px 50px
    }

    .i-digital-step .step-box .oh-icon {
        width: 130px;
        height: 130px
    }

    .i-digital-step .step-box .oh-icon h2,
    .pa-content h2 {
        font-size: 18px
    }

    .i-digital-step .step-box p {
        font-size: 10px;
        margin-top: 25px
    }

    .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        top: 70px
    }

    .ids-wrapper p {
        font-size: 12px;
        line-height: 21.9px;
        max-width: 800px;
        margin-top: 20px
    }

    .ids-wrapper {
        min-height: 290px
    }

    ul.industry-list li {
        font-size: 11px;
        padding: 10px 0;
        max-width: 320px;
        letter-spacing: 0
    }

    .image-resource-service.service-circle-img.i-circle-service:before {
        height: 410px
    }

    .industry-price-panel>h2 {
        font-size: 33px
    }

    .industry-price-panel>p {
        max-width: 200px;
        margin-bottom: 20px
    }

    .industry-price-panel .pricing-flex-play,
    .service-head {
        margin-bottom: 10px
    }

    .industry-price-panel .pricing-flex-play h3 {
        font-size: 20.669px
    }

    .industry-price-panel .pricing-items h2 {
        font-size: 13px
    }

    .industry-pricing .column-responsive-pricing {
        margin-top: 90px
    }

    .contact-section.contact-nft.industry-contact .contact-main-area p {
        max-width: 460px
    }

    .rw-head {
        font-size: 128.974px;
        margin-bottom: -24px
    }

    .related-work-slider {
        padding: 20px 0
    }

    .rw-slide {
        height: 240px
    }

    .rw-slide.slick-slide.slick-current+.rw-slide img,
    .rw-slide:hover img {
        -webkit-transform: translateY(-40px) scale(.9);
        -ms-transform: translateY(-40px) scale(.9);
        transform: translateY(-40px) scale(.9)
    }

    .related-work-slider:before {
        border-radius: 50px
    }

    .web-porfolio-img,
    .web-porfolio-img:before {
        border-radius: 30px
    }

    .related-work-slider ul.slick-dots li button {
        width: 35px;
        height: 3px
    }

    .rw-slide h2 {
        font-size: 16px
    }

    .related-work-slider ul.slick-dots {
        bottom: 40px
    }

    .contact-section.hz-contact-bpo.industry-contact {
        padding: 100px 0 160px
    }

    .industry-d:before {
        top: 130px
    }

    .contact-section.contact-nft.industry-d .contact-main-area,
    .contact-section.contact-nft.industry-professional .contact-main-area.radius-60 {
        border-radius: 40px
    }

    .e-banner-img img {
        max-width: 400px
    }

    section.i-ecommerce-banner {
        padding: 170px 0 100px
    }

    .ie-bag,
    .ie-cart {
        max-width: 90px
    }

    .ie-bag {
        top: -60px
    }

    .i-ecom-step .step-box .oh-icon {
        -webkit-box-shadow: 0 11px 50px #ffb800;
        box-shadow: 0 11px 50px #ffb800
    }

    .industry-plans-ecommerce .ids-wrapper {
        -webkit-filter: drop-shadow(0px 17px 13px rgb(229 175 33/70%));
        filter: drop-shadow(0px 17px 13px rgb(229 175 33/70%))
    }

    .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img {
        max-height: 420px
    }

    section.charges-remind p {
        font-size: 14.9126px
    }

    .ie-cart {
        left: 20px;
        top: -40px
    }

    section.i-restaurant-banner {
        padding: 120px 0 50px
    }

    .contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 280px
    }

    .industry-plans-restaurants .industry-price-panel>h2 {
        font-size: 32px
    }

    .color-before-professional>h2 {
        font-size: 24px;
        min-height: 70px
    }

    .contact-section.industry-contact.industry-professional {
        padding: 60px 0 110px
    }

    .professional-banner .medical-banner-z-img {
        max-width: 58%
    }

    .modal-logo img {
        max-width: 125px
    }

    .modal-main-wrap .modal-inner h6 {
        font-size: 42.0553px
    }

    .service-head {
        font-size: 12.8372px
    }

    form.modal-form .form-group input,
    form.modal-form .form-group textarea {
        font-size: 10px;
        padding: 8px 13px;
        border-radius: 5.76849px
    }

    .app-design-tab .py-190-130,
    form.modal-form .form-group {
        padding: 10px 0 0
    }

    .main-modal .modal-body .btn-close {
        font-size: 24px;
        width: 20px;
        height: 20px;
        top: 25px
    }

    .main-modal .modal-body {
        padding: 20px 50px 50px
    }

    .main-modal .modal-dialog,
    .porfolio-app-img img {
        max-width: 410px
    }

    .main-modal .btn-reg.btn-gradient {
        padding: 9px 0;
        max-width: 150px;
        bottom: -20px
    }

    .p-banner-content .col-lg-8:before {
        width: 500px;
        height: 490px
    }

    .mx-795 {
        max-width: 490px
    }

    .banner-section.portfolio-banner {
        padding: 250px 0 100px
    }

    .portfolio-tabs li a {
        font-size: 12px;
        padding: 14px 16px;
        margin: 0 12px;
        min-width: 140px
    }

    .portfolio-tabs {
        max-width: 780px
    }

    .portfolio-tabs li a:before {
        border-radius: 13px
    }

    section.portfolio-sec2 {
        padding: 50px 0
    }

    .web-porfolio-img img {
        height: 230px;
        border-radius: 12px;
        -webkit-box-shadow: 0 4px 20px rgb(0 0 0/20%);
        box-shadow: 0 4px 20px rgb(0 0 0/20%)
    }

    .web-porfolio-img {
        padding: 20px;
        margin-bottom: 20px
    }

    .web-porfolio-img:after {
        border-radius: 30px;
        border-width: 2px
    }

    .portfolio-app-content p {
        max-width: 380px;
        margin: 10px 0 20px
    }

    .port-video {
        margin-bottom: 20px;
        border-radius: 15px
    }

    .port-video h2 {
        font-size: 22.3799px;
        bottom: 30px
    }

    button.port-video-play {
        width: 100px;
        height: 100px;
        margin-bottom: 60px
    }

    button.port-video-play i {
        font-size: 30px
    }

    .portfolio-modal .modal-dialog {
        max-width: 560px
    }

    .portfolio-modal .modal-body video {
        border-radius: 14px;
        height: 295px
    }

    .portfolio-modal .modal-content .btn-close {
        top: -30px;
        right: -20px;
        font-size: 30px
    }

    .pa-content p {
        font-size: 9px;
        max-width: 170px
    }

    .port-inner-process {
        padding: 70px 0 20px
    }

    .pp-content h2 {
        font-size: 11px;
        padding: 13px 14px;
        min-width: 120px;
        border-radius: 8px
    }

    .pp-content p {
        font-size: 8px;
        margin-top: 10px;
        max-width: 150px
    }

    .pi-inner-wrap>p {
        max-width: 620px
    }

    .port-process-mobile:after,
    .port-process-mobile:before {
        top: 110px
    }

    .pi-btn-text h2 {
        padding: 15px;
        border-radius: 13px;
        font-size: 11px
    }

    .pi-btn-text p {
        font-size: 9px;
        margin: 7px 0 0 8px
    }

    .pi-inner-wrap>.row {
        min-height: 470px
    }

    .pip-content {
        padding: 90px 0 120px
    }

    .emerging-tech-nft .step-process-row .col-lg-3 {
        max-width: 25%
    }

    .nfts-process .step-box {
        min-width: 165px;
        padding-bottom: 15px
    }

    .nfts-process .step-box h3 {
        font-size: 106.621px
    }

    .nfts-process .step-box .oh-icon img {
        max-width: 50px;
        max-height: 60px
    }

    .emerging-tech-nft .services-text-left .mx-685 {
        max-width: 415px
    }

    .contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 330px
    }

    .three-pricing .row-pricing-servicess>div {
        max-width: 100%;
    }
}

@media (max-width:991px) {
    span.banner-circle {
        width: 1000px;
        height: 1000px;
        top: -620px;
        right: -510px
    }

    span.banner-circle:after {
        width: calc(100% - 180px);
        height: calc(100% - 180px)
    }

    .banner-right-img img {
        width: 130px;
        height: 130px
    }

    .rounded-first {
        top: 100px;
        right: 280px
    }

    .banner-section,
    .i-digital-banner {
        padding: 180px 0
    }

    .rounded-second {
        top: 210px;
        right: 150px
    }

    .rounded-third {
        top: 270px;
        right: -20px
    }

    .ie-bag,
    .oh-icon {
        top: -40px
    }

    img.rounded-absolute {
        bottom: -15px
    }

    .banner-left-content .fa-110 {
        font-size: 55px
    }

    .banner-left-content span a {
        font-size: 13.06px;
        line-height: 14.46px
    }

    .banner-left-content span i {
        font-size: 16px
    }

    .fa-70 {
        font-size: 35px;
        letter-spacing: -1px
    }

    .wfy-box {
        padding: 20px 30px 20px 20px;
        min-height: 205px
    }

    .wfy-box .wfy-content h2 {
        font-size: 15px;
        line-height: 18px;
        font-weight: 600
    }

    .wfy-box .wfy-content p {
        font-size: 13px;
        line-height: 16.35px
    }

    .wfy-img img {
        max-width: 60px;
        max-height: 60px
    }

    span.hz-wfy-left-blue,
    span.hz-wfy-right-blue {
        top: -1%
    }

    span.hz-wfy-right-blue {
        bottom: -2%;
        top: auto
    }

    .hz-op-content h1,
    .z-change-h1 h6 {
        font-size: 50px;
        line-height: 55.4px
    }

    .hz-op-content .line-bottom-heading,
    .port-gray-text,
    .portfolio-content-wrap {
        margin-bottom: 30px
    }

    .hz-op-content p {
        font-size: 13px;
        max-width: 650px;
        line-height: 19.42px;
        margin-top: 20px
    }

    section.our-heritage,
    section.related-work {
        padding: 20px 0
    }

    .fa-18.hz-sec-text {
        font-size: 13px;
        max-width: 530px
    }

    .oh-icon {
        width: 80px;
        height: 80px;
        -webkit-box-shadow: 0 10px 25px rgb(94 214 255/70%);
        box-shadow: 0 10px 25px rgb(94 214 255/70%)
    }

    .oh-icon img {
        max-width: 34px
    }

    .oh-box h3 {
        font-size: 16px;
        line-height: 15px
    }

    .hz-oh-row {
        min-height: 265px;
        margin-top: 70px
    }

    .oh-box h2 {
        margin: 10px 0
    }

    .oh-box p {
        max-width: 160px
    }

    .hz-our-brand,
    section.i-digital-service {
        padding: 50px 0
    }

    .hz-brand-box p {
        font-size: 12px;
        line-height: 17.35px
    }

    .hz-brand-img img {
        max-width: 170px;
        max-height: 50px
    }

    .hz-brand-wrapper {
        padding: 30px 60px;
        margin-top: 40px
    }

    .hz-brand-img {
        min-height: 70px
    }

    section.hz-our-certification {
        padding: 30px 0
    }

    .oc-left-content h2 {
        line-height: 60px
    }

    .oc-left-content .fa-100,
    section.i-digital-service h1 {
        font-size: 45px
    }

    .oc-left-content .fa-18 {
        font-size: 13px;
        max-width: 460px;
        margin-bottom: 30px
    }

    .oc-right-content {
        padding: 0;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .hz-oc-logos img {
        max-width: 160px;
        max-height: 100px
    }

    .hz-oc-logos {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 40px
    }

    .oa-logo:first-child {
        margin-right: 20px
    }

    .oa-logo {
        width: 180px;
        height: 180px
    }

    .oa-logo img {
        max-width: 100px;
        max-height: 70px
    }

    .hz-our-affiliations {
        padding: 40px 0 20px
    }

    .letter-spacing-5 {
        letter-spacing: -3px
    }

    .hz-rc-content p {
        font-size: 12px;
        line-height: 18.35px
    }

    .banner-left-content p,
    .hz-rc-content a,
    .i-digital-step .step-box p {
        font-size: 12px
    }

    .hz-rc-content a i {
        font-size: 14px
    }

    .hz-oucrcate-row {
        margin-top: 60px
    }

    section.hz-our-categories {
        padding: 80px 0 60px
    }

    .hz-rc-box {
        margin-bottom: 20px;
        padding: 30px
    }

    .step-box {
        max-width: 165px;
        min-height: 160px
    }

    .step-box p {
        font-size: 10px;
        line-height: 15.62px;
        max-width: 150px
    }

    .step-box>h2 {
        margin: 35px 0 8px
    }

    .step-box .oh-icon {
        width: 80px;
        height: 80px;
        top: -45px
    }

    .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        background-size: 32px;
        left: calc(100% + 3vw)
    }

    .step-process-row {
        margin-top: 100px
    }

    .left-blue-circle-800:before,
    .right-blue-circle-800:after {
        width: 400px;
        height: 400px
    }

    .right-blue-circle-800:after {
        right: -340px
    }

    .left-blue-circle-800:before {
        left: -340px;
        top: 20px
    }

    .services-text-left h3 br,
    .text-resource-services-section.hz-bpo-three .cols-ar-img-service.big-devops-box:after,
    .text-resource-services-section.hz-bpo-three .cols-ar-img-service:after {
        display: none
    }

    .services-text-left .fa-100 {
        font-size: 34px
    }

    .letter-spacing-3 {
        letter-spacing: -2px
    }

    .services-text-left p {
        font-size: 12px;
        max-width: calc(100% - 80px);
        margin: 20px 0 15px
    }

    .services-text-left .big-flex-list li,
    .services-text-left ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
        padding: 12px 0
    }

    .services-text-left .next-section {
        font-size: 11.0575px
    }

    .services-text-left .next-section i {
        font-size: 13px
    }

    .image-resource-service.service-circle-img:before,
    .industry-plans-real-estate .image-resource-service.service-circle-img:before {
        width: 310px;
        height: 310px
    }

    .image-resource-service.service-circle-img img {
        max-width: 300px;
        max-height: 300px
    }

    .image-resource-service img.ecom-rounded-img {
        max-width: 220px
    }

    .image-resource-service.service-circle-img {
        margin: 0
    }

    .service-sec-rotate .services-text-left p {
        max-width: calc(100% - 50px);
    }

    .ml-minus-40 {
        margin-left: -20px
    }

    .mt-40 {
        margin-top: 20px
    }

    .image-resource-service.service-small-circle img {
        max-width: 250px;
        max-height: 280px
    }

    .gyp-row {
        padding: 30px;
        border-radius: 15px
    }

    .gyp-content h2 {
        font-size: 32px;
        max-width: 190px;
        line-height: 40px
    }

    .gyp-content p {
        margin: 15px 0 20px;
        max-width: 290px
    }

    .gyp-row [class*=col-] img {
        max-width: 330px;
        top: calc(50% - 35px)
    }

    section.get-your-app {
        padding: 80px 0 30px
    }

    .fa-85,
    .fa-92 {
        font-size: 38px
    }

    .section-pricing.three-pricing .col-pricing {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        margin-bottom: 60px
    }

    .fa-166 {
        font-size: 76px
    }

    .bpo-sec .hz-rc-content h2 {
        font-size: 25.4488px;
        line-height: 31.34px;
        max-width: 230px
    }

    .bpo-sec .hz-rc-content p,
    .contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form,
    .contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 240px
    }

    section.bpo-sec {
        padding: 40px 0 90px
    }

    .mx-900 {
        max-width: 560px
    }

    section.bpo-sec .mt-5 {
        margin-top: 20px !important
    }

    .text-resource-services-section.hz-bpo-three .cols-ar-img-service.big-devops-box {
        max-width: initial;
        background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(-25.58%, #fff), color-stop(101.03%, rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(0, #fff -25.58%, rgba(255, 255, 255, 0) 101.03%);
        background: linear-gradient(0, #fff -25.58%, rgba(255, 255, 255, 0) 101.03%)
    }

    .text-resource-services-section.hz-bpo-three .cols-ar-img-service {
        max-width: initial;
        min-height: 160px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .text-resource-services-section.hz-bpo-three .cols-ar-img-service.big-devops-box:before,
    .text-resource-services-section.hz-bpo-three .cols-ar-img-service:before {
        background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(-25.58%, #fff), color-stop(101.03%, rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(0, #fff -25.58%, rgba(255, 255, 255, 0) 101.03%);
        background: linear-gradient(0, #fff -25.58%, rgba(255, 255, 255, 0) 101.03%)
    }

    .cols-ar-img-service img {
        max-width: 120px;
        max-height: 80px
    }

    .contact-section.hz-contact-bpo {
        padding: 60px 0 130px
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 325px
    }

    .fa-130 {
        font-size: 60px
    }

    .i-digital-banner .banner-left-content p {
        margin: 20px auto 0;
        max-width: 460px
    }

    .i-digital-step .step-box .oh-icon {
        width: 110px;
        height: 110px
    }

    .i-digital-step .step-box .oh-icon h2 {
        font-size: 15px
    }

    .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        left: calc(100% + 10px)
    }

    .ids-wrapper p {
        font-size: 13px;
        max-width: 550px
    }

    .ids-wrapper {
        min-height: 260px
    }

    ul.industry-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .image-resource-service.service-circle-img.i-circle-service:before {
        height: 330px
    }

    .contact-section.contact-nft.industry-d .contact-main-area {
        border-radius: 30px
    }

    .contact-section.hz-contact-bpo.industry-contact {
        padding: 50px 0 120px
    }

    .rw-head {
        font-size: 98.974px;
        margin-bottom: -15px
    }

    .related-work-slider .slick-track {
        padding: 70px 0
    }

    .related-work-slider ul.slick-dots {
        bottom: 30px
    }

    .e-banner-img img {
        max-width: 320px
    }

    .ie-bag,
    .ie-cart {
        max-width: 70px
    }

    .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img {
        max-height: 330px
    }

    .charges-remind.py-110 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .contact-section.industry-contact .contact-main-area.radius-60,
    .radius-60 {
        border-radius: 40px
    }

    .industry-plans-ecommerce .icon-tick i {
        top: 2px
    }

    .industry-plans-restaurants .e-banner-img img {
        -webkit-animation: none;
        animation: none;
        max-height: 310px
    }

    section.i-restaurant-banner:before {
        width: 380px;
        height: 380px
    }

    section.professional-banner {
        padding: 140px 0 70px
    }

    .p-banner-content .col-lg-8:before {
        width: 335px;
        height: 330px
    }

    .mx-795 {
        max-width: 360px
    }

    .banner-section.portfolio-banner {
        padding: 210px 0 140px
    }

    .p-banner-imgs img:nth-child(2) {
        left: 15%
    }

    .p-banner-imgs img:nth-child(4) {
        right: 15%
    }

    .portfolio-tabs li a {
        font-size: 12px;
        padding: 12px 15px;
        margin: 0 10px;
        min-width: 120px
    }

    .portfolio-tabs li a:before {
        border-radius: 12px;
        background: #eef5fe
    }

    .web-porfolio-img img {
        height: 160px;
        border-radius: 8px;
        -webkit-box-shadow: 0 4px 14px rgb(0 0 0/20%);
        box-shadow: 0 4px 14px rgb(0 0 0/20%)
    }

    .web-porfolio-img {
        border-radius: 16px;
        padding: 17px
    }

    .web-porfolio-img:after,
    .web-porfolio-img:before {
        border-radius: 20px
    }

    .porfolio-app-img img {
        max-width: 310px
    }

    .app-design-tab .py-190-130 {
        padding: 50px 0 0
    }

    .portfolio-modal .modal-content .btn-close {
        font-size: 40px;
        top: -40px
    }

    .port-video {
        height: 190px;
        margin-bottom: 15px
    }

    .port-inner-video {
        height: 100%
    }

    .port-video h2 {
        font-size: 18px;
        bottom: 20px
    }

    button.port-video-play {
        width: 80px;
        height: 80px;
        margin-bottom: 40px
    }

    button.port-video-play i {
        -webkit-filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, .4));
        filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, .4))
    }

    section.portfolio-about {
        padding: 100px 0 30px
    }

    .pa-content h2 {
        font-size: 20px
    }

    .pa-content p {
        font-size: 11px;
        max-width: 100%
    }

    .port-inner-process {
        padding: 50px 0 20px
    }

    .port-process-mobile img {
        width: calc(100% + 142px);
        -webkit-transform: translateX(-74px);
        -ms-transform: translateX(-74px);
        transform: translateX(-74px)
    }

    .portfolio-inner-banner .max-w-100vh {
        max-width: 50%
    }

    .pi-btn-text h2 {
        padding: 17px;
        border-radius: 12px;
        font-size: 13px
    }

    .pi-btn-text p {
        margin: 10px 0 0 8px
    }

    .port-process-mobile:after,
    .port-process-mobile:before {
        width: 8vw;
        height: 22vw;
        left: -10px
    }

    .port-process-mobile:after {
        left: auto;
        right: -10px
    }

    .pi-inner-wrap>.row {
        min-height: auto
    }

    .pip-content {
        padding: 12vw 0 9vw
    }

    .portfolio-project {
        padding: 130px 0 30px
    }

    img.pp-right-img {
        top: 100px;
        max-width: 39%
    }

    section.portfolio-project .row .row {
        margin-top: 30px
    }

    .pp-content p {
        font-size: 10px;
        max-width: 100%
    }

    .pi-slide img {
        max-width: initial;
        width: 19vw;
        height: 40.5vw
    }

    .pi-slide.slick-current+.pi-slide {
        -webkit-transform: scale(1.16) translateY(-1.6vw);
        -ms-transform: scale(1.16) translateY(-1.6vw);
        transform: scale(1.16) translateY(-1.6vw)
    }

    .pi-slide.slick-current+.slick-slide:before {
        width: 26vw;
        height: calc(100% + 2vw)
    }

    .port-inner-slider-sec {
        padding: 17vw 0 10vw
    }

    .port-inner-slider .slick-track {
        padding: 7vw 0
    }

    .portfolio-drink .port-process-mobile img {
        width: calc(100% + 90px);
        -webkit-transform: translateX(-48px);
        -ms-transform: translateX(-48px);
        transform: translateX(-48px);
        padding: 34px 0
    }

    .portfolio-bata .port-process-mobile img {
        width: 70%;
        -webkit-transform: translateX(22%);
        -ms-transform: translateX(22%);
        transform: translateX(22%);
        padding: 30px 0
    }

    .portfolio-ocala .port-process-mobile img {
        width: 118%;
        -webkit-transform: translateX(-8%) translateY(12%);
        -ms-transform: translateX(-8%) translateY(12%);
        transform: translateX(-8%) translateY(12%);
        padding-bottom: 80px
    }

    .nfts-process .step-box {
        margin: 0 auto
    }

    .emerging-tech-nft .step-box .oh-icon {
        top: -55px
    }

    .emerging-tech-nft .services-text-left .mx-685 {
        max-width: 305px
    }

    .contact-section.contact-nft .contact-main-area {
        border-radius: 35px
    }

    .circle-modal:after {
        width: 530px;
        height: 530px;
    }
}

@media (max-width:767px) {

    .content-right-column h1,
    .content-right-column h4,
    .emerging-tech-nft .services-text-left,
    .hz-oc-logos>div,
    .nfts-right-img,
    .pi-btn-text,
    .porfolio-app-img,
    .port-process-mobile,
    .portfolio-app-content,
    .rw-slide h2 {
        text-align: center
    }

    span.banner-circle {
        width: 900px;
        height: 900px;
        top: -590px;
        right: -520px
    }

    span.banner-circle:after {
        width: calc(100% - 150px);
        height: calc(100% - 150px)
    }

    .banner-right-img img {
        width: 100px;
        height: 100px
    }

    .rounded-first {
        top: 80px;
        right: 195px
    }

    .rounded-second {
        top: 160px;
        right: 100px
    }

    .rounded-third {
        top: 210px;
        right: -20px
    }

    .banner-left-content .fa-110,
    section.portfolio-about .fa-150 {
        font-size: 45px
    }

    .banner-left-content span a {
        font-size: 12.06px;
        line-height: 13.46px
    }

    .banner-left-content span i {
        font-size: 15px
    }

    .banner-left-content span {
        margin-top: 30px
    }

    .banner-section {
        padding: 150px 0;
    }

    .fa-70 {
        font-size: 28px;
        line-height: normal
    }

    .wfy-box .wfy-content h2 {
        font-size: 17px;
        line-height: 20px
    }

    .wfy-box .wfy-content p {
        line-height: 17.35px
    }

    .wfy-img img {
        max-width: 120px;
        max-height: 80px
    }

    .wfy-box {
        max-width: 420px;
        margin: 0 auto 15px
    }

    span.hz-wfy-left-blue,
    span.hz-wfy-right-blue {
        height: 44.5%;
        top: -2%
    }

    span.hz-wfy-right-blue {
        bottom: 2%;
        top: auto
    }

    .hz-op-content h1,
    .z-change-h1 h6 {
        font-size: 40px;
        line-height: 50.4px
    }

    .hz-op-content h1 span:before,
    .z-change-h1 h6 span:before {
        height: 26px;
        bottom: -4px
    }

    .hz-op-content p {
        max-width: 500px
    }

    .fa-18.hz-sec-text {
        max-width: 470px
    }

    .hz-oh-row {
        background: 0 0;
        position: relative;
        min-height: auto;
        margin-top: 90px
    }

    .oh-box p {
        font-size: 13px;
        line-height: 19.16px;
        max-width: 230px
    }

    .oh-box {
        padding: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#3d46a1), to(#c57cfa));
        background: -o-linear-gradient(top, #3d46a1, #c57cfa);
        background: linear-gradient(to bottom, #3d46a1, #c57cfa);
        border-radius: 50%;
        max-width: 370px;
        margin: -20px auto 0;
        min-height: 350px;
        position: relative;
        z-index: 1
    }

    .oh-box:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 90%;
        height: 90%;
        background: #fff;
        border-radius: 50%;
        z-index: -1
    }

    .hz-oh-row [class*=col-]:not(:last-child) {
        margin-bottom: 80px
    }

    .hz-brand-wrapper .col-lg-3:not(:last-child) .hz-brand-box,
    .hz-oc-logos>div,
    .oa-left {
        margin-bottom: 20px
    }

    .oh-box h2 {
        font-size: 15px;
        line-height: 15.4px
    }

    .oh-box h3 {
        font-size: 19px;
        line-height: 20px
    }

    .oh-icon {
        width: 99px;
        height: 90px
    }

    .oh-icon img {
        max-width: 36px
    }

    .hz-our-brand {
        padding: 40px 0
    }

    .hz-brand-img img {
        max-width: 180px;
        max-height: 60px
    }

    .hz-brand-box p {
        font-size: 14px;
        line-height: 20.35px
    }

    .hz-brand-wrapper {
        padding: 50px 60px;
        border-radius: 50px
    }

    .fa-100,
    .fa-166,
    .oc-left-content .fa-100 {
        font-size: 40px
    }

    .oc-right-content img {
        max-width: 120px
    }

    .hz-oc-logos {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .hz-oc-logos>div {
        -webkit-box-flex: 33%;
        -ms-flex: 33%;
        flex: 33%
    }

    .hz-oc-logos img {
        max-width: 170px;
        max-height: 100px
    }

    .oa-right {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .oa-logo {
        width: 150px;
        height: 150px
    }

    .oa-logo img {
        max-width: 90px;
        max-height: 60px
    }

    .oa-logo:nth-child(2n) {
        margin-right: 20px
    }

    .hz-our-affiliations {
        padding: 30px 0 10px
    }

    .hz-rc-content h2 {
        font-size: 24.9091px;
        line-height: 29.3px;
        max-width: 200px
    }

    .hz-rc-inner {
        margin-bottom: -200px
    }

    section.hz-our-categories {
        padding: 70px 0 50px
    }

    .hz-oucrcate-row,
    .i-digital-step .step-process-row,
    .portfolio-tab-content .tab-pane {
        margin-top: 50px
    }

    .step-process-row {
        margin-top: 90px
    }

    .step-process-row [class*=col-]:not(:last-child) .step-box {
        margin-bottom: 130px
    }

    .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        left: 50%;
        -webkit-transform: translateX(-70%) rotate(90deg);
        -ms-transform: translateX(-70%) rotate(90deg);
        transform: translateX(-70%) rotate(90deg);
        background-size: 40px;
        width: 40px;
        bottom: -55px;
        top: auto
    }

    .step-box .oh-icon h2 {
        font-size: 35.64px;
        line-height: normal
    }

    .step-box>h2 {
        margin: 30px 0 10px
    }

    .step-box .oh-icon {
        -webkit-box-shadow: 0 10px 20px rgb(0 0 0/20%);
        box-shadow: 0 10px 20px rgb(0 0 0/20%)
    }

    .left-blue-circle-800:before,
    .right-blue-circle-800:after {
        width: 700px;
        height: 700px
    }

    .left-blue-circle-800:before {
        left: -570px;
        top: auto;
        bottom: 0
    }

    .right-blue-circle-800:after {
        right: -570px
    }

    .image-resource-service.service-circle-img img {
        position: relative;
        display: block;
        margin: 0 auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: auto
    }

    .services-text-left {
        padding-top: 60px
    }

    .services-text-left.service-text-right {
        padding-left: 0
    }

    .services-text-left {
        margin-bottom: 40px;
    }

    .services-text-left ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        padding: 14px 0;
        letter-spacing: 0
    }

    .services-text-left .big-flex-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 36%;
        flex: 0 0 36%;
        padding: 14px 0
    }

    .column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .gyp-content h2 {
        font-size: 28px;
        max-width: 180px;
        line-height: 30px
    }

    .gyp-row [class*=col-] img {
        max-width: 250px;
        top: calc(50% - 5px)
    }

    .gyp-row {
        padding: 25px;
        border-radius: 12px
    }

    .rw-slide,
    .rw-slide img {
        border-radius: 10px
    }

    section.get-your-app {
        padding: 20px 0
    }

    .fa-85,
    .fa-92 {
        font-size: 32px
    }

    .section-pricing.three-pricing .col-pricing {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin: 0
    }

    .content-right-column .fa-224.letter-spacing-55 {
        letter-spacing: -1.5px;
        text-align: center
    }

    .content-right-column .letter-spacing-9 {
        letter-spacing: -2px
    }

    .hz-rc-box {
        padding: 15px
    }

    .hz-rc-content p {
        font-size: 11px;
        line-height: 16.35px
    }

    section.bpo-sec {
        padding: 30px 0 90px
    }

    .bpo-sec .hz-rc-content h2 {
        font-size: 21.4488px;
        line-height: 27.34px;
        max-width: 190px
    }

    .bpo-sec .hz-rc-content .hz-rc-inner {
        margin-bottom: -180px
    }

    .bpo-sec .hz-rc-box:hover .hz-rc-content .hz-rc-inner {
        margin: 0
    }

    industry-plans-real-estate .services-text-left,
    section.text-resource-services-section.hz-bpo-three {
        padding-top: 30px
    }

    .contact-section.hz-contact-bpo {
        padding: 40px 0 110px
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 225px
    }

    .fa-130 {
        font-size: 50px
    }

    .i-digital-banner .banner-left-content p,
    .pi-btn-text p {
        font-size: 13px
    }

    .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after {
        top: auto;
        left: 50%;
        bottom: -75px
    }

    .i-digital-step .step-box .oh-icon {
        width: 130px;
        height: 130px
    }

    .i-digital-step .step-box .oh-icon h2 {
        font-size: 17px;
        line-height: 21px
    }

    .i-digital-step .step-inner {
        max-width: 350px;
        padding: 40px 50px 50px;
        outline: #89a5d040 solid 2px;
        border-radius: 40px
    }

    section.i-digital-service h1 {
        font-size: 35px
    }

    .ids-wrapper p {
        font-size: 12px;
        max-width: 400px
    }

    .ids-wrapper {
        min-height: 240px
    }

    section.i-digital-service {
        padding: 30px 0
    }

    ul.industry-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .image-resource-service.service-circle-img.i-circle-service:before {
        height: 310px;
        top: 57%;
        -webkit-transform: translate(-50%, -57%);
        -ms-transform: translate(-50%, -57%);
        transform: translate(-50%, -57%)
    }

    .rw-head {
        font-size: 72.974px;
        margin-bottom: -10px
    }

    .rw-slide {
        height: 150px;
        margin: 0 10px
    }

    .rw-slide h2 {
        width: 100%;
        font-size: 13px
    }

    .rw-slide.slick-slide.slick-current+.rw-slide h2,
    .rw-slide:hover h2 {
        bottom: 15px
    }

    .rw-slide.slick-slide.slick-current+.rw-slide img,
    .rw-slide:hover img {
        -webkit-transform: translateY(-35px) scale(.9);
        -ms-transform: translateY(-35px) scale(.9);
        transform: translateY(-35px) scale(.9)
    }

    .related-work-slider .slick-track {
        padding: 50px 0
    }

    .related-work-slider:before {
        border-radius: 30px
    }

    .related-work-slider ul.slick-dots li button {
        width: 25px
    }

    .contact-section.hz-contact-bpo.industry-contact {
        padding: 50px 0 90px
    }

    .e-banner-img img {
        max-width: 250px;
        -webkit-animation: none;
        animation: none
    }

    section.i-ecommerce-banner {
        padding: 130px 0 70px
    }

    section.charges-remind p {
        font-size: 13.9126px
    }

    .industry-plans-real-estate .image-resource-service.service-circle-img:before {
        -webkit-transform: translate(-50%, -60%);
        -ms-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%);
        width: 300px;
        height: 300px
    }

    .industry-plans-real-estate section.text-resource-services-section.py-190-130 {
        padding-top: 65px;
        padding-bottom: 0
    }

    .contact-section.contact-nft.industry-contact .contact-main-area p {
        max-width: 340px
    }

    .industry-plans-real-estate .column-responsive-pricing ul.slick-dots li.slick-active button {
        background: #a98846
    }

    .industry-plans-real-estate .column-responsive-pricing ul.slick-dots li button {
        border-color: #a98846
    }

    .industry-plans-restaurants .e-banner-img img {
        max-height: 230px
    }

    section.i-restaurant-banner:before {
        width: 300px;
        height: 300px
    }

    section.i-restaurant-banner {
        padding: 120px 0 50px
    }

    .industry-plans-restaurants .i-res-circle-img:before {
        top: 50%;
        -webkit-transform: translate(-50%, -55%);
        -ms-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%)
    }

    .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li button {
        border-color: #a77451
    }

    .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li.slick-active button {
        background: #a77451
    }

    .contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 200px
    }

    .emerging-tech-nft .services-text-left .mx-685,
    .emerging-tech-nft .services-text-left p,
    .mx-674,
    .services-text-left .mx-674 {
        max-width: 100%
    }

    .p-banner-content .col-lg-8:before {
        width: 325px;
        height: 320px
    }

    .p-banner-imgs img:nth-child(2) {
        left: 13%
    }

    .p-banner-imgs img:nth-child(4) {
        right: 10%
    }

    .banner-section.portfolio-banner {
        padding: 190px 0 120px
    }

    .p-banner-imgs img:nth-child(3) {
        right: 13%
    }

    .portfolio-tabs li a {
        font-size: 12px;
        padding: 10px 15px;
        margin: 0 7px;
        min-width: 110px
    }

    .portfolio-tabs {
        row-gap: 20px
    }

    .portfolio-grid a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        margin-bottom: 10px
    }

    .web-porfolio-img img {
        height: 130px
    }

    .web-porfolio-img {
        padding: 14px;
        margin-bottom: 15px
    }

    .web-porfolio-img:nth-child(2n) {
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px)
    }

    .portfolio-app-content {
        padding-top: 40px
    }

    .portfolio-app-content p {
        max-width: 410px;
        margin: 10px auto 20px
    }

    .portfolio-tabs li a:before {
        background: #f9fcff
    }

    .port-video {
        height: 160px;
        border-radius: 12px;
        margin-bottom: 10px
    }

    .port-video h2 {
        font-size: 16px
    }

    button.port-video-play {
        width: 65px;
        height: 65px;
        margin-bottom: 30px
    }

    button.port-video-play i {
        font-size: 24px
    }

    .portfolio-modal .modal-dialog {
        max-width: 440px
    }

    section.portfolio-about {
        padding: 80px 0 40px
    }

    .pi-inner-wrap>.row .col-md-6 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .pi-inner-wrap>.row .col-sm-6 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .port-inner-process .left-blue-circle-800:before,
    .port-inner-process .right-blue-circle-800:after,
    .port-process-mobile:after,
    .port-process-mobile:before,
    img.pp-right-img {
        display: none
    }

    .port-process-mobile img,
    .portfolio-drink .port-process-mobile img {
        width: 100%;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .pip-content {
        padding: 20px 0 0
    }

    .pi-btn-text h2 {
        font-size: 14px;
        padding: 16px;
        min-width: 170px
    }

    .pi-btn-text {
        margin-bottom: 40px
    }

    .pi-inner-wrap>p {
        margin-top: 30px;
        max-width: 450px
    }

    .portfolio-project {
        padding: 80px 0 30px
    }

    .pi-slide img {
        width: auto;
        height: auto;
        max-width: 170px;
        min-height: 365px
    }

    .pi-slide:before {
        width: 210px;
        height: calc(100% + 50px)
    }

    .pi-slide.slick-current+.pi-slide {
        -webkit-transform: scale(1.07) translateY(-1.6vw);
        -ms-transform: scale(1.07) translateY(-1.6vw);
        transform: scale(1.07) translateY(-1.6vw)
    }

    .pi-slide.slick-current+.slick-slide:before {
        width: 240px;
        height: calc(100% + 20px)
    }

    .port-inner-slider-sec {
        padding: 70px 0
    }

    .portfolio-bata .port-process-mobile img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: 220px
    }

    .portfolio-ocala .port-process-mobile img {
        max-width: 400px;
        width: 100%;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        padding: 30px 0 20px
    }

    .emerging-tech-nft .step-process-row .col-lg-3 {
        max-width: 50%
    }

    section.contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form {
        max-width: 160px;
        top: auto;
        bottom: -30px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .emerging-tech-augmented-reality .text-resources-service {
        margin-bottom: 35px;
    }
}

@media (max-width:575px) {

    .e-banner-img,
    .gyp-content,
    .hz-op-content h1,
    .z-change-h1 h6,
    .hz-op-content p,
    .oa-left,
    .oc-left-content .fa-18,
    .oc-left-content h2,
    .text-resources-service {
        text-align: center
    }

    .image-resource-service.service-circle-img.i-circle-service:before,
    .industry-plans-real-estate .image-resource-service.service-circle-img:before {
        width: 270px;
        height: 270px
    }

    span.banner-circle {
        width: 131%;
        height: 410px;
        top: -210px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-animation: none;
        animation: none
    }

    .banner-left-content {
        padding-top: 130px;
        text-align: center
    }

    .banner-left-content .fa-110 br,
    .ie-bag,
    .ie-cart,
    section.contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form {
        display: none
    }

    span.banner-circle:after {
        width: calc(100% - 100px);
        height: calc(100% - 100px)
    }

    .banner-right-img img {
        width: 100px;
        height: 100px
    }

    .rounded-first {
        top: 90px;
        left: 15px
    }

    .rounded-second {
        top: 125px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .rounded-third {
        top: 90px;
        right: 15px
    }

    img.rounded-absolute {
        -webkit-filter: blur(15px);
        filter: blur(15px);
        bottom: -8px
    }

    .banner-left-content .fa-110 {
        font-size: 29px;
        letter-spacing: -2px
    }

    .banner-left-content span a {
        font-size: 13.06px;
        line-height: 14.46px
    }

    .banner-left-content span {
        margin-top: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner-section {
        padding: 130px 0 100px
    }

    .fa-70 {
        font-size: 22px
    }

    .pa-content p,
    .wfy-box .wfy-content p {
        font-size: 12px
    }

    .wfy-img img {
        max-width: 90px;
        max-height: 70px
    }

    .wfy-box {
        max-width: 350px
    }

    .hz-what-for-you {
        padding-bottom: 80px
    }

    .hz-our-Philosophy,
    .industry-plans-ecommerce .services-text-left,
    .industry-plans-ecommerce section.text-resource-services-section.py-190-130.bpo-inners,
    .industry-plans-professional-services section.text-resource-services-section.py-190-130.bpo-inners {
        padding-top: 20px
    }

    .hz-op-content h1,
    .z-change-h1 h6 {
        font-size: 30px;
        line-height: 40.4px
    }

    .hz-op-content h1 span:before,
    .z-change-h1 h6 span:before {
        height: 20px;
        bottom: 1px
    }

    .hz-op-content p {
        font-size: 13px;
        max-width: 280px;
        margin: 15px auto 0
    }

    .hz-op-content {
        padding: 0 0 40px
    }

    .hz-our-brand .text-center,
    .oa-left h2,
    section.our-heritage .fa-70 {
        letter-spacing: 0
    }

    .letter-spacing-3,
    .oc-left-content h2 {
        letter-spacing: -1px
    }

    .oh-icon {
        width: 90px;
        height: 90px;
        -webkit-box-shadow: 0 8px 25px rgb(94 214 255/70%);
        box-shadow: 0 8px 25px rgb(94 214 255/70%);
        top: -50px
    }

    .oh-icon img {
        max-width: 33px
    }

    .oh-box h2 {
        font-size: 14px
    }

    .oh-box h3 {
        font-size: 17px
    }

    .oh-box p {
        max-width: 220px;
        font-size: 12px
    }

    .oh-box {
        min-height: 280px;
        max-width: 290px
    }

    .left-line h2:before,
    .right-line h2:after {
        height: 6px
    }

    .right-line h2:after {
        right: calc(100% + 13px)
    }

    .left-line h2:before {
        left: calc(100% + 13px)
    }

    .hz-brand-wrapper {
        padding: 30px 20px;
        margin-top: 30px
    }

    .hz-brand-box p {
        font-size: 13px;
        line-height: 18.35px;
        margin-top: 15px
    }

    .hz-brand-img img {
        max-width: 170px
    }

    section.hz-our-certification {
        padding: 20px 0
    }

    .fa-100,
    .oc-left-content .fa-100 {
        font-size: 30px
    }

    .oc-right-content {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .oc-right-content img {
        max-width: 90px
    }

    .hz-oc-logos img {
        max-width: 130px;
        max-height: 90px
    }

    .hz-oc-logos,
    .industry-plans-restaurants .industry-pricing .column-responsive-pricing {
        margin-top: 30px
    }

    .oa-right .oa-logo {
        width: 140px;
        height: 140px;
        margin: 0 auto 20px
    }

    .oa-logo:first-child {
        margin-right: 0
    }

    .oa-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    section.hz-our-categories {
        padding: 60px 0
    }

    .hz-rc-box {
        max-width: 270px;
        margin: 0 auto 25px
    }

    .hz-rc-inner .oh-icon img {
        max-width: 36px
    }

    .hz-oucrcate-row {
        margin-top: 50px
    }

    .hz-rc-inner {
        margin-bottom: -180px
    }

    .hz-oc-btn,
    .industry-plans-professional-services .industry-pricing .column-responsive-pricing {
        margin-top: 20px
    }

    .left-blue-circle-800:before,
    .right-blue-circle-800:after {
        width: 400px;
        height: 400px
    }

    .right-blue-circle-800:after {
        right: -340px;
        top: 80px
    }

    .left-blue-circle-800:before {
        left: -340px;
        bottom: -40px
    }

    .services-text-left .fa-100,
    section.i-digital-service h1 {
        font-size: 26px
    }

    .services-text-left p {
        max-width: calc(100% - 20px)
    }

    .services-text-left .big-flex-list li,
    .services-text-left ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 10px 0;
        letter-spacing: 0
    }

    .services-text-left ul li::marker {
        font-size: 18px
    }

    .image-resource-service.service-circle-img:before {
        width: 280px;
        height: 280px
    }

    .image-resource-service.service-circle-img img {
        max-width: 270px;
        max-height: 270px;
        width: 100%;
        object-fit: contain;
    }

    .image-resource-service img.ecom-rounded-img {
        max-width: 200px;
        width: 100%
    }

    .emerging-tech-nft .nfts-right-img,
    .services-text-left,
    section.i-ecommerce-banner .banner-left-content {
        padding-top: 40px
    }

    .image-resource-service.service-small-circle img {
        max-width: 250px;
        max-height: 280px
    }

    .gyp-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0;
        padding: 30px 15px
    }

    .gyp-content h2 {
        max-width: 100%;
        font-size: 24px
    }

    .gyp-content {
        margin-top: 20px
    }

    .gyp-row [class*=col-] img {
        max-width: 220px;
        display: block;
        margin: 0 auto;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .emerging-tech-nft .step-process-row .col-lg-3,
    .gyp-content p {
        max-width: 100%
    }

    .digital-services-lead section.text-resource-services-section.py-190-130,
    .digital-services-seo section.text-resource-services-section.py-190-130,
    .digital-services-smm section.text-resource-services-section.py-190-130 {
        padding-top: 85px
    }

    .content-right-column .fa-224.letter-spacing-55 {
        letter-spacing: -2.5px
    }

    .fa-85,
    .fa-92 {
        font-size: 35px
    }

    section.bpo-sec {
        padding: 20px 0 70px
    }

    .hz-bpo-three .container-1560>.row,
    section.i-ecommerce-banner .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .text-resource-services-section.hz-bpo-three .cols-ar-img-service {
        margin: 0 10px 30px
    }

    .hz-bpo-three .text-resources-service h3,
    .hz-bpo-three .text-resources-service h1 {
        letter-spacing: -1px;
        font-size: 30px
    }

    .hz-bpo-three .text-resources-service p {
        max-width: 350px;
        margin: 10px auto 0
    }

    .hz-bpo-three .image-ar-unique-service {
        max-width: 300px;
        margin: 0 auto
    }

    section.text-resource-services-section.py-190-130.bpo-inners {
        padding-top: 70px
    }

    .contact-section.hz-contact-bpo {
        padding: 10px 0 80px
    }

    .fa-130 {
        font-size: 31px
    }

    .i-digital-banner .banner-left-content p,
    .i-digital-step .step-inner {
        max-width: 300px
    }

    .i-digital-banner .banner-left-content {
        padding-top: 0
    }

    .i-digital-banner {
        padding: 110px 0
    }

    .ids-wrapper {
        min-height: 100%;
        padding: 30px;
        background-size: cover !important
    }

    section.i-digital-service {
        padding: 10px 0 40px
    }

    .contact-section.contact-nft.industry-d .contact-main-area {
        border-radius: 20px;
        outline-width: 2px
    }

    .rw-head {
        font-size: 48.974px;
        margin-bottom: -5px
    }

    .rw-slide.slick-slide.slick-current img,
    .rw-slide:hover img {
        -webkit-transform: translateY(-30px) scale(.9);
        -ms-transform: translateY(-30px) scale(.9);
        transform: translateY(-30px) scale(.9);
        border-radius: 0
    }

    .rw-slide.slick-slide.slick-current h2,
    .rw-slide:hover h2 {
        bottom: 10px;
        opacity: 1
    }

    .rw-slide.slick-slide.slick-current+.rw-slide img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        border-radius: 10px
    }

    .rw-slide img {
        border: 0
    }

    .rw-slide {
        height: 170px
    }

    .rw-slide h2 {
        font-weight: 500
    }

    .related-work-slider .slick-track {
        padding: 40px 0
    }

    .related-work-slider ul.slick-dots li button {
        width: 15px;
        margin: 0 2px
    }

    .e-banner-img img {
        max-width: 270px
    }

    section.i-ecommerce-banner {
        padding: 120px 0 50px
    }

    section.i-ecom-step {
        padding: 10px 0 70px
    }

    .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img {
        max-height: 290px
    }

    section.charges-remind p {
        font-size: 15.9126px
    }

    .contact-section.industry-contact .contact-main-area.radius-60,
    .radius-60 {
        border-radius: 30px
    }

    .industry-plans-ecommerce .column-responsive-pricing ul.slick-dots li.slick-active button {
        background: #ffb800
    }

    .industry-plans-ecommerce .column-responsive-pricing ul.slick-dots li button {
        border-color: #ffb800
    }

    .section-2.industry-plans-real-estate {
        padding: 50px 0 20px
    }

    .industry-plans-restaurants section.step-process {
        padding: 0 0 70px
    }

    .professional-banner .medical-banner-z-img {
        top: 80px;
        max-width: 100%;
        width: auto
    }

    .professional-banner .medical-banner-z-img img {
        max-width: 290px;
        right: auto
    }

    .professional-banner img.bg-banner-finance {
        bottom: 280px;
        -webkit-animation: none;
        animation: none;
        width: auto;
        height: auto;
        max-width: 180px;
        top: 80px;
        right: 30px;
        left: auto
    }

    .professional-banner .banner-left-content {
        padding-top: 180px
    }

    .contact-section.contact-nft.industry-professional .contact-main-area.radius-60 {
        border-radius: 20px
    }

    .main-modal .modal-body {
        padding: 30px 20px 40px
    }

    .modal-logo {
        text-align: left
    }

    .modal-logo img {
        max-width: 130px
    }

    .main-modal .modal-body .btn-close {
        font-size: 20px;
        width: 20px;
        height: 20px;
        top: 15px;
        right: 15px;
    }

    .main-modal .modal-dialog {
        max-width: 86vw
    }

    .modal-main-wrap .modal-inner h6 {
        font-size: 27.0553px
    }

    .service-head {
        margin-bottom: 15px
    }

    form.modal-form .form-group input,
    form.modal-form .form-group textarea {
        font-size: 11px;
        padding: 10px 13px
    }

    .p-banner-content .col-lg-8:before {
        width: 245px;
        height: 240px
    }

    .p-banner-content p {
        margin: 5px auto 0
    }

    .mx-795,
    .porfolio-app-img img {
        max-width: 260px
    }

    .banner-section.portfolio-banner {
        padding: 190px 0 120px
    }

    .p-banner-imgs img:first-child {
        top: 23%;
        max-width: 50px
    }

    .p-banner-imgs img:nth-child(3) {
        right: 6%;
        max-width: 40px;
        top: 21%
    }

    .p-banner-imgs img:nth-child(2) {
        max-width: 50px;
        bottom: 4%
    }

    .p-banner-imgs img:nth-child(4) {
        max-width: 40px;
        bottom: -1%
    }

    @-webkit-keyframes portfolio2 {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: .4
        }

        100% {
            -webkit-transform: translatex(-20px);
            transform: translatex(-20px);
            opacity: 1
        }
    }

    @keyframes portfolio2 {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: .4
        }

        100% {
            -webkit-transform: translatex(-20px);
            transform: translatex(-20px);
            opacity: 1
        }
    }

    @-webkit-keyframes portfolio1 {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: .4
        }

        100% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
            opacity: 1
        }
    }

    @keyframes portfolio1 {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: .4
        }

        100% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
            opacity: 1
        }
    }

    .portfolio-tabs li a {
        min-width: 100%;
        margin: 0;
        font-size: 12px;
        padding: 12px 8px
    }

    .portfolio-tabs li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%
    }

    .portfolio-tabs {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .portfolio-tabs li a:before {
        border-radius: 10px
    }

    .portfolio-tabs li a:after {
        border-radius: 12px
    }

    .portfolio-grid a {
        margin-bottom: 5px
    }

    .web-porfolio-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 18px;
        margin-bottom: 20px
    }

    .pi-slide.slick-current+.pi-slide,
    .web-porfolio-img:nth-child(2n) {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .web-porfolio-img img {
        height: 180px;
        border-radius: 10px
    }

    .web-porfolio-img:after,
    .web-porfolio-img:before {
        border-radius: 15px
    }

    .portfolio-content-wrap,
    section.portfolio-about [class*=col-] .row [class*=col-]:first-child,
    section.portfolio-about [class*=col-] .row [class*=col-]:nth-child(2) {
        margin-bottom: 0
    }

    .portfolio-app-content {
        padding: 30px 0
    }

    .portfolio-app-content p {
        max-width: 290px
    }

    .port-video {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .port-video h2 {
        font-size: 15px
    }

    button.port-video-play {
        width: 60px;
        height: 60px
    }

    button.port-video-play i {
        font-size: 21px
    }

    .portfolio-modal .modal-content .btn-close {
        top: -50px;
        right: 0
    }

    section.portfolio-about {
        padding: 70px 0 20px
    }

    .portfolio-project .fa-150,
    section.portfolio-about .fa-150 {
        font-size: 43px;
        text-align: center
    }

    .pa-content,
    .pp-content {
        margin-top: 30px;
        text-align: center
    }

    .port-gray-text {
        margin-bottom: 10px
    }

    .pp-content p {
        font-size: 12px;
        max-width: 270px;
        margin: 20px auto 0
    }

    .portfolio-project {
        padding: 40px 0 0
    }

    .pi-slide.slick-current:before {
        width: 240px;
        height: calc(100% + 20px);
        opacity: 1
    }

    .pi-slide.slick-current+.slick-slide:before {
        opacity: 0;
        width: 210px;
        height: calc(100% + 50px)
    }

    .pi-btn-text h2 {
        font-size: 12px;
        padding: 14px;
        min-width: 130px
    }

    .pi-btn-text p {
        margin: 9px auto;
        font-size: 11px
    }

    .pi-btn-text {
        margin-bottom: 30px
    }

    .pi-inner-wrap>p {
        margin-top: 10px
    }

    .portfolio-modal .modal-body video {
        height: 235px
    }

    .portfolio-modal .modal-dialog {
        max-width: 92vw
    }

    .emerging-tech-nft .services-text-left .mx-685,
    .emerging-tech-nft .services-text-left p {
        max-width: 300px;
        margin: 20px auto 0
    }

    .contact-section.contact-nft .contact-main-area {
        border-radius: 25px
    }

    .policy-sec .fa-40 {
        font-size: 20px
    }

    .policy-sec h2:before {
        height: 7px;
        bottom: -13px
    }

    .policy-sec h2 {
        margin: 30px 0
    }

    li.fa-18.line-height-167 {
        padding-left: 20px
    }

    .policy-sec ol li:before,
    .policy-sec ul li:before {
        width: 8px;
        height: 8px;
    }

    .service-sec-rotate .services-text-left p {
        max-width: calc(100% - 0px);
        margin: 10px auto 10px;
    }

    .paragraph-bpo p span,
    .social-contact a span,
    .social-contact.footer-social a span {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .paragraph-bpo p,
    .social-contact a,
    .social-contact.footer-social a {
        flex-flow: wrap;
        margin: 0;
        text-align: center;
    }

    .social-contact.footer-social a span:first-child {
        max-width: 30px;
        max-height: 30px;
        margin: 0 auto 15px !important;
    }

    .ecom-services-amazon section.text-resource-services-section.py-190-130 {
        margin-bottom: 45px
    }

    .services-text-left ul li {
        margin: 0 auto;
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient {
        max-width: 135px !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .service-sec-rotate .services-text-left p {
        max-width: 100%;
        margin: 10px auto 10px;
    }
}

.icon-tick:before,
.image-bg-map:before,
.left-circle-sec:before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}

@media (max-width:424px) {
    .banner-right-img img {
        width: 80px;
        height: 80px
    }

    .rounded-first {
        top: 110px;
        left: 15px
    }

    .rounded-third {
        top: 110px;
        right: 15px
    }

    .rounded-second {
        top: 140px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .banner-rounded-img {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    span.banner-circle:after {
        width: calc(100% - 80px);
        height: calc(100% - 80px)
    }

    .fa-130 {
        font-size: 28px
    }

    .rw-head {
        font-size: 42.974px
    }
}

@media (max-width:374px) {
    .web-porfolio-img img {
        height: 160px;
        border-radius: 10px
    }
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: poppins, sans-serif
}

body {
    overflow-x: hidden
}

.color-black,
.text-body {
    color: #000 !important
}

.overflow-overall-hidden {
    overflow: hidden
}

.overflow-overall-hidden main {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

main {
    overflow: hidden;
    position: relative
}

.no-portfolio section#our-client {
    padding-top: 100px
}

:root {
    --blue: #001F3B
}

.loader-main {
    width: 100%;
    position: fixed;
    z-index: 999999999999;
    top: 0;
    left: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, .8)
}

.section-1.padding-top-header {
    padding-top: 160px
}

.loader-main>div>img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 340px;
}

.color-blue {
    color: var(--blue) !important
}

.fa-10 {
    font-size: 10px
}

.fa-110 {
    font-size: 110px
}

.fa-22 {
    font-size: 22px
}

.line-height-104 {
    line-height: 104%
}

.line-height-112 {
    line-height: 112%
}

.my-22-29 {
    margin-top: 22px;
    margin-bottom: 29px
}

.container-1560 {
    max-width: 1560px;
    margin: 0 auto
}

.container-1150 {
    max-width: 1150px;
    margin: 0 auto
}

.container-1350 {
    max-width: 1350px;
    margin: 0 auto
}

a,
a:hover {
    text-decoration: none
}

:focus {
    outline: 0 !important
}

.header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

header {
    position: absolute;
    width: 100%;
    padding: 61.5px 0
}

.social-contact a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14.56px;
    color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    line-height: 122.5%;
    font-weight: 500;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.social-contact.footer-social {
    display: block;
    margin-left: 0
}

.social-contact.footer-social a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px
}

.social-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0;
    margin-left: 90px
}

.social-contact a span:first-child {
    background: #3d46a1;
    color: #fff;
    font-size: 16px;
    height: 40.32px;
    width: 40.32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 20px 0 #3d46a1;
    box-shadow: 0 5px 20px 0 #3d46a1;
    margin-right: 15px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.column-responsive-pricing .col-pricing:last-child,
.services-main-services>div:last-child,
.social-contact a:last-child {
    margin-right: 0
}

.social-contact a span {
    display: block;
    line-height: 125%
}

.padding-top-header {
    padding-top: 180px
}

.links-columns>ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.button-play>span,
.main-circle {
    display: block
}

.links-columns>ul>li>a {
    margin-right: 74.57px;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    position: relative;
    padding-bottom: 35px
}

.links-columns>ul>li>a:after {
    content: '';
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0%;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(left, #3d46a1, #c57cfa);
    background: linear-gradient(90deg, #3d46a1, #c57cfa)
}

.links-columns>ul>li.active>a:after,
.links-columns>ul>li>a:hover:after,
li.mega-menu-open:hover a:after {
    width: 50%
}

.section-1 {
    padding-bottom: 100px
}

.main-circle {
    width: 740px;
    height: 740px;
    margin-left: auto;
    background: -o-linear-gradient(280deg, #8134c3, #37cffb);
    background: linear-gradient(170deg, #8134c3, #37cffb);
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.image-bg-map:before {
    position: absolute;
    left: 0;
    top: 50%;
    background-image: url(../assets/webp/map.webp);
    width: 100000%;
    height: 90%;
    background-size: contain;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-position: 0;
    z-index: 99999;
}

span.inner-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    width: 540px;
    height: 540px;
    border-radius: 50%;
    background: -o-linear-gradient(310deg, #3d46a1, #fff);
    background: linear-gradient(140deg, #3d46a1, #fff);
    border: 40px solid #fff;
    z-index: 1
}

@-webkit-keyframes rotate3602 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotate3602 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

span.top-right-gradient-circle {
    position: absolute;
    width: 1085px;
    height: 1085px;
    background: rgb(69 154 255/50%);
    border-radius: 50%;
    right: -50%;
    top: -50%;
    z-index: -1;
    -webkit-filter: blur(1300px);
    filter: blur(1300px)
}

.text-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 75px;
    position: absolute
}

@-webkit-keyframes positionchange {
    from {
        background-position: 0
    }

    to {
        background-position: 100%
    }
}

@keyframes positionchange {
    from {
        background-position: 0
    }

    to {
        background-position: 100%
    }
}

.small-bottom-text {
    width: 75px;
    margin-left: 35px;
    padding-left: 15px;
    position: fixed;
    top: calc(100vh - 200px);
    z-index: 9;
    height: 30px;
    display: none
}

.textscroll {
    visibility: hidden;
    position: absolute
}

.mt-55 {
    margin-top: 55px
}

.small-bottom-text:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 3px;
    background: -webkit-gradient(linear, left bottom, left top, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(bottom, #3d46a1, #c57cfa);
    background: linear-gradient(0deg, #3d46a1, #c57cfa)
}

.bg-linear-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#042680), to(#0074fe));
    background: -o-linear-gradient(left, #042680, #0074fe);
    background: linear-gradient(180deg, #7e44a9, #8134c3);
}

.section-2 {
    padding: 95px 0
}

.fa-80 {
    font-size: 80px
}

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

.list-items ul li {
    margin-bottom: 40px;
    font-size: 20px;
    padding-left: 35px;
    position: relative
}

.bg-image-on-top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/home/webp/bg-sec-2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: screen
}

.icon-tick {
    position: absolute;
    left: 0;
}

.icon-tick:before {
    position: absolute;
    left: -5px;
    top: 55%;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
}

.icon-tick i {
    color: #00c02a;
    position: relative;
}

.left-circle-sec:before {
    position: absolute;
    width: 740px;
    height: 740px;
    background: -o-linear-gradient(280deg, #8134c3, #37cffb);
    background: linear-gradient(170deg, #8134c3, #37cffb);
    border-radius: 50%;
    overflow: hidden;
    z-index: 0;
    left: -660px;
    top: 50%
}

.letter-spacing-5 {
    letter-spacing: -5px
}

.py-110 {
    padding-top: 110px;
    padding-bottom: 110px
}

section.charges-remind.py-110 {
    padding-top: 50px;
    padding-bottom: 0
}

.line-bottom-heading {
    position: relative;
    display: inline-block;
    margin-bottom: 80px
}

.line-bottom-heading:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 12px;
    width: 110%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 16px;
    background: #8134c3;
    z-index: -1
}

.video video,
.video:before {
    width: 100%;
    height: 100%;
    background: #000
}

.background-image-sec-3 {
    background-image: url(../assets/home/bg-3.png)
}

.circle-sec-3 {
    position: absolute;
    width: 1140px;
    height: 1140px;
    background: -o-linear-gradient(60deg, #c57cfa -50%, transparent 50%);
    background: linear-gradient(30deg, #c57cfa -50%, transparent 50%);
    border-radius: 50%;
    top: -45%;
    left: -30%;
    z-index: -1
}

.circle-right {
    left: auto;
    right: -30%;
    background: -o-linear-gradient(120deg, #c57cfa -50%, transparent 50%);
    background: linear-gradient(330deg, #c57cfa -50%, transparent 50%)
}

.circle-center {
    left: 50%;
    top: auto;
    bottom: -75%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, #3d46a1), color-stop(40%, transparent));
    background: -o-linear-gradient(top, #3d46a1 -100%, transparent 40%);
    background: linear-gradient(180deg, #3d46a1 -100%, transparent 40%);
    width: 1600px;
    height: 1600px
}

.image-screen {
    position: relative;
    max-width: 824px;
    margin: 0 auto
}

.image-screen>img {
    width: 100%;
}

.button-play,
.video,
.video:before {
    position: absolute
}

.video {
    width: calc(100% - 49px);
    height: calc(100% - 49px);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 15px;
    overflow: hidden
}

.video:before {
    content: '';
    left: 0;
    top: 0;
    opacity: .4
}

.button-play,
.image-items:before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%
}

.video.no-before:before {
    height: 0%
}

.video video {
    -o-object-fit: contain;
    object-fit: contain
}

.button-play {
    left: 50%;
    background: -o-linear-gradient(315deg, #0038ff, #c57cfa);
    background: linear-gradient(135deg, #0038ff, #c57cfa);
    width: 164px;
    height: 164px;
    color: #fff;
    font-size: 50px;
    border-radius: 50%;
    border: none
}

.max-width-1058 {
    max-width: 1058px;
    margin: 65px auto 0
}

.bottom-settings {
    bottom: -150px
}

.ecom-item~a,
.learn-more {
    bottom: -100px;
    opacity: 0;
    visibility: hidden
}

.color-blur-circle {
    position: absolute;
    left: 0;
    top: 0;
    background: #3d46a1;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    -webkit-filter: blur(1300px);
    filter: blur(1300px);
    z-index: -1
}

.sec-4-blue-circle-right {
    left: auto;
    right: -10%
}

.mb-55 {
    margin-bottom: 55px
}

.pb-190 {
    padding-bottom: 190px
}

.industries-we-serve-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.col-items {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(20% - 20px);
    flex: 0 0 calc(20% - 20px);
    max-width: calc(20% - 20px);
    margin-bottom: 25px
}

.items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgb(0, 0, 0, 0.3);
    height: 100%;
    padding: 40px 28px;
    position: relative;
    overflow: hidden
}

.image-items,
.row-inner-portion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.image-items,
.image-items:before,
.text-items h6 {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out
}

.items.active-industry,
.items:hover {
    -webkit-box-shadow: 0 4px 30px #3d46a1;
    box-shadow: 0 4px 30px #3d46a1;
    border: transparent
}

.image-items {
    width: 88px;
    height: 88px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(top, #3d46a1, #c57cfa);
    background: linear-gradient(180deg, #3d46a1, #c57cfa);
    border-radius: 50%;
    position: relative
}

.image-items:before {
    content: '';
    position: absolute;
    left: 50%;
    border: 1px solid rgb(0, 0, 0, 0.3);
    height: calc(100% + 15px);
    width: calc(100% + 15px);
    border-radius: 50%
}

.text-items h6 {
    max-width: 120px;
    color: #001f3b;
    font-size: 22px;
    text-align: left;
    letter-spacing: -1.5px
}

.learn-more {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .5s ease-in-out 0.5s;
    -o-transition: .5s ease-in-out 0.5s;
    transition: .5s ease-in-out 0.5s;
    color: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.btn-reg,
.btn-reg:before,
.ecom-item h3,
.ecom-item:after,
.part-2-inner-text ul li a:after {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.items.active-industry .learn-more,
.items:hover .learn-more {
    opacity: 1;
    z-index: 1;
    bottom: 15px;
    visibility: visible;
    font-size: 12px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.learn-more p {
    margin-left: 10px
}

.col-sub-portion-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
    max-width: calc(68% - 6px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 85px
}

.col-sub-portion-image {
    -webkit-box-flex: calc(32% + 6px);
    -ms-flex: calc(32% + 6px);
    flex: calc(32% + 6px);
    max-width: calc(32% + 6px)
}

.bg-linear-gradient-blue {
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3)
}

.row-inner-portion {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.part-1-inner-text {
    max-width: 510px
}

.part-1-inner-text p {
    line-height: 169%;
    margin: 22px 0 28px
}

.btn-reg {
    border-radius: 8px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 59px;
    width: 100%;
    max-width: 160px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: 0 0;
    border: 1px solid #c57cfa
}

.btn-reg:hover:before,
.tabs-mega-menu>div.d-flex .nav-pills .nav-link.active:before {
    left: 0
}

.btn-reg:before {
    content: '';
    position: absolute;
    left: -120%;
    top: 0;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    background: #fff;
    z-index: -1
}

.btn-reg:hover {
    color: #2c5db3;
    border: 1px solid #c57cfa
}

.invert-subportion .bg-linear-gradient-blue {
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3)
}

.part-2-inner-text ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.part-2-inner-text ul li a {
    color: #fff;
    font-size: 26px;
    display: inline-block;
    margin-bottom: 26px;
    position: relative
}

.invert-subportion .col-sub-portion-text {
    padding-right: 45px
}

.part-2-inner-text ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(left, #3d46a1, #c57cfa);
    background: linear-gradient(90deg, #3d46a1, #c57cfa)
}

.part-2-inner-text ul li a:before {
    content: '';
    position: absolute;
    left: -45px;
    width: 20px;
    height: 100%;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    background-image: url(../assets/home/icon/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.image-designer,
.image-designer>img {
    position: relative;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
    min-height: 530px
}

.image-designer:before {
    content: '';
    position: absolute;
    left: -9px;
    top: 0;
    width: 11px;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#c57cfa), to(#3d46a1));
    background: -o-linear-gradient(bottom, #c57cfa, #3d46a1);
    background: linear-gradient(0deg, #c57cfa, #3d46a1)
}

.image-designer.image-creative:before {
    left: auto;
    right: -9px
}

.border-C9C9C9 {
    border: 1px solid #c9c9c9
}

.col-items-ecom {
    max-width: 33%;
    position: relative;
    cursor: pointer
}

.ecom-item {
    position: relative;
    overflow: hidden;
    height: 100%
}

.ecom-item h3 {
    position: absolute;
    top: calc(100% - 125px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    z-index: 5;
    font-size: 26px;
    font-weight: 600;
    max-width: 200px;
    line-height: 112%
}

.font-weight-500,
.heading-bpo p,
.step-box p {
    font-weight: 500
}

.ecom-item~a {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotateX(270deg);
    transform: translateX(-50%) rotateX(270deg);
    font-size: 14px;
    -webkit-filter: drop-shadow(0px 10px 20px rgb(0, 0, 0, .5));
    filter: drop-shadow(0px 10px 20px rgb(0, 0, 0, .5))
}

.ecom-item~a>img {
    margin-right: 9px
}

.row-mine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 927px;
    margin-left: auto;
    height: 100%
}

.text-ecom-services {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ecom-item:after,
.ecom-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d46a1), to(transparent));
    background: -o-linear-gradient(top, #3d46a1, transparent);
    background: linear-gradient(180deg, #3d46a1, transparent)
}

.abs-mix-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.btn-reg.btn-gradient {
    background: -o-linear-gradient(45deg, #8134c3, #c57cfa);
    background: linear-gradient(45deg, #8134c3, #c57cfa);
    border: none;
    width: 100%;
    max-width: 190px
}

.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, right top, left top, from(#8134c3), to(#c57cfa));
    background: -o-linear-gradient(right, #8134c3, #c57cfa);
    background: linear-gradient(270deg, #8134c3, #c57cfa);
    color: #fff !important
}

.ecom-item:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#0b7aff), to(transparent));
    background: -o-linear-gradient(bottom, #0b7aff, transparent);
    background: linear-gradient(0deg, #0b7aff, transparent);
    bottom: -100%;
    top: auto
}

.active-ecom.col-items-ecom .ecom-item:after,
.col-items-ecom:hover .ecom-item:after {
    bottom: 0
}

.col-items-ecom.active-ecom .ecom-item h3,
.col-items-ecom:hover .ecom-item h3 {
    color: #fff;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%
}

.active-ecom.col-items-ecom .ecom-item~a,
.col-items-ecom:hover .ecom-item~a {
    bottom: -30px;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) rotateX(0);
    transform: translateX(-50%) rotateX(0)
}

.color-blur-circle.bottom-right {
    left: auto;
    right: 0;
    bottom: 0;
    top: auto
}

.left-emerging,
.right-emerging {
    position: absolute;
    left: -120px;
    bottom: 120px;
    display: block
}

.left-emerging {
    -webkit-animation: 2s infinite alternate translatex;
    animation: 2s infinite alternate translatex
}

.right-emerging {
    left: auto;
    right: -120px;
    -webkit-animation: 2s infinite alternate translatexright;
    animation: 2s infinite alternate translatexright
}

@-webkit-keyframes translatex {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
}

@keyframes translatex {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
}

@-webkit-keyframes translatexright {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
}

@keyframes translatexright {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
}

.items-emerging {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.items-emerging.bigger-content {
    width: 45%
}

.box-content-emerging-heading {
    text-align: center;
    padding: 155px 0 165px
}

.box-content {
    max-width: 227px;
    min-height: 185px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    -webkit-box-shadow: 0 0 70px 0 rgb(69 154 255/50%);
    box-shadow: 0 0 70px 0 rgb(69 154 255/50%);
    border-radius: 23px;
    border: 1px solid rgb(0, 0, 0, 0.30);
    position: relative;
    overflow: hidden
}

.box-content:hover {
    border: 0;
}

.anchor-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer
}

.box-content-emerging-heading:before,
.center-emerging,
span.animation-image-top {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute
}

.box-content h3 {
    color: #001f3b;
    font-size: 25px;
    padding: 0 15px;
    width: 100%;
    -webkit-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out;
    line-height: 1.3;
}

.box-content-emerging-heading:before {
    content: '';
    top: 0;
    width: 543px;
    height: 543px;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, #3d46a1), color-stop(80%, rgb(255 255 255/23%)));
    background: -o-linear-gradient(top, #3d46a1 -100%, rgb(255 255 255/23%) 80%);
    background: linear-gradient(180deg, #3d46a1 -100%, rgb(255 255 255/23%) 80%);
    border-radius: 50%
}

.center-emerging {
    top: -50px
}

span.animation-image-top {
    width: 60px;
    top: -34px;
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 79%, 50% 100%, 0 79%, 0 0);
    clip-path: polygon(50% 0, 100% 0, 100% 79%, 50% 100%, 0 79%, 0 0);
    height: 80px
}

.heading-bpo p,
.items-bpo {
    position: relative;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

span.animation-image-top:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4086f7), to(#fff));
    background: -o-linear-gradient(bottom, #4086f7 0, #fff);
    background: linear-gradient(360deg, #4086f7 0, #fff);
    -webkit-animation: 3s linear 1s infinite height;
    animation: 3s linear 1s infinite height
}

@-webkit-keyframes height {
    0% {
        height: 0%;
        width: 100%
    }

    50%,
    65% {
        height: 100%;
        width: 100%
    }

    100% {
        top: auto;
        bottom: 0;
        height: 0%;
        width: 100%;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4086f7), to(#fff));
        background: linear-gradient(360deg, #4086f7 0, #fff 100%)
    }
}

@keyframes height {
    0% {
        height: 0%;
        width: 100%
    }

    50%,
    65% {
        height: 100%;
        width: 100%
    }

    100% {
        top: auto;
        bottom: 0;
        height: 0%;
        width: 100%;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4086f7), to(#fff));
        background: -o-linear-gradient(bottom, #4086f7 0, #fff 100%);
        background: linear-gradient(360deg, #4086f7 0, #fff 100%)
    }
}

.ml-80 {
    margin-left: 80px
}

.mr-80 {
    margin-right: 80px
}

.box-content:after,
.box-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: -webkit-gradient(linear, left top, left bottom, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(top, #3d46a1, #c57cfa);
    background: linear-gradient(180deg, #3d46a1, #c57cfa);
    width: 10px;
    height: 0;
    z-index: -1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.box-content.emergingactivate:after,
.box-content.emergingactivate:before,
.box-content:hover:after,
.box-content:hover:before {
    -webkit-animation: .7s forwards industriesweserve;
    animation: .7s forwards industriesweserve
}

@-webkit-keyframes width100 {
    0% {
        height: 20px;
        width: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        height: 20px;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        width: 100%;
        height: 100%
    }
}

@keyframes width100 {
    0% {
        height: 20px;
        width: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        height: 20px;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        width: 100%;
        height: 100%
    }
}

.box-content-emerging-heading h6 {
    margin-bottom: 29px
}

.col-bpo-items {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33% - 30px);
    flex: 0 0 calc(33% - 30px);
    max-width: calc(33% - 30px)
}

.col-bpo-items:nth-child(-n+3) {
    margin-bottom: 92px
}

.mb-97 {
    margin-bottom: 97px
}

.items-bpo {
    padding: 28px 40px;
    height: 100%
}

.heading-bpo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.heading-bpo p {
    font-size: 139px;
    background: -o-linear-gradient(310deg, #3d46a1 -140%, #3d46a100 100%);
    background: linear-gradient(140deg, #3d46a1 -140%, #3d46a100 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    line-height: 114px;
    margin-bottom: 23px
}

.heading-bpo h6 {
    font-size: 30px;
    max-width: 171px;
    color: #001f3b;
    margin-left: 15px
}

.paragraph-bpo p {
    color: #000;
    font-size: 15px;
    margin-bottom: 34px
}

.anchor-bpo a {
    color: #000;
    display: block;
    padding-left: 65px;
    font-size: 14px;
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: absolute;
    bottom: 10px
}

.anchor-bpo a:after,
.anchor-bpo a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
    width: 60px;
    background: -webkit-gradient(linear, right top, left top, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(right, #3d46a1, #c57cfa);
    background: linear-gradient(270deg, #3d46a1, #c57cfa);
    -webkit-transition: .8s ease-in-out 0.2s;
    -o-transition: .8s ease-in-out 0.2s;
    transition: .8s ease-in-out 0.2s
}

.col-bpo-items .items-bpo:after {
    width: 0%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(0 0 0/24%)), to(transparent));
    background: -o-linear-gradient(left, rgb(0 0 0/24%), transparent);
    background: linear-gradient(90deg, rgb(0 0 0/24%), transparent)
}

.items-bpo:after,
.items-bpo:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 0%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0 0 0/24%)), to(transparent));
    background: -o-linear-gradient(top, rgb(0 0 0/24%), transparent);
    background: linear-gradient(180deg, rgb(0 0 0/24%), transparent);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.col-bpo-items .items-bpo:hover .heading-bpo p,
.items-bpo.bpoactivate .heading-bpo p {
    background: -o-linear-gradient(310deg, #3d46a1, #c57cfa 100%);
    background: linear-gradient(140deg, #3d46a1, #c57cfa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.col-bpo-items .items-bpo:hover .anchor-bpo a:before,
.items-bpo.bpoactivate .anchor-bpo a:before {
    left: -100%
}

.anchor-bpo a:after {
    background: url(../assets/home/icon/arrow-right.svg) no-repeat;
    left: -100%;
    -webkit-transition: .8s ease-in;
    -o-transition: .8s ease-in;
    transition: .8s ease-in;
    height: 100%;
    -webkit-filter: invert(1) brightness(1);
    filter: invert(1) brightness(1);
    background-position-y: center;
    background-position-x: calc(100% - 10px);
    opacity: 0
}

.col-bpo-items .items-bpo:hover .anchor-bpo a:after,
.items-bpo.bpoactivate .anchor-bpo a:after {
    left: 0;
    opacity: 1
}

.image-reseller,
.image-reseller>img {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
    position: relative
}

.image-reseller:after {
    content: '';
    position: absolute;
    right: -80%;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(-200%, #3d46a1), color-stop(70%, transparent));
    background: -o-linear-gradient(left, #3d46a1 -200%, transparent 70%);
    background: linear-gradient(90deg, #3d46a1 -200%, transparent 70%);
    border-radius: 50%;
    z-index: -1
}

.button-play.playingg,
.opacity-0 {
    opacity: 0;
    visibility: hidden
}

.items:after,
.items:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: -webkit-gradient(linear, left top, left bottom, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(top, #3d46a1, #c57cfa);
    background: linear-gradient(180deg, #3d46a1, #c57cfa);
    width: 10px;
    height: 0;
    z-index: -1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0
}

@-webkit-keyframes industriesweserve {
    0% {
        height: 0;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        height: 100%;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        width: 100%;
        height: 100%
    }
}

@keyframes industriesweserve {
    0% {
        height: 0;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        height: 100%;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        width: 100%;
        height: 100%
    }
}

.items.active-industry:after,
.items.active-industry:before,
.items:hover:after,
.items:hover:before {
    opacity: 1;
    -webkit-animation: .7s forwards industriesweserve;
    animation: .7s forwards industriesweserve
}

.items.active-industry .text-items h6,
.items:hover .text-items h6 {
    color: #fff;
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0
}

.items.active-industry .image-items,
.items:hover .image-items {
    background: -o-linear-gradient(45deg, transparent, transparent);
    background: linear-gradient(45deg, transparent, transparent);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.fa-16 {
    font-size: 16px
}

.letter-spacing-02 {
    letter-spacing: -.2px
}

.line-height-167 {
    line-height: 167%
}

.max-547 {
    max-width: 547px
}

.fa-100 {
    font-size: 100px
}

.fa-224 {
    font-size: 224px
}

.row-pricing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.col-pricing {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 32.5px);
    flex: 0 0 calc(50% - 32.5px);
    max-width: 446px;
    margin-right: 45px
}

.column-responsive-pricing {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section-pricing.pricing-right .column-responsive-pricing {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pricing-main-panel {
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to bottom, #3d46a1, #c57cfa);
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#cce9ff), to(transparent));
    background: -o-linear-gradient(top, #cce9ff, transparent);
    background: linear-gradient(180deg, #cce9ff, transparent);
    padding: 60px 28px 60px 48px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pricing-items ul li {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
}

.rotated-items-text {
    position: relative;
    right: 0;
    bottom: 0;
    font-size: 88px;
    text-align: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    -ms-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
}

.pricing-main-panel>a.btn-reg.btn-gradient {
    position: absolute;
    bottom: -20%;
    background: #3d46a1;
    -webkit-box-shadow: 0 9px 40px 0 rgb(0 0 0/50%);
    box-shadow: 0 9px 40px 0 rgb(0 0 0/50%);
    visibility: hidden;
    opacity: 0
}

.pricing-main-panel.selected-pricing>a.btn-reg.btn-gradient {
    bottom: -30px;
    visibility: visible;
    opacity: 1
}

.rotated-items-text h6,
.rotated-items-text h1 {
    font-size: 80px;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    font-weight: 700;
    color: var(--blue);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: max-content
}

.pricing-flex-play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pricing-items {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    max-width: fit-content;
}

.pricing-flex-play .pricing-items {
    flex: 0 0 65%;
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
}

.content-right-column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    margin: auto 0
}

.content-right-column h1,
.content-right-column h4 {
    font-weight: 500;
    color: rgb(0 31 59/10%);
    letter-spacing: -5.5px
}

.content-right-column .fa-224 {
    letter-spacing: -6.5px
}

.pricing-items span {
    font-size: 30px;
    font-weight: 500;
    color: var(--blue)
}

.pricing-items h3 {
    font-size: 50px;
    color: #3d46a1;
    letter-spacing: -.2px;
    line-height: 112%;
    font-weight: 700
}

.pricing-main-panel:after,
.pricing-main-panel:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #3d46a1), to(#c57cfa));
    background: -o-linear-gradient(top, #3d46a1 50%, #c57cfa);
    background: linear-gradient(180deg, #3d46a1 50%, #c57cfa);
    z-index: 0;
    opacity: 0;
    -webkit-animation: 1.5s forwards industriesweservereversal;
    animation: 1.5s forwards industriesweservereversal;
    opacity: 1
}

.pricing-main-panel.selected-pricing:after,
.pricing-main-panel.selected-pricing:before {
    -webkit-animation: 1.5s forwards industriesweserveextrapixel;
    animation: 1.5s forwards industriesweserveextrapixel;
    opacity: 1
}

.pricing-main-panel.selected-pricing .rotated-items-text h6,
.pricing-main-panel.selected-pricing .rotated-items-text h1 {
    color: #53e1ff
}

@-webkit-keyframes industriesweserveextrapixel {
    0% {
        height: 0;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        height: calc(100% + 1px);
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        width: calc(100% + 1px);
        height: calc(100% + 1px)
    }
}

@keyframes industriesweserveextrapixel {
    0% {
        height: 0;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        height: calc(100% + 1px);
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        width: calc(100% + 1px);
        height: calc(100% + 1px)
    }
}

@-webkit-keyframes industriesweservereversal {
    0% {
        width: calc(100% + 1px);
        height: calc(100% + 1px)
    }

    50% {
        height: calc(100% + 1px);
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        height: 0;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes industriesweservereversal {
    0% {
        width: calc(100% + 1px);
        height: calc(100% + 1px)
    }

    50% {
        height: calc(100% + 1px);
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        height: 0;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.pricing-main-panel>* {
    z-index: 1
}

.pricing-main-panel.selected-pricing .pricing-items h3,
.pricing-main-panel>*,
.pricing-shade-lg,
.pricing-shade-sm,
.rotated-items-text h1,
.rotated-items-text h6 {
    -webkit-transition: .2s ease-in 0.5s;
    -o-transition: .2s ease-in 0.5s;
    transition: .2s ease-in 0.5s
}

.box-content:after,
.box-content:before,
.items:after,
.items:before {
    -webkit-animation: .7s forwards industriesweservereversal;
    animation: .7s forwards industriesweservereversal
}

.row-pricing-servicess>.col-pricing {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33% - 20px);
    flex: 0 0 calc(33% - 20px);
    max-width: 500px
}

.pricing-main-panel>.pricing-items,
.services-parent.service-below {
    margin-top: 45px
}

.text-resources-service h3,
.text-resources-service h1 {
    font-size: 80px;
    color: var(--blue);
    letter-spacing: -5.5px;
    line-height: 112%;
    font-weight: 500
}

.text-resources-service p {
    font-size: 20px;
    line-height: 169%;
    margin: 33px 0 75px;
    max-width: calc(100% - 80px)
}

.text-resources-service span a {
    color: #000;
    font-weight: 500
}

.image-resource-service {
    max-width: 409px;
    margin: 0 80px 0 auto;
    position: relative
}

.max-w-1270,
.max-w-368 {
    margin-left: auto;
    margin-right: auto
}

.image-resource-service .image-behind {
    position: absolute;
    right: 0;
    bottom: -10px;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: -1
}

.image-resource-service:after,
.image-resource-service:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% + 160px);
    height: calc(100% + 160px);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #3d46a1), color-stop(70%, transparent));
    background: -o-linear-gradient(top, #3d46a1 -50%, transparent 70%);
    background: linear-gradient(180deg, #3d46a1 -50%, transparent 70%);
    border-radius: 50%;
    z-index: -2
}

.image-resource-service:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(70%, transparent));
    background: -o-linear-gradient(top, #fff 0, transparent 70%);
    background: linear-gradient(180deg, #fff 0, transparent 70%);
    z-index: -1;
    width: calc(100% + 30px);
    height: calc(100% + 30px)
}

.py-190-130 {
    padding-top: 190px;
    padding-bottom: 130px
}

.inverse-rows-text .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.inverse-rows-text .row .image-resource-service {
    margin-left: 80px;
    margin-right: 0
}

.text-resource-services-section.inverse-rows-text:before {
    left: auto;
    right: -480px
}

.hz-op-content p.max-w-1270,
.max-w-1270 {
    max-width: 1250px
}

.max-w-368 {
    max-width: 368px
}

.fa-145 {
    font-size: 145px
}

.mega-menu-service-main-box {
    position: absolute;
    right: 0;
    width: 100%;
    padding: 70px;
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);
    top: 85px;
    border-radius: 52.35px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-box-shadow: 0 40px 70px 0 rgb(0 0 0/25%);
    box-shadow: 0 40px 70px 0 rgb(0 0 0/25%);
    overflow: hidden;
    z-index: 1
}

.mega-menu-service-main-box:after {
    content: '';
    position: absolute;
    right: -480px;
    top: -180px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 900px;
    height: 900px;
    background: -o-linear-gradient(22deg, #3ac1f6 0, transparent 50%);
    background: linear-gradient(68deg, #3ac1f6 0, transparent 50%);
    border-radius: 50%;
    z-index: -1
}

li.mega-menu-open {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

li.mega-menu-open:hover .mega-menu-service-main-box {
    top: 75px;
    visibility: visible;
    opacity: 1;
    z-index: 99999
}

.contact-page .form input,
.contact-page .form textarea,
.heading-mega {
    margin-bottom: 50px
}

.heading-mega h6 {
    z-index: 1;
    letter-spacing: -2px;
    display: inline-block;
    position: relative;
    font-size: 68px
}

.heading-mega h6:after {
    content: '';
    position: absolute;
    left: 110%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% + 100%);
    max-width: 705px;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#098af300), to(#c57cfa));
    background: -o-linear-gradient(left, #098af300, #c57cfa);
    background: linear-gradient(90deg, #098af300, #c57cfa)
}

.heading-mega .mega-second h3 {
    font-size: 55px;
    color: rgb(0 31 59/10%)
}

.tabs-mega-menu>.d-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tabs-mega-menu .tab-content {
    max-width: 662px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%
}

.tabs-mega-menu>div.d-flex .nav-pills .nav-link {
    background: 0 0;
    border: none;
    text-align: left;
    font-size: 18px;
    color: #b9b9b9;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    padding-left: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tabs-mega-menu>div.d-flex .nav-pills .nav-link.active {
    color: var(--blue);
    padding-left: 30px
}

.tabs-mega-menu>div.d-flex .nav-pills .nav-link:before {
    content: '';
    position: absolute;
    left: -50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../assets/home/icon/arrowblue.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left center;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

ul.items-tab-content-mega-menu {
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

ul.items-tab-content-mega-menu li a {
    color: var(--blue);
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

ul.items-tab-content-mega-menu li {
    margin-bottom: 18px;
    padding: 0 0 30px
}

ul.items-tab-content-mega-menu li .icons-mega {
    width: 38px;
    height: 38px;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    -webkit-box-shadow: 0 0 20px 3px #5cd1ff82;
    box-shadow: 0 0 20px 3px #5cd1ff82;
    position: relative
}

ul.items-tab-content-mega-menu li .icons-mega:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    border: .3px solid #5cd1ff;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

ul.items-tab-content-mega-menu li a:before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: calc(100% + 10px);
    background: -webkit-gradient(linear, left top, right top, from(rgb(69 154 255/37%)), to(transparent));
    background: -o-linear-gradient(left, rgb(69 154 255/37%), transparent);
    background: linear-gradient(90deg, rgb(69 154 255/37%), transparent);
    z-index: -1;
    border-radius: 15px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

ul.items-tab-content-mega-menu li a.active:before,
ul.items-tab-content-mega-menu li a:hover:before {
    width: calc(100% - 80px)
}

.services-main-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    color: #fff
}

.services-main-services>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 100px
}

.services-parent h3 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 6px 6px 10px;
    position: relative;
    display: inline-block
}

.services-parent ul li a {
    color: #fff;
    margin-bottom: 5px;
    display: inline-block;
    padding: 6px;
    font-size: 15px;
    position: relative
}

.services-parent ul li a:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 0;
    width: 0%;
    height: 100%;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #53c7f6), color-stop(80%, transparent));
    background: -o-linear-gradient(left, #53c7f6 20%, transparent 80%);
    background: linear-gradient(90deg, #53c7f6 20%, transparent 80%);
    z-index: -1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.services-parent h3:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: calc(100% - 12px);
    background: -o-linear-gradient(45deg, #fff, transparent);
    background: linear-gradient(45deg, #fff, transparent);
    height: 3.5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .5
}

.emerging-tech-blockchain.bg-linear-gradient.bg-image-on-top {
    background: -webkit-gradient(linear, left top, left bottom, from(#075dde), to(#0074fe00));
    background: -o-linear-gradient(top, #075dde, #0074fe00);
    background: linear-gradient(180deg, #075dde, #0074fe00)
}

.emerging-tech-blockchain.bg-linear-gradient.bg-image-on-top:before {
    background-image: url(../assets/emerging-tech/blockchain/bgsec2.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 1100px;
    z-index: -10;
    background-size: auto
}

.emerging-tech-augmented-reality {
    background: #000d3a
}

.top-right-gradient-circle.w-extra-blockchain {
    width: 1450px;
    height: 1200px
}

.banner-right-img-blockchain {
    position: absolute;
    right: 200px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.right-blockchain-cirlcle:after {
    content: '';
    position: absolute;
    right: -200px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #002fa9;
    width: 537px;
    height: 537px;
    border-radius: 50%;
    -webkit-filter: blur(250px);
    filter: blur(250px);
    z-index: -1
}

.banner-right-img-blockchain:after {
    content: '';
    position: absolute;
    right: -200px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 593px;
    height: 580px;
    background-image: url(../assets/emerging-tech/blockchain/right-blockchain.png);
    background-repeat: no-repeat;
    background-size: auto
}

.center-image-blockchain {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -100px;
    z-index: 9
}

.center-image-blockchain>img:last-child {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: -1;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}

.banner-images-blockchain>img {
    animation: 3s linear infinite rotate360simple;
    -webkit-animation: 3s linear infinite rotate360simple;
    -moz-animation: 3s linear infinite rotate360simple
}

@-webkit-keyframes rotate360simple {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360simple {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes blinking {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blinking {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.box-blockchain {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d46a1), to(transparent));
    background: -o-linear-gradient(bottom, #3d46a1 0, transparent);
    background: linear-gradient(0deg, #3d46a1 0, transparent);
}

img.image-behind-block {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%
}

span.before-after-images-lines:after,
span.before-after-images-lines:before {
    content: '';
    position: absolute;
    left: -102px;
    top: -32px;
    width: 5px;
    height: 250px;
    -webkit-transform: rotate(125deg);
    -ms-transform: rotate(125deg);
    transform: rotate(125deg);
    background: -o-linear-gradient(315deg, #016dc8, transparent);
    background: linear-gradient(135deg, #016dc8, transparent);
    z-index: -4;
    -webkit-animation: 5s infinite alternate blinking;
    animation: 5s infinite alternate blinking
}

span.before-after-images-lines:after {
    left: auto;
    top: auto;
    right: -103px;
    bottom: -32px;
    background: -o-linear-gradient(134deg, #016dc8, transparent);
    background: linear-gradient(316deg, #016dc8, transparent)
}

.before-after-images-lines.left-image-blockchain:before {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    top: auto;
    bottom: -24px;
    left: -109px
}

.before-after-images-lines.left-image-blockchain:after {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    top: -24px;
    right: -109px
}

.blockchain-bg-with-text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background: url(../assets/emerging-tech/blockchain/circles-bg.png) left center no-repeat;
    z-index: -1;
    -webkit-filter: blur(150px);
    filter: blur(150px)
}

.blockchain-bg-with-text.bg-right-bc:before {
    -webkit-transform: scaleX(-1) translateY(-50%);
    -ms-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%)
}

.emerging-tech .footer::before,
.emerging-tech-augmented-reality .footer::before,
.emerging-tech-blockchain .footer::before,
.emerging-tech-virtual-reality .footer::before {
    background: -o-linear-gradient(118deg, #3d46a1 0, transparent 60%);
    background: linear-gradient(332deg, #3d46a1 0, transparent 60%);
    opacity: .5
}

.emerging-tech-nft .footer::before,
.emerging-tech-web03 .footer::before {
    background: -o-linear-gradient(118deg, #db00ff 0, transparent 60%);
    background: linear-gradient(332deg, #db00ff 0, transparent 60%);
    opacity: .5
}

.emerging-tech-nft .left-line h2:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f8006c), color-stop(50%, #3d46a138), color-stop(90%, #fff0));
    background: -o-linear-gradient(left, #f8006c 0, #3d46a138 50%, #fff0 90%);
    background: linear-gradient(90deg, #f8006c 0, #3d46a138 50%, #fff0 90%)
}

.emerging-tech-nft .left-line h2:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #f8006c), color-stop(50%, #3d46a138), color-stop(90%, #fff0));
    background: -o-linear-gradient(right, #f8006c 0, #3d46a138 50%, #fff0 90%);
    background: linear-gradient(270deg, #f8006c 0, #3d46a138 50%, #fff0 90%)
}

.emerging-tech-web03 .left-line h2:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #885dab), color-stop(50%, #4401B638), color-stop(90%, #fff0));
    background: -o-linear-gradient(left, #885dab 0, #4401B638 50%, #fff0 90%);
    background: linear-gradient(90deg, #885dab 0, #4401B638 50%, #fff0 90%)
}

.emerging-tech-web03 .left-line h2:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #885dab), color-stop(50%, #4401B638), color-stop(90%, #fff0));
    background: -o-linear-gradient(right, #885dab 0, #4401B638 50%, #fff0 90%);
    background: linear-gradient(270deg, #885dab 0, #4401B638 50%, #fff0 90%)
}

.emerging-tech-nft .testi-slider .testi-inner:nth-child(2n) {
    background: #7000ff
}

.emerging-tech-nft .testi-slider .testi-inner:nth-child(odd) {
    background: #ff006b
}

.emerging-tech-virtual-reality .testi-inner:nth-child(2n),
.emerging-tech-web03 .testi-slider .testi-inner:nth-child(2n) {
    background: #4401b6
}

.emerging-tech-virtual-reality .testi-inner:nth-child(odd),
.emerging-tech-web03 .testi-slider .testi-inner:nth-child(odd) {
    background: #885dab
}

.emerging-tech-virtual-reality .bg-blue:before,
.emerging-tech-virtual-reality .portfolio-section .port-inner .hz-btn:before,
.emerging-tech-web03 .bg-blue:before,
.emerging-tech-web03 .portfolio-section .port-inner .hz-btn:before {
    background: -webkit-gradient(linear, left top, right top, from(#885dab), to(#4401b6));
    background: -o-linear-gradient(left, #885dab, #4401b6);
    background: linear-gradient(90deg, #885dab, #4401b6)
}

.emerging-tech-nft .bg-blue:before {
    background: -webkit-gradient(linear, left top, right top, from(#ff006b), to(#100bff4d));
    background: -o-linear-gradient(left, #ff006b, #100bff4d);
    background: linear-gradient(90deg, #ff006b, #100bff4d)
}

.emerging-tech-nft .follow-txt h5:before,
.emerging-tech-nft .social-links-wrap a.social-link,
.emerging-tech-nft .foot-head:before,
.emerging-tech-nft ul.foot-nav li a:before {
    background: -webkit-gradient(linear, left top, right top, from(#f8006c), color-stop(80%, #3d46a100));
    background: -o-linear-gradient(left, #f8006c, #3d46a100 80%);
    background: linear-gradient(90deg, #f8006c, #3d46a100 80%)
}

.emerging-tech-virtual-reality .follow-txt h5:before,
.emerging-tech-virtual-reality .social-links-wrap a.social-link,
.emerging-tech-virtual-reality .foot-head:before,
.emerging-tech-virtual-reality ul.foot-nav li a:before,
.emerging-tech-web03 .follow-txt h5:before,
.emerging-tech-web03 .social-links-wrap a.social-link,
.emerging-tech-web03 .foot-head:before,
.emerging-tech-web03 ul.foot-nav li a:before {
    background: -webkit-gradient(linear, left top, right top, from(#885dab), to(#885DAB8c));
    background: -o-linear-gradient(left, #885dab, #885DAB8c);
    background: linear-gradient(90deg, #885dab, #885DAB8c)
}

.emerging-tech-nft .portfolio-section .port-inner .hz-btn {
    -webkit-box-shadow: 0 20px 40px 0 #eb026969;
    box-shadow: 0 20px 40px 0 #eb026969
}

.emerging-tech-virtual-reality .slick-btns button.prev-arrow,
.emerging-tech-web03 .slick-btns button.prev-arrow {
    background: -webkit-gradient(linear, left top, right top, from(#4401b6), to(#4401B682));
    background: -o-linear-gradient(left, #4401b6, #4401B682);
    background: linear-gradient(90deg, #4401b6, #4401B682)
}

.emerging-tech-virtual-reality .slick-btns button,
.emerging-tech-web03 .slick-btns button {
    background: -webkit-gradient(linear, left top, right top, from(#885dab), to(#885DAB8c));
    background: -o-linear-gradient(left, #885dab, #885DAB8c);
    background: linear-gradient(90deg, #885dab, #885DAB8c);
    border: none
}

.emerging-tech-virtual-reality .portfolio-section .port-inner .hz-btn,
.emerging-tech-web03 .portfolio-section .port-inner .hz-btn {
    background: -webkit-gradient(linear, left top, right top, from(#885dab), to(#885DAB8c));
    background: -o-linear-gradient(left, #885dab, #885DAB8c);
    background: linear-gradient(90deg, #885dab, #885DAB8c);
    -webkit-box-shadow: 0 20px 40px 0 #885DAB69;
    box-shadow: 0 20px 40px 0 #885DAB69
}

.emerging-tech-nft .portfolio-section .port-inner .hz-btn,
.emerging-tech-nft .slick-btns button {
    background: -webkit-gradient(linear, left top, right top, from(#e90268), to(#de02648c));
    background: -o-linear-gradient(left, #e90268, #de02648c);
    background: linear-gradient(90deg, #e90268, #de02648c)
}

.emerging-tech-nft .portfolio-section .port-inner .hz-btn:before {
    background: -webkit-gradient(linear, left top, right top, from(#e90268), to(#de0264));
    background: -o-linear-gradient(left, #e90268, #de0264);
    background: linear-gradient(90deg, #e90268, #de0264)
}

.emerging-tech-nft .slick-btns button {
    border: none
}

.emerging-tech-nft .slick-btns button.prev-arrow {
    background: -webkit-gradient(linear, left top, right top, from(#7002ff), to(#7004ff82));
    background: -o-linear-gradient(left, #7002ff, #7004ff82);
    background: linear-gradient(90deg, #7002ff, #7004ff82)
}

.emerging-tech ul.foot-nav li a:before,
.emerging-tech-blockchain ul.foot-nav li a:before {
    background: -webkit-gradient(linear, right top, left top, from(#3d46a1), to(#c57cfa));
    background: -o-linear-gradient(right, #3d46a1, #c57cfa);
    background: linear-gradient(-90deg, #3d46a1, #c57cfa)
}

.container-1547 {
    max-width: 1547px;
    margin: 0 auto
}

.contact-main-area {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-50%, #3779ff), to(transparent));
    background: -o-linear-gradient(bottom, #3779ff -50%, transparent);
    background: linear-gradient(0deg, #3779ff -50%, transparent);
    border-radius: 75px;
    padding: 80px 0 80px 100px;
    position: relative
}

.contact-main-area button.btn-reg.btn-gradient {
    position: absolute;
    bottom: -30px;
    margin-left: 25px;
    max-width: 220px
}

.contact-main-area .col-lg-8,
.contact-main-area .row,
.contact-section.contact-augmentendreality .col-lg-4,
.contact-section.contact-virtual-reality .contact-main-area .col-lg-4,
.contact-section.contact-web03.py-110 .col-lg-4 {
    position: unset
}

.contact-main-area .col-lg-4 img {
    width: 100%;
    padding-right: 35px
}

.contact-main-area h3 {
    color: #fff;
    opacity: .3;
    line-height: 103.5%;
    letter-spacing: -3.5px;
    margin-bottom: 35px
}

.form {
    max-width: 610px
}

.form select,
.form input,
.form textarea {
    width: 100%;
    margin-bottom: 15px;
    padding: 17px 15px 17px 1px;
    background: 0 0;
    border: none;
    border-bottom: 1.4px solid #3069de;
    color: #fff;
    font-size: 23.77px;
    resize: none
}

.form select {
    border-color: #fff;
}

::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(1);
}

.form label {
    font-size: 16px;
    color: #5fd8fc;
    margin: 0;
}

.form select option {
    color: #000;
}

.form input::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
    color: #fff
}

.form input::-moz-placeholder,
.form textarea::-moz-placeholder {
    color: #fff
}

.form input:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
    color: #fff
}

.form input::-ms-input-placeholder,
.form textarea::-ms-input-placeholder {
    color: #fff
}

.form input::placeholder,
.form textarea::placeholder {
    color: #fff
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.contact-section.contact-nft .contact-main-area {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-20%, #ff007a), color-stop(50%, #5119ef3d), color-stop(80%, #000));
    background: -o-linear-gradient(bottom, #ff007a -20%, #5119ef3d 50%, #000 80%);
    background: linear-gradient(0deg, #ff007a -20%, #5119ef3d 50%, #000 80%)
}

.contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form {
    width: auto;
    padding-right: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact-section.contact-nft .contact-main-area .form input,
.contact-section.contact-nft .contact-main-area .form textarea {
    border-color: #ff007a
}

.contact-section.contact-nft .contact-main-area button.btn-reg.btn-gradient,
.contact-section.contact-virtual-reality .contact-main-area button.btn-reg.btn-gradient,
.contact-section.contact-web03 .contact-main-area button.btn-reg.btn-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#a00bfc), to(#3700ad));
    background: -o-linear-gradient(left, #a00bfc, #3700ad);
    background: linear-gradient(90deg, #a00bfc, #3700ad)
}

.contact-section.contact-nft .contact-main-area button.btn-reg.btn-gradient:before,
.contact-section.contact-web03 .contact-main-area button.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, left top, right top, from(#ff007a), to(#5119ef3d));
    background: -o-linear-gradient(left, #ff007a, #5119ef3d);
    background: linear-gradient(90deg, #ff007a, #5119ef3d)
}

body.emerging-tech {
    background: #0d0d0d
}

span.nft-gradient-animation {
    position: absolute;
    display: block;
    width: 1330px;
    height: 255px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff006b), color-stop(50%, #100bff2e), color-stop(0, #ff006b), color-stop(50%, #100bff2e));
    background: -o-linear-gradient(left, #ff006b 0, #100bff2e 50%, #ff006b 0, #100bff2e 50%);
    background: linear-gradient(90deg, #ff006b 0, #100bff2e 50%, #ff006b 0, #100bff2e 50%);
    -webkit-transform: rotate(325deg) translateY(-50%);
    -ms-transform: rotate(325deg) translateY(-50%);
    transform: rotate(325deg) translateY(-50%);
    right: -300px;
    top: 50%;
    border-radius: 10px;
    background-size: 400% 400%;
    -webkit-animation: 10s linear infinite gradient;
    animation: 10s linear infinite gradient
}

@-webkit-keyframes gradient {

    0%,
    100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

@keyframes gradient {

    0%,
    100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

span.nft-gradient-animation.invert-directions {
    right: auto;
    left: -240px;
    animation-direction: reverse;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    top: 47%
}

.nfts-right-img img {
    -webkit-filter: drop-shadow(0px 30px 10px black);
    filter: drop-shadow(0px 30px 10px black);
    width: 100%;
}

.banner-images-augreal {
    position: absolute;
    right: 6vw;
    bottom: 0;
    mix-blend-mode: screen;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50vw;
    height: calc(100% - 8vw);
}

.banner-images-augreal img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.emerging-tech-augmented-reality .banner-section {
    background-image: url(../assets/emerging-tech/augmentedreality/banner-before.png);
    background-size: cover;
    background-position: center right;
    background-color: #000d3a
}

.section-2.emerging-tech-augmented-reality:before {
    background-image: url(../assets/emerging-tech/augmentedreality/whyoip.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 1000px
}

.section-2.emerging-tech-augmented-reality {
    background: -webkit-gradient(linear, left top, left bottom, from(#002393), to(transparent));
    background: -o-linear-gradient(top, #002393, transparent);
    background: linear-gradient(180deg, #002393, transparent);
    padding: 200px 0
}

.box-ar {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3d46a1), to(transparent));
    background: -o-linear-gradient(top, #3d46a1 20%, transparent 100%);
    background: linear-gradient(180deg, #3d46a1 20%, transparent 100%);
}

.image-ar-service {
    display: inline-block;
    position: relative
}

.image-ar-service:before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, #3d46a1), to(#ffffff36));
    background: -o-linear-gradient(top, #3d46a1 -10%, #ffffff36);
    background: linear-gradient(180deg, #3d46a1 -10%, #ffffff36);
    border-radius: 50%;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ar-bg-with-text {
    position: absolute;
    width: 100%;
    height: 1632px;
    top: -800px;
    left: 0;
    display: block;
    z-index: -1;
    background-image: url(../assets/emerging-tech/augmentedreality/bg-image-ar.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left top;
    opacity: .5
}

.ar-bg-with-text.bg-right-ar,
span.bg-image-vr.revervrbgimage {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.image-ar-unique-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cols-ar-img-service {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-100%, #3d46a1), color-stop(110%, #ffffff36));
    background: -o-linear-gradient(bottom, #3d46a1 -100%, #ffffff36 110%);
    background: linear-gradient(360deg, #3d46a1 -100%, #ffffff36 110%);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 237px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 28.4px;
    min-height: 343px
}

.contact-section.contact-augmentendreality img {
    width: auto;
    position: absolute;
    bottom: 0;
    right: -160px
}

.fa-90 {
    font-size: 90px
}

.banner-web03 {
    background-repeat: no-repeat;
    background-image: url('../assets/emerging-tech/web03/bgbannerfull.png');
    background-size: cover;
    background-position: center;
    padding-bottom: 295px;
    padding-top: 406px
}

.emerging-tech-web03 .bg-image-on-top:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#3a0272), color-stop(60%, transparent));
    background: -o-linear-gradient(top, #3a0272, transparent 60%);
    background: linear-gradient(180deg, #3a0272, transparent 60%);
    height: 1085px;
    z-index: 0
}

.emerging-tech-web03 .bg-image-on-top:after {
    content: '';
    position: absolute;
    left: 50px;
    top: 100px;
    background-image: url('../assets/emerging-tech/web03/whyoip.png');
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    z-index: 0;
    background-size: auto;
    opacity: .6;
    mix-blend-mode: soft-light
}

.emerging-tech-web03.section-2 .row.align-items-center {
    z-index: 1;
    position: relative
}

.box-web03 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #11318029), to(#1d4a9d));
    background: -o-linear-gradient(top, #11318029 20%, #1d4a9d);
    background: linear-gradient(180deg, #11318029 20%, #1d4a9d)
}

.box-web03 .oh-icon {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #113180), to(#8161e7));
    background: -o-linear-gradient(bottom, #113180 0, #8161e7);
    background: linear-gradient(0deg, #113180 0, #8161e7)
}

.box-web03 .oh-icon h2 {
    color: #fff;
    background: 0 0;
    -webkit-text-fill-color: inherit
}

.contactimageweb03main {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    height: 80%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: right;
    z-index: 0
}

.contact-section.contact-web03 img {
    width: auto;
    padding: 0
}

.contact-section.contact-web03 .contact-main-area {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-20%, #c184c2), color-stop(70%, #5119ef36), to(#fff0));
    background: -o-linear-gradient(bottom, #c184c2 -20%, #5119ef36 70%, #fff0);
    background: linear-gradient(0deg, #c184c2 -20%, #5119ef36 70%, #fff0)
}

.contactimageweb03 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 50px
}

.contact-section.contact-web03 .contact-main-area .form input,
.contact-section.contact-web03 .contact-main-area .form textarea {
    border-color: #d98beb
}

.contact-main-area input:-webkit-autofill,
.contact-main-area input:-webkit-autofill:focus,
.contact-main-area input:-webkit-autofill:hover,
.contact-main-area select:-webkit-autofill,
.contact-main-area select:-webkit-autofill:focus,
.contact-main-area select:-webkit-autofill:hover,
.contact-main-area textarea:-webkit-autofill,
.contact-main-area textarea:-webkit-autofill:focus,
.contact-main-area textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px #00000000 inset;
    -webkit-transition: background-color 5000s ease-in-out;
    transition: background-color 5000s ease-in-out
}

.banner-vr {
    background-image: url('../assets/emerging-tech/virtualreality/bottom-banner.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding: 353px 0;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.emerging-tech-virtual-reality {
    background: #07082d
}

.banner-right-img-virtualreality {
    position: absolute;
    right: 250px;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1
}

.banner-images-virtualreality {
    position: absolute;
    top: -150px;
    z-index: 1
}

.background-images-mulitple {
    position: absolute;
    width: 55%;
    right: 0;
    height: 100%;
    top: 0;
    z-index: 1
}

.background-images-mulitple img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: 8s 5s infinite alternate imagerotatetranslate;
    animation: 8s 5s infinite alternate imagerotatetranslate
}

.earthalone,
.image-on-top-map>img,
img.bg-banner-finance {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.background-images-mulitple img.image1anime {
    right: -50px;
    top: 30%;
    -webkit-animation: 9s linear infinite image4anime;
    animation: 9s linear infinite image4anime
}

.background-images-mulitple img.image2anime {
    top: 30%;
    -webkit-animation: 8s infinite alternate imagerotatetranslate;
    animation: 8s infinite alternate imagerotatetranslate
}

.background-images-mulitple img.image3anime {
    top: 60%;
    left: -50px
}

.background-images-mulitple img.image4anime {
    top: 35%;
    left: -200px;
    -webkit-animation: 25s infinite alternate image4anime;
    animation: 25s infinite alternate image4anime
}

.background-images-mulitple img.image5anime {
    top: 44%;
    right: 13%;
    -webkit-animation: 9s 1s infinite alternate image4anime;
    animation: 9s 1s infinite alternate image4anime
}

.background-images-mulitple img.image6anime {
    top: 30%;
    right: 350px;
    -webkit-animation: 3s linear infinite image4anime;
    animation: 3s linear infinite image4anime
}

.background-images-mulitple img.image7anime {
    top: 18%;
    right: 50%
}

@-webkit-keyframes image4anime {
    from {
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }

    to {
        -webkit-transform: translateY(-50%) rotate(360deg);
        transform: translateY(-50%) rotate(360deg)
    }
}

@keyframes image4anime {
    from {
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }

    to {
        -webkit-transform: translateY(-50%) rotate(360deg);
        transform: translateY(-50%) rotate(360deg)
    }
}

@-webkit-keyframes imagerotatetranslate {
    from {
        -webkit-transform: translateY(calc(-50% + 0)) rotate(0);
        transform: translateY(calc(-50% + 0)) rotate(0)
    }

    to {
        -webkit-transform: translateY(calc(-50% + 80px)) rotate(360deg);
        transform: translateY(calc(-50% + 80px)) rotate(360deg)
    }
}

@keyframes imagerotatetranslate {
    from {
        -webkit-transform: translateY(calc(-50% + 0)) rotate(0);
        transform: translateY(calc(-50% + 0)) rotate(0)
    }

    to {
        -webkit-transform: translateY(calc(-50% + 80px)) rotate(360deg);
        transform: translateY(calc(-50% + 80px)) rotate(360deg)
    }
}

@-webkit-keyframes imagerotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes imagerotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes imagetranslate {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(25px);
        transform: translateY(25px)
    }
}

@keyframes imagetranslate {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(25px);
        transform: translateY(25px)
    }
}

.banner-images-virtualreality img {
    -webkit-animation: 7s infinite alternate imagetranslate;
    animation: 7s infinite alternate imagetranslate
}

.banner-right-img-virtualreality>img {
    -webkit-animation: 5s linear infinite imagerotate;
    animation: 5s linear infinite imagerotate;
    z-index: -1
}

.emerging-tech-virtual-reality.section-2:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#7000ff), to(transparent));
    background: -o-linear-gradient(top, #7000ff, transparent);
    background: linear-gradient(180deg, #7000ff, transparent);
    height: 580px
}

.emerging-tech-virtual-reality .text-resource-services-section:before {
    background: #6d00fa
}

.emerging-tech-virtual-reality .text-resource-services-section .blockchain-bg-with-text:before {
    background: no-repeat #8713be;
    left: -400px;
    top: 50%;
    opacity: 1;
    height: 911px;
    width: 911px;
    -webkit-filter: blur(800px);
    filter: blur(800px);
    border-radius: 50%
}

.emerging-tech-virtual-reality .text-resource-services-section .blockchain-bg-with-text.bg-right-bc:before {
    right: -400px;
    left: auto
}

.emerging-tech-virtual-reality .left-line h2:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(20%, #4200ff00), to(#e102e4));
    background: -o-linear-gradient(right, #4200ff00 20%, #e102e4);
    background: linear-gradient(270deg, #4200ff00 20%, #e102e4)
}

.emerging-tech-virtual-reality .left-line h2:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #4200ff00), to(#e102e4));
    background: -o-linear-gradient(left, #4200ff00 20%, #e102e4);
    background: linear-gradient(90deg, #4200ff00 20%, #e102e4)
}

.emerging-tech-virtual-reality .port-inner .hz-btn {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #4200ff9e), to(#e102e4));
    background: -o-linear-gradient(left, #4200ff9e 20%, #e102e4);
    background: linear-gradient(90deg, #4200ff9e 20%, #e102e4);
    -webkit-box-shadow: 0 20px 40px 0 #e102E469;
    box-shadow: 0 20px 40px 0 #e102E469
}

.emerging-tech-virtual-reality .bg-blue:before,
.emerging-tech-virtual-reality .follow-txt h5:before,
.emerging-tech-virtual-reality .portfolio-section .port-inner .hz-btn:before,
.emerging-tech-virtual-reality .social-links-wrap a.social-link,
.emerging-tech-virtual-reality .foot-head:before,
.emerging-tech-virtual-reality ul.foot-nav li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #4200ff), to(#e102e4));
    background: -o-linear-gradient(left, #4200ff 20%, #e102e4);
    background: linear-gradient(90deg, #4200ff 20%, #e102e4)
}

.emerging-tech-virtual-reality .testi-inner:nth-child(odd) {
    background: #4200ff
}

.emerging-tech-virtual-reality .testi-inner:nth-child(2n) {
    background: #e102e4
}

.emerging-tech-virtual-reality .slick-btns button {
    background: -webkit-gradient(linear, right top, left top, color-stop(20%, #e102E4e9), to(#e102e4));
    background: -o-linear-gradient(right, #e102E4e9 20%, #e102e4);
    background: linear-gradient(-90deg, #e102E4e9 20%, #e102e4)
}

.emerging-tech-virtual-reality .slick-btns button.prev-arrow {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #4200ffe9), to(#4200ff));
    background: -o-linear-gradient(left, #4200ffe9 20%, #4200ff);
    background: linear-gradient(90deg, #4200ffe9 20%, #4200ff)
}

.bg-image-vr {
    position: absolute;
    background: url('../assets/emerging-tech/virtualreality/design-back.png') right bottom/100% no-repeat;
    width: 100%;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.image-vr-service {
    display: inline-block
}

.image-vr-service img {
    max-width: 100%;
}

.earthalone {
    position: absolute;
    top: 50%;
    left: 70%
}

.saturnalone {
    position: absolute;
    right: -90px;
    top: -150px;
    -webkit-animation: 15s infinite alternate rotateAnimation;
    animation: 15s infinite alternate rotateAnimation
}

.earthalone {
    -webkit-animation: 8s linear infinite simplerotation;
    animation: 8s linear infinite simplerotation
}

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

    50% {
        -webkit-transform: translateY(-45px) rotate(45deg);
        transform: translateY(-45px) rotate(45deg)
    }

    100% {
        -webkit-transform: translateY(-90px) rotate(-45deg);
        transform: translateY(-90px) rotate(-45deg)
    }
}

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

    50% {
        -webkit-transform: translateY(-45px) rotate(45deg);
        transform: translateY(-45px) rotate(45deg)
    }

    100% {
        -webkit-transform: translateY(-90px) rotate(-45deg);
        transform: translateY(-90px) rotate(-45deg)
    }
}

@-webkit-keyframes simplerotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes simplerotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.bg-size-contain {
    background-size: contain
}

.contact-section.contact-virtual-reality .contact-main-area {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #4200ff00), to(#e102e4));
    background: -o-linear-gradient(top, #4200ff00 20%, #e102e4);
    background: linear-gradient(180deg, #4200ff00 20%, #e102e4)
}

.contact-section.contact-virtual-reality .contact-main-area button.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #4200ff40), to(#e102e4));
    background: -o-linear-gradient(left, #4200ff40 20%, #e102e4);
    background: linear-gradient(90deg, #4200ff40 20%, #e102e4)
}

.contact-section.contact-virtual-reality .contact-main-area .form input,
.contact-section.contact-virtual-reality .contact-main-area .form textarea {
    border-color: #f0f
}

.contact-section.contact-virtual-reality .contact-main-area .col-lg-4 img {
    width: auto;
    padding: 0;
    z-index: -1;
    position: relative;
    max-width: 750px
}

.contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain {
    position: absolute;
    bottom: 0;
    right: 0
}

.section-100vh-z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.medical-banner-z-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1000px
}

.main-circle-contact span>img,
.main-circle-contact>img,
.medical-banner-z-img img {
    width: 100%;
    height: auto
}

.section-100vh-z .container-1560 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.industry-plans-medical .section-2:before {
    background-image: url(../assets/industry-plans/medical/whyoip.png);
    opacity: .7
}

.medical-step-z .step-inner {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff00), color-stop(80%, #3d46a129));
    background: -o-linear-gradient(top, #ffffff00, #3d46a129 80%);
    background: linear-gradient(180deg, #ffffff00, #3d46a129 80%);
    outline: 0;
    -webkit-box-shadow: inset -10.13px -8px 81px 0 rgb(214 214 214/50%);
    box-shadow: inset -10.13px -8px 81px 0 rgb(214 214 214/50%)
}

.industry-medical-pricing.selected-pricing h2 {
    color: #24f0ff
}

.industry-medical-pricing.selected-pricing .pricing-items h2,
.industry-medical-pricing.selected-pricing .pricing-items h3,
.industry-medical-pricing.selected-pricing .pricing-items ul li,
.industry-vehicle-pricing .selected-pricing .pricing-items h2,
.industry-vehicle-pricing .selected-pricing .pricing-items ul li {
    color: #fff;
    -webkit-text-fill-color: inherit
}

.industry-medical-pricing .pricing-flex-play h3,
.industry-medical-pricing .pricing-flex-play ul li,
.industry-medical-pricing h2 {
    color: #000;
    -webkit-transition: .2s ease-in 0.5s;
    -o-transition: .2s ease-in 0.5s;
    transition: .2s ease-in 0.5s
}

.bg-pricing-medical {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(221deg, #3d46a147 -100%, rgba(1, 102, 223, 0) 60%);
    background: linear-gradient(229deg, #3d46a147 -100%, rgba(1, 102, 223, 0) 60%);
    top: 0;
    left: 0;
    z-index: -2
}

.pricing-main-panel.industry-price-panel.industry-medical-pricing.selected-pricing:after,
.pricing-main-panel.industry-price-panel.industry-medical-pricing.selected-pricing:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #3d46a1), to(#c57cfa));
    background: -o-linear-gradient(top, #3d46a1 50%, #c57cfa);
    background: linear-gradient(180deg, #3d46a1 50%, #c57cfa)
}

.min-height-control-medical {
    min-height: 135px
}

.industry-medical h3 {
    font-weight: 700;
    opacity: 1
}

.medical-z-sec4 .ids-wrapper {
    background: url(../assets/industry-plans/medical/wiify.png) center/100% 100% no-repeat
}

.banner-rental,
span.image-world-map {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.i-rental-banner {
    background: -webkit-gradient(linear, left bottom, left top, from(#437fec), to(#000));
    background: -o-linear-gradient(bottom, #437fec, #000);
    background: linear-gradient(0deg, #437fec, #000);
    z-index: 1
}

.color-before-finance.selected-pricing .pricing-flex-play .pricing-items h3,
.industry-medical-pricing.color-before-black h2,
.industry-medical-pricing.color-before-black h3,
.industry-medical-pricing.color-before-black ul li,
.industry-plans-law-firms .links-columns>ul>li>a,
.industry-plans-law-firms section.charges-remind p,
.industry-plans-law-firms ul.foot-nav li a:hover:after,
.industry-plans-vehicle-rental .links-columns>ul>li>a,
.industry-vehicle-pricing .selected-pricing .pricing-items .price-vehicle,
.industry-vehicle-pricing .selected-pricing h2,
.reseller-plans .links-columns>ul>li>a,
.text-white-law h3,
.text-white-law p,
.text-white-law ul li {
    color: #fff
}

.banner-rental img.cars-track {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
    z-index: 0
}

.banner-rental img:first-child {
    position: relative;
    z-index: 1;
    -webkit-animation: 8s infinite alternate scaleinout;
    animation: 8s infinite alternate scaleinout
}

.pb-450 {
    padding-bottom: 450px
}

.banner-section.i-rental-banner.pb-450.position-relative {
    min-height: 100vh
}

.section-2.industry-plans-vehicle-rental:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#042680), to(#0074fe00));
    background: -o-linear-gradient(top, #042680, #0074fe00);
    background: linear-gradient(180deg, #042680, #0074fe00);
    height: 890px;
    mix-blend-mode: overlay
}

.i-rental-banner:before,
.image-before-span-financial,
.law-before-service:after {
    height: 100%;
    width: 100%;
    position: absolute
}

.section-2.industry-plans-vehicle-rental {
    z-index: 0;
    background: 0 0
}

.section-2.industry-plans-vehicle-rental:after {
    content: '';
    background-image: url(../assets/industry-plans/vehicle-rental/whyoip.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    mix-blend-mode: overlay;
    z-index: -1
}

.i-rental-banner:before {
    content: '';
    left: 0;
    top: 0;
    background: url('../assets/industry-plans/vehicle-rental/circlebanner.png') center/35% no-repeat;
    z-index: -1;
    -webkit-animation: 10s linear infinite rotateyaxis;
    animation: 10s linear infinite rotateyaxis
}

@-webkit-keyframes rotateyaxis {
    from {
        -webkit-transform: rotateY(0) rotateX(90deg);
        transform: rotateY(0) rotateX(90deg)
    }

    to {
        -webkit-transform: rotateY(360deg) rotate(270deg);
        transform: rotateY(360deg) rotate(270deg)
    }
}

@keyframes rotateyaxis {
    from {
        -webkit-transform: rotateY(0) rotateX(90deg);
        transform: rotateY(0) rotateX(90deg)
    }

    to {
        -webkit-transform: rotateY(360deg) rotate(270deg);
        transform: rotateY(360deg) rotate(270deg)
    }
}

@-webkit-keyframes scaleinout {
    from {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleinout {
    from {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.i-vehicle-step .step-inner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-40%, #3d46a1), to(#000));
    background: -o-linear-gradient(bottom, #3d46a1 -40%, #000);
    background: linear-gradient(0deg, #3d46a1 -40%, #000)
}

.i-vehicle-step .step-inner .oh-icon {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3d46a1), to(#000));
    background: -o-linear-gradient(top, #3d46a1 0, #000);
    background: linear-gradient(180deg, #3d46a1 0, #000);
    border: none;
    -webkit-box-shadow: 0 21px 92px #000;
    box-shadow: 0 21px 92px #000
}

.i-vehicle-step-wiify .ids-wrapper {
    background: url(../assets/industry-plans/vehicle-rental/wiify.png) center/100% 100% no-repeat;
    -webkit-filter: drop-shadow(0px 24px 40px #00A4FF);
    filter: drop-shadow(0px 24px 40px #00A4FF)
}

@-webkit-keyframes rotateyaxisbothmix {
    from {
        -webkit-transform: translate(-50%, -50%) rotateY(0);
        transform: translate(-50%, -50%) rotateY(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotateY(360deg);
        transform: translate(-50%, -50%) rotateY(360deg)
    }
}

@keyframes rotateyaxisbothmix {
    from {
        -webkit-transform: translate(-50%, -50%) rotateY(0);
        transform: translate(-50%, -50%) rotateY(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotateY(360deg);
        transform: translate(-50%, -50%) rotateY(360deg)
    }
}

.industry-vehicle-pricing .left-line.right-line h2:after {
    background: -webkit-gradient(linear, right top, left top, from(#1d416c), to(transparent));
    background: -o-linear-gradient(right, #1d416c, transparent);
    background: linear-gradient(270deg, #1d416c, transparent)
}

.industry-vehicle-pricing .left-line.right-line h2:before {
    background: -webkit-gradient(linear, left top, right top, from(#1d416c), to(transparent));
    background: -o-linear-gradient(left, #1d416c, transparent);
    background: linear-gradient(90deg, #1d416c, transparent)
}

.industry-vehicle-pricing .pricing-flex-play h3,
.industry-vehicle-pricing .pricing-flex-play ul li,
.industry-vehicle-pricing h2 {
    color: #082c4f;
    -webkit-transition: .2s ease-in 0.5s;
    -o-transition: .2s ease-in 0.5s;
    transition: .2s ease-in 0.5s
}

.industry-vehicle-pricing .selected-pricing .pricing-items h3 {
    -webkit-transition: .2s ease-in 0.5s;
    -o-transition: .2s ease-in 0.5s;
    transition: .2s ease-in 0.5s;
    background: inherit;
    -webkit-text-fill-color: inherit;
    color: #c57cfa
}

.industry-vehicle-pricing .selected-pricing .pricing-items h2 {
    color: #c57cfa
}

.industry-vehicle-pricing .pricing-items h2 {
    color: #082c4f;
    -webkit-text-fill-color: inherit;
    background: 0 0
}

.industry-vehicle-pricing .pricing-items .price-vehicle {
    color: #082c4f
}

.industry-vehicle-pricing .pricing-main-panel>a.btn-reg.btn-gradient {
    background: #0e1f34
}

.industry-vehicle-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form {
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.industry-vehicle-contact .right-blue-circle-800:after {
    right: -340px;
    bottom: auto;
    top: 0
}

.section-2.industry-plans-cleaning {
    background: -webkit-gradient(linear, left top, left bottom, from(#0f427d), to(#2fdcaf));
    background: -o-linear-gradient(top, #0f427d, #2fdcaf);
    background: linear-gradient(180deg, #0f427d, #2fdcaf)
}

section.cleaning-step-z .cleaning-left-green {
    right: auto;
    left: 0;
    background: #45ffa6;
    opacity: 1;
    top: -50%
}

.cleaning-step-z .step-inner {
    outline: #89a5d0 solid 4px
}

.cleaning-z-sec4 .ids-wrapper {
    background: -webkit-gradient(linear, left top, right top, from(#459bfe), to(#2fdcaf));
    background: -o-linear-gradient(left, #459bfe, #2fdcaf);
    background: linear-gradient(90deg, #459bfe, #2fdcaf);
    border-radius: 30px
}

.image-resource-service.service-circle-img img.ecom-top-image {
    z-index: 1;
    top: 0;
    left: auto;
    right: 40px;
    -webkit-transform: translate(0, -200%);
    -ms-transform: translate(0, -200%);
    transform: translate(0, -200%);
    -webkit-animation: 10s linear infinite rotatecleaning;
    animation: 10s linear infinite rotatecleaning;
    max-width: 120px;
}

.contact-page.contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form,
.top-right-gradient-circle.gradient-circle-left {
    right: auto;
    left: 0
}

section.before-circle-on-right .image-resource-service.service-circle-img img.ecom-top-image {
    right: auto;
    left: 40px;
}

@-webkit-keyframes rotatecleaning {
    from {
        -webkit-transform: translate(0, -200%) rotate(0);
        transform: translate(0, -200%) rotate(0)
    }

    to {
        -webkit-transform: translate(0, -200%) rotate(360deg);
        transform: translate(0, -200%) rotate(360deg)
    }
}

@keyframes rotatecleaning {
    from {
        -webkit-transform: translate(0, -200%) rotate(0);
        transform: translate(0, -200%) rotate(0)
    }

    to {
        -webkit-transform: translate(0, -200%) rotate(360deg);
        transform: translate(0, -200%) rotate(360deg)
    }
}

.color-before-green.pricing-main-panel.industry-price-panel.industry-medical-pricing:after,
.color-before-green.pricing-main-panel.industry-price-panel.industry-medical-pricing:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3d46a1), to(#34d3bc));
    background: -o-linear-gradient(top, #3d46a1 20%, #34d3bc);
    background: linear-gradient(180deg, #3d46a1 20%, #34d3bc)
}

.color-before-green.pricing-main-panel>a.btn-reg.btn-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #3d46a1), to(#34d3bc));
    background: -o-linear-gradient(left, #3d46a1 20%, #34d3bc);
    background: linear-gradient(90deg, #3d46a1 20%, #34d3bc)
}

.cleaning-contact.contact-section.hz-contact-bpo .contact-main-area {
    background: -o-linear-gradient(310deg, #3d46a1 0, #34d5b9 109.01%);
    background: linear-gradient(140deg, #3d46a1 0, #34d5b9 109.01%)
}

.cleaning-contact.contact-section.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient {
    background: -o-linear-gradient(310deg, #3d46a1 0, #34d5b9 109.01%);
    background: linear-gradient(140deg, #3d46a1 0, #34d5b9 109.01%);
    max-width: 170px
}

.black-text-gradient .rw-head,
.related-work-cleaning .rw-head {
    background: -webkit-gradient(linear, left top, left bottom, from(#0000002e), to(transparent));
    background: -o-linear-gradient(top, #0000002e, transparent);
    background: linear-gradient(180deg, #0000002e, transparent);
    -webkit-background-clip: text;
    mix-blend-mode: normal
}

.related-work-cleaning .related-work-slider ul.slick-dots li.slick-active button {
    background: #34d5b9
}

.industry-plans-cleaning .right-line h2:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #3d46a100), color-stop(83.72%, #34d3bc));
    background: -o-linear-gradient(left, #3d46a100 0, #34d3bc 83.72%);
    background: linear-gradient(90deg, #3d46a100 0, #34d3bc 83.72%)
}

.industry-plans-cleaning .left-line h2:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #3d46a100), color-stop(83.72%, #34d3bc));
    background: -o-linear-gradient(right, #3d46a100 0, #34d3bc 83.72%);
    background: linear-gradient(-90deg, #3d46a100 0, #34d3bc 83.72%)
}

.industry-plans-cleaning .port-inner .hz-btn,
.industry-plans-cleaning .port-inner .hz-btn:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #3d46a1e9), color-stop(83.72%, #34d3bc));
    background: -o-linear-gradient(left, #3d46a1e9 0, #34d3bc 83.72%);
    background: linear-gradient(90deg, #3d46a1e9 0, #34d3bc 83.72%);
    -webkit-box-shadow: 0 15px 40px 0 #34d3BC75;
    box-shadow: 0 15px 40px 0 #34d3BC75
}

.industry-plans-cleaning .social-links-wrap a.social-link,
.industry-plans-cleaning .testi-slider .testi-inner:nth-child(odd),
.industry-plans-cleaning ul.foot-nav li a:before {
    background: #34d3bc
}

.industry-plans-cleaning .testi-slider .testi-inner:nth-child(2n) {
    background: #2d61a2
}

.industry-plans-cleaning .slick-btns button {
    background: #2d61a2;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.industry-plans-cleaning .bg-blue:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #2d61A2e9), color-stop(83.72%, #34d3bc));
    background: -o-linear-gradient(left, #2d61A2e9 0, #34d3bc 83.72%);
    background: linear-gradient(90deg, #2d61A2e9 0, #34d3bc 83.72%)
}

.industry-plans-cleaning .footer:before {
    background: -o-linear-gradient(130deg, rgb(52 211 188/50%) 5.93%, rgba(0, 0, 0, 0) 60.81%);
    background: linear-gradient(-40deg, rgb(52 211 188/50%) 5.93%, rgba(0, 0, 0, 0) 60.81%)
}

.industry-plans-cleaning .follow-txt h5:before,
.industry-plans-cleaning .foot-head:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(40%, transparent), color-stop(90%, #34d3bc));
    background: -o-linear-gradient(right, transparent 40%, #34d3bc 90%);
    background: linear-gradient(-90deg, transparent 40%, #34d3bc 90%)
}

.blend-dark {
    mix-blend-mode: darken
}

img.bg-banner-finance {
    position: absolute;
    left: 60%;
    top: 58%;
    -webkit-animation: 5s infinite alternate translateyaxis;
    animation: 5s infinite alternate translateyaxis;
    width: 50%;
    height: 50%
}

@-webkit-keyframes translateyaxis {
    from {
        -webkit-transform: translate(-50%, -50%) translatey(-20px);
        transform: translate(-50%, -50%) translatey(-20px)
    }

    to {
        -webkit-transform: translate(-50%, -50%) translatey(30px);
        transform: translate(-50%, -50%) translatey(30px)
    }
}

@keyframes translateyaxis {
    from {
        -webkit-transform: translate(-50%, -50%) translatey(-20px);
        transform: translate(-50%, -50%) translatey(-20px)
    }

    to {
        -webkit-transform: translate(-50%, -50%) translatey(30px);
        transform: translate(-50%, -50%) translatey(30px)
    }
}

.section-2.industry-plans-financial:before {
    background: url('../assets/industry-plans/financial/whyoip.png')
}

.section-2.industry-plans-financial {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-10%, #042680), to(#0074fe));
    background: -o-linear-gradient(bottom, #042680 -10%, #0074fe);
    background: linear-gradient(0deg, #042680 -10%, #0074fe)
}

.finance-step-z .step-inner {
    outline: #49a3ff solid 4px
}

.finance-z-sec4 .ids-wrapper {
    background: url(../assets/industry-plans/financial/wiify.png) center/100% 100% no-repeat
}

.image-before-span-financial {
    background: url(../assets/industry-plans/financial/itemsservice.png) 0 0/10% no-repeat;
    top: 0;
    left: 0;
    background-position-x: right;
    background-position-y: 72%
}

.image-reverse-span-finance.image-before-span-financial,
.image-reverse-span-finance .image-before-span-financial {
    background-position-x: left
}

.color-before-finance .industry-medical-pricing h2,
.color-before-finance .pricing-flex-play .pricing-items h3,
.color-before-finance .pricing-items h3 {
    color: #156ef0
}

.contact-section.finance-contact.hz-contact-bpo .contact-main-area {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #3d46a1), color-stop(109.01%, #4a9dff29));
    background: -o-linear-gradient(left, #3d46a1 0, #4a9dff29 109.01%);
    background: linear-gradient(90deg, #3d46a1 0, #4a9dff29 109.01%)
}

.max-w-100vh {
    max-width: 100vh
}

.law-bg-banner {
    background-image: url('../assets/industry-plans/law/banner-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.industry-plans-law-firms span.color-blur-circle {
    background: #e5e5e5
}

.section-2.industry-plans-law-firms {
    background: url('../assets/industry-plans/law/whyoip.png')
}

.section-2.industry-plans-law-firms:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(transparent));
    background: -o-linear-gradient(top, #3f3f3f, transparent);
    background: linear-gradient(180deg, #3f3f3f, transparent);
    height: 800px;
    mix-blend-mode: normal
}

.law-step-z .step-inner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-88.13%, #fffafa9e), color-stop(103.87%, rgb(0 0 0/80%)));
    background: -o-linear-gradient(bottom, #fffafa9e -88.13%, rgb(0 0 0/80%) 103.87%);
    background: linear-gradient(0deg, #fffafa9e -88.13%, rgb(0 0 0/80%) 103.87%);
    outline: 0
}

.law-step-z .step-inner .oh-icon {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70.04%, #00000000), color-stop(95.64%, #000));
    background: -o-linear-gradient(top, #00000000 70.04%, #000 95.64%);
    background: linear-gradient(180deg, #00000000 70.04%, #000 95.64%);
    -webkit-box-shadow: 0 21px 92px #000;
    box-shadow: 0 21px 92px #000;
    border: none
}

.law-step-z .step-inner .oh-icon h2 {
    padding: 22px
}

.law-z-sec4 .ids-wrapper {
    background: url(../assets/industry-plans/law/wiify.png) center/100% 100% no-repeat
}

section.law-before-service::before {
    background: #e5e5e5;
    opacity: .5;
    display: none
}

section.law-before-service.before-circle-on-right::before {
    display: block;
    right: auto;
    left: 0
}

.law-before-service:after {
    content: '';
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url('../assets/industry-plans/law/lawbgservice.png') right center no-repeat;
    z-index: -1
}

.law-before-service.before-circle-on-right:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.py-190-190 {
    padding-top: 190px;
    padding-bottom: 190px
}

.text-white-law .services-text-left ul li::marker {
    color: #6f6f6f
}

.pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-black::after,
.pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-black::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff2e), to(transparent));
    background: -o-linear-gradient(top, #ffffff2e, transparent);
    background: linear-gradient(180deg, #ffffff2e, transparent)
}

.pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-black {
    border-color: #fff;
    border-image-source: linear-gradient(to bottom, #fff, #ffffff00)
}

.industry-medical-pricing.color-before-black h2 {
    color: #fff;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.industry-medical-pricing.selected-pricing.color-before-black .pricing-flex-play .pricing-items>h3 {
    background: -o-linear-gradient(269deg, #fff, transparent);
    background: linear-gradient(181deg, #fff, transparent);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.pricing-main-panel.color-before-black>a.btn-reg.btn-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(#ffffff47));
    background: -o-linear-gradient(left, transparent 0, #ffffff47 100%);
    background: linear-gradient(90deg, transparent 0, #ffffff47 100%);
    -webkit-box-shadow: 0 9px 40px 0 rgb(0 0 0/100%);
    box-shadow: 0 9px 40px 0 rgb(0 0 0/100%)
}

.pricing-main-panel.color-before-black>a.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(#ffffff47));
    background: -o-linear-gradient(left, transparent 0, #ffffff47 100%);
    background: linear-gradient(90deg, transparent 0, #ffffff47 100%);
}

.law-rounded-img {
    -webkit-filter: drop-shadow(10px 10px 30px #000);
    filter: drop-shadow(10px 10px 30px #000)
}

.contact-section.contact-nft.hz-contact-bpo.law-contact .contact-main-area {
    background: -o-linear-gradient(160deg, #565656 12.85%, rgba(0, 0, 0, 0) 96.03%);
    background: linear-gradient(290deg, #565656 12.85%, rgba(0, 0, 0, 0) 96.03%)
}

.contact-section.contact-nft.hz-contact-bpo.law-contact .contact-main-area button.btn-reg.btn-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #151515), to(#3f3f3f));
    background: -o-linear-gradient(left, #151515 0, #3f3f3f 100%);
    background: linear-gradient(90deg, #151515 0, #3f3f3f 100%);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .5)
}

.contact-section.contact-nft.hz-contact-bpo.law-contact .contact-main-area button.btn-reg.btn-gradient:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #151515), to(#3f3f3f));
    background: -o-linear-gradient(right, #151515 0, #3f3f3f 100%);
    background: linear-gradient(270deg, #151515 0, #3f3f3f 100%)
}

.industry-plans-law-firms .left-line h2:before {
    background: -webkit-gradient(linear, left top, right top, from(#ffffff7a), to(transparent));
    background: -o-linear-gradient(left, #ffffff7a, transparent);
    background: linear-gradient(90deg, #ffffff7a, transparent)
}

.industry-plans-law-firms .left-line h2:after {
    background: -webkit-gradient(linear, right top, left top, from(#ffffff7a), to(transparent));
    background: -o-linear-gradient(right, #ffffff7a, transparent);
    background: linear-gradient(270deg, #ffffff7a, transparent)
}

.industry-plans-law-firms .portfolio-section .port-inner .hz-btn {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #1515159e), to(#3f3f3f));
    background: -o-linear-gradient(left, #1515159e 20%, #3f3f3f);
    background: linear-gradient(90deg, #1515159e 20%, #3f3f3f);
    -webkit-box-shadow: 0 20px 40px 0 #ffffff69;
    box-shadow: 0 20px 40px 0 #ffffff69
}

.industry-plans-law-firms .bg-blue:before,
.industry-plans-law-firms .follow-txt h5:before,
.industry-plans-law-firms .portfolio-section .port-inner .hz-btn:before,
.industry-plans-law-firms .social-links-wrap a.social-link,
.industry-plans-law-firms .foot-head:before,
.industry-plans-law-firms ul.foot-nav li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #151515), to(#3f3f3f));
    background: -o-linear-gradient(left, #151515 20%, #3f3f3f);
    background: linear-gradient(90deg, #151515 20%, #3f3f3f)
}

.industry-plans-law-firms .line-btn,
.industry-plans-law-firms .onhoverphonenumbers,
.industry-plans-law-firms .testi-inner:nth-child(odd) {
    background: #828282
}

.industry-plans-law-firms .testi-inner:nth-child(2n) {
    background: #3f3f3f
}

.industry-plans-law-firms .slick-btns button {
    background: -webkit-gradient(linear, right top, left top, color-stop(20%, #151515e9), to(#3f3f3f));
    background: -o-linear-gradient(right, #151515e9 20%, #3f3f3f);
    background: linear-gradient(-90deg, #151515e9 20%, #3f3f3f)
}

.industry-plans-law-firms .slick-btns button.prev-arrow {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #151515e9), to(#3f3f3f));
    background: -o-linear-gradient(left, #151515e9 20%, #3f3f3f);
    background: linear-gradient(90deg, #151515e9 20%, #3f3f3f)
}

.industry-plans-law-firms .footer::before {
    background: -o-linear-gradient(294deg, #3f3f3f00 20%, #3f3f3f 120%);
    background: linear-gradient(156deg, #3f3f3f00 20%, #3f3f3f 120%);
    opacity: .5
}

section.banner-section-contact {
    padding: 380px 0 420px
}

.circle-page-contact {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1446px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.main-circle-contact span {
    position: absolute;
    left: -30px;
    top: 25%
}

.main-circle-contact span.contactimg2 {
    left: 12%;
    top: 68%
}

.main-circle-contact span.contactimg3 {
    left: 50%;
    top: auto;
    bottom: -5%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.main-circle-contact span.contactimg4 {
    left: auto;
    top: 68%;
    right: 12%
}

.main-circle-contact span.contactimg5 {
    left: auto;
    right: -30px
}

img.imagebackcontact {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-filter: blur(25px);
    filter: blur(25px);
    z-index: -1
}

.contact-page .contact-main-area h3 {
    opacity: 1;
    margin-bottom: 60px
}

.contact-page .contact-main-area .form {
    max-width: calc(100% - 100px);
    padding-bottom: 30px
}

.contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form textarea {
    min-height: 200px
}

.contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form button.btn-reg.btn-gradient {
    background: -o-linear-gradient(45deg, #8134c3, #c57cfa);
    background: linear-gradient(45deg, #8134c3, #c57cfa);
    margin-left: 0;
    max-width: 170px
}

.i-reseller-banner {
    background: url(../assets/reseller/banner.png) 0 0/cover no-repeat
}

.i-reseller-banner-text h3 {
    font-size: 40px;
    letter-spacing: -2.5px;
    color: #fff
}

.section-2.reseller-plans {
    background: -o-linear-gradient(0.12deg, #042680 .08%, #0075ff 99.88%);
    background: linear-gradient(89.88deg, #042680 .08%, #0075ff 99.88%)
}

.section-2.reseller-plans:before {
    background: url('../assets/reseller/whyoip.png') center/cover no-repeat;
    mix-blend-mode: soft-light
}

.reseller-step-z.professional-step-z .step-inner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-25.58%, #3d46a159), color-stop(39.81%, rgba(255, 255, 255, .23)));
    background: -o-linear-gradient(bottom, #3d46a159 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    background: linear-gradient(0deg, #3d46a159 -25.58%, rgba(255, 255, 255, .23) 39.81%);
    border-radius: 43px
}

.reseller-step-z .step-box .oh-icon {
    border-radius: 10px;
    width: 255px;
    height: 179px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d46a1), to(#c57cfa));
    background: -o-linear-gradient(bottom, #3d46a1 0, #c57cfa 100%);
    background: linear-gradient(360deg, #3d46a1 0, #c57cfa 100%);
    margin-bottom: 38px
}

.reseller-step-z .step-box .oh-icon h2 {
    font-size: 28px
}

.i-reseller-step-wiify .ids-wrapper {
    background: url('../assets/reseller/wiify.png') center/100% 100% no-repeat
}

.reseller-plans .services-text-left ul li::marker {
    color: #00c0e3
}

.reseller-service-img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45%;
    text-align: right;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.reseller-service-img.reverse-reseller {
    left: 0;
    right: auto;
    text-align: left
}

.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area {
    background: -o-linear-gradient(346.35deg, #082358 .85%, #2662c2 99.36%);
    background: linear-gradient(103.65deg, #082358 .85%, #2662c2 99.36%)
}

.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area h3 {
    opacity: 1;
    margin-bottom: 75px
}

.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form input,
.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form textarea {
    border-color: #4093ec
}

.contact-section.contact-nft.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient {
    margin-left: 0;
    max-width: 190px
}

.image-map {
    position: relative;
    margin: 100px 0 0
}

.image-on-top-map>img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation: 3s infinite alternate maplocations;
    animation: 3s infinite alternate maplocations
}

.image-on-top-map>img.karachi {
    top: 18%;
    left: 56%
}

.image-on-top-map>img.uae {
    top: 20%;
    left: 48%;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.image-on-top-map>img.guanghau {
    left: 70%;
    top: 5%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.image-on-top-map>img.texas {
    left: 15%;
    top: 15%;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@-webkit-keyframes maplocations {
    from {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    to {
        -webkit-transform: translate(-50%, -47%);
        transform: translate(-50%, -47%)
    }
}

@keyframes maplocations {
    from {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    to {
        -webkit-transform: translate(-50%, -47%);
        transform: translate(-50%, -47%)
    }
}

img.google-certificate {
    margin: 0 30px 0 50px
}

.dual-phone-number {
    position: relative;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.onhoverphonenumbers {
    position: absolute;
    width: 170px;
    bottom: -150px;
    border-color: inherit;
    padding: 15px;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    right: 20px;
    background: #3d46a1
}

.onhoverphonenumbers a {
    color: #fff;
    display: block;
    margin: 0 0 10px;
    line-height: initial;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

span.top-triangle {
    position: absolute;
    background: 0 0;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    display: block;
    right: 15px
}

.dual-phone-number:hover .onhoverphonenumbers {
    bottom: -90px;
    visibility: visible;
    opacity: 1
}

.top-triangle {
    border-bottom-color: #3d46a1
}

.emerging-tech-virtual-reality .mega-menu-service-main-box,
.emerging-tech-virtual-reality .mega-menu-small-extra-screen-for-services {
    background: -o-linear-gradient(45deg, #7000ff, #9a63e0);
    background: linear-gradient(45deg, #7000ff, #9a63e0)
}

.emerging-tech-virtual-reality .mega-menu-service-main-box:after {
    background: -o-linear-gradient(45deg, #cca4ff, #9a63e0);
    background: linear-gradient(45deg, #cca4ff, #9a63e0)
}

.emerging-tech-virtual-reality .heading-mega h6:after,
.emerging-tech-virtual-reality .links-columns>ul>li>a:after {
    background: -webkit-gradient(linear, left top, right top, from(#7000ff00), to(#9a63e0));
    background: -o-linear-gradient(left, #7000ff00, #9a63e0);
    background: linear-gradient(90deg, #7000ff00, #9a63e0)
}

.emerging-tech-virtual-reality .line-btn,
.emerging-tech-virtual-reality .onhoverphonenumbers {
    background: #9a63e0
}

.emerging-tech-virtual-reality .top-triangle {
    border-bottom-color: #9a63e0
}

.emerging-tech-virtual-reality.headerFull header .social-contact a span:first-child {
    -webkit-box-shadow: 0 5px 20px 0 #9a63e0;
    box-shadow: 0 5px 20px 0 #9a63e0;
    background: #9a63e0
}

.emerging-tech-virtual-reality .services-parent ul li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #7000ff), color-stop(80%, transparent));
    background: -o-linear-gradient(left, #7000ff 20%, transparent 80%);
    background: linear-gradient(90deg, #7000ff 20%, transparent 80%)
}

.emerging-tech-web03 .mega-menu-service-main-box,
.emerging-tech-web03 .mega-menu-service-main-box:after,
.emerging-tech-web03 .mega-menu-small-extra-screen-for-services {
    background: -o-linear-gradient(45deg, #113180, #8161e7);
    background: linear-gradient(45deg, #113180, #8161e7)
}

.emerging-tech-web03 .heading-mega h6:after,
.emerging-tech-web03 .links-columns>ul>li>a:after {
    background: -webkit-gradient(linear, left top, right top, from(#11318000), to(#8161e7));
    background: -o-linear-gradient(left, #11318000, #8161e7);
    background: linear-gradient(90deg, #11318000, #8161e7)
}

.emerging-tech-web03 .line-btn,
.emerging-tech-web03 .onhoverphonenumbers {
    background: #8161e7
}

.emerging-tech-web03 .services-parent ul li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #113180), color-stop(80%, transparent));
    background: -o-linear-gradient(left, #113180 20%, transparent 80%);
    background: linear-gradient(90deg, #113180 20%, transparent 80%)
}

.emerging-tech-web03.headerFull header .social-contact a span:first-child {
    background: #8161e7;
    -webkit-box-shadow: 0 5px 20px 0 #8161e7;
    box-shadow: 0 5px 20px 0 #8161e7
}

.emerging-tech-web03 .top-triangle {
    border-bottom-color: #8161e7
}

.emerging-tech-nft .mega-menu-service-main-box,
.emerging-tech-nft .mega-menu-service-main-box:after,
.emerging-tech-nft .mega-menu-small-extra-screen-for-services {
    background: -o-linear-gradient(45deg, #ff006b, #8506b6);
    background: linear-gradient(45deg, #ff006b, #8506b6)
}

.emerging-tech-nft .heading-mega h6:after {
    background: -webkit-gradient(linear, left top, right top, from(#11318000), to(#8506b6));
    background: -o-linear-gradient(left, #11318000, #8506b6);
    background: linear-gradient(90deg, #11318000, #8506b6)
}

.emerging-tech-nft .line-btn,
.emerging-tech-nft .onhoverphonenumbers {
    background: #f8006c
}

.emerging-tech-nft .links-columns>ul>li>a:after {
    background: -webkit-gradient(linear, left top, right top, from(#ff006b00), to(#8506b6));
    background: -o-linear-gradient(left, #ff006b00, #8506b6);
    background: linear-gradient(90deg, #ff006b00, #8506b6)
}

.emerging-tech-nft .services-parent ul li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #ff006b), color-stop(80%, transparent));
    background: -o-linear-gradient(left, #ff006b 20%, transparent 80%);
    background: linear-gradient(90deg, #ff006b 20%, transparent 80%)
}

.emerging-tech-nft.headerFull header .social-contact a span:first-child {
    background: #f8006c;
    -webkit-box-shadow: 0 5px 20px 0 #f8006c;
    box-shadow: 0 5px 20px 0 #f8006c
}

.emerging-tech-nft .top-triangle {
    border-bottom-color: #f8006c
}

.industry-plans-law-firms .mega-menu-service-main-box,
.industry-plans-law-firms .mega-menu-service-main-box:after,
.industry-plans-law-firms .mega-menu-small-extra-screen-for-services {
    background: -o-linear-gradient(45deg, #000, #828282);
    background: linear-gradient(45deg, #000, #828282)
}

.industry-plans-law-firms .heading-mega h6:after,
.industry-plans-law-firms .links-columns>ul>li>a:after {
    background: -webkit-gradient(linear, left top, right top, from(#00000000), to(#828282));
    background: -o-linear-gradient(left, #00000000, #828282);
    background: linear-gradient(90deg, #00000000, #828282)
}

.industry-plans-law-firms .services-parent ul li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #828282), color-stop(80%, transparent));
    background: -o-linear-gradient(left, #828282 20%, transparent 80%);
    background: linear-gradient(90deg, #828282 20%, transparent 80%)
}

.industry-plans-law-firms.headerFull header .social-contact a span:first-child {
    background: #828282;
    -webkit-box-shadow: 0 5px 20px 0 #828282;
    box-shadow: 0 5px 20px 0 #828282
}

.industry-plans-law-firms .top-triangle {
    border-bottom-color: #828282
}

.industry-plans-ecommerce .mega-menu-service-main-box,
.industry-plans-ecommerce .mega-menu-service-main-box:after,
.industry-plans-ecommerce .mega-menu-small-extra-screen-for-services {
    background: -o-linear-gradient(45deg, #000, #ffb800);
    background: linear-gradient(45deg, #000, #ffb800)
}

.industry-plans-ecommerce .heading-mega h6:after,
.industry-plans-ecommerce .links-columns>ul>li>a:after {
    background: -webkit-gradient(linear, left top, right top, from(#00000000), to(#ffb800));
    background: -o-linear-gradient(left, #00000000, #ffb800);
    background: linear-gradient(90deg, #00000000, #ffb800)
}

.industry-plans-ecommerce .top-triangle {
    border-bottom-color: #ffb800
}

.industry-plans-ecommerce .services-parent ul li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #ffb800), color-stop(80%, transparent));
    background: -o-linear-gradient(left, #ffb800 20%, transparent 80%);
    background: linear-gradient(90deg, #ffb800 20%, transparent 80%)
}

.industry-plans-ecommerce.headerFull header .social-contact a span:first-child {
    background: #ffb800;
    -webkit-box-shadow: 0 5px 20px 0 #ffb800;
    box-shadow: 0 5px 20px 0 #ffb800
}

.industry-plans-ecommerce .follow-txt h5:before,
.industry-plans-ecommerce .social-links-wrap a.social-link,
.industry-plans-ecommerce .foot-head:before,
.industry-plans-ecommerce ul.foot-nav li a:before {
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);
}

.industry-plans-real-estate .mega-menu-service-main-box,
.industry-plans-real-estate .mega-menu-service-main-box:after,
.industry-plans-real-estate .mega-menu-small-extra-screen-for-services {
    background: -o-linear-gradient(45deg, #2d2921, #a98846);
    background: linear-gradient(45deg, #2d2921, #a98846)
}

.industry-plans-real-estate .heading-mega h6:after,
.industry-plans-real-estate .links-columns>ul>li>a:after {
    background: -webkit-gradient(linear, left top, right top, from(#2d292100), to(#a98846));
    background: -o-linear-gradient(left, #2d292100, #a98846);
    background: linear-gradient(90deg, #2d292100, #a98846)
}

.industry-plans-real-estate .top-triangle {
    border-bottom-color: #a98846
}

.industry-plans-real-estate .services-parent ul li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #a98846), color-stop(80%, transparent));
    background: -o-linear-gradient(left, #a98846 20%, transparent 80%);
    background: linear-gradient(90deg, #a98846 20%, transparent 80%)
}

.industry-plans-real-estate.headerFull header .social-contact a span:first-child {
    background: #a98846;
    -webkit-box-shadow: 0 5px 20px 0 #a98846;
    box-shadow: 0 5px 20px 0 #a98846
}

.industry-plans-cleaning .mega-menu-service-main-box,
.industry-plans-cleaning .mega-menu-service-main-box:after,
.industry-plans-cleaning .mega-menu-small-extra-screen-for-services {
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);}

.industry-plans-cleaning .heading-mega h6:after,
.industry-plans-cleaning .links-columns>ul>li>a:after {
    background: -webkit-gradient(linear, left top, right top, from(#2fdcaf00), to(#0f427d));
    background: -o-linear-gradient(left, #2fdcaf00, #0f427d);
    background: linear-gradient(90deg, #2fdcaf00, #0f427d)
}

.industry-plans-cleaning .line-btn,
.industry-plans-cleaning .onhoverphonenumbers {
    background: #0f427d
}

.industry-plans-cleaning .services-parent ul li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #0f427d), color-stop(80%, transparent));
    background: -o-linear-gradient(left, #0f427d 20%, transparent 80%);
    background: linear-gradient(90deg, #0f427d 20%, transparent 80%)
}

.industry-plans-cleaning.headerFull header .social-contact a span:first-child {
    background: #0f427d;
    -webkit-box-shadow: 0 5px 20px 0 #0f427d;
    box-shadow: 0 5px 20px 0 #0f427d
}

.industry-plans-cleaning .top-triangle {
    border-bottom-color: #0f427d
}

.industry-plans-restaurants .mega-menu-service-main-box,
.industry-plans-restaurants .mega-menu-service-main-box:after,
.industry-plans-restaurants .mega-menu-small-extra-screen-for-services {
    background: -o-linear-gradient(45deg, #423b31, #a77451);
    background: linear-gradient(45deg, #423b31, #a77451)
}

.industry-plans-restaurants .heading-mega h6:after,
.industry-plans-restaurants .links-columns>ul>li>a:after {
    background: -webkit-gradient(linear, left top, right top, from(#2fdcaf00), to(#a77451));
    background: -o-linear-gradient(left, #2fdcaf00, #a77451);
    background: linear-gradient(90deg, #2fdcaf00, #a77451)
}

.industry-plans-restaurants .services-parent ul li a:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #a77451), color-stop(80%, transparent));
    background: -o-linear-gradient(left, #a77451 20%, transparent 80%);
    background: linear-gradient(90deg, #a77451 20%, transparent 80%)
}

.industry-plans-restaurants.headerFull header .social-contact a span:first-child {
    background: #a77451;
    -webkit-box-shadow: 0 5px 20px 0 #a77451;
    box-shadow: 0 5px 20px 0 #a77451
}

.industry-plans-restaurants .top-triangle {
    border-bottom-color: #a77451
}

.mega-menu-open.mega-menu-blue>a,
.services-parent h3 {
    pointer-events: none;
}

.mega-menu-open.mega-menu-blue {
    cursor: pointer;
}

.get-fieldBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: wrap;
    gap: 15px;
}

.get-fieldBox span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.get-fieldBox span label,
.get-fieldBox span input {
    margin: 0;
    accent-color: #5fd8fc;
}

@media (max-width:991px) {

    .mega-menu-open.mega-menu-blue>a,
    .services-parent h3 {
        pointer-events: all;
    }

    .emerging-tech-web03 .links-columns>ul {
        background: -o-linear-gradient(45deg, #113180, #8161e7);
        background: linear-gradient(45deg, #113180, #8161e7)
    }

    .emerging-tech-virtual-reality .links-columns>ul {
        background: -o-linear-gradient(45deg, #7000ff, #9a63e0);
        background: linear-gradient(45deg, #7000ff, #9a63e0)
    }

    .emerging-tech-nft .links-columns>ul {
        background: -o-linear-gradient(45deg, #ff006b, #8506b6);
        background: linear-gradient(45deg, #ff006b, #8506b6)
    }

    .industry-plans-law-firms .links-columns>ul {
        background: -o-linear-gradient(45deg, #828282, #000);
        background: linear-gradient(45deg, #828282, #000)
    }

    .industry-plans-ecommerce .links-columns>ul {
        background: -o-linear-gradient(45deg, #ffb800, #000);
        background: linear-gradient(45deg, #ffb800, #000)
    }

    .industry-plans-real-estate .links-columns>ul {
        background: -o-linear-gradient(45deg, #2d2921, #a98846);
        background: linear-gradient(45deg, #2d2921, #a98846)
    }

    .industry-plans-restaurants .links-columns>ul {
        background: -o-linear-gradient(45deg, #a77451, #7d7156);
        background: linear-gradient(45deg, #a77451, #7d7156)
    }

    .industry-plans-law-firms .column-responsive-pricing ul.slick-dots li.slick-active button {
        background: #ffffff2e
    }

    .industry-plans-law-firms .column-responsive-pricing ul.slick-dots li button {
        border-color: #ffffff2e
    }

    .industry-plans-ecommerce .column-responsive-pricing ul.slick-dots li.slick-active button {
        background: #ffb800
    }

    .industry-plans-ecommerce .column-responsive-pricing ul.slick-dots li button {
        border-color: #ffb800
    }

    .industry-plans-real-estate .column-responsive-pricing ul.slick-dots li.slick-active button {
        background: #a98846
    }

    .industry-plans-real-estate .column-responsive-pricing ul.slick-dots li button {
        border-color: #a98846
    }

    .industry-plans-cleaning .column-responsive-pricing ul.slick-dots li.slick-active button {
        background: #0f427d
    }

    .industry-plans-cleaning .column-responsive-pricing ul.slick-dots li button {
        border-color: #0f427d
    }

    .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li.slick-active button {
        background: #a77451
    }

    .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li button {
        border-color: #a77451
    }

    .button-play {
        display: none
    }

    .loader-main>div>img {
        width: 100px;
    }

    .port-inner .hz-btn {
        box-shadow: 0 5px 15px 0 #8134c3a6;
    }
}

.blogs-box a>img.our-blogs {
    margin: 150px 0 0;
}

.blogs-box a {
    color: black;
    display: block;
    height: inherit;
}

.blogs-box a>img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 25px;
}

.our-blogs {
    padding: 90px 0 30px;
}

.blogs-box {
    height: 100%;
}

.blogs-box h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.blogs-box p {
    font-size: 16px;
    margin: 20px 0;
}

.blogs-box span {
    background: #459afe;
    font-size: 18px;
    padding: 10px 10px;
    color: white;
    display: block;
    max-width: 150px;
    text-align: center;
    border-radius: 25px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: 0.3s ease-in-out;
}

.blogs-box a:hover span {
    transform: rotateX(360deg);
    background: var(--blue);
}

.blogs-box a div {
    height: calc(100% - 275px);
    position: relative;
    padding-bottom: 55px;
}

.margin-bottom-blogs {
    margin-bottom: 55px;
}

.mbblogs-50 {
    margin-bottom: 55px;
}

.blogs-details .banner-rounded-img img {
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.blog-details p {
    font-size: 20px;
    margin-bottom: 20px;
}

.blog-details p img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.blog-details h6 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 25px;
}

.blog-details ul li {
    list-style: none;
    padding-left: 30px;
    position: relative;
    font-size: 18px;
    margin-bottom: 25px;
}

.blog-details ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #489cff;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

section.banner-blogs {
    margin-top: 9.38vw;
    position: relative;
}

.blog-detail section.banner-blogs h2 {
    font-size: 4vw;
    line-height: 1.4;
    padding: 2vw;
}

.banner-blogs-img-details {
    height: 57vh;
    width: 100%;
}

.banner-blogs-img-details img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-blogs .container-1560 {
    position: absolute;
    width: 100vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    max-width: 81.3vw;
}

.banner-blogs .container-1560:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: calc(100% + 5vw);
    background: #0000008c;
    transform: translate(-50%, -50%);
}

.banner-blogs .container-1560 h2 {
    line-height: initial;
}

.hz-our-brand {
    text-align: center;
}

.images-static .image-resource-service.service-circle-img img {
    position: static;
    width: 100%;
    height: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    object-fit: contain;
    object-position: center;
}

.services-text-left ul li {
    position: relative;
    list-style: none;
}

.services-text-left ul li:before {
    content: '';
    position: absolute;
    left: -23px;
    top: 50%;
    transform: translateY(-50%);
    background: #3d46a1;
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.images-static .image-resource-service.service-circle-img {
    text-align: center;
}

.industry-plans-restaurants .image-resource-service.service-circle-img img {
    max-width: 600px;
    max-height: 600px;
}

.pricing-main-panel {
    padding: 40px 144px 40px 35px;
    position: relative;
}

.rotated-items-text {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 100%;
    height: 0%;
    transform: rotate(270deg) scale(-1);
    text-align: right;
}

.rotated-items-text h6,
.rotated-items-text h1 {
    -ms-writing-mode: unset;
    writing-mode: unset;
    -webkit-writing-mode: unset;
    position: absolute;
    left: 0;
    width: 550px;
}

.pricing-flex-play {
    display: block;
    width: 100%;
    position: static;
}

.pricing-flex-play .pricing-items {
    width: 100%;
    max-width: 100%;
}

.industry-plans-ecommerce .main-modal .modal-body {
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);
}

.industry-plans-ecommerce .main-modal .btn-reg.btn-gradient {
    background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);
}

.industry-plans-ecommerce .main-modal h1 {
    -webkit-text-fill-color: white;
    color: white;
}

.industry-plans-ecommerce .main-modal .btn-reg.btn-gradient:before {
   background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);
}

.industry-plans-ecommerce .services-text-left ul li:before {
    background: #ffb800;
}

.industry-plans-ecommerce div#myModal.main-modal .modal-body .btn-close {
    color: #ffb800;
}

.industry-plans-real-estate .main-modal .modal-body {
    background: linear-gradient(90deg, #1d1d1d 0, #a98846 100%);
}

.industry-plans-real-estate .main-modal .btn-reg.btn-gradient {
    background: linear-gradient(90deg, #1d1d1d 0, #a98846 100%);
}

.industry-plans-real-estate .main-modal h1 {
    -webkit-text-fill-color: white;
    color: white;
}

.industry-plans-real-estate .main-modal .btn-reg.btn-gradient:before {
    background: linear-gradient(270deg, #1d1d1d 0, #a98846 100%);
}

.industry-plans-real-estate .services-text-left ul li:before {
    background: #a98846;
}

.industry-plans-real-estate div#myModal.main-modal .modal-body .btn-close {
    color: #a98846;
}

.industry-plans-restaurants .main-modal .modal-body {
    background: linear-gradient(90deg, #1d1d1d 0, #a77451 100%);
}

.industry-plans-restaurants .main-modal .btn-reg.btn-gradient {
    background: linear-gradient(90deg, #1d1d1d 0, #a77451 100%);
}

.industry-plans-restaurants .main-modal h1 {
    -webkit-text-fill-color: white;
    color: white;
}

.industry-plans-restaurants .main-modal .btn-reg.btn-gradient:before {
    background: linear-gradient(270deg, #1d1d1d 0, #a77451 100%);
}

.industry-plans-restaurants .services-text-left ul li:before {
    background: #a77451;
}

.industry-plans-restaurants div#myModal.main-modal .modal-body .btn-close {
    color: #a77451;
}

.industry-plans-law-firms .main-modal .modal-body {
    background: linear-gradient(90deg, #494949 0, #252424 100%);
}

.industry-plans-law-firms .main-modal .btn-reg.btn-gradient {
    background: linear-gradient(90deg, #494949 0, #252424 100%);
}

.industry-plans-law-firms .main-modal h1 {
    -webkit-text-fill-color: white;
    color: white;
}

.industry-plans-law-firms .main-modal .btn-reg.btn-gradient:before {
    background: linear-gradient(270deg, #494949 0, #252424 100%);
}

.industry-plans-law-firms .services-text-left ul li:before {
    background: #494949;
}

.industry-plans-law-firms div#myModal.main-modal .modal-body .btn-close {
    color: #252424;
}

.emerging-tech-nft .main-modal .modal-body {
    background: linear-gradient(0deg, #ff006b 0, #8506b6 70%);
}

.emerging-tech-nft .main-modal .btn-reg.btn-gradient {
    background: #8506b6;
}

.emerging-tech-nft .main-modal h1 {
    -webkit-text-fill-color: white;
    color: white;
}

.emerging-tech-nft .main-modal .btn-reg.btn-gradient:before {
    background: linear-gradient(270deg, #8506b696 0, #ff006b 100%);
}

.emerging-tech-nft .services-text-left ul li:before {
    background: #ff006b;
}

.emerging-tech-nft div#myModal.main-modal .modal-body .btn-close {
    color: #ff006b;
}

.emerging-tech-virtual-reality .main-modal .modal-body,
.emerging-tech-web03 .main-modal .modal-body {
    background: linear-gradient(0deg, #113180 0, #8161e7);
    ;
}

.emerging-tech-virtual-reality .main-modal .btn-reg.btn-gradient,
.emerging-tech-web03 .main-modal .btn-reg.btn-gradient {
    background: #8161e7;
}

.emerging-tech-virtual-reality .main-modal h1,
.emerging-tech-web03 .main-modal h1 {
    -webkit-text-fill-color: white;
    color: white;
}

.emerging-tech-virtual-reality .main-modal .btn-reg.btn-gradient:before,
.emerging-tech-web03 .main-modal .btn-reg.btn-gradient:before {
    background: linear-gradient(0deg, #113180 0, #8161e7);
    ;
}

.emerging-tech-virtual-reality .services-text-left ul li:before,
.emerging-tech-web03 .services-text-left ul li:before {
    background: #8161e7;
}

.emerging-tech-virtual-reality div#myModal.main-modal .modal-body .btn-close,
.emerging-tech-web03 div#myModal.main-modal .modal-body .btn-close {
    color: #8161e7;
}

.industry-plans-real-estate.headerFull header .social-contact a span:first-child {
    box-shadow: 0 0.303vw 1.212vw 0 #a98846;
}

.industry-plans-restaurants.headerFull header .social-contact a span:first-child {
    box-shadow: 0 0.303vw 1.212vw 0 #a77451;
}

.industry-plans-ecommerce.headerFull header .social-contact a span:first-child {
    box-shadow: 0 0.303vw 1.212vw 0 #ffb800;
}

.industry-plans-law-firms.headerFull header .social-contact a span:first-child {
    box-shadow: 0 0.303vw 1.212vw 0 #828282;
}

.revert-of-btn-resource:before {
    left: 0;
}

.revert-of-btn-resource {
    color: #2c5db3;
    border: 1px solid #c57cfa;
    margin-left: 1rem;
}

.revert-of-btn-resource:hover:before {
    left: 100%;
}

.revert-of-btn-resource:hover {
    color: white;
}

@media (max-width:1750px) {

    .blog-details p,
    .blog-details ul li {
        font-size: 17px;
    }

    .blog-details h6 {
        font-size: 35px;
    }

    .blogs-box h2 {
        font-size: 26px;
    }

    .blogs-box p {
        font-size: 14px;
        margin: 16px 0;
    }

    .blogs-box span {
        font-size: 16px;
        max-width: 125px;
        padding: 6px 10px;
    }

    .blogs-box a>img {
        height: 230px;
    }

    .blogs-box a div {
        height: calc(100% - 255px);
    }

    .loader-main>div>img {
        width: 220px;
    }
}

@media (max-width:1600px) {

    .blog-details p,
    .blog-details ul li {
        font-size: 16px;
    }

    .blog-details h6 {
        font-size: 32px;
    }

    .blog-details ul li {
        padding-left: 25px;
    }

    .blog-details ul li:before {
        width: 8px;
        height: 8px;
    }

    .loader-main>div>img {
        width: 200px;
    }
}

@media (max-width:1439px) {

    .blog-details p,
    .blog-details ul li {
        font-size: 15px;
    }

    .blog-details h6 {
        font-size: 30px;
    }

    .blogs-box h2 {
        font-size: 22px;
    }

    .blogs-box p {
        font-size: 12px;
        margin: 16px 0;
    }

    .blogs-box span {
        font-size: 14px;
        max-width: 105px;
        padding: 4px 8px;
    }

    .blogs-box a>img {
        height: 200px;
    }

    .blogs-box a div {
        height: calc(100% - 225px);
    }

    .loader-main>div>img {
        width: 150px;
    }
}

@media (max-width:1200px) {

    .blog-details p,
    .blog-details ul li {
        font-size: 13px;
    }

    .blog-details h6 {
        font-size: 25px;
    }

    .blogs-box h2 {
        font-size: 20px;
    }

    .blogs-box p {
        font-size: 12px;
        margin: 12px 0;
    }

    .blogs-box span {
        font-size: 13px;
        max-width: 95px;
        padding: 4px 8px;
    }

    .blogs-box a>img {
        height: 180px;
    }

    .blogs-box a div {
        height: calc(100% - 205px);
    }

    .loader-main>div>img {
        width: 120px;
    }
}

@media (max-width:991px) {
    .banner-blogs-img-details {
        height: 290px;
    }

    .our-blogs {
        padding: 50px 0 0;
    }

    .mbblogs-50 {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width:767px) {
    .banner-blogs-img-details {
        height: 150px;
    }

    .our-blogs {
        padding: 50px 0 0;
    }

    .blog-details h6 {
        font-size: 18px;
    }

    .blog-details p,
    .blog-details ul li {
        font-size: 12px;
        padding-left: 0;
        margin-bottom: 15px;
        line-height: 20px;
    }

    .blog-details ul li:before {
        display: none;
    }

    .our-blogs {
        padding: 30px 0 0;
    }

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

    section.banner-blogs {
        margin-top: 75px;
    }

    .blog-detail section.banner-blogs h2 {
        font-size: 18px;
        line-height: 1.4;
    }
}

.line-height-94 {
    line-height: 94px;
}

.max-w-620 {
    max-width: 620px;
}

.certification-images img {
    max-width: 125px;
    max-height: 70px;
}

.industry-plans-ecommerce .section-2 h6 {
    color: #212529;
}

.banner-section {
    min-height: 100vh;
}

.banner-section.portfolio-banner {
    min-height: auto;
}

.emerging-tech-blockchain .blockchain-banner,
.section-100vh-z {
    padding: 350px 0;
}

.banner-vr {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.banner-vr .container-1560 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.for-Small-screen,
.mega-menu-small-extra-screen-for-services {
    display: none;
}

.max-w-banner-image-cleaning {
    max-width: calc(100vh - 160px);
}

.max-w-100vh {
    width: 100vh;
    max-width: 65%;
    max-height: calc(100vh - 120px);
}

.pt-rental {
    padding-top: 250px;
}

.banner-right-img-blockchain img,
.center-image-blockchain,
.contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain img,
.contactimageweb03 img,
.contactimageweb03main img,
.image-ar-service>img {
    width: 100%;
}

.text-justify-mine {
    text-align: justify;
}

@media (max-width:2550px) {

    .banner-section,
    .banner-section.portfolio-banner {
        min-height: 100vh;
    }

    .section-100vh-z {
        padding: 160px 0 40px;
    }
}

@media (max-width:1750px) {

    .contact-page .form input,
    .contact-page .form textarea,
    .list-items ul li {
        margin-bottom: 35px;
    }

    .fa-110 {
        font-size: 100px;
    }

    header {
        padding: 50px 0;
    }

    .container-1560 {
        max-width: 85%;
    }

    .line-height-104 {
        line-height: 102%;
    }

    .main-circle {
        width: 600px;
        height: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    span.inner-circle {
        width: 450px;
        height: 450px;
        border-width: 30px;
    }

    .fa-80 {
        font-size: 65px;
    }

    .list-items ul li {
        font-size: 18px;
    }

    .circle-sec-3 {
        width: 900px;
        height: 900px;
        top: -450px;
    }

    .circle-sec-3.circle-center {
        width: 1600px;
        height: 1600px;
        top: auto;
    }

    .left-circle-sec:before {
        width: 600px;
        height: 600px;
        left: -530px;
        top: calc(50% + 40px);
    }

    .col-items {
        -webkit-box-flex: calc(20% - 15px);
        -ms-flex: calc(20% - 15px);
        flex: calc(20% - 15px);
        max-width: calc(20% - 15px);
        margin-bottom: 20px;
    }

    .services-parent h3,
    .text-items h6 {
        font-size: 20px;
    }

    .image-items {
        width: 70px;
        height: 70px;
    }

    .col-sub-portion-text {
        padding: 70px 65px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 71%;
        flex: 0 0 71%;
        max-width: 71%;
    }

    .small-bottom-text {
        margin-left: 5px;
        padding-left: 8px;
        width: 73px;
    }

    .emerging-tech-augmented-reality .text-resources-service p,
    .emerging-tech-blockchain .text-resources-service p,
    .emerging-tech-virtual-reality .text-resources-service p,
    .emerging-tech-web03 .text-resources-service p,
    .fa-18 {
        font-size: 16px;
    }

    .part-1-inner-text p {
        line-height: 150%;
    }

    .btn-reg {
        max-width: 140px;
        min-height: 50px;
    }

    .part-2-inner-text ul li a {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .part-2-inner-text {
        margin: 0 auto;
    }

    .col-sub-portion-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
    }

    .invert-subportion .part-2-inner-text {
        margin-right: auto;
        margin-left: 0;
    }

    .pb-190 {
        padding-bottom: 150px;
    }

    .active-ecom.col-items-ecom .ecom-item~a,
    .col-items-ecom:hover .ecom-item~a,
    .pricing-main-panel.selected-pricing>a.btn-reg.btn-gradient {
        bottom: -25px;
    }

    .btn-reg.btn-gradient,
    .image-on-top-map>img.guanghau {
        max-width: 160px;
    }

    .col-items-ecom {
        max-width: calc(33% - 10px);
    }

    .text-ecom-services {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .py-110 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .box-content {
        max-width: 200px;
        min-height: 165px;
    }

    .box-content h3 {
        font-size: 24px;
    }

    .image-blockchain-service>img,
    .image-blockchain-service>img.image-behind-block,
    .left-emerging img,
    .right-emerging img {
        width: 100%;
    }

    .left-emerging,
    .right-emerging {
        bottom: 140px;
        width: 150px;
        left: -80px;
    }

    .right-emerging {
        left: auto;
        right: -80px;
    }

    .heading-bpo p {
        font-size: 115px;
    }

    .heading-bpo h6 {
        font-size: 27px;
    }

    .paragraph-bpo p {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .col-bpo-items {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 15px);
        flex: 0 0 calc(33% - 15px);
        max-width: calc(33% - 15px);
    }

    .col-bpo-items:nth-child(-n + 3) {
        margin-bottom: 70px;
    }

    .max-width-1058 {
        max-width: 968px;
        margin: 55px auto 0;
    }

    .image-designer,
    .image-designer>img {
        min-height: 500px;
    }

    .part-2-inner-text ul li a:before {
        left: -30px;
        background-size: 25px;
    }

    .py-190-130 {
        padding-top: 155px;
        padding-bottom: 115px;
    }

    .text-resources-service h3,
    .text-resources-service h1 {
        font-size: 100px;
        line-height: 100%;
    }

    .text-resources-service p {
        font-size: 18px;
        margin: 30px 0 70px;
        max-width: 600px;
    }

    .image-resource-service {
        max-width: 380px;
    }

    .emerging-tech-augmented-reality .text-resources-service h3,
    .emerging-tech-blockchain .text-resources-service h3,
    .emerging-tech-virtual-reality .text-resources-service h3,
    .emerging-tech-web03 .text-resources-service h3,
    .emerging-tech-augmented-reality .text-resources-service h1,
    .emerging-tech-blockchain .text-resources-service h1,
    .emerging-tech-virtual-reality .text-resources-service h1,
    .emerging-tech-web03 .text-resources-service h1,
    .fa-100,
    .fa-90 {
        font-size: 80px;
    }

    .pricing-main-panel {
        padding: 40px 15px 55px 30px;
    }

    .rotated-items-text h6,
    .rotated-items-text h1 {
        font-size: 70px;
    }

    .image-resource-service:before {
        width: calc(100% + 140px);
        height: calc(100% + 140px);
    }

    .pricing-items ul li {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .pricing-items span,
    .reseller-step-z .step-box .oh-icon h2 {
        font-size: 26px;
    }

    .pricing-items h3 {
        font-size: 40px;
    }

    .fa-224 {
        font-size: 196px;
    }

    .letter-spacing-5 {
        letter-spacing: -4px;
    }

    .fa-145 {
        font-size: 135px;
    }

    .cols-ar-img-service {
        max-width: 217px;
        min-height: 293px;
    }

    .container-1547 {
        max-width: 83%;
    }

    .cols-ar-img-service.big-devops-box {
        max-width: 307px;
        min-height: 223px;
    }

    .big-three-box .cols-ar-img-service {
        max-width: 230px;
        min-height: 293px;
    }

    .cols-ar-img-service img {
        max-width: 200px;
        max-height: 130px;
    }

    section.text-resource-services-section.hz-bpo-three {
        padding-top: 200px;
        padding-bottom: 70px;
    }

    .contact-main-area {
        padding: 70px 0 70px 90px;
    }

    .form select,
    .form input,
    .form textarea {
        font-size: 20.77px;
    }

    .form {
        max-width: 540px;
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 {
        max-width: 640px;
    }

    .banner-right-img-virtualreality {
        max-width: 560px;
    }

    .services-main-services>* {
        margin-right: 90px;
    }

    .fa-16,
    .services-parent ul li a,
    .text-location-footer p {
        font-size: 14px;
    }

    .heading-mega h6 {
        font-size: 55px;
    }

    .services-parent.service-below {
        margin-top: 40px;
    }

    .mega-menu-service-main-box {
        padding: 55px;
    }

    li.mega-menu-open:hover .mega-menu-service-main-box {
        top: 70px;
    }

    .image-resource-service.service-circle-img img.finance-service-img {
        max-width: 650px;
        max-height: 650px;
    }

    .image-before-span-financial {
        background-size: 8%;
    }

    .i-reseller-banner-text h3 {
        font-size: 35px;
    }

    .reseller-step-z .step-box .oh-icon {
        width: 225px;
        height: 159px;
    }

    .circle-page-contact {
        max-width: 1346px;
    }

    .main-circle-contact span {
        width: 170px;
    }

    .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form textarea {
        min-height: 170px;
    }

    .contact-section.hz-contact-bpo {
        padding: 110px 0;
    }

    .image-vr-service img {
        max-width: 600px;
    }

    span.bg-image-vr.revervrbgimage {
        left: 40px;
    }

    .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain {
        max-width: 680px;
    }

    .image-vr-service img.saturnalone {
        max-width: 190px;
        right: 0;
        top: -55px;
    }

    .image-vr-service img.earthalone {
        max-width: 140px;
        left: 65%;
    }

    .banner-right-img-blockchain:after {
        width: 550px;
        height: 550px;
        background-size: contain;
        background-position: right;
    }

    .banner-right-img-blockchain {
        max-width: 550px;
    }

    .emerging-tech-blockchain .blockchain-banner {
        padding: 300px 0;
    }

    .image-blockchain-service {
        max-width: 495px;
    }

    .image-blockchain-service>img.image-behind-block.image-behind-block.idea-blockchain {
        width: calc(100% - 150px);
    }

    .image-ar-service {
        max-width: 270px;
    }

    .image-ar-service:before {
        width: 400px;
        height: 400px;
    }

    .contact-section.contact-augmentendreality img {
        max-width: 800px;
    }

    .banner-right-imgs .nft {
        max-width: 900px;
    }

    .banner-right-imgs .circle {
        max-width: 453px;
        right: 440px;
    }

    .fa-150 {
        font-size: 130px;
    }

    .emerging-tech-nft .bg-linear-gradient:after {
        right: -363px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }

    .nfts-right-img img {
        max-width: 530px;
    }

    .image-on-top-map>img.texas,
    .image-on-top-map>img.uae {
        max-width: 120px;
    }

    .image-on-top-map>img.karachi {
        max-width: 110px;
    }

    .law-before-service:after {
        background-size: 32%;
    }

    .py-190-190 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .image-resource-service.service-circle-img img.ecom-top-image {
        max-width: 100px;
        max-height: 100px;
    }

    .dual-phone-number:hover .onhoverphonenumbers {
        bottom: -96px;
    }

    .col-location {
        margin-right: 45px;
    }

    .text-location-footer h6 {
        font-size: 19px;
    }

    .footer-circle {
        right: -500px;
    }

    .no-portfolio section#our-client {
        padding-top: 70px;
    }

    .max-547 {
        max-width: 480px;
    }
}

@media (max-width:1599px) {

    .left-circle-sec:before,
    .main-circle {
        width: 550px;
        height: 550px;
    }

    span.inner-circle {
        width: 400px;
        height: 400px;
        border-width: 30px;
    }

    .fa-110,
    .text-resources-service h3,
    .text-resources-service h1 {
        font-size: 90px;
    }

    .line-height-104 {
        line-height: 100%;
    }

    .text-bottom {
        margin-top: 60px;
    }

    img.google-certificate {
        margin: 0 30px 0 35px;
    }

    header {
        padding: 40px 0;
    }

    .container-1560 {
        max-width: 90%;
    }

    .left-circle-sec:before {
        left: -505px;
        top: calc(50% + 4%);
    }

    .image-screen {
        max-width: 700px;
    }

    .image-screen img {
        width: 100%;
    }

    .video {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
    }

    .circle-sec-3 {
        width: 800px;
        height: 800px;
        top: -400px;
    }

    .circle-sec-3.circle-center {
        width: 1400px;
        height: 1400px;
        top: auto;
    }

    .items {
        padding: 35px 18px;
    }

    .image-items:before {
        height: calc(100% + 10px);
        width: calc(100% + 10px);
    }

    .text-items h6 {
        font-size: 20px;
    }

    .part-2-inner-text ul li a {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .fa-80 {
        font-size: 60px;
    }

    .line-bottom-heading:before {
        bottom: 6px;
    }

    .py-110 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .heading-bpo p {
        font-size: 100px;
        line-height: 90px;
    }

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

    .pb-190 {
        padding-bottom: 120px;
    }

    .image-designer,
    .image-designer>img {
        min-height: 450px;
    }

    .part-2-inner-text ul li a:before {
        left: -35px;
        background-size: 20px;
    }

    .links-columns>ul>li>a {
        margin-right: 70px;
        font-size: 16px;
    }

    .services-parent ul li a,
    .social-contact a {
        font-size: 13px;
    }

    .section-1.padding-top-header {
        padding-top: 140px;
    }

    .button-play {
        width: 140px;
        height: 140px;
        font-size: 44px;
    }

    .text-resources-service p {
        font-size: 17px;
        max-width: 570px;
        margin: 20px 0 50px;
    }

    .fa-100 {
        font-size: 73px;
    }

    .line-height-167 {
        line-height: 160%;
    }

    .max-547 {
        max-width: 500px;
    }

    .fa-224 {
        font-size: 185px;
    }

    .letter-spacing-5 {
        letter-spacing: -3px;
    }

    .fa-145 {
        font-size: 130px;
    }

    .footer:before {
        width: 892px;
        height: 892px;
    }

    .cols-ar-img-service {
        max-width: 200px;
        min-height: 260px;
        border-radius: 24px;
    }

    .contact-main-area {
        padding: 60px 0 60px 80px;
    }

    .fa-90 {
        font-size: 72px;
    }

    .form select,
    .form input,
    .form textarea {
        font-size: 17.77px;
        padding: 13px 15px 13px 1px;
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 {
        max-width: 560px;
    }

    .contact-main-area button.btn-reg.btn-gradient {
        max-width: 190px;
        bottom: -25px;
    }

    .form {
        max-width: 490px;
    }

    .big-three-box .cols-ar-img-service {
        max-width: 210px;
        min-height: 270px;
    }

    .cols-ar-img-service img {
        max-width: 190px;
        max-height: 120px;
    }

    .cols-ar-img-service.big-devops-box {
        max-width: 290px;
        min-height: 210px;
    }

    section.text-resource-services-section.hz-bpo-three {
        padding-top: 150px;
        padding-bottom: 60px;
    }

    .banner-right-img-virtualreality {
        max-width: 470px;
    }

    .background-images-mulitple img {
        max-width: 50px;
    }

    .services-main-services>* {
        margin-right: 70px;
    }

    .services-parent h3 {
        font-size: 18px;
    }

    .services-parent.service-below {
        margin-top: 30px;
    }

    .section-100vh-z {
        padding-top: 137px;
    }

    .image-resource-service.service-circle-img img.finance-service-img {
        max-width: 550px;
        max-height: 550px;
    }

    .i-reseller-banner-text h3 {
        font-size: 30px;
    }

    .reseller-step-z .step-box .oh-icon {
        width: 205px;
        height: 149px;
    }

    .reseller-step-z .step-box .oh-icon h2 {
        font-size: 24px;
    }

    .circle-page-contact {
        max-width: 1246px;
    }

    .main-circle-contact span {
        width: 150px;
    }

    section.banner-section-contact {
        padding: 300px 0 420px;
    }

    .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain {
        max-width: 580px;
    }

    .emerging-tech-augmented-reality .text-resources-service p,
    .emerging-tech-blockchain .text-resources-service p,
    .emerging-tech-virtual-reality .text-resources-service p,
    .emerging-tech-web03 .text-resources-service p {
        font-size: 14px;
    }

    .emerging-tech-augmented-reality .text-resources-service h3,
    .emerging-tech-blockchain .text-resources-service h3,
    .emerging-tech-virtual-reality .text-resources-service h3,
    .emerging-tech-web03 .text-resources-service h3,
    .emerging-tech-augmented-reality .text-resources-service h1,
    .emerging-tech-blockchain .text-resources-service h1,
    .emerging-tech-virtual-reality .text-resources-service h1,
    .emerging-tech-web03 .text-resources-service h1 {
        font-size: 70px;
    }

    .image-vr-service img {
        max-width: 550px;
    }

    .banner-right-img-blockchain:after {
        width: 450px;
        height: 450px;
    }

    .banner-right-img-blockchain {
        max-width: 450px;
    }

    .emerging-tech-blockchain .blockchain-banner {
        padding: 250px 0;
    }

    .image-blockchain-service {
        max-width: 435px;
    }

    body.emerging-tech-blockchain .col-lg-6.text-left,
    body.emerging-tech-blockchain .col-lg-6.text-right {
        text-align: center !important;
    }

    .before-after-images-lines {
        display: none;
    }

    .contactimageweb03 img {
        max-width: 400px;
    }

    .contactimageweb03 {
        right: 90px;
    }

    .image-ar-service {
        max-width: 240px;
    }

    .image-ar-service:before {
        width: 350px;
        height: 350px;
    }

    .banner-right-imgs .nft,
    .contact-section.contact-augmentendreality img {
        max-width: 750px;
    }

    .banner-right-imgs .circle {
        max-width: 390px;
        right: 350px;
    }

    .fa-150 {
        font-size: 115px;
    }

    .emerging-tech-nft .bg-linear-gradient:after {
        background-size: contain;
        right: -313px;
        width: 350px;
        height: 350px;
    }

    .image-resource-service.service-circle-img img.ecom-top-image {
        max-width: 90px;
        max-height: 90px;
        right: 50px;
    }

    .dual-phone-number:hover .onhoverphonenumbers {
        bottom: -89px;
    }

    .onhoverphonenumbers {
        width: 150px;
        right: 13px;
    }

    .text-location-footer h6 {
        font-size: 17px;
    }

    .text-location-footer p {
        font-size: 12px;
    }

    .footer-circle {
        right: -500px;
    }

    .nfts-right-img img {
        max-width: 440px;
    }
}

@media (max-width:1439px) {
    .fa-110 {
        font-size: 80px;
    }

    .text-bottom {
        margin-top: 45px;
    }

    .main-circle {
        width: 500px;
        margin: 0 auto;
        height: 500px;
    }

    .left-circle-sec:before {
        left: -515px;
    }

    .contact-main-area .fa-100,
    .contact-section.contact-virtual-reality .contact-main-area h3,
    .fa-80 {
        font-size: 55px;
    }

    .list-items ul li {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .image-items {
        width: 45px;
        height: 45px;
    }

    .image-items img {
        width: 65%;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .text-items h6,
    .text-location-footer h6 {
        font-size: 16px;
    }

    .items {
        padding: 35px 15px;
    }

    .items.active-industry .learn-more,
    .items:hover .learn-more {
        bottom: 10px;
        font-size: 10px;
    }

    .col-sub-portion-text {
        padding: 70px 50px;
    }

    .part-1-inner-text {
        max-width: 500px;
        padding-right: 40px;
    }

    .pb-190 {
        padding-bottom: 100px;
    }

    .part-2-inner-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }

    .invert-subportion .part-1-inner-text {
        padding-right: 0;
        padding-left: 40px;
    }

    .fa-18,
    .part-2-inner-text ul li a,
    .text-ecom-services p,
    .text-resources-service span a {
        font-size: 14px;
    }

    .btn-reg {
        min-height: 45px;
        font-size: 14px;
    }

    .line-height-112 {
        line-height: 104%;
    }

    .ecom-item img,
    .log-container img {
        width: 100%;
    }

    .ecom-item h3,
    .heading-bpo h6,
    .reseller-step-z .step-box .oh-icon h2 {
        font-size: 22px;
    }

    .box-content-emerging-heading {
        padding: 125px 0 95px;
    }

    .container-1150 {
        max-width: 900px;
    }

    .center-emerging {
        top: -50px;
    }

    .center-emerging>img,
    .image-on-top-map>img.uae {
        max-width: 100px;
    }

    span.animation-image-top img {
        max-width: 36px;
    }

    span.animation-image-top {
        top: -17px;
        height: 52px;
        width: 45px;
    }

    .box-content-emerging-heading:before {
        width: 410px;
        height: 410px;
    }

    .box-content {
        max-width: 170px;
        min-height: 140px;
    }

    .box-content h3,
    .fa-22 {
        font-size: 18px;
    }

    .left-emerging,
    .right-emerging {
        width: 130px;
        left: -60px;
        bottom: 110px;
    }

    .right-emerging {
        left: auto;
        right: -60px;
    }

    .container-1350 {
        max-width: 90%;
    }

    .heading-bpo p {
        font-size: 90px;
        line-height: 75px;
    }

    .items-bpo {
        padding: 22px 30px;
    }

    .certification-images img {
        max-width: 130px;
    }

    .max-width-1058 {
        max-width: 782px;
    }

    .image-designer,
    .image-designer>img {
        min-height: 410px;
    }

    .part-2-inner-text ul li a:before {
        left: -25px;
        background-size: 15px;
    }

    .links-columns>ul>li>a {
        margin-right: 40px;
        font-size: 14px;
    }

    .social-contact a span:first-child {
        font-size: 14px;
        height: 35.32px;
        width: 35.32px;
        margin-right: 10px;
    }

    .log-container {
        width: 150px;
    }

    header {
        padding: 35px 0;
    }

    span.inner-circle {
        width: 380px;
        height: 380px;
        border-width: 30px;
    }

    .section-1.padding-top-header {
        padding-top: 130px;
    }

    .fa-100 {
        font-size: 70px;
    }

    .py-190-130 {
        padding-top: 135px;
        padding-bottom: 105px;
    }

    .image-resource-service {
        max-width: 300px;
    }

    .image-resource-service:before {
        width: calc(100% + 120px);
        height: calc(100% + 120px);
    }

    .text-resources-service h3,
    .text-resources-service h1 {
        font-size: 75px;
    }

    .text-resources-service p {
        font-size: 15px;
        max-width: 500px;
        margin: 25px 0 40px;
    }

    .col-pricing {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 12.5px);
        flex: 0 0 calc(50% - 12.5px);
        margin-right: 25px;
    }

    .pricing-items ul li {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .rotated-items-text h6,
    .rotated-items-text h1 {
        font-size: 64px;
    }

    .pricing-items h3 {
        font-size: 34px;
    }

    .pricing-items span {
        font-size: 20px;
    }

    .pricing-main-panel {
        padding: 35px 15px 45px 25px;
    }

    .content-right-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        margin-left: auto;
    }

    .max-547 {
        max-width: 470px;
    }

    .line-height-167 {
        line-height: 150%;
    }

    .fa-224 {
        font-size: 162px;
    }

    .letter-spacing-5 {
        letter-spacing: -2px;
    }

    .fa-145 {
        font-size: 110px;
    }

    .footer:before {
        width: 812px;
        height: 812px;
    }

    .cols-ar-img-service {
        max-width: 170px;
        min-height: 230px;
    }

    .fa-90 {
        font-size: 62px;
    }

    .form select,
    .form input,
    .form textarea {
        font-size: 15.77px;
    }

    .contact-main-area {
        padding: 50px 0 50px 70px;
    }

    .form {
        max-width: 410px;
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 {
        max-width: 500px;
    }

    .contact-main-area button.btn-reg.btn-gradient {
        max-width: 170px;
        bottom: -20px;
    }

    .hz-contact-bpo .right-blue-circle-800:after {
        right: -240px;
        bottom: 60px;
    }

    .hz-contact-bpo .left-blue-circle-800:before {
        left: -260px;
        bottom: -10px;
    }

    .big-three-box .cols-ar-img-service {
        max-width: 190px;
        min-height: 250px;
    }

    .cols-ar-img-service.big-devops-box {
        max-width: 260px;
        min-height: 180px;
    }

    .cols-ar-img-service img {
        max-width: 160px;
        max-height: 110px;
    }

    section.text-resource-services-section.hz-bpo-three {
        padding-top: 120px;
        padding-bottom: 50px;
    }

    .background-images-mulitple img {
        max-width: 40px;
    }

    .background-images-mulitple {
        width: 43%;
        z-index: -1;
    }

    .banner-images-virtualreality {
        top: -90px;
    }

    .banner-right-img-virtualreality {
        max-width: 340px;
        right: 200px;
    }

    .services-parent h3 {
        font-size: 16px;
        padding: 4px 4px 10px;
    }

    .services-parent ul li a {
        font-size: 13px;
        padding: 4px;
    }

    .heading-mega h6 {
        font-size: 45px;
    }

    .mega-menu-service-main-box {
        padding: 40px;
        border-radius: 35px;
    }

    .heading-mega {
        margin-bottom: 40px;
    }

    li.mega-menu-open:hover .mega-menu-service-main-box {
        top: 60px;
    }

    .section-100vh-z {
        padding-top: 112px;
    }

    .image-resource-service.service-circle-img img.finance-service-img {
        max-width: 500px;
        max-height: 500px;
    }

    .image-before-span-financial {
        background-size: 6%;
        background-position-y: center;
    }

    .pt-rental {
        padding-top: 180px;
        padding-bottom: 280px;
    }

    .i-reseller-banner-text h3 {
        font-size: 25px;
    }

    .reseller-step-z .step-box .oh-icon {
        width: 185px;
        height: 129px;
        margin-bottom: 30px;
    }

    .circle-contact h1 {
        font-size: 65px;
    }

    .circle-contact p {
        font-size: 12px;
        max-width: 550px;
    }

    section.banner-section-contact {
        padding: 270px 0 300px;
    }

    .circle-page-contact {
        max-width: 1000px;
    }

    .main-circle-contact span {
        width: 120px;
    }

    .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form textarea {
        min-height: 130px;
        margin-bottom: 0;
    }

    section.contact-section.contact-nft.py-110.hz-contact-bpo.industry-contact.contact-page {
        padding: 110px 0 70px;
    }

    .image-vr-service img {
        max-width: 450px;
    }

    .emerging-tech-augmented-reality .text-resources-service p,
    .emerging-tech-blockchain .text-resources-service p,
    .emerging-tech-virtual-reality .text-resources-service p,
    .emerging-tech-web03 .text-resources-service p {
        font-size: 13px;
    }

    .emerging-tech-augmented-reality .text-resources-service h3,
    .emerging-tech-blockchain .text-resources-service h3,
    .emerging-tech-virtual-reality .text-resources-service h3,
    .emerging-tech-web03 .text-resources-service h3,
    .emerging-tech-augmented-reality .text-resources-service h1,
    .emerging-tech-blockchain .text-resources-service h1,
    .emerging-tech-virtual-reality .text-resources-service h1,
    .emerging-tech-web03 .text-resources-service h1 {
        font-size: 60px;
    }

    .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain {
        max-width: 480px;
    }

    .banner-right-img-blockchain {
        max-width: 400px;
        right: 100px;
    }

    .banner-right-img-blockchain:after {
        width: 400px;
        height: 400px;
    }

    .image-blockchain-service {
        max-width: 355px;
    }

    .image-blockchain-service>img.image-behind-block.image-behind-block.idea-blockchain {
        width: calc(100% - 100px);
    }

    .blockchain-bg-with-text:before {
        background-size: 70%;
    }

    .contactimageweb03 img {
        max-width: 350px;
    }

    .contactimageweb03 {
        right: 110px;
    }

    .banner-images-augreal {
        right: 50px;
    }

    .section-2.emerging-tech-augmented-reality {
        padding: 120px 0;
    }

    .banner-right-imgs .nft,
    .contact-section.contact-augmentendreality img {
        max-width: 650px;
    }

    .banner-right-imgs .circle {
        max-width: 320px;
        right: 320px;
    }

    .fa-150 {
        font-size: 100px;
    }

    .image-on-top-map>img.guanghau {
        max-width: 140px;
    }

    .image-on-top-map>img.texas {
        max-width: 110px;
    }

    .image-on-top-map>img.karachi {
        max-width: 90px;
    }

    .py-190-190 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .col-location {
        margin-right: 25px;
    }

    .text-location-footer p {
        font-size: 11px;
    }

    .footer-circle {
        right: -590px;
    }
}

@media (max-width:1199px) {

    .py-110,
    .section-1 {
        padding-bottom: 70px;
    }

    .fa-110 {
        font-size: 65px;
    }

    .left-circle-sec:before {
        left: -520px;
    }

    .main-circle {
        width: 450px;
        height: 450px;
    }

    span.inner-circle {
        width: 320px;
        height: 320px;
    }

    .section-1.padding-top-header,
    section.text-resource-services-section.hz-bpo-three {
        padding-top: 100px;
    }

    .contact-main-area .fa-100,
    .emerging-tech-augmented-reality .text-resources-service h3,
    .emerging-tech-blockchain .text-resources-service h3,
    .emerging-tech-virtual-reality .text-resources-service h3,
    .emerging-tech-web03 .text-resources-service h3,
    .emerging-tech-augmented-reality .text-resources-service h1,
    .emerging-tech-blockchain .text-resources-service h1,
    .emerging-tech-virtual-reality .text-resources-service h1,
    .emerging-tech-web03 .text-resources-service h1,
    .fa-80 {
        font-size: 50px;
    }

    .padding-top-header {
        padding-top: 127px;
    }

    .line-bottom-heading:before {
        bottom: 4px;
    }

    .contact-section.contact-augmentendreality img,
    .image-screen {
        max-width: 550px;
    }

    .video {
        width: calc(100% - 30px);
        height: calc(100% - 30px);
    }

    .circle-sec-3 {
        width: 600px;
        height: 600px;
        top: -300px;
    }

    .circle-sec-3.circle-center {
        width: 1020px;
        height: 1020px;
        top: auto;
    }

    .row-footer-location {
        margin-bottom: 85px;
    }

    .py-110 {
        padding-top: 80px;
    }

    .image-items {
        width: 40px;
        height: 40px;
    }

    .items {
        padding: 30px 10px;
    }

    .image-items:before {
        height: calc(100% + 5px);
        width: calc(100% + 5px);
    }

    .text-items h6 {
        font-size: 11px;
        letter-spacing: -1.1px;
    }

    .items.active-industry .learn-more,
    .items:hover .learn-more {
        font-size: 8px;
        bottom: 8px;
    }

    .part-1-inner-text p {
        margin: 16px 0 18px;
    }

    .emerging-tech-augmented-reality .text-resources-service p,
    .emerging-tech-blockchain .text-resources-service p,
    .emerging-tech-virtual-reality .text-resources-service p,
    .emerging-tech-web03 .text-resources-service p,
    .fa-18,
    .part-2-inner-text ul li a,
    .text-ecom-services p {
        font-size: 12px;
    }

    .part-2-inner-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
    }

    .part-2-inner-text ul {
        margin: 0 auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .ecom-item h3 {
        font-size: 20px;
        top: calc(100% - 75px);
        padding: 0 15px;
    }

    .btn-reg,
    .btn-reg.btn-gradient {
        font-size: 12px;
        max-width: 110px;
        min-height: 38px;
    }

    .btn-reg.btn-gradient {
        max-width: 120px;
    }

    .ecom-item~a>img {
        width: 15px;
    }

    .active-ecom.col-items-ecom .ecom-item~a,
    .col-items-ecom:hover .ecom-item~a {
        bottom: -18px;
    }

    .my-22-29 {
        margin-top: 18px;
        margin-bottom: 22px;
    }

    .box-content {
        max-width: 115px;
        min-height: 95px;
        border-radius: 12px;
    }

    .box-content h3 {
        font-size: 14px;
    }

    .container-1150 {
        max-width: 700px;
    }

    .box-content-emerging-heading {
        padding: 110px 0 75px;
    }

    .box-content-emerging-heading:before {
        width: 350px;
        height: 350px;
    }

    .left-emerging,
    .right-emerging {
        width: 90px;
        left: -20px;
        bottom: 90px;
    }

    .right-emerging {
        right: -20px;
        left: auto;
    }

    .heading-bpo p {
        font-size: 70px;
        line-height: 60px;
        margin-bottom: 10px;
    }

    .heading-bpo h6,
    .reseller-step-z .step-box .oh-icon h2 {
        font-size: 18px;
    }

    .paragraph-bpo p,
    .pricing-items ul li {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .anchor-bpo a {
        font-size: 12px;
        padding-left: 40px;
    }

    .anchor-bpo a:after,
    .anchor-bpo a:before {
        width: 35px;
    }

    .items-bpo {
        padding: 20px 25px;
    }

    .col-bpo-items:nth-child(-n + 3) {
        margin-bottom: 45px;
    }

    .col-bpo-items {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 5px);
        flex: 0 0 calc(33% - 5px);
        max-width: calc(33% - 5px);
    }

    .max-width-1058 {
        max-width: 670px;
    }

    #sec4.py-110 {
        padding-top: 40px;
    }

    .image-designer,
    .image-designer>img {
        min-height: 370px;
    }

    .part-2-inner-text ul li a:before {
        left: -25px;
        background-size: 15px;
    }

    .links-columns>ul>li>a {
        margin-right: 30px;
        font-size: 12px;
    }

    .log-container {
        width: 120px;
    }

    header {
        padding: 30px 0;
    }

    .social-contact a span:first-child {
        margin-right: 0;
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .center-emerging {
        top: -30px;
    }

    .center-emerging>img {
        max-width: 80px;
    }

    span.animation-image-top img {
        max-width: 30px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    span.animation-image-top {
        top: -14px;
        height: 42px;
        width: 35px;
    }

    .button-play {
        width: 130px;
        height: 130px;
        font-size: 40px;
    }

    .social-contact.footer-social a {
        font-size: 11px;
    }

    .social-contact.footer-social a span:first-child {
        width: 25px;
        height: 25px;
        font-size: 12px;
        margin-right: 5px;
    }

    .py-190-130 {
        padding-top: 115px;
        padding-bottom: 95px;
    }

    .text-resources-service h3,
    .text-resources-service h1 {
        font-size: 60px;
    }

    .text-resources-service p {
        font-size: 13px;
        margin: 25px 0;
    }

    .image-resource-service {
        max-width: 250px;
    }

    .image-resource-service:before {
        width: calc(100% + 100px);
        height: calc(100% + 100px);
    }

    .image-resource-service:after {
        width: calc(100% + 15px);
        height: calc(100% + 15px);
    }

    .pricing-main-panel {
        padding: 30px 15px 40px;
    }

    .fa-100 {
        font-size: 58px;
    }

    .content-right-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .column-responsive-pricing {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .rotated-items-text h6,
    .rotated-items-text h1 {
        font-size: 45px;
    }

    .pricing-items h3 {
        font-size: 34px;
    }

    .pricing-items span {
        font-size: 16px;
    }

    .pricing-main-panel.selected-pricing>a.btn-reg.btn-gradient {
        bottom: -20px;
    }

    .max-547 {
        max-width: 380px;
    }

    .pricing-main-panel>a>img {
        width: 13px;
    }

    .pricing-main-panel>a {
        font-size: 13px;
    }

    .fa-224 {
        font-size: 124px;
    }

    .letter-spacing-5 {
        letter-spacing: -1px;
    }

    .fa-145 {
        font-size: 90px;
    }

    .footer:before {
        width: 682px;
        height: 682px;
    }

    .cols-ar-img-service {
        max-width: 140px;
        min-height: 190px;
        border-radius: 18px;
    }

    .fa-90 {
        font-size: 52px;
    }

    .contact-main-area h3 {
        margin-bottom: 25px;
    }

    .contact-main-area {
        padding: 40px 0 40px 60px;
    }

    .form select,
    .form input,
    .form textarea {
        font-size: 12.77px;
        padding: 9px 15px 9px 1px;
        border-width: 1px;
    }

    .contact-main-area button.btn-reg.btn-gradient {
        max-width: 150px;
        bottom: -19px;
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 {
        max-width: 410px;
    }

    .hz-contact-bpo .right-blue-circle-800:after {
        bottom: 90px;
    }

    .hz-contact-bpo .left-blue-circle-800:before {
        left: -190px;
        bottom: 40px;
    }

    .form {
        max-width: 340px;
    }

    .big-three-box .cols-ar-img-service {
        max-width: 160px;
        min-height: 200px;
    }

    .cols-ar-img-service.big-devops-box {
        max-width: 220px;
        min-height: 160px;
    }

    .cols-ar-img-service img {
        max-width: 130px;
        max-height: 90px;
    }

    .banner-right-img-virtualreality {
        max-width: 280px;
        right: 120px;
    }

    .banner-images-virtualreality {
        top: -60px;
    }

    .background-images-mulitple {
        width: 52%;
    }

    .services-main-services>* {
        margin-right: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 25%;
        margin-bottom: 0;
    }

    .services-parent.service-below {
        margin-top: 20px;
    }

    .services-parent h3 {
        font-size: 15px;
        padding: 6px 6px 10px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .services-parent ul li a {
        font-size: 12px;
        padding: 5px;
        margin-bottom: 2px;
    }

    .heading-mega h6 {
        font-size: 40px;
    }

    .mega-menu-service-main-box {
        padding: 45px 35px;
        border-radius: 35px;
    }

    .heading-mega {
        margin-bottom: 20px;
    }

    .section-100vh-z {
        padding-top: 94px;
    }

    .image-resource-service.service-circle-img img.finance-service-img {
        max-width: 400px;
        max-height: 400px;
    }

    .i-reseller-banner-text h3 {
        font-size: 20px;
        letter-spacing: -1px;
        margin-bottom: 10px;
    }

    .reseller-step-z .step-box .oh-icon {
        width: 165px;
        height: 109px;
        margin-bottom: 20px;
    }

    section.banner-section-contact {
        padding: 200px 0 300px;
    }

    .circle-page-contact {
        max-width: 800px;
    }

    .circle-contact p {
        max-width: 450px;
    }

    section.contact-section.contact-nft.py-110.hz-contact-bpo.industry-contact.contact-page {
        padding: 50px 0 90px;
    }

    .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain {
        max-width: 380px;
        right: 0;
        border-radius: 0 0 90px;
        overflow: hidden;
    }

    .image-vr-service img.saturnalone {
        max-width: 140px;
        right: 0;
        top: -35px;
    }

    .image-vr-service img.earthalone {
        max-width: 110px;
        left: 55%;
    }

    .image-vr-service img {
        max-width: 350px;
    }

    .contact-section.contact-virtual-reality .contact-main-area h3 {
        font-size: 45px;
    }

    .banner-right-img-blockchain {
        max-width: 300px;
        right: 50px;
    }

    .banner-right-img-blockchain:after {
        width: 300px;
        height: 300px;
        right: -100px;
    }

    .emerging-tech-blockchain .blockchain-banner {
        padding: 170px 0;
    }

    .image-blockchain-service {
        max-width: 305px;
    }

    .image-blockchain-service>img.image-behind-block.image-behind-block.idea-blockchain {
        width: calc(100% - 80px);
    }

    .contactimageweb03 img {
        max-width: 280px;
    }

    .contactimageweb03 {
        right: 70px;
    }

    .emerging-tech-augmented-reality .banner-section {
        padding: 17% 0;
    }

    .section-2.emerging-tech-augmented-reality {
        padding: 80px 0;
    }

    .image-ar-service {
        max-width: 200px;
    }

    .image-ar-service:before {
        width: 300px;
        height: 300px;
    }

    .banner-right-imgs .nft {
        max-width: 500px;
    }

    .banner-right-imgs .circle {
        max-width: 290px;
        right: 230px;
    }

    .fa-150 {
        font-size: 85px;
    }

    .social-contact a {
        font-size: 10px;
        margin-right: 15px;
    }

    .header-row .social-contact {
        margin-left: 25px;
    }

    .py-190-190 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .image-resource-service.service-circle-img img.ecom-top-image {
        max-width: 70px;
        max-height: 70px;
    }

    .banner-section.portfolio-banner {
        min-height: auto;
    }

    .dual-phone-number:hover .onhoverphonenumbers {
        bottom: -70px;
    }

    .onhoverphonenumbers {
        width: 124px;
        padding: 10px;
        right: 4px;
    }

    .certification-images img {
        max-width: 120px;
        max-height: 70px;
    }

    img.google-certificate {
        margin: 0 20px 0 25px;
    }

    .col-location {
        margin-right: 10px;
    }

    .text-location-footer h6 {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .text-location-footer p {
        font-size: 10px;
    }

    .nfts-right-img img {
        max-width: 360px;
    }
}

@media (max-width:991px) {

    .column-responsive-pricing ul.slick-dots li.slick-active button,
    .line-btn {
        background: #3d46a1;
    }

    .log-container img {
        width: 100%;
    }

    .log-container {
        max-width: 130px;
    }

    .world-circles-images {
        position: absolute;
        top: 0;
        width: 5%;
        right: 0;
    }

    .dmca-certificate {
        text-align: center;
    }

    .world-circles-images * {
        width: 175px;
        height: 175px;
    }

    .row-pricing,
    .section-1 .row.align-items-center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .circle-contact h1,
    .fa-110 {
        font-size: 55px;
    }

    .image-reseller:after,
    .left-circle-sec:before,
    .links-columns>ul>li>a:after,
    .mega-menu-service-main-box,
    .services-main-services>.services-parent>ul,
    .services-parent h3:before,
    .services-parent.service-below>ul,
    .small-bottom-text {
        display: none;
    }

    .btn-d-none,
    .line-btn,
    .text-location-footer p>br {
        display: block;
    }

    .text-bottom {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
    }

    .text-banner-home {
        max-width: 370px;
    }

    .section-1 {
        padding-bottom: 150px;
    }

    .padding-top-header {
        padding-top: 160px;
    }

    span.top-right-gradient-circle {
        width: 600px;
        height: 600px;
    }

    .section-2,
    .section-2.emerging-tech-augmented-reality {
        padding: 60px 0;
    }

    .emerging-tech-augmented-reality .text-resources-service h3,
    .emerging-tech-blockchain .text-resources-service h3,
    .emerging-tech-virtual-reality .text-resources-service h3,
    .emerging-tech-web03 .text-resources-service h3,
    .emerging-tech-augmented-reality .text-resources-service h1,
    .emerging-tech-blockchain .text-resources-service h1,
    .emerging-tech-virtual-reality .text-resources-service h1,
    .emerging-tech-web03 .text-resources-service h1,
    .fa-80,
    .fa-90 {
        font-size: 40px;
    }

    .circle-sec-3 {
        width: 400px;
        height: 400px;
        top: -200px;
    }

    .circle-sec-3.circle-center {
        width: 1000px;
        height: 1000px;
    }

    .fa-18,
    .list-items ul li,
    .text-ecom-services p {
        font-size: 14px;
    }

    .heading-mega,
    .line-bottom-heading {
        margin-bottom: 60px;
    }

    .col-items {
        -webkit-box-flex: calc(33% - 10px);
        -ms-flex: calc(33% - 10px);
        flex: calc(33% - 10px);
        max-width: calc(33% - 10px);
        margin: 0 auto 12.5px;
    }

    .industries-we-serve-row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .text-items h6 {
        font-size: 18px;
    }

    .image-items {
        width: 70px;
        height: 70px;
    }

    .items {
        padding: 25px 10px;
    }

    .image-screen {
        max-width: 400px;
    }

    .video {
        width: calc(100% - 18px);
        height: calc(100% - 18px);
    }

    .row-sub-portion {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        position: relative;
    }

    .col-sub-portion-image {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        max-width: 100%;
        z-index: 0;
        opacity: 0.1;
    }

    .image-designer,
    .image-designer>img {
        -o-object-position: center;
        object-position: center;
        min-height: auto;
    }

    .col-sub-portion-text,
    .column-responsive-pricing {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-sub-portion-text>* {
        position: relative;
        z-index: 2;
    }

    .text-ecom-services {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding-bottom: 50px;
        max-width: 500px;
        margin: 0 auto;
    }

    .ecom-item h3 {
        top: calc(100% - 85px);
        max-width: 160px;
        font-size: 22px;
        padding: 0;
    }

    .paragraph-bpo p,
    .social-contact a,
    .social-contact.footer-social a {
        font-size: 12px;
    }

    .image-reseller,
    .image-reseller>img {
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .section-8 .text-ecom-services {
        padding: 50px 0;
    }

    .section-8 .col-lg-6.mx-auto {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.2;
        z-index: -1;
    }

    .section-8 .row {
        position: relative;
    }

    .section-8.py-110,
    section.section-pricing.three-pricing .slick-list {
        padding: 0;
    }

    .center-emerging {
        top: -20px;
    }

    .center-emerging>img {
        max-width: 60px;
    }

    span.animation-image-top img {
        max-width: 18px;
    }

    span.animation-image-top {
        top: -11px;
        height: 31px;
        width: 25px;
    }

    .section-1.padding-top-header {
        padding-top: 150px;
    }

    button.btn-menu-small-screen {
        height: 20px;
        width: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: 0 0;
        border: none;
        z-index: 999999;
        position: relative;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: 0.3s ease-in-out 0.3s;
        -o-transition: 0.3s ease-in-out 0.3s;
        transition: 0.3s ease-in-out 0.3s;
    }

    .line-btn,
    .links-columns>ul {
        width: 100%;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .links-columns>ul,
    .section-pricing.pricing-right .row-pricing {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .line-btn {
        height: 2px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .links-columns>ul {
        position: fixed;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        top: 50%;
        left: 50%;
        max-width: 392px;
        -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        background: -webkit-gradient(linear, left top, left bottom, from(#0591f7), to(#215fda));
        background: -o-linear-gradient(top, #0591f7, #215fda);
        background: linear-gradient(180deg, #0591f7, #215fda);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-size: contain;
        padding: 50px;
        min-height: 550px;
        border-radius: 20px;
        overflow: auto;
    }

    .navbar-open {
        overflow: hidden;
    }

    .links-columns>ul .btn-d-none {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .closebtnsmall button span.line-btn,
    .links-columns>ul .btn-d-none span {
        background: #fff;
    }

    .links-columns>ul>li>a {
        margin-right: 0;
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
        display: inline-block;
        padding: 0;
    }

    .links-columns>ul.active-header {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    button.btn-menu-small-screen.active-btn .line-btn.top-line {
        -webkit-transform: rotate(45deg) translate(6px, 6px);
        -ms-transform: rotate(45deg) translate(6px, 6px);
        transform: rotate(45deg) translate(6px, 6px);
    }

    button.btn-menu-small-screen.active-btn .line-btn.middle-line {
        opacity: 0;
        -webkit-transform: translateY(140px) rotate(90deg);
        -ms-transform: translateY(140px) rotate(90deg);
        transform: translateY(140px) rotate(90deg);
    }

    button.btn-menu-small-screen.active-btn .line-btn.bottom-line {
        -webkit-transform: rotate(-45deg) translate(6px, -7px);
        -ms-transform: rotate(-45deg) translate(6px, -7px);
        transform: rotate(-45deg) translate(6px, -7px);
    }

    .social-contact a span:first-child {
        width: 26px;
        height: 26px;
        font-size: 12px;
    }

    .line-btn.bottom-line {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .line-btn.middle-line {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .btn-menu-small-screen.active-btn {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    .button-play {
        width: 80px;
        height: 80px;
        font-size: 22px;
    }

    .social-contact.footer-social a span:first-child {
        width: 30px;
        height: 30px;
        font-size: 13px;
        margin-right: 15px;
    }

    .social-contact.footer-social {
        max-width: 250px;
        margin: 25px auto 0;
    }

    .text-resources-service h3,
    .text-resources-service h1 {
        font-size: 45px;
        letter-spacing: -3.5px;
    }

    .text-resources-service p {
        max-width: 100%;
        font-size: 14px;
    }

    .image-resource-service,
    .inverse-rows-text .row .image-resource-service {
        margin: 100px auto 0;
    }

    .py-190-130 {
        padding-top: 75px;
        padding-bottom: 55px;
    }

    .section-pricing .row-pricing .content-right-column {
        padding-bottom: 35px;
        margin: 0 auto;
    }

    .section-pricing.pricing-left.py-110 {
        padding: 30px 0 70px;
    }

    section.text-resource-services-section.inverse-rows-text.py-190-130 {
        padding-top: 0;
    }

    .max-547 {
        max-width: 100%;
    }

    .world-circles-images.footer-circle .main-footer-circle {
        width: 650px;
        height: 650px;
        top: auto;
        bottom: -500px;
    }

    .fa-224 {
        font-size: 100px;
    }

    .banner-section,
    .min-height-control-medical {
        min-height: auto;
    }

    section.text-resource-services-section.hz-bpo-three {
        padding-top: 60px;
    }

    .contact-main-area {
        padding: 30px 0 30px 30px;
    }

    .contact-main-area h3,
    .contact-page .form input,
    .contact-page .form textarea {
        margin-bottom: 15px;
    }

    .form select,
    .form input,
    .form textarea {
        font-size: 11.77px;
        padding: 7px 15px 7px 1px;
    }

    .contact-main-area button.btn-reg.btn-gradient,
    .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form button.btn-reg.btn-gradient {
        max-width: 140px;
    }

    .form {
        max-width: 250px;
    }

    .banner-right-imgs .nft,
    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 {
        max-width: 350px;
    }

    .hz-contact-bpo .left-blue-circle-800:before {
        left: -170px;
        bottom: 0;
    }

    .hz-contact-bpo .right-blue-circle-800:after {
        bottom: 70px;
    }

    .fa-100 {
        font-size: 45px;
    }

    li.mega-menu-open .mega-menu-service-main-box {
        border-radius: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 100%;
        padding: 100px 30px 50px;
        overflow-x: hidden;
    }

    .services-parent.service-below {
        margin-top: 0;
    }

    .services-main-services {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        display: block;
    }

    .services-main-services>* {
        margin-right: 0;
        margin-bottom: 0;
        width: 100%;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        max-width: 100%;
    }

    .mega-menu-service-main-box:after,
    .mega-menu-small-extra-screen-for-services:after {
        width: 600px;
        height: 600px;
        right: -360px;
        top: -150px;
    }

    .heading-mega h6:after {
        left: 0;
        top: auto;
        bottom: -20px;
        width: 100%;
    }

    .services-parent h3 {
        font-size: 16px;
        cursor: pointer;
        padding: 6px;
        display: block;
        margin-bottom: 10px;
        position: relative;
    }

    .services-parent h3:after {
        content: "\f30b";
        font-family: "Font Awesome 6 Free";
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .tabs-mega-menu {
        height: calc(100% - 100px);
    }

    .navbar-open .header-row .btn-d-none {
        opacity: 0;
    }

    li.mega-menu-open .mega-menu-service-main-box,
    li.mega-menu-open:hover .mega-menu-service-main-box {
        top: 0;
        visibility: visible;
        opacity: 1;
        z-index: 9999;
        left: 0;
        display: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .for-Small-screen {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        width: calc(100% - 50px);
        top: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .backtoprevious .arrowprev h3 {
        max-width: 40px;
        font-size: 10px;
        margin-left: 8px;
    }

    .backtoprevious .arrowprev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #fff;
    }

    .closebtnsmall button {
        width: 20px;
    }

    li.mega-menu-open .mega-menu-service-main-box.clickedonservice,
    li.mega-menu-open:hover .mega-menu-service-main-box.clickedonservice {
        left: 0;
    }

    .mega-menu-small-extra-screen-for-services {
        display: none;
        position: absolute;
        right: 00%;
        top: 0;
        width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#0591f7), to(#215fda));
        background: -o-linear-gradient(top, #0591f7, #215fda);
        background: linear-gradient(180deg, #0591f7, #215fda);
        z-index: 99999;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        border-radius: 0;
        height: 100%;
        padding: 100px 30px 50px;
        overflow-x: hidden;
    }

    .mega-menu-small-extra-screen-for-services.servicesopened {
        right: 0;
    }

    .navbar-open main:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000000ab;
        z-index: 99;
    }

    .navbar-open main .header-row>div:not(:nth-last-child(2)) {
        opacity: 0;
        z-index: 1;
        visibility: hidden;
    }

    .pagesserviceselected ul li a {
        color: #fff;
        font-size: 16px;
        padding: 5px 0;
        display: inline-block;
        margin-bottom: 5px;
    }

    .column-responsive-pricing ul.slick-dots li,
    .pagesserviceselected ul {
        list-style: none;
    }

    .pagesserviceselected {
        max-height: 290px;
        overflow-y: auto;
    }

    .image-resource-service.service-circle-img img.finance-service-img {
        max-width: 300px;
        max-height: 300px;
    }

    .banner-vr,
    .emerging-tech-blockchain .blockchain-banner,
    .finance-banner {
        padding: 150px 0;
    }

    .reseller-step-z .step-box .oh-icon {
        width: calc(100% - 30px);
        height: 100px;
    }

    .reseller-step-z .step-box .oh-icon h2 {
        font-size: 16px;
    }

    .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area h3 {
        margin-bottom: 35px;
    }

    .section-100vh-z {
        padding: 160px 0 140px;
    }

    .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area {
        z-index: 0;
        position: relative;
    }

    .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area img.image-nft-form {
        z-index: -1;
        opacity: 0.9;
    }

    .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form,
    .nfts-right-img img {
        max-width: 260px;
    }

    .contact-section.industry-contact .contact-main-area.radius-60,
    .radius-60 {
        border-radius: 20px;
    }

    .circle-contact p {
        max-width: 420px;
    }

    .circle-page-contact {
        max-width: 650px;
        top: 50px;
    }

    .main-circle-contact span {
        width: 80px;
    }

    section.banner-section-contact {
        padding: 180px 0 220px;
    }

    .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form textarea {
        min-height: 80px;
    }

    .contact-page .contact-main-area .form {
        max-width: calc(100% - 50px);
    }

    .contact-page .contact-main-area h3 {
        margin-bottom: 30px;
    }

    .image-vr-service img {
        max-width: 300px;
    }

    .image-vr-service img.saturnalone {
        max-width: 100px;
        right: 0;
        top: 0;
    }

    .image-vr-service img.earthalone {
        max-width: 70px;
        left: 65%;
    }

    .contact-section.contact-virtual-reality .contact-main-area h3 {
        font-size: 35px;
    }

    .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain {
        max-width: 340px;
    }

    .banner-right-img-blockchain {
        max-width: 230px;
        right: 20px;
    }

    .banner-right-img-blockchain:after {
        width: 200px;
        height: 210px;
        right: -50px;
    }

    .image-blockchain-service {
        max-width: 235px;
    }

    .image-blockchain-service>img.image-behind-block.image-behind-block.idea-blockchain {
        width: calc(100% - 60px);
    }

    .contact-main-area.contact-blockchain .col-lg-4 img {
        position: absolute;
        right: 0;
        width: 266px;
        z-index: -1;
        opacity: 0.5;
        bottom: 0;
    }

    .fa-145 {
        font-size: 70px;
    }

    .contactimageweb03 {
        right: 80px;
        top: 70%;
    }

    .contactimageweb03 img {
        max-width: 240px;
    }

    .contact-section.contact-augmentendreality img {
        max-width: 440px;
        right: -100px;
    }

    .emerging-tech-augmented-reality .cols-ar-img-service {
        max-width: initial;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .emerging-tech-augmented-reality .image-ar-unique-service .slick-list {
        margin: 0 -20px;
    }

    .emerging-tech-augmented-reality .image-ar-unique-service .slick-slide {
        margin: 0 20px;
    }

    .banner-right-imgs .circle {
        max-width: 150px;
        right: 200px;
    }

    .fa-150 {
        font-size: 65px;
    }

    .image-on-top-map>img.uae {
        max-width: 70px;
    }

    .image-on-top-map>img.guanghau {
        max-width: 90px;
    }

    .image-on-top-map>img.texas {
        max-width: 75px;
    }

    .image-on-top-map>img.karachi {
        max-width: 65px;
    }

    .section-pricing.three-pricing .col-pricing {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }

    .column-responsive-pricing ul.slick-dots li button {
        width: 15px;
        height: 15px;
        background: 0 0;
        font-size: 0;
        border: 1px solid #3d46a1;
        border-radius: 50%;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        margin-right: 8px;
    }

    .column-responsive-pricing ul.slick-dots {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .column-responsive-pricing ul.slick-dots li:last-child button {
        margin-right: 0;
    }

    .column-responsive-pricing .slick-list {
        margin: 25px auto;
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding: 0 25px 75px;
    }

    .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li button {
        border-color: #a77451;
    }

    .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li.slick-active button {
        background: #a77451;
    }

    .py-190-190 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .dual-phone-number:hover .onhoverphonenumbers {
        bottom: -75px;
    }

    .onhoverphonenumbers {
        width: 142px;
        right: 3px;
    }

    .certification-images img {
        max-width: 90px;
        max-height: 50px;
    }

    .row-footer-location {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .col-location,
    .col-location:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin-bottom: 20px;
    }

    .col-location span.img-location {
        width: 35%;
        margin-right: 0;
        text-align: center;
    }

    .text-justify-mine {
        text-align: center;
    }
}

@media (max-width:767px) {
    .clients-served-item {
        background: #007bf0;
    }

    .max-w-100vh {
        max-width: 55%;
        max-height: calc(100vh - 120px);
    }

    .log-container {
        max-width: 160px;
    }

    .fa-110 {
        font-size: 44px;
    }

    .letter-spacing-5 {
        letter-spacing: -1px;
    }

    .fa-22 {
        font-size: 16px;
    }

    .certification-images img {
        max-width: 90px;
        max-height: 50px;
    }

    .text-bottom {
        margin-top: 40px;
    }

    .fa-80,
    .text-resources-service h3,
    .text-resources-service h1 {
        font-size: 35px;
    }

    .section-2 .fa-80 {
        padding-bottom: 30px;
    }

    .py-110 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .circle-sec-3 {
        width: 250px;
        height: 250px;
        top: -100px;
    }

    .circle-sec-3.circle-center {
        width: 800px;
        height: 800px;
        top: auto;
    }

    .col-items {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

    .line-bottom-heading {
        margin-bottom: 45px;
    }

    .line-bottom-heading:before {
        height: 7px;
    }

    .col-sub-portion-text {
        padding: 35px 20px;
    }

    .part-1-inner-text p {
        margin: 15px 0;
    }

    .box-content h3,
    .fa-18,
    .text-ecom-services p,
    .text-resources-service p,
    .text-resources-service span a {
        font-size: 12px;
    }

    .pb-190 {
        padding-bottom: 60px;
    }

    .background-images-mulitple img.image7anime,
    .image-designer:before,
    .part-2-inner-text ul li a:after,
    .part-2-inner-text ul li a:before,
    .world-circles-images.footer-circle .main-footer-circle,
    span.contactimg1,
    span.contactimg5 {
        display: none;
    }

    .row-inner-portion {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .invert-subportion .row-inner-portion {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .row-inner-portion .part-2-inner-text {
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin: 0;
        width: 100%;
        overflow-x: auto;
    }

    .row-inner-portion .part-2-inner-text ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .row-inner-portion .part-2-inner-text ul li a {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 10px 20px;
        font-size: 15px;
        margin: 0;
        display: inline-block;
    }

    .invert-subportion .part-1-inner-text,
    .part-1-inner-text {
        max-width: 100%;
        padding: 0;
    }

    .mr-80,
    .row-inner-portion .part-2-inner-text ul li:last-child a {
        margin-right: 0;
    }

    .row-inner-portion .part-2-inner-text ul li a.active-tab {
        background: #5bcfff;
        border-radius: 5px;
    }

    .col-items-ecom {
        max-width: calc(50% - 40px);
        margin: 0 auto 40px;
    }

    .row-mine {
        flex-flow: wrap;
        -ms-flex-flow: wrap;
        -webkit-flex-flow: wrap;
    }

    .ecom-item h3 {
        font-size: 18px;
        top: calc(100% - 60px);
    }

    .items-emerging.bigger-content {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
    }

    .ml-80 {
        margin-left: 0;
    }

    .items-emerging {
        width: 33%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 auto 10px;
    }

    .left-emerging,
    .right-emerging {
        bottom: 220px;
        left: -10px;
        -webkit-animation: none;
        animation: none;
    }

    .box-content-emerging-heading {
        padding: 80px 0 55px;
        max-width: 300px;
    }

    .center-emerging {
        width: 80px;
        top: -60px;
    }

    .center-emerging img {
        width: 100%;
    }

    .box-content-emerging-heading:before {
        width: 280px;
        height: 280px;
    }

    .right-emerging {
        right: -10px;
        left: auto;
    }

    .box-content {
        max-width: calc(100% - 10px);
        min-height: 70px;
    }

    .col-bpo-items {
        max-width: calc(50% - 10px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
    }

    .col-bpo-items:nth-child(-n + 3) {
        margin-bottom: 60px;
    }

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

    .section-7.py-110 {
        padding-top: 0;
    }

    .color-blur-circle,
    .top-right-gradient-circle {
        opacity: 0.2;
    }

    .column-responsive-pricing {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-pricing {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        margin: 0;
        margin-right: 0 !important;
    }

    .pricing-main-panel {
        border: none;
    }

    .column-responsive-pricing .slick-list {
        max-width: 300px;
        margin: 25px auto;
        padding: 0;
    }

    .pricing-main-panel>a.btn-reg.btn-gradient {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .column-responsive-pricing .slick-track {
        padding-bottom: 80px;
    }

    .section-pricing.pricing-left.py-110 {
        padding-bottom: 0;
    }

    .fa-100,
    .fa-90 {
        font-size: 30px;
    }

    .footer:before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3d46a180), color-stop(60%, rgb(255 255 255/23%)));
        background: -o-linear-gradient(top, #3d46a180 0, rgb(255 255 255/23%) 60%);
        background: linear-gradient(180deg, #3d46a180 0, rgb(255 255 255/23%) 60%);
        opacity: 0.5;
        top: 70%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .content-right-column h1,
    .content-right-column h4 {
        letter-spacing: -1.5px;
        padding-left: 0 !important;
    }

    .section-pricing .row-pricing .content-right-column {
        padding-bottom: 20px;
    }

    .fa-224 {
        font-size: 40px;
    }

    section.text-resource-services-section.hz-bpo-three {
        padding-top: 40px;
    }

    .contact-main-area h3 {
        letter-spacing: -1.5px;
    }

    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 {
        max-width: 230px;
    }

    .form {
        max-width: 210px;
    }

    .hz-contact-bpo .left-blue-circle-800:before,
    .hz-contact-bpo .right-blue-circle-800:after {
        width: 400px;
        height: 400px;
    }

    .hz-contact-bpo .right-blue-circle-800:after {
        bottom: 30px;
    }

    .world-circles-images * {
        width: 145px;
        height: 145px;
    }

    .image-resource-service.service-circle-img img.finance-service-img {
        max-width: 400px;
        max-height: initial;
        width: 100%;
    }

    .image-before-span-financial {
        background-size: 120px;
        background-position: center center;
        opacity: 0.1;
        background-position-x: center !important;
    }

    .image-resource-service.service-circle-img img.vehicle-img {
        -webkit-animation: none;
        animation: none;
    }

    .pt-rental {
        padding: 150px 0;
    }

    .finance-banner .banner-left-content,
    .pt-rental .banner-left-content,
    .resseller-images .services-text-left {
        padding: 0;
    }

    .finance-banner .medical-banner-z-img.max-w-100vh {
        width: 100%;
        max-width: 100%;
        opacity: 0.2;
    }

    .section-100vh-z {
        padding: 160px 0 100px;
    }

    .reseller-service-img {
        width: 100%;
        opacity: 1;
        z-index: -1;
        max-width: 210px;
        top: auto;
        bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .reseller-service-img.reverse-reseller {
        left: auto;
        right: 0;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area img.image-nft-form {
        z-index: -1;
        opacity: 0.2;
    }

    .circle-page-contact {
        width: 670px;
        max-width: 670px;
        top: 0;
    }

    section.banner-section-contact {
        padding: 150px 0 200px;
    }

    .main-circle-contact span {
        width: 100px;
    }

    .banner-right-img-virtualreality {
        max-width: 280px;
        right: -50px;
    }

    .banner-right-img-blockchain,
    .image-vr-service img {
        max-width: 150px;
        right: 0;
    }

    .background-images-mulitple {
        width: 10%;
    }

    .image-vr-service img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0.3;
        z-index: -1;
    }

    span.bg-image-vr.revervrbgimage {
        opacity: 0;
    }

    .py-110.vr-services {
        padding: 20px 0;
    }

    .contact-section.contact-virtual-reality .contact-main-area h3 {
        opacity: 1;
    }

    .contact-section.contact-virtual-reality .contact-main-area .form {
        max-width: calc(100% - 30px);
    }

    .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain {
        max-width: 350px;
        z-index: -1;
        opacity: 0.3;
    }

    .contact-main-area {
        border-radius: 20px;
    }

    .banner-right-img-blockchain:after {
        width: 130px;
        height: 140px;
        right: 0;
    }

    .contact-main-area.contact-blockchain .col-lg-4 img {
        width: 206px;
    }

    .image-blockchain-service {
        position: absolute;
        max-width: 80px;
        right: 40px;
        top: -260px;
    }

    .image-blockchain-service>img.image-behind-block.image-behind-block.idea-blockchain {
        width: calc(100% - 20px);
    }

    .fa-145 {
        font-size: 50px;
    }

    .contactimageweb03main {
        opacity: 0.1;
    }

    .contactimageweb03 {
        right: 80px;
        top: 50%;
    }

    .banner-images-augreal {
        right: 20px;
    }

    .contact-section.contact-augmentendreality img {
        max-width: 320px;
        right: -100px;
    }

    .banner-right-imgs .nft {
        max-width: 280px;
    }

    .banner-right-imgs .circle {
        max-width: 110px;
        right: 170px;
    }

    .fa-150 {
        font-size: 55px;
    }

    .image-on-top-map>img.guanghau,
    .image-on-top-map>img.uae {
        max-width: 60px;
    }

    .image-on-top-map>img.texas {
        max-width: 65px;
    }

    .image-on-top-map>img.karachi {
        max-width: 45px;
    }

    .hz-op-content .op-img img {
        width: 100%;
        min-height: 175px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .law-before-service:after {
        background-size: 40%;
        top: 25%;
    }

    .image-resource-service.service-circle-img img.ecom-top-image {
        max-width: 60px;
        max-height: 120px;
        top: 0;
        position: absolute;
        left: 20% !important;
        right: 20% !important;
        -webkit-transform: translateX(-150%) !important;
        -ms-transform: translateX(-150%) !important;
        transform: translateX(-150%) !important;
    }

    .col-location,
    .col-location:last-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        margin-right: 0;
    }

    .col-location span.img-location {
        margin-bottom: 25px;
    }

    .row-footer-location {
        margin-bottom: 75px;
    }

    .items-emerging.order-4 {
        margin: 0;
        margin-left: auto;
    }

    .items-emerging.ml-80 {
        margin: 0;
        margin-right: auto;
    }
}

@media (max-width:575px) {

    .emerging-tech-augmented-reality .text-resources-service p,
    .emerging-tech-blockchain .text-resources-service p,
    .emerging-tech-virtual-reality .text-resources-service p,
    .emerging-tech-web03 .text-resources-service p,
    .items.active-industry .learn-more,
    .items:hover .learn-more {
        font-size: 12px;
    }

    .links-columns>ul {
        width: calc(100% - 5% - 38px);
    }

    .container-1150 {
        max-width: 90%;
    }

    .fa-110 {
        font-size: 35px;
    }

    .letter-spacing-5 {
        letter-spacing: -2px;
    }

    .log-container {
        max-width: 145px;
    }

    button.btn-menu-small-screen {
        width: 25px;
        height: 19.5px;
    }

    header {
        padding: 20px 0;
    }

    .emerging-tech-augmented-reality .text-resources-service h3,
    .emerging-tech-blockchain .text-resources-service h3,
    .emerging-tech-virtual-reality .text-resources-service h3,
    .emerging-tech-web03 .text-resources-service h3,
    .emerging-tech-augmented-reality .text-resources-service h1,
    .emerging-tech-blockchain .text-resources-service h1,
    .emerging-tech-virtual-reality .text-resources-service h1,
    .emerging-tech-web03 .text-resources-service h1,
    .fa-80 {
        font-size: 30px;
    }

    .video {
        border-radius: 5px;
    }

    .icon-tick:before {
        width: 15px;
        height: 15px;
    }

    .banner-right-imgs .circle,
    .banner-right-imgs .nft,
    .circle-sec-3,
    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form,
    .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700,
    span.contactimg2,
    span.contactimg4 {
        display: none;
    }

    .col-items,
    .col-location,
    .col-location:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .items {
        padding: 20px;
    }

    .row-inner-portion .part-2-inner-text ul li a {
        padding: 8px 10px;
        font-size: 12px;
    }

    .invert-subportion .col-sub-portion-text {
        padding: 25px 15px;
    }

    .col-items-ecom {
        max-width: 50.01%;
        margin: 0 auto 35px;
    }

    .col-bpo-items {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px !important;
    }

    .items-bpo {
        padding: 15px;
    }

    .section-1.padding-top-header {
        padding-top: 120px;
    }

    .list-items ul li {
        font-size: 12px;
        margin-bottom: 15px;
        padding-left: 20px;
    }

    .center-emerging {
        top: -30px;
    }

    .ecom-item h3 {
        font-size: 18px;
    }

    .max-547 {
        max-width: 300px;
        margin: 20px auto 0;
    }

    .column-responsive-pricing .slick-list,
    .contact-page .contact-main-area .form,
    .contact-section.contact-virtual-reality .contact-main-area .form,
    .form {
        max-width: 100%;
    }

    .fa-100,
    .fa-145 {
        font-size: 40px;
    }

    .content-right-column h1,
    .content-right-column h4 {
        letter-spacing: -2.5px;
        text-align: center;
        font-size: 30px;
    }

    .section-pricing .row-pricing .content-right-column {
        padding-bottom: 10px;
    }

    .image-resource-service {
        max-width: calc(100% - 100px);
    }

    section.section-pricing.pricing-right.py-110 {
        padding-bottom: 0;
    }

    section.text-resource-services-section.py-190-130 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .text-banner-home {
        max-width: 340px;
    }

    section.text-resource-services-section.hz-bpo-three {
        padding-top: 30px;
    }

    .contact-section.hz-contact-bpo {
        padding: 10px 0 80px;
    }

    .contact-main-area {
        padding: 40px 20px;
    }

    .contact-main-area .fa-100,
    .fa-90 {
        font-size: 25px;
    }

    .form select,
    .form input,
    .form textarea {
        font-size: 12.77px;
        padding: 8px 15px 8px 1px;
    }

    .contact-main-area h3 {
        letter-spacing: 0;
    }

    .hz-contact-bpo .left-blue-circle-800:before {
        left: -190px;
    }

    .hz-contact-bpo .right-blue-circle-800:after {
        bottom: 10px;
        top: auto;
    }

    .world-circles-images * {
        width: 115px;
        height: 115px;
    }

    .ids-wrapper {
        border-radius: 10px;
    }

    .emerging-tech-augmented-reality .banner-section,
    .emerging-tech-blockchain .blockchain-banner,
    .section-100vh-z {
        padding: 0 0 100px;
    }

    .reseller-service-img {
        opacity: 0.1;
    }

    .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form button.btn-reg.btn-gradient,
    .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form button.btn-reg.btn-gradient {
        max-width: 120px;
    }

    .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area h3 {
        margin-bottom: 35px;
        font-size: 25px;
        line-height: 30px;
    }

    .circle-contact h1 {
        font-size: 45px;
    }

    .circle-page-contact {
        max-width: initial;
    }

    .main-circle-contact span {
        width: 150px;
    }

    .main-circle-contact span.contactimg3 {
        bottom: -12%;
    }

    section.banner-section-contact {
        padding: 150px 0 260px;
    }

    .banner-vr {
        padding: 0 0 150px;
    }

    .background-images-mulitple {
        width: 100%;
        opacity: 0.2;
    }

    .banner-right-img-virtualreality {
        max-width: 35%;
        right: 0;
        bottom: 3%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: auto;
    }

    .banner-right-img-blockchain {
        max-width: 60%;
        right: 0;
        opacity: 0.1;
    }

    .contact-main-area.contact-blockchain .col-lg-4 img {
        width: 206px;
        opacity: 0.1;
    }

    .image-blockchain-service {
        position: absolute;
        max-width: 250px;
        left: 50%;
        top: -180px;
        z-index: -1;
        opacity: 0.2;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .emerging-tech-web03 .banner-section:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #3a0370b8;
        display: block;
        border-radius: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .banner-images-augreal img {
        max-width: 450px;
    }

    .banner-images-augreal {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0.3;
        right: 0;
    }

    .contact-section.contact-augmentendreality img {
        max-width: 100%;
        right: 0;
        padding: 0;
        z-index: -1;
        opacity: 0.2;
    }

    .banner-section.nfts-banner {
        padding-top: 0;
    }

    .industry-plans-medical .text-resource-services-section.py-190-130.bpo-inners,
    .industry-plans-vehicle-rental .text-resource-services-section.py-190-130.bpo-inners {
        padding: 25px 0;
    }

    .max-w-100vh {
        max-width: 100%;
        max-height: calc(100vh - 120px);
        opacity: 0.2;
    }

    .header-row .social-contact {
        margin: 0 0 0 20px;
    }

    .image-on-top-map>img.guanghau,
    .image-on-top-map>img.uae {
        max-width: 30px;
    }

    .image-on-top-map>img.karachi,
    .image-on-top-map>img.texas {
        max-width: 25px;
    }

    .py-190-190 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .finance-banner .banner-left-content {
        padding-top: 130px;
    }

    .certification-images img {
        max-width: 90px;
        max-height: 60px;
    }

    img.google-certificate {
        margin: 0 20px 0 15px;
    }

    .footer:before {
        width: 482px;
        height: 492px;
    }

    .services-text-left {
        text-align: center;
    }

    .services-text-left ul {
        padding-left: 0;
        list-style: none;
    }

    footer .foot-head,
    .footer .col-lg-2 .footer-menu {
        text-align: center;
        margin: 0 auto;
        padding: 20px 0 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .foot-1 .col-lg-2.col-md-4.ml-auto.pt-5 {
        text-align: center;
    }

    .footer .col-lg-2 .footer-menu li.active {
        padding-left: 0px;
    }

    footer .foot-head {
        padding: 0;
    }

    .pricing-items {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 220px;
    }

    .emerging-tech-augmented-reality .banner-section {
        flex-flow: wrap;
        padding-bottom: 0;
    }

    .banner-right-img-augreal {
        width: 100%;
        flex: 0 0 100%;
    }

    .banner-images-augreal {
        width: 100%;
        opacity: 1;
        position: static;
    }

    .banner-images-augreal img {
        max-width: 75%;
    }
}

@media (max-width:424px) {

    .contactimageweb03,
    .world-circles-images {
        display: none;
    }

    .text-banner-home {
        max-width: 320px;
        text-align: center;
        margin: 0 auto;
    }

    .padding-top-header {
        padding-top: 120px;
    }

    .section-1 {
        padding-bottom: 70px;
    }

    .text-bottom {
        position: relative;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 55px;
        gap: 10px;
    }

    .box-content {
        max-width: calc(100% - 5px);
        min-height: 60px;
        border-radius: 6px;
    }

    .items-emerging {
        margin: 0 auto 5px;
    }

    .items-emerging.ml-80 {
        margin: 0 auto 0 0;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .items-emerging.mr-80 {
        margin: 0 0 0 auto;
    }

    .box-content h3 {
        font-size: 10px;
    }

    .left-emerging,
    .right-emerging {
        bottom: 150px;
        left: -10px;
        width: 60px;
    }

    .right-emerging {
        left: auto;
        right: -10px;
    }

    .center-emerging {
        width: 60px;
        top: -30px;
    }

    .box-content-emerging-heading:before {
        width: 250px;
        height: 250px;
    }

    .section-5.py-110 {
        padding-bottom: 0;
    }

    .col-items-ecom {
        max-width: 100%;
        margin: 0 auto 35px;
    }

    .ecom-item {
        max-height: 150px;
    }

    .banner-right-img-virtualreality {
        max-width: 150px;
        bottom: -5%;
    }

    .mega-menu-small-extra-screen-for-services,
    li.mega-menu-open .mega-menu-service-main-box {
        padding: 70px 25px 30px;
    }

    .heading-mega h6 {
        font-size: 30px;
    }

    .heading-mega {
        margin-bottom: 45px;
    }

    .links-columns>ul {
        width: calc(100% - 5vw);
        height: auto;
        padding: 30px;
        min-height: 420px;
    }

    .pagesserviceselected ul li a,
    .services-parent h3 {
        font-size: 14px;
    }

    .pagesserviceselected {
        max-height: 230px;
    }

    .pricing-items {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 190px;
    }
}

@media (min-width:1930px) {

    span.nft-gradient-animation.invert-directions.nft-animate-1,
    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        display: none;
    }
}

@media (max-width:1920px) {
    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 2560px;
        right: -20vw;
        left: auto;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 3400px;
        left: -13vw;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-1,
    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        -webkit-transform: rotate(323deg) translateY(-6vw);
        -ms-transform: rotate(323deg) translateY(-6vw);
        transform: rotate(323deg) translateY(-6vw);
        width: 73vw;
        height: 13.5vw;
        z-index: -1;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 5000px;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 4150px;
    }
}

@media (max-width:1750px) {
    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 2300px;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 3050px;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 4410px;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 3650px;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-1,
    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        display: none;
    }
}

@media (max-width:1599px) {
    .fa-16 {
        font-size: 13px;
    }

    .no-portfolio section#our-client {
        padding-top: 60px;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 2100px;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 2750px;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 4000px;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 3350px;
    }
}

@media (max-width:1439px) {

    span.nft-gradient-animation.invert-directions.nft-animate-1,
    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        width: 70vw;
    }

    .fa-16 {
        font-size: 12px;
    }

    .no-portfolio section#our-client {
        padding-top: 0;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 1750px;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 2400px;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 3550px;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 2930px;
    }
}

@media (max-width:1199px) {
    .fa-16 {
        font-size: 10px;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 1850px;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 2300px;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 {
        top: 3250px;
    }

    .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 {
        top: 2800px;
    }
}

@media (max-width:991px) {
    .fa-16 {
        font-size: 12px;
    }

    span.nft-gradient-animation.invert-directions.nft-animate-1,
    span.nft-gradient-animation.invert-directions.nft-animate-2 {
        display: none;
    }

    footer.footer .world-circles-images {
        display: none;
    }
}

@media (max-width:767px) {
    .fa-16 {
        font-size: 11px;
    }
}

@media(max-width:991px) {
    .world-circles-images {
        display: block;
        position: static;
        width: 100%;
    }

    .world-circles-images * {
        width: unset;
        height: unset;
    }

    .world-circles-images::before {
        display: none;
    }

    .main-circle {
        border-radius: unset;
        background: url(../assets/home/bannerImgbackMob.png);
        text-align: right;
        overflow: unset;
        position: relative;
        width: 200px;
        height: 200px;
        background-position: center;
        background-size: cover;
    }

    .fourLittleImg {
        display: none;
    }

    .main-circle img {
        width: 100%;
        margin-left: 10px;
        margin-top: 10px;
    }

    .text-banner-home {
        margin-top: 30px;
    }
}

@media(min-width:200px) and (max-width:599px) {

    .firstSectionFullGigitalService .row,
    .firstSectionFullBpoIn .row,
    .firstSectionFullEcomService .row,
    section.banner-section.firstSectionFullshopifyAmazon .row {
        flex-wrap: wrap-reverse;
    }

    .firstSectionFullGigitalService .row .banner-left-content,
    section.banner-section.firstSectionFull.cirCleBottomSec.firstSectionFullshopifyAmazon .banner-left-content,
    .firstSectionFullBpoIn .banner-left-content {
        padding-top: 40px;
    }

    section.dblCircleSec:after {
        width: 45vw;
        height: 45vw;
        top: auto;
        transform: none;
    }

    section.dblCircleSec>span:not(.top-right-gradient-circle) {
        width: 40vw;
        height: 40vw;
        top: 0;
        right: auto;
        left: -15vw;
    }

    .zoomandgrayAnim {
        animation: none;
        -webkit-animation: none;
    }

    div.banner-right-imgDigitalServiceIn img {
        margin-top: 0;
    }

    section.banner-section.firstSectionFullGigitalService {
        padding: 90px 0;
    }

    .banner-right-imgDigitalServiceIn {
        text-align: center;
    }

    .digital-services-lead .banner-right-imgDigitalServiceIn {
        margin-right: -20px;
    }

    .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) {
        margin-left: 0;
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none;
    }

    .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) img {
        margin-top: -10%;
    }

    .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) img {}

    .bpoFirstSection .col-md-6.col-sm-6 {
        box-shadow: 0px -16px 11px rgb(218 218 218/50%);
    }

    .banner-rightBpoIn-img-Repaeter {
        width: 100%;
        text-align: center;
    }

    .banner-rightBpoIn-img-Repaeter img {
        width: 80%;
        height: auto;
    }

    .cirCleBottomSec:after {
        opacity: 0;
    }

    section.aboutBannerSec:before {
        opacity: 0;
    }

    .firstSectionFullEcomService .row .banner-right-img-EcomInner {
        text-align: center;
    }

    .firstSectionFullEcomService .banner-right-img-EcomInner img {
        width: 80%;
        height: auto;
    }

    .firstSectionFullEcomService .banner-left-content {
        padding-top: 40px;
    }
}

@media(min-width:200px) and (max-width:767px) {
    .image-reseller {
        display: none;
    }

    div#myModal .modal-dialog {
        max-width: 320px;
        width: 90%;
    }

    div#myModal.main-modal .modal-body {
        padding: 40px 24px 50px;
    }

    div#myModal .modal-main-wrap .modal-inner h6 {
        font-size: 24px;
    }

    div#myModal .service-head {
        font-size: 8px;
    }

    div#myModal .modal-logo {
        text-align: center;
    }

    div#myModal .modal-logo img {
        max-width: 120px;
    }

    div#myModal form.modal-form .form-group input,
    div#myModal form.modal-form .form-group textarea {
        height: 36px;
    }

    div#myModal form.modal-form .form-group textarea {
        height: 80px;
    }

    div#myModal.main-modal .modal-body .btn-close {
        top: 10px;
        right: 10px;
    }

    .banner-right-img.banner-right-imgAbout {
        position: absolute;
        top: 170px;
        left: 50%;
        transform: translateX(-50%);
    }

    .globeAbout:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(../assets/about/aboutBannerShadow.png);
        background-size: 100% 100%;
        top: 50px;
        transform: translateY(-50%);
        left: 0;
    }

    .globeAbout {
        margin-top: -70px;
    }

    .globeAbout img {
        width: 150px;
        height: 150px;
        -webkit-animation: globeAboutrotation 100s linear infinite;
        -moz-animation: globeAboutrotation 100s linear infinite;
        -ms-animation: globeAboutrotation 100s linear infinite;
        -o-animation: globeAboutrotation 100s linear infinite;
        animation: globeAboutrotation 100s linear infinite;
    }

    @keyframes globeAboutrotation {
        from {
            -ms-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -ms-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    section.aboutBannerSec.banner-section {
        padding: 150px 0 100px;
    }

    div.banner-right-img-vrResource {
        width: 100%;
        text-align: center;
        position: relative;
    }

    .resourceFirstSection .row {
        flex-wrap: wrap-reverse;
    }

    .threeInOnevrResourceIn {
        display: none;
    }

    div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        margin-left: -10%;
        -webkit-animation: upDown 10s linear infinite;
        -moz-animation: upDown 10s linear infinite;
        -ms-animation: upDown 10s linear infinite;
        -o-animation: upDown 10s linear infinite;
        animation: upDown 10s linear infinite;
        padding-top: 10%;
    }

    div.banner-right-img-vrResource .banner-right-img-vrResourceIn:first-child img {
        width: 80%;
        height: auto;
    }

    div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) img {
        width: 100%;
        height: auto;
    }

    .resourceFirstSection .banner-left-content {
        padding-top: 60px;
    }

    .designerSectionFull .row {
        flex-wrap: wrap-reverse;
    }

    div.banner-right-imgDesigner {
        width: 100%;
        text-align: center;
        position: relative;
        height: 200px;
    }

    section.designerSectionFull .banner-left-content {
        padding-top: 30px;
    }

    .banner-right-imgDesignerIn {
        width: auto;
        max-width: 90%;
        margin: 0 auto;
        height: 100%;
        text-align: center;
    }

    .banner-right-imgDesignerIn img {
        width: auto;
        height: 100%;
    }

    .banner-right-imgDesignerIn:nth-child(2) {
        position: absolute;
        top: -26px;
        height: 100%;
        display: flex;
        align-items: flex-end;
        left: 59px;
    }

    .banner-right-imgDesignerIn:nth-child(2) img {
        height: 150px;
        width: auto;
        display: block;
        margin: 0 auto;
    }

    section.firstSectionFull.firstSectionFullDeveloper .row {
        flex-wrap: wrap-reverse;
    }

    div.banner-right-img.banner-right-img-DeveloperResource {
        text-align: center;
        width: 100%;
        max-width: 90%;
        margin: 0 auto;
        position: relative;
    }

    .banner-right-img-DeveloperResourceIn:nth-child(2) {
        position: absolute;
        right: 0;
        width: 100%;
        bottom: 0;
        text-align: right;
    }

    .banner-right-img-DeveloperResourceIn:first-child img {
        width: auto;
        height: 200px;
    }

    .banner-right-img-DeveloperResourceIn:nth-child(2) img {
        width: 60%;
        height: auto;
        margin-left: auto;
    }

    .firstSectionFullDeveloper .banner-left-content {
        padding-top: 60px;
    }

    .singleImgOnBottomBannerSection .row {
        flex-wrap: wrap-reverse;
    }

    .singleImgOnBottomBannerSection .banner-right-img-Single {
        padding: 0 15px;
        width: 100%;
        text-align: center;
    }

    .banner-right-img-SingleIn img {
        width: 100%;
        height: auto;
        max-width: 250px;
        padding: 0px;
    }

    .singleImgOnBottomBannerSection .row .banner-left-content {
        padding-top: 60px;
    }

    .virtualAssistSectionBanner .row {
        flex-wrap: wrap-reverse;
    }

    .virtualAssistSectionBanner .banner-right-img.banner-right-img-virtualAssist {
        padding: 0 15px;
        max-width: 90%;
        width: 100%;
        text-align: center;
        position: relative;
    }

    .banner-right-img-virtualAssistIn:first-child img {
        width: 240px;
        height: auto;
    }

    .banner-right-img-virtualAssistIn:nth-child(2),
    .banner-right-img-virtualAssistIn:nth-child(3) {
        position: absolute;
    }

    .banner-right-img-virtualAssistIn:nth-child(2) {
        top: 20px;
        left: 90px;
    }

    .banner-right-img-virtualAssistIn:nth-child(2) img,
    .banner-right-img-virtualAssistIn:nth-child(3) img {
        width: 60px;
        height: auto;
    }

    .banner-right-img-virtualAssistIn:nth-child(3) {
        right: 10px;
        top: -20px;
    }

    .virtualAssistSectionBanner .banner-left-content {
        padding-top: 60px;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .banner-right-img.banner-right-imgAbout {
        left: unset;
        transform: unset;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        left: auto;
        top: auto;
    }

    .aboutBannerSec .container-1560 {
        position: relative;
    }

    .globeAbout {
        position: absolute;
        right: 0;
        width: 100%;
        text-align: right;
        margin-top: -100px;
    }

    .globeAbout img {
        width: 220px;
        height: 220px;
    }

    .globeAbout:before {
        top: calc(50% + 20px);
        transform: translateY(-50%);
        right: -10px;
        left: auto;
        width: 250px;
        height: 250px;
    }

    section.aboutBannerSec {
        box-shadow: 0 0 50px rgb(2 111 243/10%);
    }

    section.hz-what-for-you {
        padding-top: 80px;
    }

    .text-banner-home {
        max-width: unset;
    }

    .text-bottom {
        padding: 0 15px;
    }

    .resourceFirstSection .row {
        flex-wrap: wrap;
    }

    div.banner-right-img-vrResource {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        text-align: right;
    }

    div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) {
        margin-left: 0;
    }

    .resourceFirstSection .banner-left-content {
        padding-top: 0;
    }

    section.banner-section.resourceFirstSection {
        padding-bottom: 100px;
    }

    .banner-right-img.banner-right-imgDesigner {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .banner-right-img.banner-right-img-DeveloperResource {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .firstSectionFullDeveloper .banner-left-content {
        padding-top: 0;
    }

    section.firstSectionFull.firstSectionFullDeveloper {
        padding-bottom: 100px;
    }

    div.banner-right-img.banner-right-img-DeveloperResource {
        position: static;
    }

    .banner-right-img-DeveloperResourceIn:nth-child(2) {
        bottom: 0;
        width: 90%;
        right: 5%;
    }

    .banner-right-img-DeveloperResourceIn:nth-child(2) img {
        width: 50%;
    }

    .singleImgOnBottomBannerSection .banner-right-img-Single {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    section.firstSectionFull.singleImgOnBottomBannerSection {
        padding: 120px 0 80px;
    }

    section.firstSectionFull.singleImgOnBottomBannerSection .banner-left-content {
        padding-top: 0;
    }

    .banner-right-img.banner-right-img-virtualAssist {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    section.firstSectionFull.virtualAssistSectionBanner {
        padding: 80px 0;
    }

    section.banner-section.firstSectionFullGigitalService {
        padding: 140px 0 100px;
    }

    section.dblCircleSec>span:not(.top-right-gradient-circle),
    section.dblCircleSec:after {
        margin-top: 40px;
    }

    div.banner-right-imgDigitalServiceIn img {
        width: 100%;
        height: auto;
        margin-top: 0;
        padding-top: 40px;
    }

    .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) {
        -webkit-animation: unset;
        -moz-animation: unset;
        -ms-animation: unset;
        -o-animation: unset;
        animation: unset;
    }

    .firstSectionFullBpoIn .row {
        flex-wrap: wrap-reverse;
    }

    .banner-rightBpoIn-img-Repaeter {
        width: 100%;
        text-align: center;
    }

    .banner-rightBpoIn-img-Repaeter img {
        width: 90%;
        height: auto;
    }

    .firstSectionFullBpoIn .banner-left-content {
        padding-top: 40px;
    }

    .bpo-sales-support section.banner-section {
        padding: 80px 0 80px;
    }

    .bpo-sales-support section.banner-section .fa-110 {
        font-size: 36px;
        line-height: 1.1;
    }

    section.sec1Tn .row.align-items-center {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
    }

    section.sec1Tn .row.align-items-center .fa-110 {
        font-size: 30px;
        line-height: 1.1;
    }

    .text-banner-home {
        margin-top: 0;
    }

    .section-1.padding-top-header {
        padding: 140px 0 140px;
    }

    .banner-right-img.banner-right-img-Ecom img {
        width: 90%;
        height: auto;
    }

    section.firstSectionFull.firstSectionFullEcomService {
        padding: 130px 0 100px;
    }

    section.banner-section.position-relative.banner-blue-circle.left-circle-sec.firstSectionFull.cirCleBottomSec.firstSectionFullshopifyAmazon {
        padding: 150px 0 100px;
    }

    section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-right-img img {
        width: 90%;
        height: auto;
        animation: none;
    }

    .ecom-services-marketplace section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-right-img img {
        width: 100%;
    }

    section.banner-blogs {
        margin-top: 93px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    section.sec1Tn .world-circles-images {
        position: static;
        width: 100%;
    }

    section.sec1Tn {
        display: flex;
        align-items: center;
        flex-flow: wrap;
        flex-direction: row;
    }

    section.sec1Tn .container-1560 {
        width: 100%;
    }

    section.sec1Tn .container-1560 .row {
        flex-direction: row;
    }

    section.sec1Tn .container-1560 .row .col-lg-6 {
        width: 50%;
    }

    section.sec1Tn .world-circles-images span.main-circle.main-circleTn::before {
        display: none;
    }

    span.main-circle.main-circleTn:before {
        display: none;
    }

    span.main-circle.main-circleTn {
        background: url(../assets/home/bannerImgbackMob.webp);
        text-align: right;
        overflow: unset;
        position: relative;
        width: 300px;
        height: 300px;
        background-position: center;
        background-size: cover;
    }

    section.section-1.padding-top-header.sec1Tn {
        padding: 0;
        height: auto;
        display: flex;
        align-items: center;
    }

    section.section-1.sec1Tn>.container-1560 .row {
        height: auto;
        padding-top: 140px;
        margin-right: -15px;
        margin-left: -15px;
        padding-bottom: 70px;
    }

    .sec1Tn .fa-110 {
        font-size: 26px;
        letter-spacing: 0;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .fourLittleImg {
        display: none;
    }

    span.main-circle.main-circleTn>img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: 10px;
        width: 95%;
        animation: emain 5s infinite;
        -webkit-animation: emain 5s infinite;
        height: auto;
    }

    section.section-1.sec1Tn .text-banner-home {
        margin-top: 0;
        max-width: 95%;
    }

    section.section-1.sec1Tn:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 30vw;
        height: 30vw;
        background: linear-gradient(270deg, 3d46a1, transparent);
        border-radius: 50%;
        margin-right: -15vw;
        z-index: -1;
        transform: translateY(calc(-50% + 3.636vw));
        opacity: .7;
    }

    section.section-1.sec1Tn>.container-1560 .row .col-lg-6 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .sec1Tn p.fa-16 {
        line-height: 1.7;
    }

    .sec1Tn .text-bottom {
        gap: 10px;
        margin-top: 20px;
        position: static;
        transform: none;
    }

    .sec1Tn .text-bottom img {
        max-width: unset;
        max-height: unset;
        width: 60px;
        height: auto;
    }

    img.google-certificate {
        margin: 0 10px 0 10px;
    }

    div#myModal h6 {
        font-size: 36px;
    }

    div#myModal .modal-dialog {
        WIDTH: 360px;
    }

    .modal-logo img {
        max-width: 150px;
    }

    div#myModal .service-head {
        font-size: 12px;
    }

    div#myModal form.modal-form .form-group input,
    div#myModal form.modal-form .form-group textarea {
        height: 42px;
        font-size: 11px;
    }

    div#myModal form.modal-form .form-group textarea {
        height: 100px;
    }

    div.banner-right-imgAbout img {
        display: block;
        position: absolute;
        width: auto;
        height: 70%;
        top: 0px;
        left: 40px;
    }

    section.firstSectionFull .container-1560 {
        height: 100%;
        position: relative;
    }

    section.firstSectionFull {
        padding: 0;
    }

    section.firstSectionFull .row {
        padding-top: 80px;
    }

    div.banner-right-imgAbout {
        margin-right: auto;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .globeAbout {
        width: 100%;
        position: relative;
        height: 370px;
    }

    .globeAbout:before {
        content: '';
        position: absolute;
        width: 80%;
        height: 80%;
        background-size: 100% 100%;
        top: calc(50% + -40px);
        transform: translateY(-50%);
        left: 30px;
    }

    section.firstSectionFull.banner-section .top-right-gradient-circle {
        right: -30%;
        -webkit-filter: blur(78.788vw);
        filter: blur(78.788vw);
        top: -50%;
        width: 65.758vw;
        height: 65.758vw;
    }

    section.firstSectionFull .row .col-md-6 {
        padding-right: 0.909vw;
        padding-left: 0.909vw;
    }

    section.firstSectionFull .fa-110 {
        font-size: 37px;
        line-height: 1;
        letter-spacing: -2px;
    }

    section.firstSectionFull p.fa-16 {
        line-height: 1.7;
        font-size: 12px;
        margin-top: 20px;
        letter-spacing: -.2px;
    }

    section.firstSectionFull .banner-left-content {
        max-width: 85%;
    }

    section.firstSectionFull .banner-left-content span {}

    section.firstSectionFull .banner-left-content span a {}

    section.firstSectionFull .banner-left-content span a i {
        margin-right: 0.606vw;
    }

    section.firstSectionFull .banner-left-content span i {
        font-size: 1.273vw;
    }

    section.aboutBannerSec {
        box-shadow: 0 0 50px rgb(2 111 243/10%);
    }

    section.hz-what-for-you {
        padding-top: 80px;
    }

    div.banner-right-img-vrResource {
        width: 100%;
        text-align: center;
        position: relative;
    }

    .resourceFirstSection .row {
        flex-wrap: wrap-reverse;
    }

    .threeInOnevrResourceIn {
        display: none;
    }

    div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        -webkit-animation: upDown 10s linear infinite;
        -moz-animation: upDown 10s linear infinite;
        -ms-animation: upDown 10s linear infinite;
        -o-animation: upDown 10s linear infinite;
        animation: upDown 10s linear infinite;
    }

    div.banner-right-img-vrResource .banner-right-img-vrResourceIn:first-child img {
        width: 80%;
        height: auto;
    }

    div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) img {
        width: 100%;
        height: auto;
    }

    .resourceFirstSection .banner-left-content {
        padding-top: 100px;
    }

    .resourceFirstSection .row {
        flex-wrap: wrap;
    }

    div.banner-right-img-vrResource {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        text-align: right;
    }

    .resourceFirstSection .banner-left-content {
        padding-top: 0;
    }

    section.banner-section.resourceFirstSection {
        padding: 40px 15px 80px;
    }

    section.firstSectionFull.designerSectionFull .row {
        padding: 150px 0 30px;
    }

    div.banner-right-imgDesigner img {
        width: 100%;
        height: auto;
    }

    .banner-right-imgDesigner {
        -ms-flex: 0 0 calc(100% - 41.666667%);
        flex: 0 0 calc(100% - 41.666667%);
        max-width: calc(100% - 41.666667%);
        text-align: right;
    }

    .banner-right-imgDesignerIn:nth-child(2) {
        bottom: 0;
        position: absolute;
        right: 70px;
        width: 36vw;
    }

    section.firstSectionFull.designerSectionFull .container-1560 {
        position: static;
    }

    .banner-right-imgDesignerIn:nth-child(1) {
        width: 90%;
        margin-left: auto;
        position: relative;
        top: -60px;
    }

    .banner-right-imgDesignerIn:nth-child(2) img {
        width: 90%;
    }

    .banner-right-imgDesignerIn:nth-child(1) img {
        mix-blend-mode: multiply;
    }

    section.firstSectionFull.designerSectionFull .row h1 {
        margin-top: -50px;
    }

    .banner-right-img.banner-right-img-DeveloperResource {
        -ms-flex: 0 0 calc(100% - 41.666667%);
        flex: 0 0 calc(100% - 41.666667%);
        max-width: calc(100% - 41.666667%);
        text-align: right;
    }

    .banner-right-img-DeveloperResourceIn:nth-child(2) {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: right;
        max-width: 90%;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .banner-right-img-DeveloperResourceIn:nth-child(2) img {
        width: 40%;
        height: auto;
    }

    .banner-right-img-DeveloperResourceIn:first-child {
        display: block;
        position: relative;
        left: -120px;
        top: -10px;
    }

    .banner-right-img-DeveloperResourceIn:first-child img {
        width: 60%;
        height: auto;
    }

    section.firstSectionFull.firstSectionFullDeveloper {
        padding: 40px 0 80px;
    }

    section.firstSectionFull.firstSectionFullDeveloper .container-1560 {
        position: static;
    }

    section.firstSectionFull.singleImgOnBottomBannerSection {
        padding: 60px 0 70px;
    }

    section.firstSectionFull.singleImgOnBottomBannerSection .container-1560 {
        position: static;
    }

    .banner-right-img.banner-right-img-Single {
        -ms-flex: 0 0 calc(100% - 41.666667%);
        flex: 0 0 calc(100% - 41.666667%);
        max-width: calc(100% - 41.666667%);
    }

    .banner-right-img-SingleIn {
        position: absolute;
        width: 100%;
        max-width: 90%;
        left: 50%;
        transform: translateX(-50%);
        text-align: right;
        z-index: -1;
        bottom: 0;
    }

    .banner-right-img-SingleIn img {
        width: 50%;
        height: auto;
    }

    section.firstSectionFull.singleImgOnBottomBannerSection .banner-left-content {
        max-width: 95%;
    }

    .banner-right-img.banner-right-img-virtualAssist {
        -ms-flex: 0 0 calc(100% - 41.666667%);
        flex: 0 0 calc(100% - 41.666667%);
        max-width: calc(100% - 41.666667%);
    }

    .banner-right-img-virtualAssistIn:first-child {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 90%;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        text-align: right;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    section.firstSectionFull.virtualAssistSectionBanner .container-1560 {
        position: static;
    }

    .banner-right-img-virtualAssistIn:first-child img {
        height: 80%;
        width: auto;
    }

    .banner-right-img-virtualAssistIn:nth-child(2) {
        right: 42vw;
        top: 18vh;
    }

    .banner-right-img-virtualAssistIn:nth-child(3) {
        right: 6.5vw;
        top: 9vh;
    }

    .banner-right-img-virtualAssistIn {
        position: absolute;
    }

    .banner-right-img-virtualAssistIn:not(:nth-child(1)) img {
        width: 10vw;
        height: auto;
    }

    .banner-right-img-virtualAssistIn:not(:nth-child(1)) {
        -webkit-animation: upDown 10s linear infinite;
        -moz-animation: upDown 10s linear infinite;
        -ms-animation: upDown 10s linear infinite;
        -o-animation: upDown 10s linear infinite;
        animation: upDown 8s linear infinite;
    }

    section.firstSectionFull.virtualAssistSectionBanner {
        padding: 80px 0;
    }

    section.firstSectionFull.virtualAssistSectionBanner .banner-left-content {
        max-width: 95%;
    }

    section.banner-section.firstSectionFullGigitalService .row {
        padding: 120px 0 60px;
    }

    section.firstSectionFullGigitalService>span:not(.top-right-gradient-circle) {
        margin-top: 30px;
    }

    section.firstSectionFullGigitalService:after {
        margin-top: 30px;
    }

    div.banner-right-imgDigitalServiceIn img {
        width: 100%;
        padding-top: 30px;
    }

    section.firstSectionFull.firstSectionFullGigitalService .banner-left-content {
        max-width: 95%;
    }

    .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) {
        -webkit-animation: unset;
        -moz-animation: unset;
        -ms-animation: unset;
        -o-animation: unset;
        animation: unset;
    }

    section.firstSectionFull.firstSectionFullBpoIn {
        padding: 40px 15px 80px;
    }

    .bpo-sales-support section.firstSectionFull.firstSectionFullBpoIn .fa-110 {
        font-size: 34px;
        line-height: 1.1;
    }

    section.firstSectionFull.firstSectionFullBpoIn .banner-right-img img {
        width: 50%;
        height: auto;
    }

    .banner-rightBpoIn-img-Repaeter {
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 90%;
        left: 50%;
        transform: translateX(-50%);
        text-align: right;
    }

    .banner-right-img.banner-rightBpoIn-img {
        position: static;
    }

    section.firstSectionFull .container-1560 {
        position: static;
    }

    .bpo-functional section.firstSectionFull.firstSectionFullBpoIn .banner-right-img img {
        width: 40%;
    }

    .banner-right-img.banner-right-img-Ecom img {
        width: 90%;
        height: auto;
    }

    section.firstSectionFull.firstSectionFullEcomService {
        padding: 0px;
    }

    section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon {
        padding: 150px 0 130px;
    }

    section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-right-img img {
        width: 100%;
        height: auto;
        animation: none;
    }

    section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .row {
        padding-top: 0;
    }

    section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter {
        position: static;
        transform: none;
        max-width: unset;
    }

    section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-left-content {
        max-width: 95%;
    }

    .ecom-services-amazon .banner-right-img.banner-rightBpoIn-img .banner-rightBpoIn-img-Repaeter {
        position: static;
        transform: none;
        max-width: 100%;
    }

    .ecom-services-amazon section.banner-section.firstSectionFullBpoIn {
        padding-bottom: 0;
        padding-top: 140px;
    }

    .ecom-services-amazon section.banner-section.firstSectionFullBpoIn .row.align-items-center {
        align-items: flex-end !important;
    }

    .ecom-services-amazon section.banner-section.firstSectionFullBpoIn .banner-left-content {
        padding-bottom: 80px;
    }

    .ecom-services-amazon .banner-right-img.banner-rightBpoIn-img .banner-rightBpoIn-img-Repaeter img {
        width: 100%;
        height: auto;
    }

    section.firstSectionFull.banner-vw-zB .row {
        padding-bottom: 100px;
        padding-top: 150px;
        margin: 0 -0.909vw;
    }

    section.i-digital-banner {
        padding: 150px 0;
    }

    section.firstSectionFull.i-digital-banner .row {
        padding-top: 0;
    }

    .i-restaurant-banner.firstSectionFull .row,
    .medical-banner-z.firstSectionFull .row,
    .i-rental-banner.firstSectionFull .row {
        padding: 150px 0 150px;
    }

    section.banner-blogs {
        margin-top: 95px;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    div#myModal .modal-dialog {
        width: 300px;
    }

    div#myModal h6 {
        font-size: 25px;
    }

    div#myModal .service-head {
        font-size: 8px;
    }

    div#myModal form.modal-form .form-group input,
    div#myModal form.modal-form .form-group textarea {
        height: 28px;
    }

    div#myModal form.modal-form .form-group textarea {
        height: 80px;
    }

    div#myModal.main-modal .modal-body {
        padding: 40px 20px 60px;
    }

    div#myModal.main-modal .modal-body .btn-close {
        font-size: 17px;
    }

    div#myModal.main-modal .btn-reg.btn-gradient {
        padding: 8px 0;
        bottom: -20px;
        max-width: 120px;
        font-size: 11px;
        min-height: 34px;
    }

    div#myModal.main-modal .btn-reg.btn-gradient img {
        margin-right: 8px;
        width: 13px;
    }

    footer.footer .py-110 {
        padding-bottom: 40px;
    }

    footer.footer .dmca-certificate {
        margin-bottom: .3rem !important;
    }

    footer.footer .dmca-certificate img {
        width: 70px;
    }

    .footer-logo-wrap img.lazyload {
        width: 119px;
    }

    footer.footer .bg-blue p.text-white,
    footer.footer .foot-desc p.fa-18,
    footer.footer .testi-cont p.fa-18,
    footer.footer ul.foot-nav li a {
        font-size: 10px;
        line-height: 1.6;
    }

    .footer-logo-wrap {
        margin-bottom: 24px;
    }

    .footer-menu ul.foot-nav li {
        font-size: 13px;
        margin-bottom: 9px;
    }

    footer.footer .pt-5 {
        padding-top: 1.5rem !important;
    }

    footer .foot-head {
        padding-bottom: 8px;
        font-size: 14px;
    }

    footer.footer .follow-txt h5:before,
    footer.footer .foot-head:before {
        height: 2px;
        bottom: -5px;
    }

    footer.footer .follow-txt h5 {
        font-size: 16px;
    }

    footer.footer .social-links.my-5 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important;
    }

    footer.footer .social-links-wrap a.social-link {
        height: 17px;
        width: 17px;
    }

    footer.footer .social-links-wrap a.social-link i.fa-brands {
        font-size: 8px;
    }

    footer.footer .social-contact a span:first-child {
        font-size: 11px;
        height: 23px;
        width: 23px;
        margin-right: 10px;
    }

    footer.footer .social-contact a span {
        font-size: 9px;
    }

    footer.footer .social-contact.footer-social a {
        margin-bottom: 10px;
    }

    footer.footer .social-contact a span:first-child i {
        font-size: 100%;
    }

    footer.footer .foot-1.row.align-items-stretch.mb-7 {
        margin-bottom: 1.5rem !important;
    }

    footer.footer .row-footer-location {
        margin-bottom: 2.5rem;
        margin-right: 30px;
    }

    footer.footer .col-location span.img-location img {
        width: auto;
        height: 40px;
    }

    footer.footer .text-location-footer h6 {
        font-size: 14px;
    }

    footer.footer .text-location-footer a p {
        font-size: 8px;
    }

    footer.footer .col-location {
        margin-right: 55px;
    }

    footer.footer .footer-location .container-1560 {
        width: 100%;
        max-width: 1560px;
    }

    footer.footer:before {
        width: 500px;
        height: 500px;
    }

    footer.footer:after {
        background-size: cover;
    }

    footer.footer ul.foot-nav li a:hover,
    footer.footer ul.foot-nav li.active a {
        padding-left: 5px;
    }

    footer.footer ul.foot-nav li a:before {
        height: 6px;
    }

    footer.footer p.footer-bottom {
        font-size: 7px;
    }

    .text-insight-report h3 {
        font-size: 22px;
        margin: 3px 0 8px;
    }

    .text-insight-report span {
        font-size: 10px;
        display: block
    }

    .item-insight-report>div>a>img {
        border-radius: 12px;
        width: 100%
    }

    .text-insight-report p {
        font-size: 10.3px;
    }

    .mb-100 {
        margin-bottom: 45px;
    }

    .slider-insights-footer .slick-arrow {
        width: 40px;
        height: 40px;
        left: -60px;
    }

    .slider-insights-footer .slick-arrow:before {
        font-size: 15px;
    }

    .slider-insights-footer .slick-next.slick-arrow {
        right: -60px;
    }
}

@media(min-width:1200px) and (max-width:1440px) {
    div#myModal .modal-dialog {
        width: 360px;
    }

    div#myModal h6 {
        font-size: 28px;
    }

    div#myModal .service-head {
        font-size: 9px;
    }

    div#myModal form.modal-form .form-group input,
    div#myModal form.modal-form .form-group textarea {
        height: 36px;
    }

    div#myModal form.modal-form .form-group textarea {
        height: 90px;
    }

    div#myModal.main-modal .modal-body {
        padding: 40px 20px 60px;
    }

    div#myModal.main-modal .modal-body .btn-close {
        font-size: 16px;
    }

    div#myModal.main-modal .btn-reg.btn-gradient {
        bottom: -20px;
        max-width: 150px;
        font-size: 11px;
        min-height: 34px;
    }

    div#myModal.main-modal .btn-reg.btn-gradient img {
        margin-right: 15px;
        width: 16px;
    }

    div#myModal .modal-dialog {
        width: 330px;
    }

    div#myModal h6 {
        font-size: 25px;
    }

    div#myModal .service-head {
        font-size: 8px;
    }

    div#myModal form.modal-form .form-group input,
    div#myModal form.modal-form .form-group textarea {
        height: 28px;
        font-size: 11px;
    }

    div#myModal form.modal-form .form-group textarea {
        height: 80px;
    }

    div#myModal.main-modal .modal-body {
        padding: 40px 24px 60px;
    }

    div#myModal.main-modal .modal-body .btn-close {
        font-size: 17px;
    }

    div#myModal.main-modal .btn-reg.btn-gradient {
        padding: 8px 0;
        bottom: -20px;
        max-width: 120px;
        font-size: 11px;
        min-height: 34px;
    }

    div#myModal.main-modal .btn-reg.btn-gradient img {
        margin-right: 8px;
        width: 13px;
    }

    footer.footer .py-110 {
        padding-bottom: 50px;
    }

    footer.footer .dmca-certificate img {
        width: 80px;
    }

    .footer-logo-wrap img.lazyload {
        width: 130px;
    }

    footer.footer .bg-blue p.text-white,
    footer.footer .foot-desc p.fa-18,
    footer.footer .testi-cont p.fa-18,
    footer.footer ul.foot-nav li a {
        font-size: 13px;
        line-height: 1.7;
    }

    .footer-logo-wrap {
        margin-bottom: 24px;
    }

    .footer-menu ul.foot-nav li {
        margin-bottom: 13px;
    }

    footer.footer .pt-5 {
        padding-top: 1.5rem !important;
    }

    footer .foot-head {
        padding-bottom: 8px;
        font-size: 16px;
    }

    footer.footer .follow-txt h5:before,
    footer.footer .foot-head:before {
        height: 3px;
    }

    footer.footer .follow-txt h5 {
        font-size: 18px;
    }

    footer.footer .social-links.my-5 {
        margin-bottom: 1.8rem !important;
        margin-top: 1.8rem !important;
    }

    footer.footer .social-links-wrap a.social-link {
        height: 20px;
        width: 20px;
    }

    footer.footer .social-links-wrap a.social-link i.fa-brands {
        font-size: 10px;
    }

    footer.footer .social-contact a span:first-child {
        font-size: 12px;
        height: 27px;
        width: 27px;
        margin-right: 15px;
    }

    footer.footer .social-contact a span {
        font-size: 10px;
    }

    footer.footer .social-contact.footer-social a {
        margin-bottom: 12px;
    }

    footer.footer .social-contact a span:first-child i {
        font-size: 100%;
    }

    footer.footer .foot-1.row.align-items-stretch.mb-7 {
        margin-bottom: 1.5rem !important;
    }

    footer.footer .row-footer-location {
        margin-bottom: 3rem;
        margin-right: 30px;
    }

    footer.footer .col-location span.img-location img {
        width: auto;
        height: 50px;
    }

    footer.footer .text-location-footer h6 {
        font-size: 16px;
    }

    footer.footer .text-location-footer a p {
        font-size: 10px;
    }

    footer.footer .col-location {
        margin-right: 55px;
    }

    footer.footer .footer-location .container-1560 {
        width: 100%;
        max-width: 1560px;
    }

    footer.footer:before {
        width: 600px;
        height: 600px;
    }

    footer.footer:after {
        background-size: cover;
    }

    footer.footer ul.foot-nav li a:hover,
    footer.footer ul.foot-nav li.active a {}

    footer.footer ul.foot-nav li a:before {
        height: 6px;
    }

    footer.footer p.footer-bottom {
        font-size: 8px;
    }

    .text-insight-report h3 {
        font-size: 27px;
        margin: 3px 0 8px;
    }

    .text-insight-report span {
        font-size: 12px;
    }

    .item-insight-report .row {
        margin-top: 15px;
    }

    .item-insight-report>div>a>img {
        border-radius: 15px;
        width: 100%
    }

    .text-insight-report p {
        font-size: 11.5px;
    }

    .mb-100 {
        margin-bottom: 60px;
    }

    .slider-insights-footer .slick-arrow {
        width: 45px;
        height: 45px;
        left: -70px;
    }

    .slider-insights-footer .slick-arrow:before {
        font-size: 16px;
    }

    .slider-insights-footer .slick-next.slick-arrow {
        right: -70px;
    }
}

@media(min-width:1441px) and (max-width:1600px) {
    div#myModal .modal-dialog {
        width: 440px;
    }

    div#myModal.main-modal .modal-body {
        padding: 40px 30px 70px;
    }

    div#myModal h6 {
        font-size: 40px;
    }

    div#myModal .service-head {
        font-size: 12px;
    }

    div#myModal form.modal-form .form-group input,
    div#myModal form.modal-form .form-group textarea {
        height: 44px;
    }

    div#myModal form.modal-form .form-group textarea {
        height: 100px;
    }

    .modal-logo img {
        max-width: 160px;
    }

    div#myModal.main-modal .modal-body .btn-close {
        font-size: 26px;
        line-height: 25px;
    }

    .main-modal .btn-reg.btn-gradient {
        max-width: 200px;
    }

    footer.footer .py-110 {
        padding-bottom: 70px;
    }

    footer.footer .dmca-certificate img {
        width: 90px;
    }

    .footer-logo-wrap img.lazyload {
        width: 150px;
    }

    footer.footer .bg-blue p.text-white,
    footer.footer .foot-desc p.fa-18,
    footer.footer .testi-cont p.fa-18,
    footer.footer ul.foot-nav li a {
        font-size: 14px;
        line-height: 1.7;
    }

    .footer-logo-wrap {
        margin-bottom: 24px;
    }

    .footer-menu ul.foot-nav li {
        margin-bottom: 20px;
    }

    footer.footer .pt-5 {
        padding-top: 1.5rem !important;
    }

    footer .foot-head {
        padding-bottom: 10px;
        font-size: 20px;
    }

    footer.footer .follow-txt h5:before,
    footer.footer .foot-head:before {
        height: 3.5px;
    }

    footer.footer .follow-txt h5 {
        font-size: 23px;
    }

    footer.footer .social-links.my-5 {
        margin-bottom: 2.2rem !important;
        margin-top: 2.2rem !important;
    }

    footer.footer .social-links-wrap a.social-link {
        height: 24px;
        width: 24px;
    }

    footer.footer .social-links-wrap a.social-link i.fa-brands {
        font-size: 12px;
    }

    footer.footer .social-contact a span:first-child {
        font-size: 13px;
        height: 32px;
        width: 32px;
    }

    footer.footer .social-contact a span {
        font-size: 11px;
    }

    footer.footer .social-contact.footer-social a {
        margin-bottom: 16px;
    }

    footer.footer .social-contact a span:first-child i {
        font-size: 100%;
    }

    footer.footer .foot-1.row.align-items-stretch.mb-7 {
        margin-bottom: 2.5rem !important;
    }

    footer.footer .row-footer-location {
        margin-bottom: 3rem;
        margin-right: 30px;
    }

    footer.footer .col-location span.img-location img {
        width: auto;
        height: 60px;
    }

    footer.footer .text-location-footer h6 {
        font-size: 17px;
    }

    footer.footer .text-location-footer a p {
        font-size: 12px;
    }

    footer.footer .col-location {
        margin-right: 65px;
    }

    footer.footer .footer-location .container-1560 {
        width: 100%;
        max-width: 1560px;
    }

    footer.footer:before {
        width: 800px;
        height: 800px;
    }

    footer.footer:after {
        background-size: cover;
    }

    footer.footer ul.foot-nav li a:hover,
    footer.footer ul.foot-nav li.active a {}

    footer.footer ul.foot-nav li a:before {
        height: 6px;
    }

    footer.footer p.footer-bottom {
        font-size: 9px;
    }

    .text-insight-report p {
        font-size: 13.2px;
    }

    .text-insight-report h3 {
        font-size: 32px;
        margin: 3px 0 10px;
    }

    .text-insight-report span {
        font-size: 14px;
    }

    .mb-100 {
        margin-bottom: 75px;
    }

    .slider-insights-footer .slick-arrow {
        width: 50px;
        height: 50px;
        left: -80px;
    }

    .slider-insights-footer .slick-arrow:before {
        font-size: 18px;
    }

    .slider-insights-footer .slick-next.slick-arrow {
        right: -80px;
    }
}

@media(min-width:1601px) and (max-width:1800px) {
    footer.footer .py-110 {
        padding-bottom: 70px;
    }

    footer.footer .dmca-certificate img {
        width: 100px;
    }

    .footer-logo-wrap img.lazyload {
        width: 190px;
    }

    footer.footer .bg-blue p.text-white,
    footer.footer .foot-desc p.fa-18,
    footer.footer .testi-cont p.fa-18,
    footer.footer ul.foot-nav li a {
        font-size: 17px;
        line-height: 1.7;
    }

    .footer-logo-wrap {
        margin-bottom: 30px;
    }

    .footer-menu ul.foot-nav li {
        margin-bottom: 22px;
    }

    footer.footer .pt-5 {
        padding-top: 1.5rem !important;
    }

    footer .foot-head {
        font-size: 22px;
    }

    footer.footer .follow-txt h5:before,
    footer.footer .foot-head:before {
        height: 3.5px;
    }

    footer.footer .follow-txt h5 {
        font-size: 23px;
    }

    footer.footer .social-links.my-5 {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important;
    }

    footer.footer .social-links-wrap a.social-link {
        height: 24px;
        width: 24px;
    }

    footer.footer .social-links-wrap a.social-link i.fa-brands {
        font-size: 12px;
    }

    footer.footer .social-contact a span:first-child {
        font-size: 14px;
        height: 35px;
        width: 35px;
    }

    footer.footer .social-contact a span {
        font-size: 12px;
    }

    footer.footer .social-contact.footer-social a {}

    footer.footer .social-contact a span:first-child i {
        font-size: 100%;
    }

    footer.footer .foot-1.row.align-items-stretch.mb-7 {
        margin-bottom: 2.5rem !important;
    }

    footer.footer .row-footer-location {
        margin-bottom: 4rem;
        margin-right: 0;
    }

    footer.footer .col-location span.img-location img {
        width: auto;
        height: 60px;
    }

    footer.footer .text-location-footer h6 {
        font-size: 19px;
    }

    footer.footer .text-location-footer a p {
        font-size: 13px;
    }

    footer.footer .col-location {
        margin-right: 80px;
    }

    footer.footer .footer-location .container-1560 {
        width: 100%;
        max-width: 1560px;
    }

    footer.footer:before {
        width: 800px;
        height: 800px;
    }

    footer.footer:after {
        background-size: cover;
    }

    footer.footer ul.foot-nav li a:hover,
    footer.footer ul.foot-nav li.active a {}

    footer.footer ul.foot-nav li a:before {
        height: 6px;
    }

    footer.footer p.footer-bottom {
        font-size: 11px;
    }

    .text-insight-report p {
        font-size: 15px;
    }

    .text-insight-report h3 {
        font-size: 36px;
    }

    .text-insight-report span {
        font-size: 14px;
    }

    .mb-100 {
        margin-bottom: 90px;
    }

    .slider-insights-footer .slick-arrow {
        width: 55px;
        height: 55px;
        left: -90px;
    }

    .slider-insights-footer .slick-arrow:before {
        font-size: 20px;
    }

    .slider-insights-footer .slick-next.slick-arrow {
        right: -90px;
    }
}

@media(min-width:1801px) and (max-width:2000px) {
    .footer-logo-wrap img {
        width: 220px;
    }

    .footer .py-110 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .row-footer-location {
        margin-bottom: 80px;
    }

    .foot-1.mb-7 {
        margin-bottom: 3rem !important;
    }

    .col-location span.img-location img {
        max-height: 80px;
    }

    .col-location span.img-location {
        margin-right: 15px;
    }

    .social-links.my-5 {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important;
    }

    .social-contact.footer-social a {
        margin-bottom: 18px;
    }

    .social-contact a span:first-child {
        height: 38px;
        width: 38px;
    }

    .social-links-wrap a.social-link {
        height: 24px;
        width: 24px;
    }

    .social-links-wrap a.social-link i.fa-brands {
        font-size: 14px;
    }
}

@media(min-width:992px) {
    .headerFull header .log-container img {
        height: 5.96vw;
        width: auto;
    }

    .headerFull header .social-contact {
        margin-left: 4vw;
    }

    .headerFull header .social-contact a {
        margin-right: 0.606vw;
        font-size: .75vw;
    }

    .headerFull header .social-contact a span:first-child {
        height: 2.303vw;
        width: 2.303vw;
    }

    .headerFull header .onhoverphonenumbers a {
        margin-bottom: .56vw;
    }

    .headerFull header .social-contact a span:first-child {
        box-shadow: 0 0.303vw 1.212vw 0 #3d46a1;
        margin-right: 0.909vw;
        font-size: 0.97vw;
    }

    .headerFull header .dual-phone-number:hover .onhoverphonenumbers {
        bottom: -3.4vw;
    }

    .headerFull header .onhoverphonenumbers {
        width: 8.9vw;
        bottom: -9.091vw;
        padding: 0.909vw;
        border-radius: 0.606vw;
        right: 1.212vw;
    }

    .headerFull header .dual-phone-number:hover .onhoverphonenumbers a:last-child {
        margin-bottom: 0;
    }

    .headerFull header .onhoverphonenumbers a {
        margin-right: 0;
    }

    .headerFull header span.top-triangle {
        top: -0.6vw;
        border-left: 0.606vw solid transparent;
        border-right: 0.606vw solid transparent;
        border-bottom-width: 0.606vw;
        right: 0.909vw;
    }

    .headerFull header {
        padding: 3.2vw 0;
    }

    .headerFull header .container-1560 {
        max-width: 81.3vw;
    }

    .headerFull header .links-columns>ul>li>a {
        margin-right: 3.9vw;
        font-size: .94vw;
        padding-bottom: 2.121vw;
    }

    .headerFull header .links-columns>ul>li>a:after {
        bottom: 1.818vw;
        height: 0.182vw;
    }

    .headerFull header .mega-menu-service-main-box {
        right: 0;
        padding: 3.6vw;
        top: 5.152vw;
        border-radius: 52.2.121vw;
        -webkit-box-shadow: aliceblue;
        box-shadow: 0 2.424vw 4.242vw 0 rgb(0 0 0/25%);
    }

    .headerFull header li.mega-menu-open:hover .mega-menu-service-main-box {
        top: 3.4vw;
    }

    .headerFull header .heading-mega {
        margin-bottom: 2.6vw;
    }

    .headerFull header .heading-mega h6 {
        letter-spacing: -0.121vw;
        font-size: 3.55vw;
    }

    .headerFull header .heading-mega h6:after {
        max-width: 42.727vw;
        height: 0.261vw;
    }

    .headerFull header .services-main-services>* {
        margin-right: 4.5vw;
    }

    .headerFull header .services-parent h3 {
        font-size: 1.2vw;
        font-weight: 700;
        margin-bottom: 0.8vw;
        padding: 0.364vw 0.364vw 0.606vw;
    }

    .headerFull header .services-parent h3:before {
        width: calc(100% - 0.727vw);
        height: 3.0.303vw;
    }

    .headerFull header .services-parent ul li a {
        margin-bottom: 0.3vw;
        padding: 0.364vw;
        font-size: 0.782vw;
    }

    .headerFull header .services-parent ul li a:before {
        left: -0.303vw;
        border-radius: 0.606vw;
    }

    .headerFull header .social-contact>a:last-child,
    .headerFull header .social-contact>a:last-child span {
        margin-right: 0;
    }

    span.main-circle.main-circleTn:before {
        display: none;
    }

    span.main-circle.main-circleTn {
        background: url(../assets/home/bannerImgbackMob.png);
        text-align: right;
        overflow: unset;
        position: relative;
        width: 42.424vw;
        height: 42.424vw;
        background-position: center;
        background-size: cover;
    }

    section.section-1.padding-top-header.sec1Tn {
        padding: 0;
        min-height: 100vh;
        height: auto;
        display: flex;
        align-items: center;
    }

    section.section-1.padding-top-header.sec1Tn>.container-1560 {
        height: 100%;
        max-width: 81.3vw;
        width: 100%;
    }

    section.section-1.sec1Tn>.container-1560 .row {
        height: 100%;
        padding-top: 7.455vw;
        margin-right: -0.909vw;
        margin-left: -0.909vw;
    }

    .sec1Tn .fa-110 {
        font-size: 4vw;
        letter-spacing: -0.103vw;
        line-height: 1;
        text-transform: uppercase;
    }

    .fourLittleImg {
        position: absolute;
        top: 0;
        right: 0;
        width: 90%;
        height: 90%;
        z-index: -1;
    }

    span.main-circle.main-circleTn>img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: 1.818vw;
        width: 85%;
        animation: emain 5s infinite;
        -webkit-animation: emain 5s infinite;
    }

    .fourLittleImg .liTTleImg {
        position: absolute;
        left: 0;
        top: 0;
    }

    .fourLittleImg .liTTleImg:nth-child(1) {
        animation: e1 5s infinite;
        -webkit-animation: e1 5s infinite;
        top: 2vw;
    }

    .fourLittleImg .liTTleImg:nth-child(2) {
        right: 3.03vw;
        left: auto;
        animation: e1 5s infinite;
        -webkit-animation: e1 5s infinite;
        top: 2vw;
    }

    .fourLittleImg .liTTleImg:nth-child(3) {
        top: auto;
        bottom: 0;
        left: -1.636vw;
        animation: e1 5s infinite;
        -webkit-animation: e1 5s infinite;
    }

    .fourLittleImg .liTTleImg:nth-child(4) {
        left: auto;
        top: auto;
        animation: e1 5s infinite;
        -webkit-animation: e1 5s infinite;
        right: 1.394vw;
        bottom: 0;
    }

    .fourLittleImg .liTTleImg img {
        width: 8.485vw;
        height: auto;
    }

    section.section-1.sec1Tn .text-banner-home {
        margin-top: -8.636vw;
        max-width: 30vw;
    }

    section.section-1.sec1Tn:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 30vw;
        height: 30vw;
        background: linear-gradient(270deg, 3d46a1, transparent);
        border-radius: 50%;
        margin-right: -15vw;
        z-index: -1;
        transform: translateY(calc(-50% + 3.636vw));
        opacity: .7;
    }

    section.section-1.padding-top-header.sec1Tn:before {
        width: 44.848vw;
        height: 44.848vw;
        left: -40vw;
        top: calc(50% + 2vw);
    }

    section.section-1.padding-top-header.sec1Tn span.top-right-gradient-circle {
        position: absolute;
        width: 65.758vw;
        height: 65.758vw;
        -webkit-filter: blur(78.788vw);
        filter: blur(78.788vw);
    }

    section.section-1.sec1Tn>.container-1560 .row .col-lg-6 {
        padding-right: 0.909vw;
        padding-left: 0.909vw;
    }

    .sec1Tn p.fa-16 {
        line-height: 1.4vw;
        font-size: 0.8vw;
        margin-top: 1.212vw;
    }

    .sec1Tn .text-bottom {
        gap: 1.212vw;
        margin-top: 4.545vw;
    }

    .sec1Tn .text-bottom img {
        max-width: 7.576vw;
        max-height: 4.242vw;
        min-height: 3.2vw;
        width: auto;
    }

    img.google-certificate {
        margin: 0 1.5vw 0 2.6vw;
    }

    div.banner-right-imgAbout img {
        display: block;
        position: absolute;
        width: auto;
        height: 70%;
        top: 3.03vw;
        left: 0vw;
    }

    section.firstSectionFull .container-1560 {
        height: 100%;
        max-width: 81.3vw;
        position: relative;
        width: 100%;
    }

    section.firstSectionFull {
        padding: 0;
        min-height: 100vh;
        height: auto;
        display: flex;
        align-items: center;
    }

    section.firstSectionFull .row {
        height: 100%;
        padding-top: 7.455vw;
        margin-right: -0.909vw;
        margin-left: -0.909vw;
    }

    div.banner-right-imgAbout {
        margin-right: auto;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .globeAbout {
        width: 100%;
        position: relative;
        height: 45.455vw;
    }

    .globeAbout:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 90%;
        background-size: 100% 100%;
        top: calc(50% + 0vw);
        transform: translateY(-50%);
        left: -4.182vw;
    }

    section.firstSectionFull.banner-section .top-right-gradient-circle {
        right: -30%;
        -webkit-filter: blur(78.788vw);
        filter: blur(78.788vw);
        top: -50%;
        width: 65.758vw;
        height: 65.758vw;
    }

    section.firstSectionFull .row .col-md-6 {
        padding-right: 0.909vw;
        padding-left: 0.909vw;
    }

    section.firstSectionFull .fa-110 {
        font-size: 6vw;
        line-height: 1;
        letter-spacing: -0.303vw;
    }

    .digital-services-app section.firstSectionFull .fa-110 {
        font-size: 5vw;
    }

    section.firstSectionFull p.fa-16 {
        line-height: 1.7;
        font-size: .84vw;
        margin-top: 1.212vw;
        letter-spacing: -.001vw;
    }

    section.firstSectionFull .banner-left-content {
        max-width: 30vw;
    }

    section.firstSectionFull .banner-left-content span {
        margin-top: 4.242vw;
    }

    section.firstSectionFull .banner-left-content span a {
        font-size: .8vw;
        line-height: 15.46px;
        color: #000;
        font-weight: 500;
    }

    section.firstSectionFull .banner-left-content span a i {
        margin-right: 0.606vw;
    }

    section.firstSectionFull .banner-left-content span i {
        font-size: 1.273vw;
    }

    section.aboutBannerSec {
        box-shadow: 0 0 50px rgb(2 111 243/10%);
    }

    section.hz-what-for-you {
        padding-top: 120px;
    }

    @keyframes globeAboutrotation {
        from {
            -ms-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -ms-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    section.firstSectionFull.left-circle-sec:before {
        width: 44.848vw;
        height: 44.848vw;
        left: -40vw;
    }

    section.resourceFirstSection:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 45%;
        height: 18.182vw;
        background: -o-linear-gradient(170deg, #008DFF, #001970);
        background: linear-gradient(270deg, #008DFF 30%, #001970);
        transform: translateY(-50%);
        border-top-left-radius: 9.091vw;
        border-bottom-left-radius: 9.091vw;
        z-index: -1;
    }

    section.firstSectionFull.resourceFirstSection .row {
        height: 100%;
    }

    .banner-right-img-vrResourceIn {
        position: absolute;
    }

    .threeInOnevrResourceIn {
        position: absolute;
        right: -3.03vw;
        width: 24.242vw;
        top: 6.667vw;
        height: 18.182vw;
    }

    .banner-right-img-vrResourceIn:nth-child(1) {
        left: -5vw;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
    }

    .banner-right-img.banner-right-img-vrResource {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        height: 30.515vw;
        display: flex;
    }

    .banner-right-img-vrResourceIn:nth-child(1) img {
        height: 100%;
        width: auto;
    }

    .banner-right-img-vrResourceIn:nth-child(2) {
        height: 29.364vw;
        width: 42.424vw;
        left: -18.152vw;
    }

    .banner-right-img-vrResourceIn:nth-child(2) img {
        -webkit-animation: upDown 5s linear infinite;
        -moz-animation: upDown 5s linear infinite;
        -ms-animation: upDown 5s linear infinite;
        -o-animation: upDown 5s linear infinite;
        animation: upDown 5s linear infinite;
        height: 38vw;
        width: auto;
    }

    .threeInOnevrResourceIn img {
        mix-blend-mode: overlay;
    }

    .threeInOnevrResourceIn>div {
        width: 9.333vw;
        position: absolute;
    }

    .threeInOnevrResourceIn>div img {
        width: auto;
        height: 7.879vw;
        -webkit-animation: skewAnim 10s linear infinite;
        -moz-animation: skewAnim 10s linear infinite;
        -ms-animation: skewAnim 10s linear infinite;
        -o-animation: skewAnim 10s linear infinite;
        animation: skewAnim 10s linear infinite;
    }

    .threeInOnevrResourceIn>div:nth-child(1) {
        left: 1.818vw;
        top: 0.606vw;
    }

    .threeInOnevrResourceIn>div:nth-child(2) {
        left: 13.333vw;
        top: 1.212vw;
    }

    .threeInOnevrResourceIn>div:nth-child(3) {
        left: 7.273vw;
        bottom: 0vw;
    }

    section.firstSectionFull.resourceFirstSection .fa-110 {
        font-size: 5vw;
        letter-spacing: unset;
        margin: 1vw 0;
    }

    section.firstSectionFull.resourceFirstSection .row {
        padding-top: 0;
    }

    section.firstSectionFull.designerSectionFull .row {
        padding-top: 4vw;
    }

    div.banner-right-imgDesigner img {
        width: 100%;
        height: auto;
    }

    .banner-right-imgDesigner {
        -ms-flex: 0 0 calc(100% - 41.666667%);
        flex: 0 0 calc(100% - 41.666667%);
        max-width: calc(100% - 41.666667%);
        text-align: right;
    }

    .banner-right-imgDesignerIn:nth-child(2) {
        bottom: 0;
        position: absolute;
        right: 10.526vw;
        width: 36vw;
    }

    section.firstSectionFull.designerSectionFull .container-1560 {
        position: static;
    }

    .banner-right-imgDesignerIn:nth-child(1) {
        width: 90%;
        margin-left: auto;
        position: relative;
        top: -2.632vw;
    }

    .banner-right-imgDesignerIn:nth-child(2) img {
        width: 90%;
    }

    .banner-right-imgDesignerIn:nth-child(1) img {
        -webkit-animation: upDown 10s linear infinite;
        -moz-animation: upDown 10s linear infinite;
        -ms-animation: upDown 10s linear infinite;
        -o-animation: upDown 10s linear infinite;
        animation: upDown 8s linear infinite;
        mix-blend-mode: multiply;
    }

    .designerSectionFull .banner-right-imgDesignerIn:nth-child(1) img {
        -webkit-animation: upDownTranslatey 10s linear infinite;
        -moz-animation: upDownTranslatey 10s linear infinite;
        -ms-animation: upDownTranslatey 10s linear infinite;
        -o-animation: upDownTranslatey 10s linear infinite;
        animation: upDownTranslatey 10s linear infinite;
        mix-blend-mode: multiply;
    }

    div.banner-right-img-DeveloperResource {
        -ms-flex: 0 0 calc(100% - 41.666667%);
        flex: 0 0 calc(100% - 41.666667%);
        max-width: calc(100% - 41.666667%);
    }

    section.firstSectionFull.firstSectionFullDeveloper .row {
        padding-top: 4vw;
    }

    div.banner-right-img-DeveloperResource img {
        height: auto;
    }

    .banner-right-img-DeveloperResourceIn:nth-child(2) {
        bottom: 0;
        position: absolute;
        right: 4.8vw;
        width: 42vw;
    }

    section.firstSectionFull.firstSectionFullDeveloper .container-1560 {
        position: static;
    }

    .banner-right-img-DeveloperResourceIn:nth-child(1) {
        width: 100%;
        position: relative;
        top: 0;
        text-align: right;
    }

    .banner-right-img-DeveloperResourceIn:nth-child(2) img {
        width: 90%;
    }

    .banner-right-img-DeveloperResourceIn:nth-child(1) img {
        width: 26.316vw;
        height: auto;
        display: block;
        position: relative;
        margin-left: auto;
        left: -8.789vw;
        top: -4.211vw;
    }

    .banner-right-img.banner-right-img-Single {
        -ms-flex: 0 0 calc(100% - 41.666667%);
        flex: 0 0 calc(100% - 41.666667%);
        max-width: calc(100% - 41.666667%);
    }

    .banner-right-img-SingleIn {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 81.3vw;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        text-align: right;
    }

    section.firstSectionFull.singleImgOnBottomBannerSection .container-1560 {
        position: static;
    }

    .banner-right-img-SingleIn img {
        width: 50%;
        height: auto;
    }

    .banner-right-img.banner-right-img-virtualAssist {
        -ms-flex: 0 0 calc(100% - 41.666667%);
        flex: 0 0 calc(100% - 41.666667%);
        max-width: calc(100% - 41.666667%);
    }

    .banner-right-img-virtualAssistIn:first-child {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 81.3vw;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        text-align: right;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    section.firstSectionFull.virtualAssistSectionBanner .container-1560 {
        position: static;
    }

    .banner-right-img-virtualAssistIn:first-child img {
        height: 80%;
        width: auto;
    }

    .banner-right-img-virtualAssistIn:nth-child(2) {
        bottom: 38vh;
        right: 39vw;
    }

    .banner-right-img-virtualAssistIn:nth-child(3) {
        right: 8.5vw;
        top: 17vh;
    }

    .banner-right-img-virtualAssistIn {
        position: absolute;
    }

    .banner-right-img-virtualAssistIn:not(:nth-child(1)) img {
        width: 10vw;
        height: auto;
    }

    .banner-right-img-virtualAssistIn:not(:nth-child(1)) {
        animation: e1 15s infinite;
        -webkit-animation: e1 15s infinite;
    }

    .digital-services-seo section.firstSectionFull .fa-110 {
        font-size: 4.6vw;
    }

    .digital-services-web section.firstSectionFull .fa-110,
    .digital-services-smm section.firstSectionFull .fa-110 {
        FONT-SIZE: 5VW;
    }

    .firstSectionFullGigitalService .row.align-items-center {
        padding-top: 3vw;
    }

    body.bpo section.firstSectionFull.resourceFirstSection.bpoFirstSection .fa-110 {
        font-size: 4vw;
        letter-spacing: -0.303vw;
    }

    .bpoFirstSection .banner-right-img-vrResourceIn:nth-child(2) img {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none;
        height: 36vw;
    }

    .bpoFirstSection .banner-right-img-vrResourceIn:nth-child(2) {
        bottom: -3.6vw;
        left: -13vw;
    }

    .bpoFirstSection .threeInOnevrResourceIn>div:nth-child(1) {
        top: .4vw;
    }

    .bpoFirstSection .threeInOnevrResourceIn>div:nth-child(2) {
        top: 1.7vw;
    }

    .bpoFirstSection .threeInOnevrResourceIn>div:nth-child(3) {
        bottom: 2vw;
    }

    .threeInOnevrResourceIn>div img {
        height: 6vw;
    }

    .threeInOnevrResourceIn {
        height: 18.182vw;
        top: 6.1vw;
    }

    .bpoFirstSection .threeInOnevrResourceIn>div:nth-child(3) img {
        height: 7vw;
    }

    .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img {
        width: auto;
        height: auto;
        max-height: 80vh;
        margin-left: auto;
        min-height: 80vh;
    }

    .bpo-sales-support .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img {
        max-width: calc(100% - 30vw);
        object-position: bottom;
        object-fit: contain;
    }

    .banner-rightBpoIn-img-Repaeter {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 81.3vw;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        text-align: right;
    }

    section.firstSectionFull.firstSectionFullBpoIn .container-1560 {
        position: static;
    }

    .banner-right-img.banner-rightBpoIn-img {
        max-width: 81.3vw;
        position: static;
        width: 100%;
    }

    section.firstSectionFull.firstSectionFullBpoIn .fa-110 {
        font-size: 4.3vw;
        line-height: 1.1;
    }

    .bpo-devops .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img {
        max-height: 75vh;
        margin-left: auto;
        min-height: 75vh;
    }

    .ecom-services-amazon .row.align-items-center {
        padding-top: 0;
    }

    .ecom-services-amazon .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img {
        height: auto;
        max-height: 90vh;
        min-height: 90vh;
        margin-left: auto;
    }

    .ecom-services-marketplace .firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter img {
        margin-top: -10vw;
        width: 100%;
    }

    .ecom-services-marketplace .firstSectionFullshopifyAmazon.firstSectionFull .row {
        padding-top: 3vw;
    }

    .firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter img {
        width: 90%;
        height: auto;
    }

    .firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter {
        position: static;
        transform: none;
    }

    .banner-right-img.banner-right-img-Ecom {
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        max-width: 81.3vw;
        transform: translateX(-50%);
    }

    .firstSectionFullEcomService .row>div:nth-child(2) {
        position: static;
    }

    section.firstSectionFull.firstSectionFullEcomService .container-1560 {
        position: static;
    }

    .banner-right-img-EcomInner:first-child {
        position: absolute;
        bottom: 0;
        right: 0vw;
    }

    .banner-right-img-EcomInner:first-child img {
        width: auto;
        height: auto;
        max-width: 50vw;
        max-height: 80vh;
        height: 80vh;
    }

    .portfolio .portfolio-vw {
        min-height: 100vh;
        padding: 0px;
        display: flex;
        align-items: center;
    }

    .portfolio .portfolio-vw .fa-110 {
        font-size: 5.73vw;
        letter-spacing: -0.156vw;
    }

    .portfolio .portfolio-vw .container-1560 {
        max-width: 81.3vw;
        width: 100%;
    }

    .portfolio .portfolio-vw .p-banner-content p {
        margin: 0.5vw auto 0;
        font-size: 0.85vw;
        max-width: 41.406vw;
    }

    .portfolio .portfolio-vw .p-banner-content .col-lg-8:before {
        width: 41.406vw;
        height: 41.406vw;
        background-size: contain;
    }

    .portfolio .portfolio-vw .p-banner-imgs img:first-child {
        width: 12vw;
        max-width: 12vw;
    }

    .portfolio .portfolio-vw .p-banner-imgs img:nth-child(2) {
        max-width: 11vw;
        width: 11vw;
    }

    .portfolio .portfolio-vw .p-banner-imgs img:nth-child(3) {
        max-width: 10vw;
        width: 10vw;
    }

    .portfolio .portfolio-vw .p-banner-imgs img:nth-child(4) {
        max-width: 10vw;
        width: 10vw;
    }

    .banner-vw-z .color-blur-circle.color-blur-circle-820 {
        width: 42.708vw;
        height: 42.708vw;
        filter: blur(67.708vw);
    }

    .banner-vw-z .banner-section-contact .circle-page-contact {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .banner-vw-z .banner-section-contact {
        min-height: 100vh;
        display: flex;
        align-items: center;
        padding: 0;
        position: relative;
    }

    .banner-vw-z .banner-section-contact .fa-110 {
        font-size: 5.73vw;
        letter-spacing: -0.156vw;
    }

    .banner-vw-z .banner-section-contact .container-1560 {
        max-width: 81.3vw;
        width: 100%;
    }

    .banner-vw-z .banner-section-contact p.fa-16 {
        margin: 0.5vw auto 0;
        font-size: 0.85vw;
        max-width: 41.406vw;
        line-height: 1.41vw;
    }

    .banner-vw-z .banner-section-contact .circle-page-contact {
        max-width: 76.313vw;
        top: 45%;
    }

    .banner-vw-z .banner-section-contact .main-circle-contact span {
        width: 10vw;
        left: -2vw;
    }

    .banner-vw-z .banner-section-contact .main-circle-contact span.contactimg5 {
        right: -2vw;
        left: auto;
    }

    .banner-vw-z .banner-section-contact .main-circle-contact span.contactimg2 {
        left: 12vw;
    }

    .banner-vw-z .banner-section-contact .main-circle-contact span.contactimg3 {
        left: 50%;
    }

    .banner-vw-z .banner-section-contact .main-circle-contact span.contactimg4 {
        right: 12vw;
        left: auto;
    }

    .py-0-banner {
        padding: 0px !important;
    }

    .banner-vw-zB .banner-right-imgs .nft {
        width: 50vw;
        max-width: 100%;
        height: auto;
        max-height: initial;
    }

    .banner-vw-zB .banner-right-imgs .circle {
        width: 22vw;
        max-width: 100%;
        max-height: initial;
        top: 14vw;
        right: 28vw;
    }

    .emerging-tech-nft.darkPage.headerFull .social-contact a span:first-child {
        background: #f8006c;
        box-shadow: 0 0.303vw 1.212vw 0 #f8006c;
    }

    .banner-vw-zB .center-image-blockchain {
        left: -5vw;
    }

    .banner-vw-zB .banner-right-img-blockchain:after {
        width: 50vw;
        height: 100%;
        background-size: contain;
        right: -8vw;
        background-position: right;
    }

    .banner-vw-zB .banner-images-blockchain>img {
        width: 34vw;
    }

    .banner-vw-zB .banner-right-img-blockchain {
        right: 6vw;
        top: calc(50% + 3vw);
        max-width: 100%;
    }

    .banner-vw-zB .background-images-mulitple img.image1anime {
        width: 5vw;
        right: -2vw;
    }

    .banner-vw-zB .background-images-mulitple img.image2anime {
        width: 4vw;
    }

    .banner-vw-zB .background-images-mulitple img.image4anime {
        width: 4vw;
        left: -10vw;
    }

    .banner-vw-zB .background-images-mulitple img.image3anime {
        left: -2vw;
        width: 4vw;
    }

    .banner-vw-zB .background-images-mulitple img.image6anime {
        width: 3vw;
        right: 17vw;
    }

    .banner-vw-zB .background-images-mulitple img.image7anime {
        width: 3vw;
    }

    .banner-vw-zB .background-images-mulitple img.image5anime {
        width: 4vw;
    }

    .banner-vw-zB .banner-right-img-virtualreality {
        width: 40vw;
        right: 10vw;
        max-width: 100%;
    }

    .banner-vw-zB .banner-images-virtualreality {
        width: 30vw;
        top: -8vw;
    }

    .background-images-mulitple {
        width: 53vw;
    }

    .e-banner-img img {
        width: 85%;
        max-width: 100%;
        max-height: initial;
        height: auto;
    }

    .industry-plans-restaurants .e-banner-img img {
        max-height: initial;
    }

    .pricing-main-panel.industry-price-panel {
        padding: 40px;
    }
}

@media (min-width:992px) and (orientation:portrait) {
    section.section-1.padding-top-header.sec1Tn {
        min-height: unset;
    }

    section.firstSectionFull {
        min-height: unset;
    }

    section.firstSectionFull.resourceFirstSection {
        padding: 8vh 0 5vh;
    }

    section.resourceFirstSection:after {
        margin-top: 1.5vh;
    }

    .banner-right-img-vrResourceIn:nth-child(2) {
        left: -15.152vw;
    }

    .banner-right-img-vrResourceIn:nth-child(2) img {
        height: 34vw;
    }

    section.firstSectionFull.designerSectionFull,
    section.firstSectionFull.singleImgOnBottomBannerSection,
    section.firstSectionFull.firstSectionFullDeveloper {
        min-height: 45vh;
    }

    section.firstSectionFull.virtualAssistSectionBanner {
        min-height: 45vh;
    }

    .banner-right-img-virtualAssistIn:nth-child(3) {
        top: 10vh;
    }

    .banner-right-img-virtualAssistIn:nth-child(2) {
        bottom: auto;
        top: 15vh;
        left: 36vh;
    }

    section.firstSectionFullGigitalService.firstSectionFull {
        padding: 10vh 0 5vh;
    }

    section.firstSectionFullGigitalService.firstSectionFull.dblCircleSec:after,
    section.firstSectionFullGigitalService.firstSectionFull.dblCircleSec>span:not(.top-right-gradient-circle) {
        margin-top: 2.5vh;
    }

    .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img {
        width: 50%;
        height: auto;
        max-height: unset;
        min-height: unset;
    }

    section.firstSectionFullBpoIn {
        padding: 100px 0 100px;
    }

    .bpo-functional section.firstSectionFull.firstSectionFullBpoIn .banner-right-img img {
        width: 40%;
    }

    .bpo-devops .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img {
        width: 46%;
        height: auto;
        max-height: unset;
        min-height: unset;
    }

    section.banner-section.firstSectionFull.firstSectionFullEcomService {
        min-height: 40vh;
    }

    section.banner-section.firstSectionFull.firstSectionFullEcomService .banner-right-img-EcomInner:first-child img {
        max-height: unset;
        height: auto;
    }

    section.banner-section.firstSectionFull.firstSectionFullEcomService .banner-right-img-EcomInner:first-child {
        width: 100%;
        text-align: right;
        right: 0;
    }

    .ecom-services-marketplace .firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter img {
        margin-top: -3vh;
    }

    .ecom-services-marketplace .firstSectionFullshopifyAmazon.firstSectionFull .row {
        padding-top: 6vw;
    }

    .ecom-services-shopify section.banner-section.firstSectionFullshopifyAmazon {
        padding: 5vh 0 5vh;
    }

    .ecom-services-amazon .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img {
        max-width: 45%;
        height: auto;
        min-height: unset;
    }

    .emerging-tech-augmented-reality .banner-section {
        min-height: auto;
    }

    .portfolio .portfolio-vw,
    .banner-vw-z .banner-section-contact {
        min-height: auto;
        padding: 24vw 0;
    }

    .banner-blogs-img-details {
        height: 25vh;
    }
}

@media(min-width:992px) and (max-width:2000px) {
    .list-items {
        margin-left: auto;
    }

    .headerFull header .services-parent ul li {
        line-height: 1.2;
    }

    .content-right-column h1>br,
    .content-right-column h4>br {
        display: none;
    }

    .content-right-column h1,
    .content-right-column h4,
    .content-right-column .letter-spacing-9 {
        text-align: center;
        letter-spacing: -6px;
    }

    .blog-details h1 {
        font-size: 3.125vw;
    }

    .blog-details h2 {
        font-size: 2.604vw;
    }

    .blog-details h3 {
        font-size: 2.083vw;
    }

    .blog-details h4 {
        font-size: 1.823vw;
    }

    .blog-details h5 {
        font-size: 1.563vw;
    }

    .blog-details h6 {
        font-size: 1.302vw;
    }

    .blog-details a {
        margin-bottom: 0;
        color: #3d46a1 !important;
        text-decoration: none;
    }

    .blog-details ul li {
        font-size: 0.833vw;
        line-height: 1.354vw;
        margin-bottom: 0.742vw;
        padding-left: 1.302vw;
    }

    .blog-details ul li:before {
        width: 0.521vw;
        height: 0.521vw;
    }

    .blog-details p {
        font-size: 1.042vw;
        margin-bottom: 1.042vw;
    }

    .blog-details a:hover {
        opacity: .8;
    }

    .blog-details a:hover {
        text-decoration: none;
    }

    .side-by-side-tabs-insights-footer {
        margin-bottom: 3vw;
    }

    .insight-tabs-footer .nav-tabs {
        gap: 2.6vw;
    }

    .insight-tabs-footer .nav-link {
        font-size: 1.04vw;
        padding: 1.25vw 2.19vw;
        min-width: 10.42vw;
        border-radius: 0.83vw;
    }

    .insight-tabs-footer .nav-link:before {
        border-radius: 0.83vw;
    }

    .insight-tabs-footer .nav-link:after {
        left: -0.1vw;
        top: -0.1vw;
        width: calc(100% + 0.21vw);
        height: calc(100% + 0.21vw);
        border-radius: 0.94vw;
    }
}

.bpo-devops .hz-bpo-three .cols-ar-img-service {
    background: transparent !important;
    border: 2px solid #4da2eb !important;
}

.bpo-devops .hz-bpo-three .cols-ar-img-service:before,
.bpo-devops .hz-bpo-three .cols-ar-img-service:after {
    display: none;
}

.darklandingpage {
    background: #02397A;
}

@font-face {
    font-family: tungstenblack;
    src: url(../fonts/tungsten/Tungsten-Black.otf);
}

@font-face {
    font-family: tungstenbold;
    src: url(../fonts/tungsten/Tungsten-Bold.otf);
}

@font-face {
    font-family: tungstensemibold;
    src: url(../fonts/tungsten/TungstenNarrow-Semibold.otf);
}

@font-face {
    font-family: tungstensemiboldnarrow;
    src: url(../fonts/tungsten/TungstenNarrow-Semibold.otf);
}

@font-face {
    font-family: tungstensemiboldcond;
    src: url(../fonts/tungsten/TungstenCond-Semibold.otf);
}

.font-family-tungsten {
    font-family: tungstenblack;
}

.font-family-tungsten-bold {
    font-family: tungstenbold;
}

.font-family-tungsten-semibold {
    font-family: tungstensemibold;
}

.font-family-tungstensemiboldcond {
    font-family: tungstensemiboldcond;
}

.font-family-tungsten-tungstensemiboldnarrow {
    font-family: tungstensemiboldnarrow;
}

.no-before:before {
    display: none;
}

.landingpage-agencyplanning main:after,
.landingpage-agencyplanning main:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/landingpage/fullbodybg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -3;
    mix-blend-mode: revert;
}

header.header-lp>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-right-image-lp-design {
    background-image: url(../assets/landingpage/bannertop.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
    z-index: -1;
}

.contact-information-lp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 569px;
}

.contact-information-lp a {
    align-items: center;
    display: flex;
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 47.772px;
}

.contact-information-lp a span i {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(180deg, #3d46a1 0%, rgba(69, 154, 255, 0.00) 100%);
    stroke-width: 0.582px;
    stroke: #3d46a1;
    margin-right: 18px;
}

.btn-reg.btn-get-started-with-arrow {
    color: #F1F9FF;
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 112%;
    letter-spacing: -1px;
    max-width: max-content;
    padding: 0 30px;
    display: inline-flex;
    gap: 30px;
    border-radius: 17px !important;
    background: linear-gradient(0deg, #00c0e3 0%, #c57cfa 100%) !important;
    box-shadow: -56px 56px 56px 0px rgba(255, 255, 255, 0.06) inset, 56px -56px 56px 0px rgba(165, 165, 165, 0.06) inset;
    backdrop-filter: blur(44px);
}

.banner-lp-text {
    text-align: center;
    color: white;
}

.banner-lp-text h1 {
    font-size: 382px;
    font-style: normal;
    font-weight: 450;
    line-height: 280px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, #FFF 70%, #00ffffa3 120%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: -30px;
}

.banner-lp.bg-image-lp-banner {
    position: relative;
    padding-top: 250px;
}

.partnership-plan-text {
    border: 1px solid #00FFFF;
    display: inline-block;
    padding: 12px 45px 22px;
    border-radius: 18px;
    background: linear-gradient(124deg, rgba(0, 16, 53, 1) 0%, rgba(0, 0, 0, 1) 43.23%, rgba(0, 16, 53, 1) 100%);
    backdrop-filter: blur(45px);
    position: relative;
    z-index: 1;
    box-shadow: 0px 10px 40px 0px #001035;
}

.partnership-plan-text h6 {
    font-family: Oswald;
    font-size: 92px;
    font-weight: 600;
    line-height: 90px;
    letter-spacing: -5px;
    text-transform: uppercase;
    background: linear-gradient(180deg, #FFF 70%, #FFF 1.56%, #06F 105%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.circle-behind-text {
    display: block;
    width: 700px;
    height: 700px;
    margin: 0 auto;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(0, 255, 255, 0.00) 40%, #0FF 75%, #06F 100%);
    position: absolute;
    bottom: 300px;
    left: 50%;
    transform: translateX(-50%);
}

.holdinghandslp {
    position: relative;
    margin-top: -150px;
}

.why-oip-lp-image {
    position: relative;
    max-width: 580px;
    margin: 0 auto;
}

.sirf-oip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    max-width: 220px;
    object-fit: contain;
}

.gradient-text-lp {
    background: linear-gradient(90deg, #00C2FF 0%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.why-oip-lp-text h3 {
    text-transform: uppercase;
    margin-bottom: 50px;
}

.fa-200 {
    font-size: 200px;
    line-height: 240px;
}

.why-oip-lp-text ul {
    max-width: 100%;
    margin: 0;
}

.why-oip-lp-text ul li {
    color: #FFF;
    font-size: 22px;
    font-weight: 500;
    line-height: 31px;
    text-transform: capitalize;
    margin-bottom: 40px;
    list-style: none;
    padding-left: 80px;
    position: relative;
}

.circle-on-before {
    position: absolute;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
}

.animation-agency-planning {
    animation: 15s globeAboutrotation infinite linear;
}

.our-heritage-lp-text {
    max-width: 949px;
    margin: 0 auto;
    text-align: center;
}

.lh-40 {
    line-height: 40px;
}

.item-our-heritage {
    border-radius: 30px;
    max-width: 578px;
    color: white;
    height: 100%;
    position: relative;
    margin-bottom: 80px;
}

.item-our-heritage:last-child {
    margin-bottom: 0;
}

.mw-1242 {
    max-width: 1242px;
}

.image-heritage-top-right {
    position: absolute;
    right: 64px;
    top: -75px;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 343px;
    border: 3px solid #FFF;
    background: radial-gradient(70.41% 70.41% at 50.00% 50.00%, rgba(255, 255, 255, 0.00) 0%, #2DD9FF 100%);
    box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(84px);
    padding: 28px;
}

.item-our-heritage h3 {
    color: #FFF;
    font-size: 40px;
    font-weight: 800;
    line-height: 46px;
    text-transform: capitalize;
    margin: 16px 0;
}

.item-our-heritage span {
    color: 3d46a1;
    font-size: 20px;
    font-weight: 800;
    line-height: 35px;
    text-transform: capitalize;
    position: relative;
}

.line-in-center {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, 3d46a1 49.52%, rgba(53, 219, 255, 0.00) 100%);
}

.item-our-heritage span:before {
    content: '';
    position: absolute;
    right: -68px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../assets/landingpage/design-blinking.png);
    background-repeat: no-repeat;
    background-position: left;
    width: 50px;
    height: 50px;
    background-size: contain;
}

.item-our-heritage:nth-child(odd) span:before {
    right: auto;
    left: -68px;
}

.item-our-heritage p {
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
}

.mt-137 {
    margin-top: 137px;
}

.pt-137 {
    padding-top: 137px;
}

.bg-dark-blue-heritage-lp {
    background: linear-gradient(360deg, #06F 0%, rgba(4, 41, 168, 0.00) 100%);
}

.mw-1080 {
    max-width: 1080px;
}

.fa-120 {
    font-size: 120px;
    line-height: 210px;
}

.wiify-item-lp {
    border-radius: 41.35px;
    background: linear-gradient(360deg, rgba(4, 10, 102, 1.0) 0%, #00c0e3 100%);
    box-shadow: 0px 108px 161px 0px rgba(0, 0, 0, 0.50);
    text-align: center;
    color: white;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 30px 38px;
}

.image-wiify-lp {
    max-width: 210px;
    height: 190px;
    margin: 0px auto;
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
}

.image-wiify-lp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.wiify-item-lp h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    max-width: 200px;
}

.design-wiify-lp .row {
    margin-top: 100px;
}

.pink-gradient {
    background: linear-gradient(0deg, rgba(4, 10, 102, 1.0) 0%, #E84A9C 100%);
}

.purple-gradient {
    background: linear-gradient(0deg, rgba(27, 4, 102, 1.0) 0%, #684FB5 100%);
}

.li-before-images-lp li:before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    background-image: url(../assets/landingpage/design-blinking.png);
    background-repeat: no-repeat;
    background-position: left;
    height: 50px;
    width: 50px;
    background-size: contain;
    animation: 3s scalingicons infinite alternate;
}

.li-before-images-lp li:nth-child(even):before {
    animation-delay: 1.5s;
}

@keyframes scalingicons {
    from {
        transforM: scale(0);
    }

    to {
        transforM: scale(1.2);
    }
}

.li-before-images-lp li {
    list-style: none;
    position: relative;
    padding-left: 81px;
}

.service-item-text h3 {
    font-size: 130px;
    line-height: 111px;
    max-width: 600px;
}

.service-item-text p {
    color: #FFF;
    font-size: 16px;
    line-height: 29px;
    text-transform: capitalize;
    margin: 15px 0 50px;
}

.service-item-text ul li {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    text-transform: capitalize;
    margin-bottom: 16px;
    padding-left: 55px;
}

.service-item-text ul.li-before-images-lp li:before {
    width: 35px;
    height: 35px;
    top: 5px;
}

.image-service-on-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1;
}

.service-item-image {
    transform: scale(1.15);
    transform-origin: left;
}

.services-lp {
    padding: 100px 0;
}

.service-item-text {
    max-width: 711px;
}

.service-item-text ul {
    max-width: 630px;
    margin-bottom: 0px;
}

.service-item-lp {
    padding-top: 80px;
    padding-bottom: 80px;
}

.mh-67 {
    min-height: 67px;
}

.mt-40 {
    margin-top: 40px;
}

.service-item-lp .row {
    align-items: center
}

.service-item-lp:nth-child(even) .service-item-text {
    margin-left: auto;
}

.service-item-lp:nth-child(even) .row {
    flex-direction: row-reverse;
}

.service-item-lp:nth-child(even) .service-item-image {
    transform-origin: center;
}

.service-item-lp:last-child {
    padding-bottom: 0;
}

.deisgin-arrows-left:before,
.deisgin-arrows-right:after {
    content: '';
    position: absolute;
    left: 0;
    top: -48%;
    width: 100%;
    height: 100%;
    background-image: url(../assets/landingpage/deisgin-arrows-left.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
    mix-blend-mode: screen;
    z-index: -1;
}

.deisgin-arrows-right:after {
    background-image: url(../assets/landingpage/deisgin-arrows-right.png);
    left: auto;
    right: 0;
    background-position: right;
    top: -28%;
}

.packages-lp .industry-price-panel.pricing-main-panel {
    border-image: none;
    border-radius: 20px;
    border-color: #ffffff52;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.76) 0%, rgba(4, 41, 168, 0.00) 100%);
    padding: 65px;
}

.packages-lp .industry-price-panel.pricing-main-panel:before,
.packages-lp .industry-price-panel.pricing-main-panel:after {
    background: linear-gradient(173deg, #B431F1 0%, #004AFF 100%);
    border-radius: 20px;
}

@keyframes industriesweservenoextrapixel {
    0% {
        height: 0;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        height: 100%;
        width: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        width: 100%;
        height: 100%;
    }
}

.packages-lp .pricing-main-panel.selected-pricing:after,
.packages-lp .pricing-main-panel.selected-pricing:before {
    animation: 1.5s industriesweservenoextrapixel forwards;
}

.pricing-main-panel.selected-pricing .pricing-items h3 {
    color: white;
    background: transparent;
    -webkit-text-fill-color: white;
}

.packages-lp .industry-price-panel .pricing-items h2 {
    border-radius: 39px;
    background: linear-gradient(0deg, #00115C 0%, #022FF2 100%);
    -webkit-text-fill-color: white;
    padding: 11px 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    max-width: max-content;
    position: relative;
}

.packages-lp .industry-price-panel .pricing-items h2:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, 3d46a1, #00000000);
    border-radius: 39px;
    z-index: -1;
}

.packages-lp .pricing-items h3 {
    color: white;
}

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

.industry-price-panel .pricing-items ul li {
    font-size: 19px;
    letter-spacing: -0.3px;
}

.contact-image-lp {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 740px;
}

.contact-image-lp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
    padding: 0 !important;
}

.contact-image-lp img.contactphone-lp {
    position: absolute;
    top: -20%;
    right: 15%;
    max-width: 300px;
}

.contact-lp.contact-section.contact-nft.industry-d .contact-main-area {
    border-radius: 20px;
    background: linear-gradient(335deg, #B431F1 0%, #164AC9 100%);
    backdrop-filter: blur(21px);
    outline: none;
    position: relative;
}

.portfolio-lp .deisgin-arrows-left:before,
.portfolio-lp .deisgin-arrows-right:after {
    background-image: url(../assets/landingpage/deisgin-arrows-left-straight.png);
    top: -30%;
    background-size: 22%;
}

.portfolio-lp .deisgin-arrows-right:after {
    background-image: url(../assets/landingpage/deisgin-arrows-right-straight.png);
}

.service-item-lp:first-child {
    padding-top: 0;
}

.contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 {
    font-size: 135px;
    background: linear-gradient(90deg, #00C2FF 0%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: normal;
    opacity: 1;
    letter-spacing: 0;
    font-weight: normal;
}

.contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form input,
.contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form textarea {
    border-color: #fff;
}

.contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form .btn-get-started-with-arrow {
    bottom: -110px;
}

.clients-portion .client-logo {
    border-radius: 27px;
}

.clients-portion .client-2-row .col-lg-3 {
    margin-bottom: 30px;
}

.testimonial-lp-text h3 {
    font-size: 332px;
    font-style: normal;
    font-weight: 450;
    line-height: 288.407px;
    text-align: center;
    background: linear-gradient(167deg, #FFF 0%, #0FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: overlay;
    opacity: 0.4;
}

.testimonial-lp-text h3.abs-testi-lp {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.wiify-lp:before,
.testimonial-landingpage:before {
    content: '';
    position: absolute;
    left: 0;
    top: -15%;
    width: 100%;
    height: 100%;
    background-image: url(../assets/landingpage/dotsgradientseffect.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    mix-blend-mode: screen;
}

span.quote-sign-lp {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: -80px;
    margin-bottom: -80px;
}

.quote-sign-lp svg {
    height: 100%;
    width: 100%;
}

.quote-sign-lp {
    max-width: 270px;
    height: 200px;
    margin: 0 auto;
}

.slider-testimonial-lp .slick-list {
    padding: 15px 0 80px;
    margin: 0 -25px;
}

.slider-testimonial-lp .slick-list .slick-slide {
    margin: 0 25px;
}

.slider-testimonial-lp .slick-track {
    display: flex;
}

.slider-testimonial-lp .slick-track>div {
    height: inherit;
}

.slider-testimonial-lp-item {
    border-radius: 45.935px;
    background: linear-gradient(222deg, rgba(66, 130, 225, 0.80) 0%, rgba(0, 102, 255, 0.00) 100%);
    backdrop-filter: blur(34.45088195800781px);
    text-align: center;
    padding: 80px 120px 230px;
    border: 4px solid #00FFFF;
    position: relative;
}

.slider-testimonial-lp {
    max-width: 1440px;
    margin: 0 auto;
}

.slider-testimonial-lp-item p {
    color: #E8E8EE;
    font-size: 30px;
    font-weight: 500;
    line-height: 62px;
    letter-spacing: 0.9px;
}

.name-box-lp h4 {
    color: #E8E8EE;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.name-box-lp h6 {
    color: #E8E8EE;
    font-size: 32px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0.323px;
}

.name-box-lp {
    max-width: 180px;
    position: absolute;
    max-width: max-content;
    border-radius: 200px;
    background: linear-gradient(107deg, rgba(0, 102, 255, 1) 20%, rgba(0, 255, 255, 1) 100%);
    backdrop-filter: blur(15px);
    padding: 10px 60px 15px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -72px;
}

.slider-testimonial-lp .slick-dots {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: max-content;
    margin: 40px auto 0;
    list-style: none;
    gap: 25px;
}

.slider-testimonial-lp .slick-dots li button {
    font-size: 0;
    border: none;
    width: 20px;
    height: 20px;
    background: #fff;
    position: relative;
    border-radius: 50%;
}

.slider-testimonial-lp .slick-dots li {
    line-height: 0;
}

.slider-testimonial-lp .slick-dots li button:before,
.slider-testimonial-lp .slick-dots li button:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: linear-gradient(210deg, #00c0e3 0%, rgba(53, 219, 255, 0.00) 100%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.4;
    transition: 0.3s ease-in-out;
}

.slider-testimonial-lp .slick-dots li button:after {
    z-index: -2;
    background: linear-gradient(45deg, #00c0e3 0%, rgba(53, 219, 255, 0.00) 100%);
}

.slider-testimonial-lp .slick-dots li.slick-active button {
    background: 3d46a1;
}

.slider-testimonial-lp .slick-dots li.slick-active button:before {
    transform: translate(-50%, -50%) scale(1.7);
}

.slider-testimonial-lp .slick-dots li.slick-active button:after {
    transform: translate(-50%, -50%) scale(2.4);
}

.footer-lp-logo-container {
    max-width: 429px;
    margin: 0 auto;
}

.footer-lp .footer-items-lp {
    margin: 230px 0;
}

.footer-items-lp a {
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 56.765px;
    color: white;
}

.footer-items-lp a span {
    font-size: 12px;
    margin-left: 12px;
}

.mw-380 {
    max-width: 380px;
}

.footer-pages-lp p,
.privacy-pages-lp a {
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -0.36px;
    color: white;
    position: relative;
}

.footer-items-lp a:hover {
    mix-blend-mode: soft-light;
}

.privacy-pages-lp {
    max-width: 270px;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.privacy-pages-lp a:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #00C3FF;
    border-radius: 50%;
}

.footer-lp {
    padding: 150px 0 60px;
}

.privacy-pages-lp a {
    text-decoration: underline;
}

.footer-lp .deisgin-arrows-right:after {
    background-image: url(../assets/landingpage/deisgin-arrows-left.png);
    left: 0;
    right: auto;
    background-position: left;
    top: -48%;
    transform: rotateY(180deg);
}

.bg-body-030771 {
    background: #030771;
}

.banner-lp-oippartner {
    padding: 225px 0;
    position: relative;
}

.text-banner-lp-oippartner h3 {
    font-size: 209px;
    font-weight: 375;
    line-height: 185px;
    text-transform: uppercase;
    font-family: 'tungstenbold';
}

.text-banner-lp-oippartner h1 {
    font-size: 285px;
    font-weight: 375;
    line-height: 223px;
    text-transform: uppercase;
    font-family: 'tungstenbold';
}

.text-banner-lp-oippartner {
    text-align: center;
}

.gradient-text-lp-down {
    background: linear-gradient(180deg, #FFF 60%, #0FF 150%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.banner-lp-oippartner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1240px;
    margin-left: auto;
    margin-top: 90px;
}

.banner-lp-oippartner-paragraph {
    max-width: 440px;
    text-align: left;
}

.scroll-down-lp-oippartner {
    display: flex;
    align-items: center;
    gap: 15px;
    color: white;
    transition: 0.3s all;
    position: relative;
    z-index: 1;
}

.banner-lp-oippartner-paragraph p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36.477px;
    text-transform: capitalize;
}

.banner-lp-oippartner-main-image {
    position: absolute;
    left: 48%;
    transform: translateX(-50%);
}

.banner-lp-oippartner-main-image img {
    animation: 15s globeAboutrotation infinite linear;
}

.scroll-down-lp-oippartner:hover {
    color: #1ec2db;
}

.bg-lines-partnership:before,
.banner-lp-oippartner:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -15%;
    width: 100%;
    height: 100%;
    background-image: url(../assets/outsourcingpartnership/left-lines.png);
    background-repeat: no-repeat;
    background-size: 100%;
    mix-blend-mode: screen;
    background-position: left bottom;
    z-index: -1;
}

.bg-lines-partnership:before {
    bottom: 0;
    top: 40%;
    transform: translateY(-50%) rotateY(180deg);
    opacity: 0.2;
}

.lh-210 {
    line-height: 210px;
}

.fa-260 {
    font-size: 260px;
}

.landingpage-outsourcingpartnership .why-oip-lp-text {
    display: flex;
    align-items: center;
}

.landingpage-outsourcingpartnership .why-oip-lp-text>img {
    max-width: 430px;
}

.why-oip-lp-text ul.small-size-li li {
    font-size: 18px;
}

.mw-1380 {
    max-width: 1380px;
}

.landingpage-outsourcingpartnership .fa-150 {
    font-size: 150px;
    line-height: 180px;
}

.item-our-heritage h3.fa-30 {
    font-size: 30px;
    line-height: 30px;
}

.wiify-partnership-text h5 {
    font-size: 450px;
    line-height: 320px;
    background: linear-gradient(360deg, rgba(3, 26, 132, 0.4) 15%, 3d46a1 120%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: -4px;
}

.wiify-partnership-text .partnership-plan-text {
    transform: rotate(-5deg);
}

.wiify-item-lp-partnership {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.wiify-item-lp-partnership h3 {
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    text-transform: capitalize;
    position: relative;
    padding-left: 55px;
}

.image-wiify-lp-partnership {
    max-width: 150px;
}

.wiify-item-lp-partnership h3:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-image: url(../assets/landingpage/design-blinking.png);
    background-repeat: no-repeat;
    background-position: left;
    width: 50px;
    height: 50px;
    background-size: contain;
}

.design-wiify-lp-partnership {
    max-width: 1469px;
    margin: 0 auto;
}

.py-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.landingpage-outsourcingpartnership .service-item-text {
    max-width: 632px;
}

.line-height-130 {
    line-height: 130px !important;
}

.landingpage-outsourcingpartnership .service-item-image {
    transform: scale(1);
}

.landingpage-outsourcingpartnership .service-item-lp:after {
    content: '';
    position: absolute;
    left: 0;
    top: -15%;
    width: 100%;
    height: 100%;
    background-image: url(../assets/outsourcingpartnership/designscreen.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    mix-blend-mode: screen;
    z-index: -1;
}

.landingpage-outsourcingpartnership .service-item-lp {
    position: relative;
}

.landingpage-outsourcingpartnership .service-item-lp:first-child:after {
    top: -45%;
}

.landingpage-outsourcingpartnership .service-item-lp:nth-child(even):after {
    transform: rotateY(180deg);
}

.contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 {
    font-size: 185px;
    mix-blend-mode: normal;
    background: linear-gradient(180deg, #FFF 40%, #0FF 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-lp-down-more {
    background: linear-gradient(180deg, #FFF 40%, #0FF 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact-lp-partnership .contact-image-lp {
    height: calc(100% + 100px);
    top: auto;
    bottom: 0;
}

.contact-lp-partnership .contact-image-lp .contactphone-lp {
    right: 55%;
    width: max-content;
    height: fit-content;
    top: 45%;
}

.contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area {
    border-radius: 23.216px;
    background: linear-gradient(134deg, #0D00A8 0%, #00c0e3 100%);
    outline: 1px solid #ffffff8a;
}

.contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area .form input,
.contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area .form textarea {
    border-color: white;
}

.contact-section.contact-nft.hz-contact-bpo.contact-lp-partnership .contact-main-area button.btn-reg.btn-gradient {
    bottom: -110px;
}

.image-partnership-after:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/outsourcingpartnership/header.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    z-index: -1;
    mix-blend-mode: hard-light;
    opacity: 0.6;
}

.portfolio-lp.image-partnership-after:after {
    background-position: center;
}

.fa-240 {
    font-size: 240px;
}

.clients-partnership-lp .client-2-row {
    margin-top: -100px !important;
    z-index: 1;
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
}

.clients-partnership-lp .client-logo {
    border-radius: 20px;
}

.partnership-tesimonial-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
    background: linear-gradient(314deg, rgba(53, 219, 255, 0.20) 0%, rgba(53, 219, 255, 0.00) 100%);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(84.55933380126953px);
    padding: 60px;
    height: 100%;
}

.partnership-tesimonial-item p {
    font-size: 26px;
    line-height: 173%;
    padding-bottom: 120px;
    max-width: 870px;
}

.name-box-lp-partnership h4 {
    color: #00c0e3;
    font-size: 40px;
    font-weight: 700;
    line-height: 112%;
    letter-spacing: -0.8px;
}

.name-box-lp-partnership h6 {
    color: #E8E8EE;
    font-size: 24px;
    font-weight: 400;
    line-height: 47.7px;
    letter-spacing: 0.24px;
}

.partnership-tesimonial-item>div {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.partnership-tesimonial-item>div.quote-sign-partnership {
    justify-content: center;
}

.margin-in-minus {
    margin-bottom: -100px;
}

.footer-partnership .wiify-item-lp {
    border-radius: 20px;
    background: linear-gradient(173deg, rgb(0 133 255/80%) 0%, rgb(0 74 255/80%) 100%);
    backdrop-filter: blur(20px);
}

.footer-partnership:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/outsourcingpartnership/footer-dots.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    mix-blend-mode: screen;
    z-index: -1;
}

.landingpage-outsourcingpartnership main:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/outsourcingpartnership/fullpageimage.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    z-index: -1;
}

.pricing-partnership .container-1560 {
    max-width: 1560px;
}

.row-services-packages {
    display: flex;
    justify-content: space-between;
}

.main-parent-services-packages {
    border-radius: 46px;
    background: linear-gradient(180deg, rgba(0, 102, 255, 0.80) 0%, rgba(0, 102, 255, 0.00) 100%);
    backdrop-filter: blur(34px);
    padding: 60px 80px;
}

.main-parent-services-packages h3 {
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
    line-height: 111%;
    letter-spacing: -0.576px;
    text-transform: uppercase;
    margin-bottom: 32px;
    height: 65px;
}

.row-services-packages ul li {
    list-style: none;
}

.features-li li {
    font-size: 23px;
    font-weight: 700;
    line-height: 111%;
    letter-spacing: -0.48px;
    display: flex;
    align-items: center;
}

.main-parent-services-packages .packages-all h3 {
    padding: 0 6px;
    margin-bottom: 32px;
    text-align: center;
}

.packages-all ul li div p {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 140.5%;
    letter-spacing: -0.345px;
    text-transform: capitalize;
}

.packages-all ul li,
.features-li li {
    margin-bottom: 40px;
}

.packages-all ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.packages-all ul li h6 {
    text-align: center;
    font-size: 33px;
    font-weight: 700;
    line-height: 111%;
    letter-spacing: -0.672px;
}

.packages-all:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background: linear-gradient(180deg, #00c0e3 0%, #004aff 100%);
    border-radius: 20px;
    z-index: -1;
    transition: 0.3s ease-in-out;
}

.active-plan-lp:before {
    height: 100%;
}

.col-first-packages {
    flex: 0 0 20%;
    max-width: 260px;
}

.col-second-packages {
    flex: 0 0 75%;
}

.packages-all {
    flex: 0 0 33%;
    max-width: calc(33% - 15px);
}

.col-first-packages,
.packages-all {
    padding: 60px 0px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.background-blue-dark {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.76) 0%, rgba(30, 30, 30, 0.50) 100%);
}

.bg-lightblue-package {
    background: linear-gradient(180deg, #00c0e3 0%, #004AFF 100%);
    backdrop-filter: blur(20px);
}

.packages-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: -34px;
}

.packages-btn.grey-btn-package .btn-get-started-with-arrow {
    background: linear-gradient(90deg, #000 0%, rgba(50, 50, 50, 0.60) 92.71%) !important;
    box-shadow: -56px 56px 56px 0px rgba(255, 255, 255, 0.06) inset, 56px -56px 56px 0px rgba(165, 165, 165, 0.06) inset;
    backdrop-filter: blur(44px);
}

.packages-btn.grey-btn-package .btn-get-started-with-arrow:before {
    background: linear-gradient(270deg, #000000db 0%, rgba(50, 50, 50, 0.60) 92.71%) !important;
}

.btn-reg.btn-get-started-with-arrow:before {
    background: linear-gradient(181deg, #00c0e3 0%, #c57cfa 100%) !important;
}

.note-pricing {
    font-size: 18px;
    line-height: 169%;
    margin-top: 50px;
}

@keyframes hithere {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

@keyframes simpletranslation {
    0% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(10px);
    }
}

.service-item-image img {
    animation: 12s simplerotation infinite linear;
}

.service-item-lp:nth-child(even) .service-item-image img {
    animation-delay: 1.5s;
}

.landingpage-outsourcingpartnership .why-oip-lp-text>img {
    animation: 3s hithere infinite alternate;
}

.landingpage-outsourcingpartnership .py-190-130,
.landingpage-agencyplanning .py-190-130 {
    padding-top: 190px;
    padding-bottom: 130px;
}

.landingpage-outsourcingpartnership .py-110,
.landingpage-agencyplanning .py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.clients-portion .mt-0 {
    margin-top: 0px !important;
}

.container-1440-lp-vw {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.bg-image-lp-banner .deisgin-arrows-left:before,
.bg-image-lp-banner .deisgin-arrows-right:after {
    top: -30%;
    transform: rotateX(180deg);
    right: -2%;
}

.bg-image-lp-banner .deisgin-arrows-left:before {
    top: 5%;
    transform: rotateX(180deg);
}

.contact-section.contact-lp.contact-nft.industry-contact .contact-main-area p {
    max-width: 700px;
}

.landingpage-agencyplanning main:after {
    background-image: url(../assets/landingpage/footer-color-gradient.png);
    background-position: bottom;
    top: auto;
    bottom: 0;
    background-size: contain;
}

.footer-lp:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/landingpage/dotsgradientseffect.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    mix-blend-mode: screen;
}

.planning-scrolldown-btn {
    position: absolute;
    display: inline-flex;
    transform: rotate(-90deg);
    margin-left: -15px;
    z-index: 1;
}

.planning-scrolldown-btn a {
    display: flex;
}

.planning-scrolldown-btn a span:nth-child(1) {
    transform: rotate(90deg);
}

.balls-bg {
    position: relative;
    width: 100%;
    animation: 10s rotatesimple infinite linear;
    mix-blend-mode: screen;
}

.ball-surrounding {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
    max-width: 860px;
}

.ball-back-oip {
    width: 100%;
}

.clients-portion .client-2-row .col-lg-3 .client-logo img {
    max-height: 70%;
}

@keyframes rotatesimple {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.service-item-image img.image-service-on-top {
    animation: 3s simpletranslation infinite alternate;
}

.outsourcingpartnership .service-item-image img {
    animation: 3s simpletranslation infinite alternate;
}

.wiify-partnership:after {
    background-position: top;
    z-index: -1;
}

.blog-details {
    counter-reset: list-counter;
    list-style-type: none;
}

.blog-details ol::before {
    counter-increment: list-counter;
    content: counter(list-counter) ".";
    margin-right: 5px;
    position: absolute;
    left: -25px;
    font-weight: 600;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.blog-details ol {
    list-style: none;
    position: relative;
}

.row-client-served {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.column-areas-we-work {
    display: flex;
    flex-flow: wrap;
    flex: 0 0 55%;
    max-width: 828px;
    column-gap: 32px;
}

.areas-we-work-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 calc(50% - 16px);
    margin-bottom: 80px;
    position: relative;
}

.clients-served-item {
    border-radius: 20px;
  background: -o-linear-gradient(30deg, #2a1c35, #00c0e3);
    background: linear-gradient(60deg, #2a1c35, #8134c3);
    backdrop-filter: blur(35px);
    color: white;
    padding: 16px 30px 20px;
    margin-bottom: 50px;
}

.clients-served-item h6 {
    font-size: 32.06px;
    font-weight: 400;
    line-height: 218%;
    text-transform: capitalize;
}

.clients-served-item h3 {
    font-size: 120px;
    font-weight: 600;
    line-height: 107%;
    letter-spacing: -4.268px;
    text-transform: uppercase;
}

.clients-served-item:last-child {
    margin-bottom: 0;
}

.column-clients-served {
    flex: 0 0 40%;
    max-width: 582px;
}

.section-3-new {
    padding: 180px 0 140px;
}

.areas-we-work-box h6 {
    color: #00c0e3;
    font-size: 80px;
    font-weight: 600;
    line-height: 136.02%;
    letter-spacing: -4.8px;
}

.areas-we-work-box h3 {
    color: #313131;
    font-size: 24px;
    font-weight: 600;
    line-height: 136.02%;
}

.areas-we-work-box {
    border-radius: 26px;
    border: 1px solid #3d46a1;
    background: #FFF;
    box-shadow: 0px 21.1536px 51.50441px 0px rgba(0, 0, 0, 0.07);
    padding: 15px 50px;
    width: 100%;
    max-width: 280px;
    margin-left: auto;
}

.areas-we-work-item>img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 188px;
}

.areas-we-work-item:nth-last-child(1),
.areas-we-work-item:nth-last-child(2) {
    margin-bottom: 0;
}

.areas-we-work-item.other-countries-image>img {
    left: 50px;
}

.clients-served-item.dark-blue {
    background: #026FF3;
}

.clients-served-item img {
    max-width: 56px;
}

.clients-served-item h3:after {
    content: '+';
}

.banner-section-video-portfolio {
    min-height: 100vh;
}

.pos-abs-video-banner {
    position: absolute;
}

.banner-section-video-portfolio {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.pos-abs-video-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.pos-abs-video-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-section-video-portfolio:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 0;
    opacity: 0.7;
}

section.banner-section-video-portfolio .p-banner-content .col-lg-8:before {
    display: none;
}

.text-header-white header * {
    color: white !important;
}

.banner-contact-new {
    padding: 220px 0 150px;
    position: relative;
}

.contactnew-text-banner h6 {
    color: #001F3B;
    font-size: 75px;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -1.133px;
    text-transform: uppercase;
}

.contactnew-text-banner h3 {
    color: #001F3B;
    font-size: 122px;
    font-weight: 700;
    line-height: 90%;
    letter-spacing: -1.836px;
    text-transform: uppercase;
}

.contactnew-text-banner {
    margin-bottom: 40px;
}

.contact-map-new {
    text-align: center;
}

.contact-map-new>img {
    width: 100%;
}

.contact-all {
    border-radius: 10px;
    background: linear-gradient(0deg, #001341 10.66%, #3d46a1 122.95%);
    backdrop-filter: blur(32px);
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 113px;
    padding: 12px 11px 12px;
    width: 100%;
    cursor: pointer;
}

.contact-all h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 105%;
}

.contact-all p {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 126%;
}

.contact-all>img {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 42px;
    width: 100%;
}

.text-slide-up {
    display: none;
    margin-top: 5px;
}

.contact-all.karachi-location {
    right: 22%;
    top: 50%;
    max-width: 113px;
}

.uae-location {
    right: 29.5%;
    top: 46%;
}

.contact-all.guangzhou-location {
    top: 61%;
    right: 4%;
    max-width: 170px;
}

.contact-all.texas-location {
    max-width: 121px;
    right: auto;
    top: 45%;
    left: 9.5%;
}

.banner-contact-new:before,
.banner-contact-new:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-image: url(../assets/contact/half-circle.png);
    background-repeat: no-repeat;
    z-index: -1;
    background-size: 5%;
    background-position: right center;
}

.banner-contact-new:after {
    transform: rotateY(180deg) translateY(-50%);
}

.banner-contact-new .container-1560 {
    max-width: 81.3vw;
}

.banner-contact-new {
    padding: 11.46vw 0 7.81vw;
}

.contactnew-text-banner h6 {
    font-size: 3.91vw;
    letter-spacing: -0.06vw;
}

.contactnew-text-banner h3 {
    font-size: 6.35vw;
    letter-spacing: -0.1vw;
}

.contactnew-text-banner {
    margin-bottom: 2.08vw;
}

.contact-all {
    border-radius: 0.52vw;
    backdrop-filter: blur(1.67vw);
    max-width: 5.89vw;
    padding: 0.63vw 0.57vw 0.63vw;
}

.contact-all h3 {
    font-size: 0.94vw;
}

.contact-all p {
    font-size: 0.52vw;
}

.contact-all>img {
    top: -1.04vw;
    max-width: 1.3vw;
}

.text-slide-up {
    margin-top: 0.26vw;
}

.contact-all.karachi-location {
    max-width: 5.89vw;
}

.contact-all.guangzhou-location {
    max-width: 8.85vw;
}

.contact-all.texas-location {
    max-width: 6.3vw;
}

.aboutus2_banner:after {
    display: none;
}

section.aboutus2_banner:before {
    background: url(../assets/aboutus/circle-bg.png);
    width: 64%;
    height: 90%;
    background-size: cover;
    right: -15%;
    top: 15%;
}

section.aboutus2_banner {
    box-shadow: none;
}

.fa-6vw {
    font-size: 6vw;
}

.our-core-values-new-heading h3 {
    color: #001F3B;
    font-size: 129px;
    font-weight: 500;
    line-height: 78%;
    letter-spacing: -7px;
    display: inline-block;
    position: relative;
}

.our-core-values-new-heading h3:before,
.our-heritage-new-heading h3:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    height: 16px;
    background: #8134c3;
    z-index: -1;
}

.row-our-core-values-new {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 60px;
}

.col-our-core-values-new {
    flex: 0 0 50%;
    max-width: calc(50% - 15px);
    margin-bottom: 65px;
}

.our-core-values-new-item {
    border-radius: 26px;
    border: 1px solid #3d46a1;
    background: #F9F9F9;
    padding: 40px 65px;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.our-core-values-new-item h3 {
    color: #001F3B;
    font-size: 35px;
    font-weight: 600;
    line-height: 112%;
    letter-spacing: -0.7px;
    max-width: 207px;
}

.our-core-values-new-item .numbers-abs-our-core {
    color: #3d46a1;
    font-size: 220px;
    font-weight: 500;
    line-height: 99%;
    letter-spacing: -6px;
    position: absolute;
    bottom: -70px;
    left: 20px;
}

.our-core-values-new-item p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 167%;
    letter-spacing: -0.2px;
    margin-top: 45px;
    max-width: 400px;
    margin-left: auto;
}

.col-our-core-values-new:nth-child(2) .numbers-abs-our-core,
.col-our-core-values-new:nth-child(3) .numbers-abs-our-core {
    color: #00c0e3;
}

.sec-2-our-core-values-new {
    padding: 100px 0;
}

.who-we-are-new-heading {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}

.who-we-are-new-heading h3 {
    color: #001F3B;
    font-size: 110px;
    font-weight: 500;
    line-height: 82.727%;
    letter-spacing: -1px;
    width: 100%;
    max-width: 613px;
}

.who-we-are-new-heading p {
    max-width: 884px;
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 193%;
}

.sec-3-who-we-are-new {
    padding: 100px 0;
}

.image-team-who-we-are {
    margin: 70px 0 0;
}

.our-heritage-new-heading h3 {
    color: #001F3B;
    font-size: 137px;
    font-weight: 500;
    line-height: 82%;
    position: relative;
    display: inline-block;
    margin-bottom: 77px;
}

.our-heritage-new-heading p {
    color: #000;
    font-size: 24px;
    line-height: 169%;
    letter-spacing: -0.7px;
    max-width: 672px;
    margin-left: auto;
}

.color-light-blue {
    color: #00c0e3;
}

.row-our-heritage-new {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 80px;
    position: relative;
    max-width: calc(100% - 100px);
    margin-left: auto;
}

.col-our-heritage-new {
    flex: 0 0 33%;
    max-width: 299px;
}

.our-heritage-new-image {
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background: #CACACA;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 40px;
    z-index: 1;
}

.our-heritage-new-image img {
    max-width: 45px;
}

.our-heritage-new-image:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(210deg, #A9A9A9 -16.78%, rgba(103, 103, 103, 0.00) 69.6%);
    opacity: 0.3;
    width: calc(100% + 34px);
    height: calc(100% + 34px);
    border-radius: 50%;
}

.col-our-core-values-new:nth-last-child(1),
.col-our-core-values-new:nth-last-child(2) {
    margin-bottom: 0;
}

section.sec-4-our-heritage-new {
    padding: 100px 0;
}

.our-heritage-new-item h6 {
    color: #B0B0B0;
    font-size: 15px;
    font-weight: 600;
    line-height: 169%;
    transition: 0.3s ease-in-out;
}

.our-heritage-new-item h3 {
    color: #B0B0B0;
    font-size: 30px;
    font-weight: 600;
    line-height: 169%;
    margin: 1px 0 16px;
    transition: 0.3s ease-in-out;
}

.our-heritage-new-item p {
    color: #B0B0B0;
    font-size: 18px;
    line-height: 169%;
    transition: 0.3s ease-in-out;
}

.our-heritage-new-item {
    height: 100%;
}

.col-our-heritage-new .our-heritage-new-image:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
    background: linear-gradient(90deg, #0029FF 2.27%, #2FC1FF 90%);
    transform: scale(0);
    transition: 0.3s ease-in-out;
}

.col-our-heritage-new.our-heritage-new-active .our-heritage-new-image:after {
    transform: scale(1);
}

.col-our-heritage-new.our-heritage-new-active .our-heritage-new-image img {
    filter: brightness(0) invert(1);
}

.col-our-heritage-new.our-heritage-new-active .our-heritage-new-item h6,
.col-our-heritage-new.our-heritage-new-active .our-heritage-new-item h3,
.col-our-heritage-new.our-heritage-new-active .our-heritage-new-item p {
    color: #000;
}

.line-row-our-heritage {
    position: absolute;
    width: calc(100% + 100px);
    height: 15px;
    border-radius: 20px;
    background: #EDEDED;
    top: 33.5px;
    z-index: -2;
    right: 0;
}

.col-our-heritage-new.our-heritage-new-active .our-heritage-new-image:before {
    border-radius: 101.059px;
    opacity: 0.3;
    background: linear-gradient(210deg, #0029FF -16.78%, rgba(53, 219, 255, 0.00) 69.6%);
}

.our-brands-new-row {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}

.our-brands-new-text {
    max-width: 400px;
}

.our-brands-new-inner-row {
    max-width: 1060px;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    gap: 25px;
}

.our-brands-new-text h3 {
    color: #001F3B;
    font-size: 110px;
    font-weight: 500;
    line-height: 81%;
    letter-spacing: -6px;
    margin-bottom: 35px;
}

.our-brands-new-text p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 169%;
}

.our-brands-new-inner-column {
    max-width: calc(33% - 25px * 2/3);
}

.our-brands-new-inner-item {
    text-align: center;
    padding: 58px 38px;
    height: 100%;
    border-radius: 10px;
    background: #026FF3;
    color: #fff;
}

.our-brands-new-inner-item>div {
    margin-bottom: 32px;
}

.our-brands-new-inner-item p {
    font-size: 16px;
    line-height: 150%;
}

.bg-hit {
    background: #00C3FF;
}

.bg-ecom {
    background: #232323;
}

section.sec-5-our-brands-new {
    padding: 150px 0 150px;
}

.our-philosophy-new-item {
    padding: 50px 75px;
    border-radius: 20px;
    background: linear-gradient(-290deg, #0554F2 36.5%, #00CAF5 88.43%);
    color: #fff;
    z-index: 1;
    overflow: hidden;
}

.our-philosophy-new-item h3 {
    color: #FFF;
    font-size: 193px;
    font-weight: 600;
    line-height: 85%;
    letter-spacing: -11px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.our-philosophy-new-item p {
    color: #FFF;
    font-size: 18px;
    line-height: 184%;
    max-width: 915px;
}

.our-philosophy-new-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/aboutus/bg.png);
    z-index: -1;
    mix-blend-mode: soft-light;
}

.our-philosophy-tags {
    position: absolute;
    right: 65px;
    display: flex;
    gap: 16px;
}

.our-philosophy-tags span {
    color: #001341;
    font-size: 14px;
    font-weight: 400;
    line-height: 169%;
    background: #fff;
    display: inline-block;
    padding: 7px 17px;
    border-radius: 50px;
}

section.sec-6-our-philosophy-new {
    padding: 150px 0;
}

section.sec-7-our-ceos-vision {
    padding: 150px 0;
}

.our-ceos-vision-row {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.our-ceos-vision-text h2 {
    color: #001F3B;
    font-size: 137px;
    font-weight: 500;
    line-height: 82%;
    letter-spacing: -8px;
    margin-bottom: 120px;
}

.our-ceos-vision-text h6 {
    color: #000;
    font-size: 36px;
    font-weight: 400;
    line-height: 134%;
    text-transform: capitalize;
    max-width: 742px;
}

.our-ceos-vision-text p {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 150%;
    max-width: 672px;
    margin-left: auto;
    margin: 50px 0 130px auto;
}

.our-ceos-vision-text h4 {
    color: #00c0e3;
    font-size: 35px;
    font-weight: 600;
    line-height: 101%;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

.our-ceos-vision-text {
    max-width: 793px;
    position: relative;
    z-index: 1;
    width: 100%;
}

.our-ceos-vision-image {
    width: 100%;
    max-width: 530px;
}

.our-ceos-vision-image img {
    width: 100%;
}

.our-ceos-vision-text:before {
    content: '"';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../assets/aboutus/quote.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center 65%;
}

.sec-8-our-front-line {
    padding: 120px 0;
}

.coo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}

.coo-col-text h3 {
    color: #001F3B;
    font-size: 159px;
    font-weight: 500;
    line-height: 90%;
    letter-spacing: -4px;
}

.image-our-front-line {
    border-radius: 12px;
    background: #E0F8FF;
    padding: 12px 25px 37px;
    height: 100%;
}

.image-our-front-line-main img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.image-our-front-line-text h6 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 123%;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    margin: 30px 0 6px;
}

.image-our-front-line-text h4 {
    color: #000;
    font-size: 11px;
    font-weight: 400;
    line-height: 144%;
}

.row-all-our-front-line {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    gap: 14px;
    margin-top: 60px;
}

.col-all-our-front-line {
    max-width: calc(16.66666666666667% - 16px * 5/6);
    width: 100%;
}

.col-all-our-front-line .image-our-front-line-main {
    height: 212px;
}

.col-all-our-front-line .image-our-front-line-main img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.sec-9-value-exchange-system .who-we-are-new-heading p {
    max-width: 630px;
}

.sec-9-value-exchange-system .who-we-are-new-heading h3 {
    max-width: 720px;
    font-size: 86px;
    line-height: 95%;
}

.image-value-exchange-system {
    margin-top: 60px;
}

.col-our-crm-heading-text h3 {
    color: #001F3B;
    font-size: 250px;
    font-weight: 500;
    line-height: 82%;
    letter-spacing: -15px;
    text-transform: uppercase;
}

.col-our-crm-image img {
    width: 100%;
    height: auto;
    transform: scale(1.9) translate(-2%, -4%);
    transform-origin: top;
}

.row-our-crm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col-our-crm-main-text {
    width: 33%;
    max-width: fit-content;
    margin-left: auto;
}

.col-our-crm-heading-text {
    width: 100%;
    max-width: fit-content;
}

section.sec-10-our-crm {
    padding: 150px 0 350px;
    margin-bottom: 100px;
}

.col-our-crm-image {
    width: 38%;
}

.col-our-crm-main-text p {
    color: #000;
    font-size: 24px;
    line-height: 169%;
    width: 100%;
    max-width: 347px;
    margin-top: 40px;
}

.col-our-crm-main-text>img {
    width: 100%;
    max-width: 277px;
}

.sec-11-our-certifications-new {
    padding: 150px 0;
}

.row-our-certifications {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    gap: 30px;
    margin-top: 70px;
}

.col-our-certifications {
    flex: 0 0 25%;
    max-width: calc(25% - 30px * 3/4);
}

.our-certifications-item-image {
    border: 1px solid #D2D2D2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 17px;
}

.our-certifications-item-image img {
    max-width: 125px;
}

.row-our-certification {
    padding: 80px 220px 80px 120px;
    border-radius: 38px;
    background: linear-gradient(180deg, #E1F7FF 0%, #DDF6FF 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.col-our-certification-text h6 {
    color: #001F3B;
    font-size: 78px;
    font-weight: 500;
    line-height: 112%;
    letter-spacing: -1.5px;
    max-width: 400px;
}

section.sec-12-our-certifications-new {
    padding: 150px 0;
}

section.sec-9-value-exchange-system {
    padding: 150px 0;
}

.image-our-front-line-main {
    position: relative;
    height: 232px;
    z-index: 1;
}

.image-our-front-line-main:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 15px);
    background: linear-gradient(180deg, #FFFFFF, #00FFFF 110%);
    z-index: -1;
    border-radius: 8px;
}

.sub-menus-by-year-insights {
    margin-top: 25px;
}

.sub-menus-by-year-insights h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #3fa2fc;
    color: white;
    font-size: 17px;
    padding: 6px 8px;
    margin-top: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.activated-sub-menu-insights h3 span {
    transform: rotateX(180deg);
}

.sub-menus-by-year-insights h3 span {
    transition: 0.3s ease-in-out;
}

@media (min-width:992px) and (max-width:1920px) {
    .ball-surrounding {
        max-width: 44.792vw;
    }

    .landingpage-agencyplanning main:before {
        background-image: url(../assets/landingpage/fullbodybg75.jpg);
    }

    .contact-information-lp {
        max-width: 29.635vw;
    }

    .contact-information-lp a {
        align-items: center;
        display: flex;
        color: #fff;
        font-family: Poppins;
        font-size: 1.042vw;
        font-style: normal;
        font-weight: 700;
        line-height: 47.4.208vw;
    }

    .contact-information-lp a span i {
        height: 2.083vw;
        width: 2.083vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: linear-gradient(180deg, #3d46a1 0%, rgba(69, 154, 255, 0) 100%);
        stroke-width: 0.3.313vw;
        stroke: #3d46a1;
        margin-right: 0.938vw;
    }

    .btn-reg.btn-gradient.btn-get-started-with-arrow {
        font-size: 1.146vw;
        font-weight: 600;
        line-height: 112%;
        letter-spacing: -0.052vw;
        max-width: max-content;
        padding: 0 1.563vw;
        display: inline-flex;
        gap: 1.563vw;
        border-radius: 0.885vw !important;
        background: linear-gradient(0deg, #00c0e3 0%, #c57cfa 100%) !important;
        box-shadow: -2.917vw 2.917vw 2.917vw 0vw rgba(255, 255, 255, 0.06) inset, 2.917vw -2.917vw 2.917vw 0vw rgba(165, 165, 165, 0.06) inset;
        backdrop-filter: blur(2.292vw);
    }

    .banner-lp-text {
        text-align: center;
        color: white;
    }

    .banner-lp-text h1 {
        font-size: 15vw;
        line-height: 11.583vw;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
        background: linear-gradient(180deg, #fff 70%, #00ffffa3 120%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: -1.563vw;
    }

    .banner-lp.bg-image-lp-banner {
        position: relative;
        padding-top: 11vw;
    }

    .partnership-plan-text {
        border: 0.052vw solid #00ffff;
        display: inline-block;
        padding: 0.325vw 1vw 0.645vw;
        border-radius: 0.738vw;
        background: linear-gradient(124deg, rgba(0, 16, 53, 1) 0%, rgba(0, 0, 0, 1) 43.23%, rgba(0, 16, 53, 1) 100%);
        backdrop-filter: blur(2.344vw);
        position: relative;
        z-index: 1;
        box-shadow: 0vw 10vw 40vw 0vw #001035;
    }

    .partnership-plan-text h6 {
        font-family: Oswald;
        font-size: 3.94vw;
        font-weight: 600;
        line-height: 3.688vw;
        letter-spacing: -0.26vw;
        text-transform: uppercase;
        background: linear-gradient(180deg, #fff 70%, #fff 1.56%, #06f 105%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .circle-behind-text {
        display: block;
        width: 28.458vw;
        height: 28.458vw;
        margin: 0 auto;
        border-radius: 50%;
        background: linear-gradient(180deg, rgba(0, 255, 255, 0) 40%, #0ff 75%, #06f 100%);
        position: absolute;
        bottom: 15.625vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .holdinghandslp {
        position: relative;
        margin-top: -9.213vw;
    }

    .why-oip-lp-image {
        position: relative;
        max-width: 30.208vw;
    }

    .sirf-oip {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        max-width: 11.458vw;
        object-fit: contain;
    }

    .gradient-text-lp {
        background: linear-gradient(90deg, #00c2ff 0%, #fff 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .why-oip-lp-text h3 {
        text-transform: uppercase;
        margin-bottom: 2.604vw;
    }

    .fa-200 {
        font-size: 10.417vw;
        line-height: 12.5vw;
    }

    .why-oip-lp-text ul {
        max-width: 100%;
        margin: 0;
    }

    .why-oip-lp-text ul li {
        color: #fff;
        font-size: 1.10vw;
        font-weight: 500;
        line-height: 1.615vw;
        text-transform: capitalize;
        margin-bottom: 2.083vw;
        list-style: none;
        padding-left: 4.167vw;
        position: relative;
    }

    .circle-on-before {
        position: absolute;
        left: 0;
        top: 0.781vw;
        transform: translateY(-50%);
        width: 2.604vw;
        height: 2.604vw;
    }

    .animation-agency-planning {
        animation: 15s globeAboutrotation infinite linear;
    }

    .our-heritage-lp-text {
        max-width: 49.427vw;
        margin: 0 auto;
        text-align: center;
    }

    .lh-40 {
        line-height: 2.083vw;
    }

    .item-our-heritage {
        border-radius: 1.563vw;
        max-width: 30.104vw;
        color: white;
        height: 100%;
        position: relative;
        margin-bottom: 4.167vw;
    }

    .item-our-heritage:last-child {
        margin-bottom: 0;
    }

    .mw-1242 {
        max-width: 64.688vw;
    }

    .image-heritage-top-right {
        position: absolute;
        right: 3.333vw;
        top: -3.906vw;
        width: 7.813vw;
        height: 7.813vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 17.865vw;
        border: 0.156vw solid #fff;
        background: radial-gradient(70.41% 70.41% at 50% 50%, rgba(255, 255, 255, 0) 0%, #2dd9ff 100%);
        box-shadow: 0vw 0.208vw 100vw 0vw rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(4.375vw);
        padding: 1.458vw;
    }

    .item-our-heritage h3 {
        color: #fff;
        font-size: 2.083vw;
        font-weight: 800;
        line-height: 2.396vw;
        text-transform: capitalize;
        margin: 0.833vw 0;
    }

    .item-our-heritage span {
        color: 3d46a1;
        font-size: 1.042vw;
        font-weight: 800;
        line-height: 1.823vw;
        text-transform: capitalize;
        position: relative;
    }

    .line-in-center {
        position: absolute;
        top: 0.825vw;
        left: 50%;
        transform: translateX(-50%);
        width: 0.156vw;
        height: 100%;
        background: linear-gradient(180deg, 3d46a1 49.52%, rgba(53, 219, 255, 0) 100%);
    }

    .item-our-heritage span:before {
        content: "";
        position: absolute;
        right: -3.542vw;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../assets/landingpage/design-blinking.png);
        background-repeat: no-repeat;
        background-position: left;
        width: 2.604vw;
        height: 2.604vw;
        background-size: contain;
    }

    .item-our-heritage:nth-child(odd) span:before {
        right: auto;
        left: -3.542vw;
    }

    .item-our-heritage p {
        color: #fff;
        font-size: 0.938vw;
        line-height: 1.563vw;
        text-transform: capitalize;
    }

    .mt-137 {
        margin-top: 7.135vw;
    }

    .pt-137 {
        padding-top: 7.135vw;
    }

    .bg-dark-blue-heritage-lp {
        background: linear-gradient(360deg, #06f 0%, rgba(4, 41, 168, 0) 100%);
    }

    .mw-1080 {
        max-width: 56.25vw;
    }

    .fa-120 {
        font-size: 6.25vw;
        line-height: 10.938vw;
    }

    .wiify-item-lp {
        border-radius: 2.023vw;
        background: linear-gradient(360deg, rgba(4, 10, 102, 1) 0%, #00c0e3 100%);
        box-shadow: 0vw 5.625vw 8.385vw 0vw rgba(0, 0, 0, 0.5);
        text-align: center;
        color: white;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6.25vw 1.563vw 1.979vw;
    }

    .image-wiify-lp {
        max-width: 10.938vw;
        height: 9.896vw;
        margin: 0vw auto;
        position: absolute;
        top: -4.688vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .image-wiify-lp img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .wiify-item-lp h3 {
        font-size: 1.354vw;
        font-weight: 700;
        line-height: 1.667vw;
        text-transform: capitalize;
        max-width: 10.417vw;
    }

    .design-wiify-lp .row {
        margin-top: 5.208vw;
    }

    .pink-gradient {
        background: linear-gradient(0deg, rgba(4, 10, 102, 1) 0%, #e84a9c 100%);
    }

    .purple-gradient {
        background: linear-gradient(0deg, rgba(27, 4, 102, 1) 0%, #684fb5 100%);
    }

    .li-before-images-lp li:before {
        content: "";
        position: absolute;
        left: 0;
        top: -0.521vw;
        background-image: url(../assets/landingpage/design-blinking.png);
        background-repeat: no-repeat;
        background-position: left;
        height: 2.604vw;
        width: 2.604vw;
        background-size: contain;
        animation: 3s scalingicons infinite alternate;
    }

    .li-before-images-lp li:nth-child(even):before {
        animation-delay: 1.5s;
    }

    @keyframes scalingicons {
        from {
            transform: scale(0);
        }

        to {
            transform: scale(1.2);
        }
    }

    .li-before-images-lp li {
        list-style: none;
        position: relative;
        padding-left: 4.219vw;
    }

    .service-item-text h3 {
        font-size: 6.771vw;
        line-height: 5.781vw;
        max-width: 31.25vw;
    }

    .service-item-text p {
        color: #fff;
        font-size: 0.833vw;
        line-height: 1.51vw;
        text-transform: capitalize;
        margin: 0.781vw 0 2.604vw;
    }

    .service-item-text ul li {
        font-size: 0.938vw;
        font-style: normal;
        font-weight: 500;
        line-height: 2.083vw;
        text-transform: capitalize;
        margin-bottom: 0.833vw;
        padding-left: 2.865vw;
    }

    .service-item-text ul.li-before-images-lp li:before {
        width: 1.823vw;
        height: 1.823vw;
        top: 0.26vw;
    }

    .image-service-on-top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        z-index: 1;
    }

    .service-item-image {
        transform: scale(1.15);
        transform-origin: left;
    }

    .services-lp {
        padding: 5.208vw 0;
    }

    .service-item-text {
        max-width: 37.031vw;
    }

    .service-item-text ul {
        max-width: 32.813vw;
    }

    .service-item-lp {
        padding-top: 4.167vw;
        padding-bottom: 4.167vw;
    }

    .mh-67 {
        min-height: 3.49vw;
    }

    .mt-40 {
        margin-top: 2.083vw;
    }

    .service-item-lp .row {
        align-items: center;
    }

    .service-item-lp:nth-child(even) .service-item-text {
        margin-left: auto;
    }

    .service-item-lp:nth-child(even) .row {
        flex-direction: row-reverse;
    }

    .service-item-lp:nth-child(even) .service-item-image {
        transform-origin: center;
    }

    .service-item-lp:last-child {
        padding-bottom: 0;
    }

    .deisgin-arrows-left:before,
    .deisgin-arrows-right:after {
        content: "";
        position: absolute;
        left: 0;
        top: -48%;
        width: 100%;
        height: 100%;
        background-image: url(../assets/landingpage/deisgin-arrows-left.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 30%;
        mix-blend-mode: screen;
        z-index: -1;
    }

    .deisgin-arrows-right:after {
        background-image: url(../assets/landingpage/deisgin-arrows-right.png);
        left: auto;
        right: 0;
        background-position: right;
        top: -28%;
    }

    .packages-lp .industry-price-panel.pricing-main-panel {
        border-image: none;
        border-radius: 1.042vw;
        border-color: #ffffff52;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.76) 0%, rgba(4, 41, 168, 0) 100%);
        padding: 3.385vw;
    }

    .packages-lp .industry-price-panel.pricing-main-panel:before,
    .packages-lp .industry-price-panel.pricing-main-panel:after {
        background: linear-gradient(173deg, #b431f1 0%, #004aff 100%);
        border-radius: 1.042vw;
    }

    @keyframes industriesweservenoextrapixel {
        0% {
            height: 0;
            width: 0.521vw;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        50% {
            height: 100%;
            width: 0.521vw;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        100% {
            width: 100%;
            height: 100%;
        }
    }

    .packages-lp .pricing-main-panel.selected-pricing:after,
    .packages-lp .pricing-main-panel.selected-pricing:before {
        animation: 1.5s industriesweservenoextrapixel forwards;
    }

    .pricing-main-panel.selected-pricing .pricing-items h3 {
        color: white;
        background: transparent;
        -webkit-text-fill-color: white;
    }

    .packages-lp .industry-price-panel .pricing-items h2 {
        border-radius: 2.031vw;
        background: linear-gradient(0deg, #00115c 0%, #022ff2 100%);
        -webkit-text-fill-color: white;
        padding: 0.573vw 0.833vw;
        font-size: 0.729vw;
        font-weight: 600;
        text-align: center;
        width: 100%;
        max-width: max-content;
        position: relative;
    }

    .packages-lp .industry-price-panel .pricing-items h2:before {
        content: "";
        position: absolute;
        left: 0vw;
        bottom: -0.052vw;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, 3d46a1, #00000000);
        border-radius: 2.031vw;
        z-index: -1;
    }

    .packages-lp .pricing-items h3 {
        color: white;
    }

    .mb-150 {
        margin-bottom: 7.813vw;
    }

    .industry-price-panel .pricing-items ul li {
        font-size: 0.99vw;
        letter-spacing: -0.0156vw;
    }

    .contact-image-lp {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 35.542vw;
    }

    .contact-image-lp img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: right bottom;
        padding: 0 !important;
    }

    .contact-image-lp img.contactphone-lp {
        max-width: 14.625vw;
    }

    .contact-lp.contact-section.contact-nft.industry-d .contact-main-area {
        border-radius: 1.042vw;
        backdrop-filter: blur(1.094vw);
        padding: 3.125vw 0 3.125vw 3.125vw;
    }

    .contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 {
        font-size: 7vw;
    }

    .contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form .btn-get-started-with-arrow {
        bottom: -4.729vw;
    }

    .clients-portion .client-logo {
        border-radius: 1.406vw;
    }

    .clients-portion .client-2-row .col-lg-3 {
        margin-bottom: 1.563vw;
        padding-right: 0.781vw;
        padding-left: 0.781vw;
    }

    .testimonial-lp-text h3 {
        font-size: 13vw;
        font-style: normal;
        font-weight: 450;
        line-height: 14vw;
        text-align: center;
        background: linear-gradient(167deg, #fff 0%, #0ff 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        mix-blend-mode: overlay;
        opacity: 0.4;
    }

    .testimonial-lp-text h3.abs-testi-lp {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .wiify-lp:before,
    .testimonial-landingpage:before {
        content: "";
        position: absolute;
        left: 0;
        top: -15%;
        width: 100%;
        height: 100%;
        background-image: url(../assets/landingpage/dotsgradientseffect.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
        mix-blend-mode: screen;
    }

    span.quote-sign-lp {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        margin-top: -5.167vw;
        margin-bottom: -5.167vw;
    }

    .quote-sign-lp svg {
        height: 100%;
        width: 100%;
    }

    .quote-sign-lp {
        max-width: 14.063vw;
        height: 10.417vw;
        margin: 0 auto;
    }

    .slider-testimonial-lp .slick-list {
        padding: 0.781vw 0 4.167vw;
        margin: 0 -1.302vw;
    }

    .slider-testimonial-lp .slick-list .slick-slide {
        margin: 0 1.302vw;
    }

    .slider-testimonial-lp .slick-track {
        display: flex;
    }

    .slider-testimonial-lp .slick-track>div {
        height: inherit;
    }

    .slider-testimonial-lp-item {
        border-radius: 2.698vw;
        background: linear-gradient(222deg, rgba(66, 130, 225, 0.8) 0%, rgba(0, 102, 255, 0) 100%);
        backdrop-filter: blur(34.234834353129.7vw);
        text-align: center;
        padding: 4.167vw 6.25vw 9.979vw;
        border: 0.208vw solid #00ffff;
        position: relative;
    }

    .slider-testimonial-lp {
        max-width: 70vw;
        margin: 0 auto;
    }

    .slider-testimonial-lp-item p {
        color: #e8e8ee;
        font-size: 1.263vw;
        font-weight: 500;
        line-height: 2.129vw;
        letter-spacing: 0.0469vw;
    }

    .name-box-lp h4 {
        color: #e8e8ee;
        font-size: 1.383vw;
        font-weight: 700;
        line-height: 2.646vw;
        letter-spacing: 0.004vw;
    }

    .name-box-lp h6 {
        color: #e8e8ee;
        font-size: 1vw;
        font-weight: 400;
        line-height: 1vw;
        letter-spacing: 0.001823vw;
    }

    .name-box-lp {
        max-width: 9.375vw;
        position: absolute;
        max-width: max-content;
        border-radius: 10.417vw;
        background: linear-gradient(107deg, rgba(0, 102, 255, 1) 20%, rgba(0, 255, 255, 1) 100%);
        backdrop-filter: blur(0.781vw);
        padding: 0.521vw 2.125vw 0.781vw;
        left: 50%;
        transform: translateX(-50%);
        bottom: -2.4vw;
    }

    .slider-testimonial-lp .slick-dots {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: max-content;
        margin: 2.083vw auto 0;
        list-style: none;
        gap: 1.302vw;
    }

    .slider-testimonial-lp .slick-dots li button {
        font-size: 0;
        border: none;
        width: 1.042vw;
        height: 1.042vw;
        background: #fff;
        position: relative;
        border-radius: 50%;
    }

    .slider-testimonial-lp .slick-dots li {
        line-height: 0;
    }

    .slider-testimonial-lp .slick-dots li button:before,
    .slider-testimonial-lp .slick-dots li button:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(0);
        background: linear-gradient(210deg, #00c0e3 0%, rgba(53, 219, 255, 0) 100%);
        width: 100%;
        height: 100%;
        border-radius: 50%;
        z-index: -1;
        opacity: 0.4;
        transition: 0.3s ease-in-out;
    }

    .slider-testimonial-lp .slick-dots li button:after {
        z-index: -2;
        background: linear-gradient(45deg, #00c0e3 0%, rgba(53, 219, 255, 0) 100%);
    }

    .slider-testimonial-lp .slick-dots li.slick-active button {
        background: 3d46a1;
    }

    .slider-testimonial-lp .slick-dots li.slick-active button:before {
        transform: translate(-50%, -50%) scale(1.7);
    }

    .slider-testimonial-lp .slick-dots li.slick-active button:after {
        transform: translate(-50%, -50%) scale(2.4);
    }

    .footer-lp-logo-container {
        max-width: 22.344vw;
        margin: 0 auto;
    }

    .footer-lp .footer-items-lp {
        margin: 11.979vw 0;
    }

    .footer-items-lp a {
        font-family: Poppins;
        font-size: 1.042vw;
        font-style: normal;
        font-weight: 700;
        line-height: 56.39.844vw;
        color: white;
    }

    .footer-items-lp a span {
        font-size: 0.625vw;
        margin-left: 0.625vw;
    }

    .mw-380 {
        max-width: 19.792vw;
    }

    .footer-pages-lp p,
    .privacy-pages-lp a {
        font-size: 0.625vw;
        line-height: 120%;
        letter-spacing: -0.1.875vw;
        color: white;
        position: relative;
    }

    .footer-items-lp a:hover {
        mix-blend-mode: soft-light;
    }

    .privacy-pages-lp {
        max-width: 14.063vw;
        margin-left: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .privacy-pages-lp a:before {
        content: "";
        position: absolute;
        left: -0.781vw;
        top: 50%;
        transform: translateY(-50%);
        width: 0.417vw;
        height: 0.417vw;
        background: #00c3ff;
        border-radius: 50%;
    }

    .footer-lp {
        padding: 7.813vw 0 3.125vw;
    }

    .privacy-pages-lp a {
        text-decoration: underline;
    }

    .footer-lp .deisgin-arrows-right:after {
        background-image: url(../assets/landingpage/deisgin-arrows-left.png);
        left: 0;
        right: auto;
        background-position: left;
        top: -48%;
        transform: rotateY(180deg);
    }

    .bg-body-030771 {
        background: #030771;
    }

    .banner-lp-oippartner {
        padding: 10.719vw 0;
        position: relative;
    }

    .text-banner-lp-oippartner h3 {
        font-size: 9vw;
        font-weight: 375;
        line-height: 8vw;
        text-transform: uppercase;
        font-family: "tungstenbold";
    }

    .text-banner-lp-oippartner h1 {
        font-size: 12vw;
        font-weight: 375;
        line-height: 9vw;
        text-transform: uppercase;
        font-family: "tungstenbold";
    }

    .text-banner-lp-oippartner {
        text-align: center;
    }

    .gradient-text-lp-down {
        background: linear-gradient(180deg, #fff 60%, #0ff 150%) !important;
        background-clip: text !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
    }

    .banner-lp-oippartner-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 59.583vw;
        margin-left: auto;
        margin-top: 4.688vw;
        margin-right: 3vw;
    }

    .banner-lp-oippartner-paragraph {
        max-width: 22.917vw;
        text-align: left;
    }

    .scroll-down-lp-oippartner {
        display: flex;
        align-items: center;
        gap: 0.781vw;
        color: white;
        transition: 0.3s all;
        position: relative;
        z-index: 1;
        font-size: 1.042vw;
    }

    .banner-lp-oippartner-paragraph p {
        font-size: 0.938vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.844vw;
        text-transform: capitalize;
    }

    .banner-lp-oippartner-main-image {
        max-width: 32vw;
    }

    .banner-lp-oippartner-main-image img {
        animation: 15s globeAboutrotation infinite linear;
    }

    .scroll-down-lp-oippartner:hover {
        color: #1ec2db;
    }

    .bg-lines-partnership:before,
    .banner-lp-oippartner:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -15%;
        width: 100%;
        height: 100%;
        background-image: url(../assets/outsourcingpartnership/left-lines.png);
        background-repeat: no-repeat;
        background-size: 100%;
        mix-blend-mode: screen;
        background-position: left bottom;
        z-index: -1;
    }

    .bg-lines-partnership:before {
        bottom: 0;
        top: 40%;
        transform: translateY(-50%) rotateY(180deg);
        opacity: 0.2;
    }

    .lh-210 {
        line-height: 10.938vw;
    }

    .fa-260 {
        font-size: 13.542vw;
    }

    .landingpage-outsourcingpartnership .why-oip-lp-text {
        display: flex;
        align-items: center;
    }

    .landingpage-outsourcingpartnership .why-oip-lp-text>img {
        max-width: 22.396vw;
    }

    .why-oip-lp-text ul.small-size-li li {
        font-size: 0.938vw;
    }

    .mw-1380 {
        max-width: 71.875vw;
    }

    .landingpage-outsourcingpartnership .fa-150 {
        font-size: 7.813vw;
        line-height: 9.375vw;
    }

    .item-our-heritage h3.fa-30 {
        font-size: 1.563vw;
        line-height: 1.563vw;
    }

    .wiify-partnership-text h5 {
        font-size: 23.438vw;
        line-height: 16.667vw;
        background: linear-gradient(360deg, rgba(3, 26, 132, 0.4) 15%, 3d46a1 120%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        margin-top: -0.208vw;
    }

    .wiify-partnership-text .partnership-plan-text {
        transform: rotate(-5deg);
    }

    .wiify-item-lp-partnership h3 {
        font-size: 1.406vw;
        font-style: normal;
        font-weight: 700;
        line-height: 1.719vw;
        text-transform: capitalize;
        position: relative;
        padding-left: 2.865vw;
    }

    .image-wiify-lp-partnership {
        max-width: 7.813vw;
    }

    .wiify-item-lp-partnership h3:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
        background-image: url(../assets/landingpage/design-blinking.png);
        background-repeat: no-repeat;
        background-position: left;
        width: 2.604vw;
        height: 2.604vw;
        background-size: contain;
    }

    .design-wiify-lp-partnership {
        max-width: 76.51vw;
        margin: 0 auto;
    }

    .py-150 {
        padding-top: 7.813vw;
        padding-bottom: 7.813vw;
    }

    .landingpage-outsourcingpartnership .service-item-text {
        max-width: 32.917vw;
    }

    .line-height-130 {
        line-height: 6.771vw !important;
    }

    .landingpage-outsourcingpartnership .service-item-lp {
        position: relative;
    }

    .landingpage-outsourcingpartnership .service-item-lp:first-child:after {
        top: -45%;
    }

    .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 {
        font-size: 9.635vw;
    }

    .contact-lp-partnership .contact-image-lp {
        height: calc(100% + 5.208vw);
        top: auto;
        bottom: 0;
    }

    .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area {
        border-radius: 23.11.25vw;
        background: linear-gradient(134deg, #0d00a8 0%, #00c0e3 100%);
        outline: 0.052vw solid #ffffff8a;
    }

    .contact-section.contact-nft.hz-contact-bpo.contact-lp-partnership .contact-main-area button.btn-reg.btn-gradient {
        bottom: -5.729vw;
    }

    .fa-240 {
        font-size: 12.5vw;
    }

    #our-client.clients-partnership-lp .client-2-row {
        margin-top: -5.208vw !important;
        max-width: 67.708vw;
        margin-bottom: 0 !important;
    }

    .clients-partnership-lp .client-logo {
        border-radius: 1.042vw;
    }

    .partnership-tesimonial-item {
        border-radius: 1.563vw;
        background: linear-gradient(314deg, rgba(53, 219, 255, 0.2) 0%, rgba(53, 219, 255, 0) 100%);
        box-shadow: 0vw 0.781vw 1vw 0vw rgba(0, 0, 0, 0.2);
        padding: 3.125vw;
        height: 100%;
    }

    .partnership-tesimonial-item p {
        font-size: 1.354vw;
        line-height: 173%;
        padding-bottom: 6.25vw;
        max-width: 45.313vw;
    }

    .name-box-lp-partnership h4 {
        font-size: 2.083vw;
        letter-spacing: -0.0117vw;
    }

    .name-box-lp-partnership h6 {
        color: #e8e8ee;
        font-size: 1.25vw;
        font-weight: 400;
        line-height: 1.865vw;
        letter-spacing: 0.025vw;
    }

    .partnership-tesimonial-item>div.quote-sign-partnership svg {
        max-width: 18vw;
    }

    .margin-in-minus {
        margin-bottom: -5.208vw;
    }

    .footer-partnership .wiify-item-lp {
        border-radius: 1.042vw;
        background: linear-gradient(173deg, rgb(0 133 255/80%) 0%, rgb(0 74 255/80%) 100%);
        backdrop-filter: blur(1.042vw);
    }

    .pricing-partnership .container-1560 {
        max-width: 81.25vw;
    }

    .main-parent-services-packages {
        border-radius: 2.396vw;
        background: linear-gradient(180deg, rgba(0, 102, 255, 0.8) 0%, rgba(0, 102, 255, 0) 100%);
        backdrop-filter: blur(1.771vw);
        padding: 3.125vw 4.167vw;
    }

    .main-parent-services-packages h3 {
        color: #fff;
        font-size: 1.302vw;
        font-weight: 700;
        line-height: 111%;
        letter-spacing: -0.3vw;
        text-transform: uppercase;
        margin-bottom: 1.667vw;
        height: 3.385vw;
    }

    .features-li li {
        font-size: 1.198vw;
        letter-spacing: -0.025vw;
    }

    .main-parent-services-packages .packages-all h3 {
        padding: 0 0.213vw;
        margin-bottom: 1.667vw;
    }

    .packages-all ul li div p {
        font-size: 0.885vw;
        letter-spacing: -0.1969vw;
    }

    .packages-all ul li,
    .features-li li {
        margin-bottom: 2.083vw;
    }

    .packages-all ul li h6 {
        text-align: center;
        font-size: 1.719vw;
        font-weight: 700;
        line-height: 111%;
        letter-spacing: -0.35vw;
    }

    .col-first-packages {
        flex: 0 0 20%;
        max-width: 13.542vw;
    }

    .packages-all {
        flex: 0 0 33%;
        max-width: calc(33% - 0.781vw);
    }

    .col-first-packages,
    .packages-all {
        padding: 3.125vw 0vw;
        border-radius: 1.042vw;
        position: relative;
        z-index: 1;
    }

    .bg-lightblue-package {
        backdrop-filter: blur(1.042vw);
    }

    .packages-btn {
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        bottom: -1.771vw;
    }

    .packages-btn.grey-btn-package .btn-get-started-with-arrow {
        box-shadow: -2.917vw 2.917vw 2.917vw 0vw rgba(255, 255, 255, 0.06) inset, 2.917vw -2.917vw 2.917vw 0vw rgba(165, 165, 165, 0.06) inset;
        backdrop-filter: blur(2.292vw);
    }

    .note-pricing {
        font-size: 0.938vw;
        line-height: 169%;
        margin-top: 2.604vw;
    }

    @keyframes simpletranslation {
        0% {
            transform: translateY(-0.521vw);
        }

        100% {
            transform: translateY(0.521vw);
        }
    }

    .service-item-lp:nth-child(even) .service-item-image img {
        animation-delay: 1.5s;
    }

    .landingpage-outsourcingpartnership .why-oip-lp-text>img {
        animation: 3s hithere infinite alternate;
    }

    .btn-reg.btn-gradient.btn-get-started-with-arrow svg {
        max-width: 1.563vw;
    }

    .pricing-partnership .container-1560 {
        max-width: 81.25vw;
    }

    .main-parent-services-packages {
        border-radius: 2.396vw;
        backdrop-filter: blur(1.771vw);
        padding: 3.125vw 4.167vw;
    }

    .main-parent-services-packages h3 {
        font-size: 1.302vw;
        letter-spacing: -0.03vw;
        margin-bottom: 1.667vw;
        height: 3.385vw;
    }

    .features-li li {
        font-size: 1.198vw;
        letter-spacing: -0.025vw;
    }

    .main-parent-services-packages .packages-all h3 {
        padding: 0 0.313vw;
        margin-bottom: 1.667vw;
    }

    .packages-all ul li div p {
        text-align: center;
        font-size: 0.885vw;
        letter-spacing: -0.017vw;
    }

    .packages-all ul li,
    .features-li li {
        margin-bottom: 2.083vw;
    }

    .packages-all ul li h6 {
        font-size: 1.719vw;
        letter-spacing: -0.035vw;
    }

    .col-first-packages {
        max-width: 13.542vw;
    }

    .packages-all {
        max-width: calc(33% - 0.781vw);
    }

    .col-first-packages,
    .packages-all {
        padding: 3.125vw 0vw;
        border-radius: 1.042vw;
    }

    .bg-lightblue-package {
        background: linear-gradient(180deg, #00c0e3 0%, #004aff 100%);
        backdrop-filter: blur(1.042vw);
    }

    .packages-btn {
        bottom: -1.771vw;
    }

    .packages-btn.grey-btn-package .btn-get-started-with-arrow {
        background: linear-gradient(90deg, #000 0%, rgba(50, 50, 50, 0.6) 92.71%) !important;
        box-shadow: -0.917vw 0.917vw 0.917vw 0vw rgba(255, 255, 255, 0.06) inset, 0.917vw -0.917vw 0.917vw 0vw rgba(165, 165, 165, 0.06) inset;
        backdrop-filter: blur(2.292vw);
    }

    .note-pricing {
        font-size: 0.938vw;
        margin-top: 2.604vw;
    }

    .landingpage-outsourcingpartnership .py-190-130,
    .landingpage-agencyplanning .py-190-130 {
        padding-top: 9.896vw;
        padding-bottom: 6.771vw;
    }

    .landingpage-outsourcingpartnership .py-110,
    .landingpage-agencyplanning .py-110 {
        padding-top: 5.729vw;
        padding-bottom: 5.729vw;
    }

    .landingpage-agencyplanning section#portfolio {
        padding-bottom: 5.729vw !important;
    }

    .container-1440-lp-vw {
        max-width: 75vw;
        margin-left: auto;
        margin-right: auto;
    }

    .contact-section.contact-lp.contact-nft.industry-contact .contact-main-area p {
        max-width: 36.458vw;
    }

    .planning-scrolldown-btn {
        margin-left: -0.781vw;
    }

    .packages-all:before {
        border-radius: 1.042vw;
    }

    .blog-details ol::before {
        margin-right: 0.26vw;
        left: -1.9vw;
        font-size: 1.1vw;
    }

    .blog-details ul li,
    .blog-details ol li {
        font-size: 1.1vw;
    }

    .column-areas-we-work {
        max-width: 43.13vw;
        column-gap: 1.67vw;
    }

    .areas-we-work-item {
        flex: 0 0 calc(50% - 0.835vw);
        margin-bottom: 4.17vw;
    }

    .clients-served-item {
        border-radius: 1.04vw;
        backdrop-filter: blur(1.82vw);
        padding: 0.83vw 1.56vw 1.04vw;
        margin-bottom: 2.6vw;
        background-color: #8134c3;
    }

    .clients-served-item h6 {
        font-size: 1.67vw;
    }

    .clients-served-item h3 {
        font-size: 6.25vw;
        letter-spacing: -0.22vw;
    }

    .column-clients-served {
        max-width: 30.31vw;
    }

    .section-3-new {
        padding: 9.38vw 0 7.29vw;
    }

    .areas-we-work-box h6 {
        font-size: 4.17vw;
        letter-spacing: -0.25vw;
    }

    .areas-we-work-box h3 {
        font-size: 1.25vw;
    }

    .areas-we-work-box {
        border-radius: 1.35vw;
        border: 0.05vw solid #3d46a1;
        box-shadow: 0vw 1.1vw 2.68vw 0vw rgba(0, 0, 0, 0.07);
        padding: 0.78vw 2.8vw;
        max-width: 14.58vw;
    }

    .areas-we-work-item>img {
        max-width: 9.79vw;
        height: 100%;
    }

    .areas-we-work-item.other-countries-image>img {
        left: 2.6vw;
    }

    .clients-served-item img {
        max-width: 2.92vw;
    }

    .banner-contact-new {
        padding: 11.46vw 0 7.81vw;
    }

    .contactnew-text-banner h6 {
        font-size: 3.91vw;
        letter-spacing: -0.06vw;
    }

    .contactnew-text-banner h3 {
        font-size: 6.35vw;
        letter-spacing: -0.1vw;
    }

    .contactnew-text-banner {
        margin-bottom: 2.08vw;
    }

    .contact-all {
        border-radius: 0.52vw;
        backdrop-filter: blur(1.67vw);
        max-width: 5.89vw;
        padding: 0.63vw 0.57vw 0.63vw;
    }

    .contact-all h3 {
        font-size: 0.94vw;
    }

    .contact-all p {
        font-size: 0.52vw;
    }

    .contact-all>img {
        top: -1.04vw;
        max-width: 1.3vw;
    }

    .text-slide-up {
        margin-top: 0.26vw;
    }

    .contact-all.karachi-location {
        max-width: 5.89vw;
    }

    .contact-all.guangzhou-location {
        max-width: 8.85vw;
    }

    .contact-all.texas-location {
        max-width: 6.3vw;
    }

    .our-core-values-new-heading h3 {
        color: #001F3B;
        font-size: 6.72vw;
        font-weight: 500;
        line-height: 78%;
        letter-spacing: -0.36vw;
        display: inline-block;
        position: relative;
    }

    .our-core-values-new-heading h3:before,
    .our-heritage-new-heading h3:before {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 100%;
        height: 0.83vw;
        background: #8134c3;
        z-index: -1;
    }

    .row-our-core-values-new {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
        margin-top: 3.13vw;
    }

    .col-our-core-values-new {
        flex: 0 0 50%;
        max-width: calc(50% - 0.78vw);
        margin-bottom: 3.39vw;
    }

    .our-core-values-new-item {
        border-radius: 1.35vw;
        border: 0.05vw solid #3d46a1;
        background: #F9F9F9;
        padding: 2.08vw 3.39vw;
        position: relative;
        height: 100%;
        overflow: hidden;
    }

    .our-core-values-new-item h3 {
        color: #001F3B;
        font-size: 1.82vw;
        font-weight: 600;
        line-height: 112%;
        letter-spacing: -0.04vw;
        max-width: 10.78vw;
    }

    .our-core-values-new-item .numbers-abs-our-core {
        color: #3d46a1;
        font-size: 11.46vw;
        font-weight: 500;
        line-height: 99%;
        letter-spacing: -0.31vw;
        position: absolute;
        bottom: -3.65vw;
        left: 1.04vw;
    }

    .our-core-values-new-item p {
        color: #000;
        font-size: 0.83vw;
        font-weight: 500;
        line-height: 167%;
        letter-spacing: -0.01vw;
        margin-top: 2.34vw;
        max-width: 20.83vw;
        margin-left: auto;
    }

    .col-our-core-values-new:nth-child(2) .numbers-abs-our-core,
    .col-our-core-values-new:nth-child(3) .numbers-abs-our-core {
        color: 00c0e3;
    }

    .sec-2-our-core-values-new {
        padding: 5.21vw 0;
    }

    .who-we-are-new-heading {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .who-we-are-new-heading h3 {
        color: #001F3B;
        font-size: 5.73vw;
        font-weight: 500;
        line-height: 82.727%;
        letter-spacing: -0.05vw;
        width: 100%;
        max-width: 31.93vw;
    }

    .who-we-are-new-heading p {
        max-width: 46.04vw;
        color: #000;
        font-size: 0.89vw;
        font-weight: 400;
        line-height: 193%;
    }

    .sec-3-who-we-are-new {
        padding: 5.21vw 0;
    }

    .image-team-who-we-are {
        margin: 3.65vw 0 0;
    }

    .our-heritage-new-heading h3 {
        color: #001F3B;
        font-size: 7.14vw;
        font-weight: 500;
        line-height: 82%;
        position: relative;
        display: inline-block;
        margin-bottom: 4.01vw;
    }

    .our-heritage-new-heading p {
        color: #000;
        font-size: 1.25vw;
        line-height: 169%;
        letter-spacing: -0.04vw;
        max-width: 35vw;
        margin-left: auto;
    }

    .color-light-blue {
        color: #00c0e3;
    }

    .row-our-heritage-new {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
        margin-top: 4.17vw;
        position: relative;
        max-width: calc(100% - 5.21vw);
        margin-left: auto;
    }

    .col-our-heritage-new {
        flex: 0 0 33%;
        max-width: 15.57vw;
    }

    .our-heritage-new-image {
        width: 4.01vw;
        height: 4.01vw;
        border-radius: 50%;
        background: #CACACA;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: 2.08vw;
        z-index: 1;
    }

    .our-heritage-new-image img {
        max-width: 2.34vw;
    }

    .our-heritage-new-image:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(210deg, #A9A9A9 -16.78%, rgba(103, 103, 103, 0.00) 69.6%);
        opacity: 0.3;
        width: calc(100% + 1.77vw);
        height: calc(100% + 1.77vw);
        border-radius: 50%;
    }

    .col-our-core-values-new:nth-last-child(1),
    .col-our-core-values-new:nth-last-child(2) {
        margin-bottom: 0;
    }

    section.sec-4-our-heritage-new {
        padding: 5.21vw 0;
    }

    .our-heritage-new-item h6 {
        color: #B0B0B0;
        font-size: 0.78vw;
        font-weight: 600;
        line-height: 169%;
        transition: 0.3s ease-in-out;
    }

    .our-heritage-new-item h3 {
        color: #B0B0B0;
        font-size: 1.56vw;
        font-weight: 600;
        line-height: 169%;
        margin: 0.05vw 0 0.83vw;
        transition: 0.3s ease-in-out;
    }

    .our-heritage-new-item p {
        color: #B0B0B0;
        font-size: 0.94vw;
        line-height: 169%;
        transition: 0.3s ease-in-out;
    }

    .our-heritage-new-item {
        height: 100%;
    }

    .col-our-heritage-new .our-heritage-new-image:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        z-index: -1;
        background: linear-gradient(90deg, #0029FF 2.27%, #2FC1FF 90%);
        transform: scale(0);
        transition: 0.3s ease-in-out;
    }

    .col-our-heritage-new.our-heritage-new-active .our-heritage-new-image:after {
        transform: scale(1);
    }

    .col-our-heritage-new.our-heritage-new-active .our-heritage-new-image img {
        filter: brightness(0) invert(1);
    }

    .col-our-heritage-new.our-heritage-new-active .our-heritage-new-item h6,
    .col-our-heritage-new.our-heritage-new-active .our-heritage-new-item h3,
    .col-our-heritage-new.our-heritage-new-active .our-heritage-new-item p {
        color: #000;
    }

    .line-row-our-heritage {
        position: absolute;
        width: calc(100% + 5.21vw);
        height: 0.78vw;
        border-radius: 1.04vw;
        background: #EDEDED;
        top: 1.74vw;
        z-index: -2;
        right: 0;
    }

    .col-our-heritage-new.our-heritage-new-active .our-heritage-new-image:before {
        border-radius: 5.26vw;
        opacity: 0.3;
        background: linear-gradient(210deg, #0029FF -16.78%, rgba(53, 219, 255, 0.00) 69.6%);
    }

    .our-brands-new-row {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .our-brands-new-text {
        max-width: 20.83vw;
    }

    .our-brands-new-inner-row {
        max-width: 55.21vw;
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
        gap: 1.3vw;
    }

    .our-brands-new-text h3 {
        color: #001F3B;
        font-size: 5.73vw;
        font-weight: 500;
        line-height: 81%;
        letter-spacing: -0.31vw;
        margin-bottom: 1.82vw;
    }

    .our-brands-new-text p {
        color: #000;
        font-size: 0.83vw;
        font-weight: 400;
        line-height: 169%;
    }

    .our-brands-new-inner-column {
        max-width: calc(33% - 1.3vw * 2/3);
    }

    .our-brands-new-inner-item {
        text-align: center;
        padding: 3.02vw 1.98vw;
        height: 100%;
        border-radius: 0.52vw;
        background: #026FF3;
        color: #fff;
    }

    .our-brands-new-inner-item>div {
        margin-bottom: 1.67vw;
    }

    .our-brands-new-inner-item p {
        font-size: 0.83vw;
        line-height: 150%;
    }

    .bg-hit {
        background: #00C3FF;
    }

    .bg-ecom {
        background: #232323;
    }

    section.sec-5-our-brands-new {
        padding: 7.81vw 0 7.81vw;
    }

    .our-philosophy-new-item {
        padding: 2.6vw 3.91vw;
        border-radius: 1.04vw;
        background: linear-gradient(-290deg, #0554F2 36.5%, #00CAF5 88.43%);
        color: #fff;
        z-index: 1;
        overflow: hidden;
    }

    .our-philosophy-new-item h3 {
        color: #FFF;
        font-size: 10.05vw;
        font-weight: 600;
        line-height: 85%;
        letter-spacing: -0.57vw;
        text-transform: uppercase;
        margin-bottom: 0.94vw;
    }

    .our-philosophy-new-item p {
        color: #FFF;
        font-size: 0.94vw;
        line-height: 184%;
        max-width: 47.66vw;
    }

    .our-philosophy-new-item:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(../assets/aboutus/bg.png);
        z-index: -1;
        mix-blend-mode: soft-light;
    }

    .our-philosophy-tags {
        position: absolute;
        right: 3.39vw;
        display: flex;
        gap: 0.83vw;
    }

    .our-philosophy-tags span {
        color: #001341;
        font-size: 0.73vw;
        font-weight: 400;
        line-height: 169%;
        background: #fff;
        display: inline-block;
        padding: 0.36vw 0.89vw;
        border-radius: 2.6vw;
    }

    section.sec-6-our-philosophy-new {
        padding: 7.81vw 0;
    }

    section.sec-7-our-ceos-vision {
        padding: 7.81vw 0;
    }

    .our-ceos-vision-row {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }

    .our-ceos-vision-text h2 {
        color: #001F3B;
        font-size: 7.14vw;
        font-weight: 500;
        line-height: 82%;
        letter-spacing: -0.42vw;
        margin-bottom: 6.25vw;
    }

    .our-ceos-vision-text h6 {
        color: #000;
        font-size: 1.88vw;
        font-weight: 400;
        line-height: 134%;
        text-transform: capitalize;
        max-width: 38.65vw;
    }

    .our-ceos-vision-text p {
        color: #000;
        font-size: 1.15vw;
        font-weight: 400;
        line-height: 150%;
        max-width: 35vw;
        margin-left: auto;
        margin: 2.6vw 0 6.77vw auto;
    }

    .our-ceos-vision-text h4 {
        color: #00c0e3;
        font-size: 1.82vw;
        font-weight: 600;
        line-height: 101%;
        letter-spacing: -0.03vw;
        text-transform: uppercase;
    }

    .our-ceos-vision-text {
        max-width: 41.3vw;
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .our-ceos-vision-image {
        width: 100%;
        max-width: 27.6vw;
    }

    .our-ceos-vision-image img {
        width: 100%;
    }

    .our-ceos-vision-text:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        z-index: -1;
        background-image: url(../assets/aboutus/quote.png);
        background-repeat: no-repeat;
        background-size: 90%;
        background-position: center 65%;
    }

    .sec-8-our-front-line {
        padding: 6.25vw 0;
    }

    .coo-row {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.82vw;
    }

    .coo-col-text h3 {
        color: #001F3B;
        font-size: 8.28vw;
        font-weight: 500;
        line-height: 90%;
        letter-spacing: -0.21vw;
    }

    .image-our-front-line {
        border-radius: 0.63vw;
        background: #E0F8FF;
        padding: 0.63vw 1.3vw 1.93vw;
        height: 100%;
    }

    .image-our-front-line-main img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom;
    }

    .image-our-front-line-text h6 {
        color: #000;
        font-size: 0.94vw;
        font-weight: 500;
        line-height: 123%;
        letter-spacing: -0.03vw;
        text-transform: uppercase;
        margin: 1.56vw 0 0.31vw;
    }

    .image-our-front-line-text h4 {
        color: #000;
        font-size: 0.57vw;
        font-weight: 400;
        line-height: 144%;
    }

    .row-all-our-front-line {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        gap: 0.73vw;
        margin-top: 3.13vw;
    }

    .col-all-our-front-line {
        max-width: calc(16.66666666666667% - 0.83vw * 5/6);
        width: 100%;
    }

    .col-all-our-front-line .image-our-front-line-main {
        height: 11.04vw;
    }

    .col-all-our-front-line .image-our-front-line-main img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom;
    }

    .sec-9-value-exchange-system .who-we-are-new-heading p {
        max-width: 32.81vw;
    }

    .sec-9-value-exchange-system .who-we-are-new-heading h3 {
        max-width: 37.5vw;
        font-size: 4.48vw;
        line-height: 95%;
    }

    .image-value-exchange-system {
        margin-top: 3.13vw;
    }

    .col-our-crm-heading-text h3 {
        color: #001F3B;
        font-size: 13.02vw;
        font-weight: 500;
        line-height: 82%;
        letter-spacing: -0.78vw;
        text-transform: uppercase;
    }

    .col-our-crm-image img {
        width: 100%;
        height: auto;
        transform: scale(1.9) translate(-2%, -4%);
        transform-origin: top;
    }

    .row-our-crm {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .col-our-crm-main-text {
        width: 33%;
        max-width: fit-content;
        margin-left: auto;
    }

    .col-our-crm-heading-text {
        width: 100%;
        max-width: fit-content;
    }

    section.sec-10-our-crm {
        padding: 7.81vw 0 18.23vw;
        margin-bottom: 5.21vw;
    }

    .col-our-crm-image {
        width: 38%;
    }

    .col-our-crm-main-text p {
        color: #000;
        font-size: 1.25vw;
        line-height: 169%;
        width: 100%;
        max-width: 18.07vw;
        margin-top: 2.08vw;
    }

    .col-our-crm-main-text>img {
        width: 100%;
        max-width: 14.43vw;
    }

    .sec-11-our-certifications-new {
        padding: 7.81vw 0;
    }

    .row-our-certifications {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        gap: 1.56vw;
        margin-top: 3.65vw;
    }

    .col-our-certifications {
        flex: 0 0 25%;
        max-width: calc(25% - 1.56vw * 3/4);
    }

    .our-certifications-item-image {
        border: 0.05vw solid #D2D2D2;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 0.89vw;
    }

    .our-certifications-item-image img {
        max-width: 6.51vw;
    }

    .row-our-certification {
        padding: 4.17vw 11.46vw 4.17vw 6.25vw;
        border-radius: 1.98vw;
        background: linear-gradient(180deg, #E1F7FF 0%, #DDF6FF 100%);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .col-our-certification-text h6 {
        color: #001F3B;
        font-size: 4.06vw;
        font-weight: 500;
        line-height: 112%;
        letter-spacing: -0.08vw;
        max-width: 20.83vw;
    }

    section.sec-12-our-certifications-new {
        padding: 7.81vw 0;
    }

    section.sec-9-value-exchange-system {
        padding: 7.81vw 0;
    }

    .image-our-front-line-main {
        position: relative;
        height: 12.08vw;
        z-index: 1;
    }

    .image-our-front-line-main:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: calc(100% - 0.78vw);
        background: linear-gradient(180deg, #FFFFFF, #00FFFF 110%);
        z-index: -1;
        border-radius: 0.42vw;
    }

    .col-our-certification-image {
        max-width: 7.29vw;
        width: 100%;
    }

    .col-our-certification-image img {
        width: 100%;
        height: auto;
    }

    .our-brands-new-inner-item>div {
        width: 100%;
        max-width: 13.54vw;
        height: 4.58vw;
    }

    .our-brands-new-inner-item>div img {
        width: 100%;
        max-width: fit-content;
        height: 100%;
        object-fit: contain;
    }

    .our-core-values-new-item img {
        width: 100%;
        max-width: 4.43vw;
        max-height: 4.74vw;
        object-fit: contain;
    }
}

@media (max-width:991px) {
    .circle-behind-text {
        width: 250px;
        height: 250px;
        bottom: 100px;
    }

    .banner-lp-text h1 {
        font-size: 200px;
        line-height: 185px;
    }

    .partnership-plan-text {
        padding: 7px 15px 12px;
        border-radius: 8px;
    }

    .partnership-plan-text h6 {
        font-size: 50px;
        line-height: 45px;
    }

    .container-1440-lp-vw {
        max-width: 90%;
    }

    .contact-information-lp a {
        font-size: 14px;
    }

    .contact-information-lp a span i {
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }

    .btn-reg.btn-get-started-with-arrow {
        font-size: 14px;
        padding: 0 15px;
        border-radius: 10px !important;
        gap: 15px;
    }

    .btn-reg.btn-get-started-with-arrow svg {
        max-width: 20px;
    }

    .contact-information-lp {
        max-width: 330px;
    }

    .banner-lp.bg-image-lp-banner {
        padding-top: 130px;
    }

    .holdinghandslp {
        margin-top: -70px;
    }

    .landingpage-agencyplanning main:before {
        background-image: url(../assets/landingpage/fullbodybg2.png);
        background-position: center;
    }

    .landingpage-outsourcingpartnership .py-190-130,
    .landingpage-agencyplanning .py-190-130 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .fa-200 {
        font-size: 70px;
        line-height: 70px;
    }

    .why-oip-lp-text h3 {
        margin-bottom: 30px;
    }

    .why-oip-lp-text ul li {
        font-size: 14px;
        line-height: initial;
        margin-bottom: 15px;
        padding-left: 35px;
    }

    .li-before-images-lp li:before {
        height: 20px;
        width: 20px;
        top: 50%;
        transform: translateY(-50%);
        animation: none;
    }

    .sirf-oip {
        max-width: 20%;
    }

    .landingpage-outsourcingpartnership .py-110,
    .landingpage-agencyplanning .py-110 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .lh-40 {
        line-height: inherit;
    }

    .mw-1242 {
        max-width: 700px;
    }

    .line-in-center {
        display: none;
    }

    .mt-137 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .item-our-heritage {
        margin-right: auto !important;
        margin-left: auto !important;
        margin-bottom: 20px;
        text-align: center !important;
    }

    .item-our-heritage span:before {
        right: auto;
        left: -50px !important;
        width: 30px;
        height: 30px;
        display: none;
    }

    .item-our-heritage span {
        font-size: 12px;
    }

    .item-our-heritage h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 5px 0;
    }

    .item-our-heritage p {
        font-size: 14px;
        line-height: 22px;
    }

    .fa-120 {
        font-size: 60px;
        line-height: 60px;
    }

    .design-wiify-lp .mw-1080 {
        display: none;
    }

    .wiify-item-lp {
        border-radius: 15px;
        padding: 25px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .image-wiify-lp {
        position: static;
        max-width: 40%;
        height: 80px;
        transform: none;
        margin: 0;
    }

    .wiify-item-lp h3 {
        font-size: 20px;
        max-width: 160px;
        line-height: 26px;
    }

    .design-wiify-lp .row>div {
        margin-bottom: 35px;
    }

    .design-wiify-lp .row {
        margin-top: 50px;
    }

    .services-lp {
        padding: 50px 0;
    }

    .service-item-text h3 {
        font-size: 80px;
        line-height: 80px;
        max-width: 100%;
    }

    .service-item-text p {
        font-size: 14px;
        margin: 15px 0;
    }

    .service-item-text ul li {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 26px;
        padding-left: 30px;
    }

    .service-item-text ul.li-before-images-lp li:before {
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
    }

    .mt-40 {
        margin-top: 15px;
    }

    .service-item-image {
        transform: none;
    }

    .md-screen-images-abs {
        position: absolute;
        z-index: -1;
        opacity: 01;
        max-width: 25%;
        right: 0;
        bottom: 0;
    }

    .service-item-lp {
        position: relative;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .col-lg-6.md-screen-images-abs {}

    .service-item-image img {
        animation: none;
    }

    .service-item-text ul {
        max-width: 450px;
    }

    .packages-lp .industry-price-panel.pricing-main-panel {
        padding: 40px 25px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0%, rgba(4, 41, 168, 0.00) 100%);
    }

    .industry-price-panel .pricing-items ul li {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .contact-image-lp {
        max-width: 55%;
        z-index: -1;
    }

    .contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 {
        font-size: 70px;
    }

    .contact-section.contact-lp.contact-nft.industry-contact .contact-main-area p {
        max-width: 420px;
        font-size: 12px;
        margin-bottom: 15px;
    }

    .contact-lp.contact-section.contact-nft.industry-d .contact-main-area {
        border-radius: 12px;
    }

    .contact-image-lp img.contactphone-lp {
        max-width: 130px;
        right: 50%;
    }

    .contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form .btn-get-started-with-arrow {
        max-width: fit-content;
        padding: 10px 25px;
        bottom: -49px;
    }

    .portfolio-lp .deisgin-arrows-left:before,
    .portfolio-lp .deisgin-arrows-right:after {
        top: -35%;
    }

    .portfolio-section .port-2-row .slick-list.draggable .slick-track {
        padding-bottom: 0;
        display: flex
    }

    .clients-portion .client-logo {
        border-radius: 14px;
        margin-top: 40px;
    }

    .testimonial-lp-text h3 {
        font-size: 120px;
        line-height: 120px;
    }

    .quote-sign-lp {
        max-width: 90px;
        height: 150px;
    }

    .slider-testimonial-lp-item {
        border-width: 2px;
        padding: 30px;
        padding-bottom: 60px;
        border-radius: 16px;
    }

    .slider-testimonial-lp-item p {
        font-size: 16px;
        line-height: 28px;
    }

    .name-box-lp h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .name-box-lp h6 {
        font-size: 16px;
        line-height: 24px;
    }

    .name-box-lp {
        width: 100%;
        padding: 10px 50px 10px;
        bottom: -35px;
    }

    .slider-testimonial-lp .slick-dots li button {
        width: 15px;
        height: 15px;
    }

    .slider-testimonial-lp .slick-dots {
        margin: 25px auto 0;
        gap: 15px;
    }

    .footer-lp {
        padding: 50px 0;
    }

    .footer-lp {}

    .footer-lp-logo-container {
        max-width: 250px;
    }

    .footer-lp .footer-items-lp {
        margin: 100px 0;
    }

    .footer-items-lp a {
        font-size: 15px;
        text-align: center;
        flex: 0 0 100%;
        line-height: 18px;
        padding: 35px 5px 15px;
    }

    .footer-items-lp .image-wiify-lp {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -60px;
        max-width: 100%;
        height: 100px;
    }

    .footer-lp .footer-items-lp>div {
        margin-top: 65px;
    }

    .footer-lp .footer-items-lp .mw-380 {
        gap: 15px;
        justify-content: space-between;
    }

    .footer-lp .footer-items-lp .mw-380 a {
        flex: 0 0 calc(50% - 7.5px);
    }

    .ball-surrounding {
        max-width: 350px;
    }

    .packages-lp .column-responsive-pricing .slick-track {
        gap: 15px;
    }

    .planning-scrolldown-btn {
        display: none;
    }

    .service-item-text {
        max-width: 100%;
    }

    .text-banner-lp-oippartner h3 {
        font-size: 100px;
        line-height: 80px;
    }

    .text-banner-lp-oippartner h1 {
        font-size: 160px;
        line-height: 130px;
    }

    .banner-lp-oippartner-row {
        max-width: 600px;
        margin: 30px auto 0;
    }

    .scroll-down-lp-oippartner {
        font-size: 12px;
        gap: 8px;
        display: none;
    }

    .scroll-down-lp-oippartner img {
        max-width: 10px;
    }

    .banner-lp-oippartner-paragraph p {
        font-size: 14px;
        line-height: 25px;
    }

    .banner-lp-oippartner-paragraph {
        max-width: 300px;
        margin-left: auto;
    }

    .banner-lp-oippartner-main-image {
        max-width: 310px;
        left: 5%;
        transform: none;
    }

    .banner-lp-oippartner {
        padding: 120px 0;
    }

    .fa-260 {
        font-size: 120px;
    }

    .lh-210 {
        line-height: 95px;
    }

    .landingpage-outsourcingpartnership .why-oip-lp-text>img {
        max-width: 130px;
    }

    .why-oip-lp-text ul.small-size-li li {
        font-size: 14px;
        margin-bottom: 10px;
        padding-left: 25px;
    }

    .landingpage-outsourcingpartnership .fa-150 {
        font-size: 80px;
        line-height: 90px;
    }

    .item-our-heritage h3.fa-30 {
        font-size: 20px;
        margin: 0 0 10px;
        line-height: 20px;
    }

    .py-150 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .wiify-partnership-text h5 {
        font-size: 200px;
        line-height: 150px;
    }

    .wiify-item-lp-partnership h3 {
        font-size: 18px;
        line-height: 20px;
        padding-left: 20px;
    }

    .wiify-item-lp-partnership h3:before {
        width: 20px;
        height: 20px;
    }

    .image-wiify-lp-partnership {
        max-width: 50px;
    }

    .col-lg-4 {}

    .landingpage-outsourcingpartnership .service-item-text {
        max-width: 100%;
    }

    .landingpage-outsourcingpartnership .service-item-lp:after,
    .landingpage-outsourcingpartnership .service-item-lp:nth-child(even):after {
        background-size: 15%;
        top: 0% !important;
        transform: rotateY(180deg);
        display: none;
    }

    .landingpage-outsourcingpartnership .service-item-lp:nth-child(even):after {
        top: -2%;
    }

    .fa-240 {
        font-size: 100px;
    }

    .pricing-partnership .container-1560 {
        max-width: 90%;
    }

    .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 {
        font-size: 98px;
    }

    .contact-lp-partnership .contact-image-lp {
        height: 100%;
        width: 50%;
        z-index: 0;
    }

    .contact-lp-partnership.image-partnership-after.contact-section.hz-contact-bpo.industry-contact {
        padding: 50px 0;
    }

    .note-pricing {
        font-size: 14px;
    }

    .contact-section.contact-nft.hz-contact-bpo.contact-lp-partnership .contact-main-area button.btn-reg.btn-gradient {
        bottom: -50px;
        max-width: 130px;
    }

    .image-partnership-after .row.port-2-row {
        margin: 50px 0 !important;
    }

    .contact-lp-partnership.image-partnership-after.contact-section.hz-contact-bpo.industry-contact .container-1547 {
        max-width: 90%;
    }

    .partnership-tesimonial-item p {
        font-size: 14px;
        padding-bottom: 60px;
    }

    .name-box-lp-partnership h4 {
        font-size: 25px;
    }

    .name-box-lp-partnership h6 {
        font-size: 16px;
        line-height: 30px;
    }

    .partnership-tesimonial-item>div.quote-sign-partnership svg {
        max-width: 150px;
    }

    .partnership-tesimonial-item {
        padding: 30px;
        border-radius: 20px;
        backdrop-filter: blur(7px);
    }

    .slider-testimonial-lp .slick-list {
        padding: 15px 0 30px;
    }

    .margin-in-minus {
        margin-bottom: -50px;
    }

    .row-services-packages.packages-slider {
        display: block;
        flex-flow: initial;
        justify-content: initial;
    }

    .col-second-packages {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-first-packages {
        flex: 0 0 28%;
    }

    .main-parent-services-packages {
        padding: 40px 40px;
        border-radius: 20px;
    }

    .main-parent-services-packages h3,
    .main-parent-services-packages .packages-all h3 {
        font-size: 16px;
        height: 50px;
        margin-bottom: 15px;
    }

    .features-li li {
        font-size: 16px;
    }

    .packages-all ul li div p {
        font-size: 12px;
    }

    .packages-all ul li,
    .features-li li {
        margin-bottom: 30px;
    }

    .row-services-packages .slick-list .slick-track {
        display: flex;
        gap: 10px;
    }

    .packages-btn {
        bottom: -19px;
    }

    .row-services-packages .slick-list .slick-track>.slick-slide {
        height: inherit;
        flex: auto;
    }

    .row-services-packages.packages-slider .slick-list {
        padding-bottom: 48px;
    }

    .blog-details ol::before {
        display: none;
    }

    .text-insight-report h3 {
        font-size: 24px;
        margin: 4px 0 7px;
    }

    .text-insight-report p {
        font-size: 14px;
    }

    .text-insight-report span {
        font-size: 12px;
    }

    .item-insight-report .dwnload-btn {
        margin: 20px auto !important;
        font-size: 14px;
        padding: 10px 10px;
        border-radius: 6px;
        width: 100%;
        max-width: 100%;
        gap: 7px;
        justify-content: center;
        box-shadow: 0px 0px 10px 0px #000000a3;
    }

    .text-insight-report {
        text-align: center;
    }

    .item-insight-report .row {
        margin-top: 10px;
    }

    .item-insight-report>div>a>img {
        border-radius: 8px;
        width: 100%
    }

    .slider-insights-footer .slick-list .slider-insights-items-footer {
        margin: 0 10px;
    }

    .slider-insights-footer .slick-list {
        margin: 0 -10px;
    }

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

    .row-client-served {
        flex-flow: wrap;
    }

    .section-3-new {
        padding: 80px 0;
    }

    .column-clients-served {
        max-width: 100%;
        flex: 0 0 100%;
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        margin-bottom: 25px;
    }

    .clients-served-item h3 {
        font-size: 50px;
    }

    .clients-served-item h6 {
        font-size: 18px;
    }

    .clients-served-item {
        flex: 0 0 48%;
        margin-bottom: 0;
    }

    .clients-served-item img {
        max-width: 25px;
    }

    .column-areas-we-work {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .areas-we-work-box h6 {
        font-size: 40px;
    }

    .areas-we-work-box h3 {
        font-size: 18px;
    }

    .areas-we-work-box {
        max-width: 100%;
        border-radius: 20px;
        padding: 15px 80px 15px 20px;
    }

    .areas-we-work-item>img {
        max-width: 150px;
        height: 100%;
        left: auto !important;
        right: 0;
    }

    .areas-we-work-item {
        margin-bottom: 30px;
    }

    .banner-section-video-portfolio {
        min-height: auto;
        padding: 180px 0;
    }

    .contact-all {
        position: static;
        max-width: 48% !important;
        width: 100%;
        display: inline-block;
        text-align: center;
        padding: 20px 15px;
        margin-top: 7%;
        border-radius: 10px;
    }

    .contact-map-new {
        display: flex;
        flex-flow: wrap;
        gap: 4%;
    }

    .text-slide-up {
        display: block !important;
    }

    .contact-all h3 {
        font-size: 20px;
    }

    .contact-all p {
        font-size: 16px;
        margin-top: 15px;
    }

    .contact-all>img {
        max-width: 30px;
        top: -20px;
    }

    .banner-contact-new {
        padding: 100px 0 50px;
    }

    .contactnew-text-banner h6 {
        font-size: 35px;
    }

    .contactnew-text-banner h3 {
        font-size: 50px;
    }

    .contactnew-text-banner {
        margin-bottom: 20px;
    }

    section.aboutus2_banner:before {
        right: -13%;
        top: 25%;
        width: 60%;
        height: 90%;
    }

    .our-core-values-new-heading h3 {
        font-size: 50px;
        letter-spacing: -3px;
    }

    .our-core-values-new-heading h3:before,
    .our-heritage-new-heading h3:before {
        height: 7px;
    }

    .our-core-values-new-item {
        padding: 20px;
        border-radius: 15px;
        position: relative;
        z-index: 1;
    }

    .col-our-core-values-new {
        margin-bottom: 20px;
        max-width: calc(50% - 10px);
    }

    .row-our-core-values-new {
        margin-top: 40px;
    }

    .our-core-values-new-item h3 {
        font-size: 25px;
        max-width: 140px;
    }

    .our-core-values-new-item img {
        max-width: 50px;
        height: 50px;
    }

    .our-core-values-new-item p {
        max-width: 100%;
        margin-top: 25px;
        font-size: 14px;
    }

    .our-core-values-new-item .numbers-abs-our-core {
        font-size: 150px;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        z-index: -1;
        display: flex;
        align-items: center;
        opacity: 0.2;
    }

    .sec-2-our-core-values-new,
    .sec-3-who-we-are-new {
        padding: 75px 0 0;
    }

    .who-we-are-new-heading h3 {
        font-size: 50px;
        max-width: 100%;
        text-align: center;
    }

    .who-we-are-new-heading p {
        max-width: 100%;
        margin-top: 25px;
        text-align: center;
        font-size: 14px;
        line-height: 180%;
    }

    .image-team-who-we-are {
        margin: 40px 0 0;
    }

    .our-heritage-new-heading h3 {
        font-size: 60px;
        margin-bottom: 30px;
    }

    .our-heritage-new-heading p {
        font-size: 16px;
        max-width: 450px;
    }

    .row-our-heritage-new {
        max-width: 100%;
        margin-top: 60px;
        margin-left: 0;
    }

    .col-our-heritage-new .our-heritage-new-image:before {
        border-radius: 101.059px;
        opacity: 0.3;
        background: linear-gradient(210deg, #0029FF -16.78%, rgba(53, 219, 255, 0.00) 69.6%);
        width: calc(100% + 14px);
        height: calc(100% + 14px);
    }

    .col-our-heritage-new .our-heritage-new-image:after {
        transform: scale(1);
    }

    .col-our-heritage-new .our-heritage-new-image img {
        filter: brightness(0) invert(1);
    }

    .col-our-heritage-new .our-heritage-new-item h6,
    .col-our-heritage-new .our-heritage-new-item h3,
    .col-our-heritage-new .our-heritage-new-item p {
        color: #000;
    }

    .our-heritage-new-image {
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .our-heritage-new-image img {
        max-width: 55%;
    }

    .line-row-our-heritage {
        width: 5px;
        height: 100%;
        left: 24px;
        top: 0;
    }

    .our-heritage-new-item h3 {
        font-size: 20px;
        line-height: 120%;
        margin: 5px 0 10px;
    }

    .our-heritage-new-item h6 {
        font-size: 12px;
        line-height: 100%;
    }

    .our-heritage-new-item p {
        font-size: 12px;
    }

    .col-our-heritage-new {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 50px;
        padding-left: 70px;
        position: relative;
    }

    .col-our-heritage-new:last-child {
        margin-bottom: 0;
    }

    section.sec-5-our-brands-new {
        padding: 0;
    }

    .our-brands-new-text {
        max-width: 100%;
        text-align: center;
    }

    .our-brands-new-text h3 {
        font-size: 50px;
        letter-spacing: -4px;
        margin-bottom: 20px;
    }

    .our-brands-new-text p {
        font-size: 14px;
        line-height: 1.5;
    }

    .our-brands-new-inner-row {
        max-width: 100%;
        margin-top: 25px;
        gap: 15px;
    }

    .our-brands-new-inner-item {
        padding: 30px 15px;
    }

    .our-brands-new-inner-item>div img {
        width: 100%;
        height: 60px;
        object-fit: contain;
        max-width: 150px;
    }

    .our-brands-new-inner-item>div {
        margin-bottom: 20px;
    }

    .our-brands-new-inner-column {
        max-width: calc(33% - 15px * 2/3);
    }

    .our-brands-new-inner-item p {
        font-size: 12px;
    }

    .our-philosophy-new-item {
        padding: 20px 25px;
        border-radius: 10px;
    }

    .our-philosophy-new-item h3 {
        font-size: 70px;
        letter-spacing: -2px;
    }

    .our-philosophy-new-item p {
        font-size: 14px;
        line-height: 170%;
    }

    .our-philosophy-tags {
        margin-bottom: 15px;
        right: 20px;
    }

    .our-philosophy-tags span {
        font-size: 10px;
        padding: 5px 10px;
    }

    section.sec-6-our-philosophy-new {
        padding: 100px 0;
    }

    section.sec-7-our-ceos-vision {
        padding: 0px 0 100px;
    }

    .our-ceos-vision-text h2 {
        font-size: 45px;
        letter-spacing: -3px;
        margin-bottom: 20px;
    }

    .our-ceos-vision-text h6 {
        font-size: 18px;
        max-width: 100%;
    }

    .our-ceos-vision-text p {
        font-size: 14px;
        max-width: 100%;
        margin: 20px 0 20px auto;
    }

    .our-ceos-vision-text h4 {
        font-size: 22px;
    }

    .our-ceos-vision-text {
        max-width: 50%;
    }

    .our-ceos-vision-image {
        max-width: 40%;
    }

    .our-ceos-vision-row {
        align-items: center;
    }

    .sec-8-our-front-line {
        padding: 30px 0;
    }

    .coo-col-text h3 {
        font-size: 75px;
    }

    .col-all-our-front-line {
        max-width: calc(33.333% - 10px * 5/6);
    }

    .row-all-our-front-line {
        margin-top: 15px;
        gap: 10px;
    }

    .image-our-front-line {
        padding: 5px 15px 15px;
        width: 100%;
    }

    .image-our-front-line-text h6 {
        font-size: 14px;
        margin: 10px 0 0;
    }

    .coo-row .image-our-front-line {
        max-width: fit-content;
    }

    section.sec-9-value-exchange-system {
        padding: 50px 0;
    }

    .sec-9-value-exchange-system .who-we-are-new-heading h3 {
        font-size: 50px;
    }

    .sec-9-value-exchange-system .who-we-are-new-heading h3>br {
        display: none;
    }

    .sec-9-value-exchange-system .who-we-are-new-heading p {
        max-width: 100%;
    }

    .image-value-exchange-system {
        margin-top: 40px;
    }

    .col-our-crm-heading-text h3 {
        font-size: 80px;
        letter-spacing: -4px;
    }

    .col-our-crm-main-text {
        width: 100%;
        max-width: 250px;
    }

    .col-our-crm-image {
        width: 35%;
    }

    .col-our-crm-main-text p {
        font-size: 14px;
        margin-top: 20px;
    }

    .col-our-crm-main-text>img {
        max-width: 150px;
    }

    section.sec-10-our-crm {
        padding: 50px 0 150px;
        margin-bottom: 0;
    }

    .row-our-crm {
        align-items: center;
    }

    .sec-11-our-certifications-new {
        padding: 50px 0;
    }

    .our-certifications-item-image img {
        max-width: 50%;
    }

    .row-our-certifications {
        gap: 10px;
        margin-top: 40px;
    }

    .col-our-certifications {
        max-width: calc(25% - 10px * 3/4);
    }

    .our-certifications-item-image {
        padding: 10px;
    }

    section.sec-12-our-certifications-new {
        padding: 50px 0;
    }

    .row-our-certification {
        padding: 25px;
        border-radius: 15px;
    }

    .col-our-certification-text h6 {
        font-size: 50px;
        max-width: 270px;
    }

    .col-our-certification-image img {
        width: 100%;
    }

    .col-our-certification-image {
        max-width: 100px;
    }

    .port-2-row {
        margin-left: 0;
        margin-right: 0;
    }

    .portfolio-section,
    .insightreportfooter,
    .testimonial-section {
        overflow: hidden;
    }

    .blog-details ul li {
        font-size: 16px;
        padding-left: 15px;
    }

    .blog-details ul li:before {
        width: 6px;
        height: 6px;
    }
}

@media (max-width:767px) {
    .banner-lp-text h1 {
        font-size: 120px;
        line-height: 130px;
    }

    .partnership-plan-text h6 {
        font-size: 30px;
        line-height: 25px;
        letter-spacing: -3px;
    }

    .partnership-plan-text {
        padding: 5px 10px 8px;
    }

    .bg-image-lp-banner .deisgin-arrows-left:before {
        top: 15%;
    }

    .bg-image-lp-banner .deisgin-arrows-right:after {
        top: -20%;
        right: 0;
    }

    .circle-behind-text {
        width: 200px;
        height: 200px;
        bottom: 60px;
    }

    .holdinghandslp {
        margin-top: -50px;
    }

    .landingpage-outsourcingpartnership .py-190-130,
    .landingpage-agencyplanning .py-190-130 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .why-oip-lp-text {
        text-align: center;
    }

    .why-oip-lp-text ul li {
        padding-left: 0;
    }

    .li-before-images-lp li:before {
        display: none;
    }

    .ball-surrounding {}

    .balls-bg {
        max-width: 230px;
        margin: 0 auto;
    }

    .why-oip-lp-image {
        margin-top: 35px;
    }

    .fa-200 {
        font-size: 50px;
        line-height: 60px;
    }

    .why-oip-lp-text h3 {
        margin-bottom: 20px;
    }

    .item-our-heritage p {
        font-size: 12px;
        line-height: initial;
    }

    .item-our-heritage h3 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .mt-137 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .fa-120 {
        font-size: 50px;
        line-height: 50px;
    }

    .design-wiify-lp .row {
        margin-top: 30px;
    }

    .wiify-item-lp h3 {}

    .wiify-item-lp {
        max-width: 320px;
        margin: 0 auto;
    }

    .service-item-text {
        text-align: center;
    }

    .service-item-text ul li {
        padding: 0;
    }

    .service-item-text ul {
        max-width: 100%;
        margin: 0 auto;
    }

    .col-lg-6.md-screen-images-abs {
        max-width: 100%;
        opacity: 0.1;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
    }

    .packages-lp .column-responsive-pricing .slick-list {
        width: 100%;
        max-width: 100%;
    }

    .contact-image-lp img.contactphone-lp {
        max-width: 90px;
    }

    .contact-image-lp {
        max-width: 50%;
    }

    .contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 {
        font-size: 60px;
    }

    .testimonial-lp-text h3 {
        font-size: 80px;
        line-height: 80px;
    }

    span.quote-sign-lp {
        max-width: 70px;
        height: 70px;
        margin-top: -35px;
        margin-bottom: -35px;
    }

    .slider-testimonial-lp-item {
        border-width: 2px;
        padding: 20px;
        padding-bottom: 50px;
        border-radius: 10px;
    }

    .slider-testimonial-lp-item p {
        font-size: 12px;
        line-height: 24px;
    }

    .name-box-lp h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .name-box-lp h6 {
        font-size: 12px;
        line-height: 14px;
    }

    .name-box-lp {
        padding: 7px 35px 7px;
        bottom: -25px;
    }

    .slider-testimonial-lp .slick-dots {
        margin: 15px auto 0;
        gap: 10px;
    }

    .slider-testimonial-lp .slick-dots li button {
        width: 10px;
        height: 10px;
    }

    .footer-lp-logo-container {
        max-width: 45%;
    }

    .footer-lp .footer-items-lp {
        margin: 50px 0;
    }

    .footer-lp .footer-items-lp .wiify-item-lp {
        max-width: 100%;
    }

    .footer-pages-lp p,
    .privacy-pages-lp a {
        font-size: 10px;
        text-align: center;
    }

    .privacy-pages-lp {
        margin: 10px auto 0;
    }

    .footer-items-lp .image-wiify-lp {
        top: -40px;
        max-width: 100%;
        height: 70px;
    }

    .footer-items-lp a {
        padding: 25px 5px 5px;
    }

    .col-first-packages,
    .packages-all {
        padding: 40px 0;
    }

    .landingpage-outsourcingpartnership .why-oip-lp-text {
        display: block;
    }

    .why-oip-lp-text.position-relative {
        display: inline-block;
    }

    .why-oip-lp-text.position-relative h3>br {
        display: none;
    }

    .why-oip-lp-text.position-relative img {
        max-width: 40px;
        position: absolute;
        right: -40px;
        top: -40px;
        height: 100%;
        object-fit: contain;
        object-position: right;
    }

    .landingpage-outsourcingpartnership .why-oip-lp .col-lg-6.col-md-6 {
        text-align: center;
    }

    .col-lg-6.col-md-6 {}

    .fa-260 {
        font-size: 80px;
    }

    .lh-210 {
        line-height: 65px;
    }

    .why-oip-lp-text ul.small-size-li li {
        font-size: 12px;
        padding: 0;
    }

    .text-banner-lp-oippartner h3 {
        font-size: 60px;
        line-height: 50px;
    }

    .text-banner-lp-oippartner h1 {
        font-size: 90px;
        line-height: 75px;
    }

    .banner-lp-oippartner {
        padding: 140px 0 90px;
    }

    .banner-lp-oippartner-main-image {
        position: static;
        max-width: 220px;
        margin-top: -60px;
        margin-bottom: -10px;
    }

    .banner-lp-oippartner-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .banner-lp-oippartner-paragraph {
        text-align: center;
        margin: 0 auto;
        max-width: 100%;
    }

    .banner-lp-oippartner-paragraph p {
        font-size: 12px;
    }

    .landingpage-outsourcingpartnership .fa-150 {
        font-size: 60px;
        line-height: 70px;
    }

    .wiify-partnership-text h5 {
        font-size: 120px;
        line-height: 80px;
    }

    .wiify-item-lp-partnership h3 {
        font-size: 12px;
    }

    .design-wiify-lp-partnership .row>div {
        max-width: fit-content;
        padding-left: 5px;
        padding-right: 5px;
    }

    .design-wiify-lp-partnership .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .col-second-packages {
        max-width: 60%;
    }

    .col-first-packages {
        flex: 0 0 32%;
    }

    .note-pricing {
        font-size: 12px;
        margin-top: 25px;
    }

    .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 {
        font-size: 72px;
    }

    .contact-lp-partnership .contact-image-lp .contactphone-lp {
        top: 67%;
        right: 62%;
        max-width: 80px;
    }

    .fa-240 {
        font-size: 70px;
    }

    .partnership-tesimonial-item>div.quote-sign-partnership {
        position: absolute;
        left: -20px;
        top: -20px;
        height: fit-content;
        max-width: 50px;
        z-index: -2;
    }

    .partnership-tesimonial-item>div.quote-sign-partnership svg {
        width: 100%;
        height: 100%;
    }

    .margin-in-minus {
        margin: 0;
    }

    .slider-testimonial-lp .slick-list {
        padding: 40px 0 30px;
    }

    .partnership-tesimonial-item p {
        padding-bottom: 40px;
    }

    .outsourcingpartnership .service-item-image img {
        animation: none;
    }

    .privacy-pages-lp {
        flex-direction: column;
        gap: 10px;
    }

    .text-insight-report h3 {
        font-size: 20px;
    }

    .text-insight-report p {
        font-size: 12px;
    }

    .item-insight-report .dwnload-btn {
        font-size: 12px;
    }

    .section-pricing .row-pricing .content-right-column {
        max-width: 100%;
        flex: 0 0 100%;
    }

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

    section#portfolio {
        padding-bottom: 20px !important;
    }

    .clients-served-item h6 {
        font-size: 14px;
        line-height: 200%;
    }

    .clients-served-item h3 {
        font-size: 40px;
    }

    .areas-we-work-item>img {
        max-width: 100px;
        object-fit: contain;
    }

    .areas-we-work-box {
        padding: 15px 100px 15px 20px;
        max-width: 100%;
        height: 100%;
        flex: 0 0 100%;
    }

    .areas-we-work-box h6 {
        font-size: 30px;
        letter-spacing: -1px;
    }

    .areas-we-work-box h3 {
        font-size: 16px;
        line-height: 22px;
        max-width: 120px;
    }

    .areas-we-work-item {
        flex: 0 0 48%;
    }

    .column-areas-we-work {
        column-gap: 2%;
        justify-content: space-between;
    }

    .banner-section-video-portfolio {
        padding: 150px 0;
    }

    .contact-all p {
        font-size: 12px;
        margin-top: 5px;
    }

    .contact-all h3 {
        font-size: 18px;
    }

    .sec-2-our-core-values-new,
    .sec-3-who-we-are-new {
        padding: 40px 0;
    }

    .our-core-values-new-heading h3,
    .who-we-are-new-heading h3,
    .our-heritage-new-heading h3,
    .our-brands-new-text h3,
    .our-philosophy-new-item h3,
    .sec-9-value-exchange-system .who-we-are-new-heading h3 {
        font-size: 40px;
        letter-spacing: -2px;
    }

    .row-our-core-values-new {
        margin-top: 30px;
    }

    .our-core-values-new-item h3 {
        font-size: 20px;
        max-width: 115px;
    }

    .our-core-values-new-item img {
        max-width: 40px;
        height: 40px;
    }

    .our-core-values-new-item p {
        font-size: 12px;
        margin-top: 20px;
    }

    .our-core-values-new-item .numbers-abs-our-core {
        font-size: 90px;
        opacity: 0.1;
    }

    .our-core-values-new-item {
        padding: 15px;
        border-radius: 10px;
    }

    .who-we-are-new-heading p {
        font-size: 12px;
        line-height: 170%;
        margin-top: 15px;
    }

    section.sec-4-our-heritage-new {
        padding: 40px 0px;
    }

    .our-heritage-new-heading {
        text-align: center;
    }

    .our-core-values-new-heading h3:before,
    .our-heritage-new-heading h3:before {
        height: 4px;
    }

    .our-heritage-new-heading p {
        font-size: 12px;
        letter-spacing: 0;
        max-width: 100%;
    }

    .our-heritage-new-heading h3 {
        margin-bottom: 15px;
    }

    .col-our-heritage-new {
        padding: 0;
        text-align: center;
    }

    .our-heritage-new-image {
        position: relative;
        margin: 0 auto 20px;
    }

    .line-row-our-heritage {
        display: none !important;
    }

    .row-our-heritage-new {
        margin-top: 40px;
    }

    section.sec-5-our-brands-new,
    section.sec-6-our-philosophy-new,
    section.sec-7-our-ceos-vision,
    section.sec-9-value-exchange-system,
    section.sec-12-our-certifications-new,
    section.sec-11-our-certifications-new,
    section.sec-10-our-crm {
        padding: 40px 0;
    }

    .our-brands-new-text p {
        font-size: 12px;
    }

    .our-brands-new-inner-item {
        padding: 20px 15px;
    }

    .our-brands-new-inner-column {
        max-width: calc(50% - 10px * 2/3);
        margin: 0 auto;
    }

    .our-brands-new-inner-row {
        gap: 10px;
    }

    .our-philosophy-tags {
        position: static;
        justify-content: center;
        margin-bottom: 18px;
    }

    .our-philosophy-new-item {
        text-align: center;
        padding: 25px 20px;
    }

    .our-philosophy-new-item h3>br {
        display: none;
    }

    .our-philosophy-new-item p {
        font-size: 12px;
    }

    .our-ceos-vision-text {
        max-width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .our-ceos-vision-row {
        justify-content: center;
    }

    .our-ceos-vision-image {
        max-width: 400px;
    }

    .coo-col-text h3 {
        font-size: 50px;
        text-align: center;
    }

    .col-all-our-front-line {
        max-width: calc(50% - 10px * 5/6);
    }

    .col-our-crm-image {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: -1;
        opacity: 0.2;
    }

    .col-our-crm-image img {
        transform: scale(1);
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    section.sec-10-our-crm {
        position: relative;
        text-align: center;
    }

    .col-our-crm-heading-text {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .col-our-crm-main-text {
        max-width: 100%;
    }

    .col-our-crm-main-text p {
        max-width: 100%;
        font-size: 12px;
    }

    .col-our-crm-heading-text h3>br {
        display: none;
    }

    .col-our-crm-heading-text h3 {
        font-size: 70px;
        font-weight: 700;
    }

    .col-our-crm-main-text>img {
        max-width: 160px;
    }

    .col-our-certification-text h6 {
        font-size: 35px;
        max-width: 180px;
    }

    .blog-details ul li:before {
        display: block;
    }
}

@media (max-width:575px) {
    .contact-information-lp>a {
        display: none;
    }

    .contact-information-lp {
        max-width: fit-content;
    }

    .banner-lp-text h1 {
        font-size: 90px;
        line-height: 110px;
    }

    .partnership-plan-text h6 {
        font-size: 25px;
        line-height: 20px;
        letter-spacing: -2px;
    }

    .partnership-plan-text {
        padding: 5px 6px 5px;
        border-radius: 6px;
        border: 1px solid #00ffff78;
    }

    .circle-behind-text {
        width: 140px;
        height: 140px;
        bottom: 30px;
    }

    .holdinghandslp {
        margin-top: -30px;
    }

    .btn-reg.btn-get-started-with-arrow {
        font-size: 12px;
        padding: 0 10px;
        border-radius: 8px !important;
        gap: 10px;
        min-height: 30px;
    }

    .btn-reg.btn-get-started-with-arrow svg {
        max-width: 15px;
    }

    .landingpage-outsourcingpartnership .py-190-130,
    .landingpage-agencyplanning .py-190-130 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .fa-200 {
        font-size: 40px;
        line-height: 50px;
    }

    .why-oip-lp-text ul li {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .why-oip-lp-text h3 {
        margin-bottom: 10px;
    }

    .balls-bg {
        max-width: 190px;
    }

    .ball-surrounding {
        max-width: 280px;
    }

    .fa-120 {
        font-size: 40px;
        line-height: 40px;
    }

    .service-item-text h3 {
        font-size: 50px;
        line-height: 50px;
    }

    .service-item-text p {
        font-size: 12px;
        line-height: 20px;
    }

    .service-item-text ul li {
        font-size: 12px;
        line-height: 20px;
    }

    .col-lg-6.md-screen-images-abs {
        display: flex;
        align-items: center;
        opacity: 0.2;
    }

    .service-item-lp {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .bg-image-lp-banner .deisgin-arrows-right:after {
        top: -10%;
    }

    .clients-portion .client-2-row .col-lg-3 .client-logo img {
        max-height: 70%;
        max-width: 70%;
    }

    .testimonial-lp-text h3 {
        font-size: 50px;
        line-height: 60px;
    }

    span.quote-sign-lp {
        max-width: 45px;
        height: 45px;
        margin-top: -30px;
        margin-bottom: -30px;
    }

    .name-box-lp {
        padding: 7px 18px 7px;
        border-radius: 8px;
    }

    .footer-items-lp a {
        font-size: 12px;
    }

    .footer-lp-logo-container {
        max-width: 200px;
    }

    .footer-lp .footer-items-lp .mw-380 {
        flex-direction: column;
        gap: 0;
        max-width: 100%;
    }

    .footer-lp .footer-items-lp .mw-380 a {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 10px;
    }

    .footer-items-lp a span img {
        max-width: 15px;
        margin-right: 10px;
    }

    .footer-items-lp a span {
        margin-left: 0;
    }

    .privacy-pages-lp a:before {
        width: 4px;
        height: 4px;
        left: -10px;
    }

    .footer-lp {
        padding: 40px 0;
    }

    .wiify-item-lp h3 {
        font-size: 15px;
        line-height: 20px;
        max-width: 110px;
    }

    .contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 {
        font-size: 37px;
    }

    .contact-image-lp {
        opacity: 0.3;
    }

    .contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form .btn-get-started-with-arrow {
        bottom: -59px;
    }

    .portfolio-lp .deisgin-arrows-left:before,
    .portfolio-lp .deisgin-arrows-right:after {
        top: -32%;
    }

    .text-banner-lp-oippartner h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .text-banner-lp-oippartner h1 {
        font-size: 65px;
        line-height: 60px;
    }

    .banner-lp-oippartner {
        padding: 100px 0 70px;
    }

    .banner-lp-oippartner-main-image {
        max-width: 150px;
        margin-top: -10px;
        margin-bottom: 0px;
    }

    .banner-lp-oippartner-paragraph p {
        line-height: 20px;
    }

    .banner-lp-oippartner:before {
        bottom: -10px;
    }

    .fa-260 {
        font-size: 50px;
    }

    .lh-210 {
        line-height: 45px;
    }

    .wiify-partnership-text h5 {
        font-size: 80px;
        line-height: 60px;
    }

    .design-wiify-lp-partnership .row>div {
        max-width: 100%;
    }

    .wiify-item-lp-partnership .image-wiify-lp-partnership {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .wiify-item-lp-partnership {
        flex-direction: column;
    }

    .design-wiify-lp-partnership>.row {
        gap: 15px;
    }

    .landingpage-outsourcingpartnership .fa-150 {
        font-size: 50px;
        line-height: 50px;
    }

    .line-height-130 {
        line-height: 50px !important;
    }

    .fa-240 {
        font-size: 50px;
    }

    .main-parent-services-packages {
        padding: 20px 10px;
        border-radius: 10px;
    }

    .main-parent-services-packages h3,
    .main-parent-services-packages .packages-all h3 {
        font-size: 12px;
        height: 50px;
        margin-bottom: 10px;
    }

    .features-li li {
        font-size: 12px;
    }

    .packages-all ul li div p {
        font-size: 10px;
    }

    .packages-all ul li,
    .features-li li {
        margin-bottom: 15px;
    }

    .col-first-packages,
    .packages-all {
        padding: 20px 0;
        border-radius: 10px;
    }

    .packages-all ul li h6 {
        font-size: 20px;
    }

    .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 {
        font-size: 45px;
    }

    .landingpage-outsourcingpartnership .clients-portion.py-110 {
        padding: 0;
    }

    .partnership-tesimonial-item>div.quote-sign-partnership {
        left: -5%;
    }

    .partnership-tesimonial-item {
        padding: 25px 15px;
    }

    .name-box-lp-partnership h4 {
        font-size: 18px;
    }

    .name-box-lp-partnership h6 {
        font-size: 14px;
    }

    .footer-lp .deisgin-arrows-left:before,
    .footer-lp .deisgin-arrows-right:after {
        top: -45%;
        background-size: 20%;
    }

    .contact-section.contact-nft.hz-contact-bpo.contact-lp-partnership .contact-main-area button.btn-reg.btn-gradient {
        max-width: 100px !important;
        bottom: -55px;
    }

    .packages-btn {
        bottom: -15px;
    }

    .wiify-item-lp-partnership .image-wiify-lp-partnership {
        width: 100%;
        max-width: 60px;
        text-align: center;
        flex: 0 0 100%;
    }

    .wiify-item-lp-partnership h3 {
        padding: 0;
        text-align: center;
    }

    .wiify-item-lp-partnership h3:before {
        display: none;
    }

    .design-wiify-lp-partnership .row>div {
        max-width: fit-content;
        flex: 0 0 auto;
    }

    .packages-all:before {
        border-radius: 10px;
    }

    .section-3-new {
        padding: 50px 0 30px;
    }

    .clients-served-item {
        flex: 0 0 100%;
        margin-bottom: 25px;
    }

    .clients-served-item h3 {
        font-size: 50px;
    }

    .areas-we-work-box {
        padding: 15px 20px 15px 100px;
    }

    .areas-we-work-item {
        flex: 0 0 100%;
        margin-bottom: 25px !important;
    }

    .areas-we-work-item:last-child {
        margin-bottom: 0px !important;
    }

    .areas-we-work-item>img {
        right: auto;
        left: 0;
    }

    .areas-we-work-item.other-countries-image>img {
        left: 15px !important;
    }

    .areas-we-work-box h3 {
        max-width: 100%;
    }

    .contact-all p {
        font-size: 12px;
        margin-top: 5px;
    }

    .contact-all h3 {
        font-size: 18px;
    }

    .contactnew-text-banner h6 {
        font-size: 25px;
    }

    .contactnew-text-banner h3 {
        font-size: 35px;
    }

    .contact-all {
        max-width: 100% !important;
        margin-top: 30px;
    }

    .banner-contact-new {
        padding: 100px 0 20px;
    }

    .our-core-values-new-heading h3,
    .who-we-are-new-heading h3,
    .our-heritage-new-heading h3,
    .our-brands-new-text h3,
    .our-philosophy-new-item h3,
    .sec-9-value-exchange-system .who-we-are-new-heading h3 {
        font-size: 30px;
    }

    .col-our-core-values-new {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px !important;
    }

    .col-our-core-values-new:last-child {
        margin-bottom: 0 !important;
    }

    .sec-2-our-core-values-new,
    .sec-3-who-we-are-new,
    section.sec-5-our-brands-new,
    section.sec-6-our-philosophy-new,
    section.sec-7-our-ceos-vision,
    section.sec-9-value-exchange-system,
    section.sec-12-our-certifications-new,
    section.sec-11-our-certifications-new,
    section.sec-10-our-crm {
        padding: 25px 0;
    }

    .our-brands-new-inner-column {
        max-width: calc(100%);
    }

    .our-ceos-vision-text h6 {
        font-size: 14px;
    }

    .our-ceos-vision-text h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .our-ceos-vision-text p {
        font-size: 12px;
        margin: 15px 0 15px auto;
    }

    .our-ceos-vision-text h4 {
        font-size: 16px;
    }

    .coo-row {
        flex-flow: wrap;
    }

    .coo-row>div:last-child {
        display: none;
    }

    .coo-col-text h3 span.d-none {
        display: inline-block !important;
    }

    .coo-col-text h3 {
        font-size: 35px;
        letter-spacing: -2px;
    }

    .coo-col-text {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .coo-row .image-our-front-line {}

    .col-all-our-front-line {
        max-width: 48%;
        margin: 0 auto;
    }

    .row-all-our-front-line {
        margin-top: 10px;
    }

    .image-our-front-line-text {
        text-align: center;
    }

    section.sec-9-value-exchange-system {
        display: none;
    }

    .col-our-crm-heading-text h3 {
        font-size: 45px;
    }

    .col-our-certifications {
        max-width: calc(50% - 10px * 2/4);
        flex: 0 0 50%;
    }

    .col-our-certification-text {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    .row-our-certification {
        flex-flow: wrap;
        justify-content: center;
        gap: 20px;
    }

    .col-our-certification-text h6 {
        max-width: 100%;
        text-align: center;
        font-size: 40px;
    }

    .col-our-certification-image {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    .col-our-certification-image img {
        max-width: 140px;
        height: 80px;
        object-fit: contain;
    }

    .col-all-our-front-line .image-our-front-line-main {
        height: 150px;
    }

    .blog-details ul li,
    .blog-details ol li {
        font-size: 14px;
    }
}

@media (max-width:360px) {
    .areas-we-work-box h3 {
        max-width: 100px;
    }
}

.blogs nav[role="navigation"]>.flex.justify-between.flex-1.sm\:hidden {
    display: none;
}

.blogs nav[role="navigation"] .hidden {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.blogs nav[role="navigation"] {
    width: 100%;
}

.blogs nav[role="navigation"] .hidden>div:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blogs nav[role="navigation"] .hidden>div:last-child span a[rel="prev"],
.blogs nav[role="navigation"] .hidden>div:last-child span a[rel="next"] {
    display: flex;
    padding: 0px 0px !important;
    width: 59.44px;
    align-items: center;
    justify-content: center;
    height: 40px;
    box-shadow: 0px 0px 0px 1px #459afe;
    position: relative;
    z-index: 1;
    transition: 0.3s ease-in-out;
}

.blogs nav[role="navigation"] .hidden>div:last-child span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none !important;
}

.blogs nav[role="navigation"] .hidden>div:last-child span a[rel="prev"] svg,
.blogs nav[role="navigation"] .hidden>div:last-child span a[rel="next"] svg {
    width: 25px !important;
}

.blogs nav[role="navigation"] .hidden>div:last-child>span {
    border: 1px solid #459afe !important;
    box-shadow: none !important;
}

.blogs nav[role="navigation"] .hidden>div:last-child>span>span>span {
    background: #459afe !important;
    color: white;
    border: none !important;
}

.blogs nav[role="navigation"] .hidden>div:last-child span>* {
    margin-top: -1px;
    margin-bottom: -1px;
}

.blogs nav[role="navigation"] .hidden>div:last-child span a[rel="prev"]:hover svg,
.blogs nav[role="navigation"] .hidden>div:last-child span a[rel="next"]:hover svg {
    color: white;
}

.blogs nav[role="navigation"] .hidden>div:last-child span a[rel="prev"]:hover,
.blogs nav[role="navigation"] .hidden>div:last-child span a[rel="next"]:hover {
    background: #459afe !important;
}

.blogs nav[role="navigation"] .hidden>div:last-child span[aria-disabled="true"] {
    display: none;
}

.blogs-box-designed>a>img {
    max-width: 100%;
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}

.blogs-box-designed>a>div {
    padding: 30px 15px;
    text-align: center;
}

.blogs-box-designed {
    border-radius: 10px;
    background: #f5f5f5;
    height: 100%;
    overflow: hidden;
}

.blogs-box-designed a {
    display: block;
    height: 100%;
}

.blogs-box-designed>a>div h2 {
    color: #001f3b;
    font-size: 26px;
    line-height: 110%;
    letter-spacing: -0.45px;
    margin-bottom: 30px;
}

.blogs-box-designed>a>div p {
    color: #585858;
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.3px;
}

.banner-blogs .container-1560 {
    width: 100%;
    padding: 0px 15px;
}

.banner-blogs .container-1560:before {
    width: 100%;
}

.banner-blogs .container-1560 .fa-90 {
    font-size: 50px;
    letter-spacing: -2px;
    margin: 0;
}

section.banner-blogs {
    margin: 0;
    margin-bottom: 60px;
    border-radius: 15px;
    overflow: hidden;
}

.blog-detail h2 br {
    display: none;
}

.blog-details h1,
.blog-details h2,
.blog-details h3,
.blog-details h4,
.blog-details h5,
.blog-details h6 {
    margin-bottom: 0.5vw;
    margin-top: 1.5vw;
    font-weight: 700;
    color: #001740;
}

.blog-details a {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.5vw;
    color: #001740;
}

.blog-details ul {
    margin: 2vw 0;
}

.blog-details h1 a,
.blog-details h2 a,
.blog-details h3 a,
.blog-details h4 a,
.blog-details h5 a,
.blog-details h6 a {
    margin-bottom: 0;
}

.blog-details a:hover {
    text-decoration: underline;
}

.blog-details ul li a {
    margin-bottom: 0;
}

.blog-details ul li {
    margin-bottom: 10px;
}

.blog-details figure.image {
    margin: 1.5vw 0;
}

.follow-us-blogs h5 {
    font-size: 60px;
    font-weight: 500;
    color: #001f3b;
    margin-bottom: 15px;
}

.follow-us-blogs .social-links-wrap a.social-link {
    width: 60px;
    height: 60px;
    margin-right: 50px;
}

.follow-us-blogs .social-links-wrap a.social-link i {
    font-size: 30px;
}

.follow-us-blogs .social-links-wrap a.social-link:last-child {
    margin: 0;
}

.follow-us-blogs {
    margin-bottom: 137px;
}

.box-blogs-recent {
    border-radius: 39.67px;
    border: 1.707px solid rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 7.93408px 49.5px 0px rgba(69, 154, 255, 0.1);
    padding: 50px 0;
}

.box-blogs-recent h3 {
    color: #00c0e3;
    font-family: Poppins;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.512px;
}

.box-blogs-recent .blogs-box a,
.box-blogs-recent h3 {
    padding: 14px 50px;
    transition: 0.3s ease-in-out;
}

.box-blogs-recent .mbblogs-50 {
    margin-bottom: 0;
}

.box-blogs-recent .blogs-box h2 {
    color: #000;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 16px;
}

.box-blogs-recent .blogs-box p {
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.2px;
    margin: 0;
}

.box-blogs-recent .blogs-box:hover {
    background: #e8f2ff;
}

.box-blogs-recent .blogs-box a:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    bottom: 0;
    height: 2px;
    background: #000;
    opacity: 0.1;
}

.blog-details p>a,
.blog-details li>a {
    margin-bottom: 0px;
    color: #00c0e3;
}

.blog-details h1 {
    font-size: 50px;
}

.blog-details h2 {
    font-size: 40px;
}

.blog-details h3 {
    font-size: 35px;
}

.blog-details h4 {
    font-size: 30px;
}

.blog-details h5 {
    font-size: 25px;
}

.blog-details h6 {
    font-size: 20px;
}

.pt-header {
    padding-top: 12.455vw;
}

.blogs-main-page-text h3 {
    color: #001F3B;
    font-size: 60px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -1px;
    margin-bottom: 22px;
}

.blogs-main-page-text p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 198%;
    letter-spacing: -0.3px;
}

.blogs-main-page-text {
    margin-bottom: 85px;
}

.sticky-recent-posts .blogs-box a div {
    padding: 0;
}

.sticky-recent-posts {
    position: sticky;
    top: 1.5vw;
}

.no-overflow-for-sticky main {
    overflow: initial;
}

.no-overflow-for-sticky footer.footer {
    overflow: hidden;
}

.banner-section .col-sm-7 {
    position: relative;
    z-index: 2;
}

.cirlce-gradient-right-after::after {
    background: url(../assets/company/circle-right-small.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    width: 40%;
    height: 85%;
    top: 25%;
}

.transform-scale-image {
    transform: scale(1.5) !important;
}

.transform-origin-left {
    transform-origin: left;
}

.transform-origin-right {
    transform-origin: right;
}

.transform-scale-image-changes {
    transform: scale(1.6) translateX(-10px) !important;
    transform-origin: center;
}

.letter-spacing-2 {
    letter-spacing: -2px;
}

.mw-633 {
    max-width: 633px;
}

.reverse-columns-even>div:nth-child(even) .row {
    flex-direction: row-reverse;
}

.reverse-columns-even>div:nth-child(even) .services-text-left {
    margin-left: auto;
}

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

.main-area-key-service-cp {
    max-width: 431px;
    margin: 0 auto;
    text-align: center;
}

.main-area-key-service-cp h3 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -2px;
    color: var(--blue);
    margin-bottom: 40px;
}

.main-area-key-service-cp p {
    font-size: 18px;
    color: #000;
    line-height: 169%;
}

.image-area-key-service-cp {
    width: 185px;
    height: 185px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 70px;
    border: 1px solid #3d46a1;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.image-area-key-service-cp:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #3d46a1;
    width: 80%;
    height: 80%;
    z-index: -1;
    border-radius: 50%;
}

.key-services-company-pages .row>div {
    margin-bottom: 130px;
}

.key-services-company-pages .row>div:nth-last-child(-n + 3) {
    margin-bottom: 0;
}

@media (min-width:992px) and (max-width:2000px) {
    .form label {
        font-size: 1vw;
    }

    .blog-details h1 {
        font-size: 2.604vw;
    }

    .blog-details h2 {
        font-size: 2.083vw;
    }

    .blog-details h3 {
        font-size: 1.823vw;
    }

    .blog-details h4 {
        font-size: 1.563vw;
    }

    .blog-details h5 {
        font-size: 1.302vw;
    }

    .blog-details h6 {
        font-size: 1.042vw;
    }

    .follow-us-blogs h5 {
        font-size: 3.125vw;
        font-weight: 500;
        color: #001f3b;
        margin-bottom: 0.781vw;
    }

    .follow-us-blogs .social-links-wrap a.social-link {
        width: 3.125vw;
        height: 3.125vw;
        margin-right: 2.604vw;
    }

    .follow-us-blogs .social-links-wrap a.social-link i {
        font-size: 1.563vw;
    }

    .follow-us-blogs .social-links-wrap a.social-link:last-child {
        margin: 0;
    }

    .follow-us-blogs {
        margin-bottom: 7.135vw;
    }

    .box-blogs-recent {
        border-radius: 2.031vw;
        border: 0.104vw solid rgba(0, 0, 0, 0.2);
        background: rgba(255, 255, 255, 0.1);
        box-shadow: 0vw 0.365vw 2.552vw 0vw rgba(69, 154, 255, 0.1);
        padding: 2.604vw 0;
    }

    .box-blogs-recent h3 {
        font-size: 1.771vw;
        font-weight: 600;
        line-height: 110%;
        letter-spacing: -0.26vw;
    }

    .box-blogs-recent .blogs-box a,
    .box-blogs-recent h3 {
        padding: 0.729vw 2.604vw;
    }

    .box-blogs-recent .blogs-box h2 {
        font-size: 1.042vw;
        margin-bottom: 0.833vw;
    }

    .box-blogs-recent .blogs-box p {
        font-size: 0.729vw;
        letter-spacing: -0.104vw;
    }

    .box-blogs-recent .blogs-box a:before {
        height: 0.104vw;
    }

    .banner-blogs .container-1560 {
        padding: 0vw 0.781vw;
    }

    .banner-blogs .container-1560 .fa-90 {
        font-size: 2.604vw;
        letter-spacing: -0.104vw;
    }

    section.banner-blogs {
        margin-bottom: 3.125vw;
        border-radius: 0.781vw;
    }

    .follow-us-blogs h5 {
        font-size: 3.125vw;
        font-weight: 500;
        color: #001f3b;
        margin-bottom: 0.781vw;
    }

    .follow-us-blogs .social-links-wrap a.social-link {
        width: 3.125vw;
        height: 3.125vw;
        margin-right: 2.604vw;
    }

    .follow-us-blogs .social-links-wrap a.social-link i {
        font-size: 1.563vw;
    }

    .follow-us-blogs .social-links-wrap a.social-link:last-child {
        margin: 0;
    }

    .follow-us-blogs {
        margin-bottom: 7.135vw;
    }

    .box-blogs-recent {
        border-radius: 1.49vw;
        border: 0.0823vw solid rgba(0, 0, 0, 0.2);
        background: rgba(255, 255, 255, 0.1);
        box-shadow: 0vw 7.4865vw 49.26vw 0vw rgba(69, 154, 255, 0.1);
        padding: 2.604vw 0;
    }

    .box-blogs-recent h3 {
        color: #00c0e3;
        font-family: Poppins;
        font-size: 1.771vw;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        letter-spacing: -0.0667vw;
    }

    .box-blogs-recent .blogs-box a,
    .box-blogs-recent h3 {
        padding: 0.729vw 2.604vw;
        transition: 0.3s ease-in-out;
    }

    .box-blogs-recent .mbblogs-50 {
        margin-bottom: 0;
    }

    .box-blogs-recent .blogs-box h2 {
        color: #000;
        font-family: Poppins;
        font-size: 1.042vw;
        font-weight: 400;
        margin-bottom: 0.833vw;
    }

    .box-blogs-recent .blogs-box p {
        color: #585858;
        font-size: 0.729vw;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -0.0404vw;
        margin: 0;
    }

    .box-blogs-recent .blogs-box:hover {
        background: #e8f2ff;
    }

    .box-blogs-recent .blogs-box a:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        bottom: 0;
        height: 0.104vw;
        background: #000;
        opacity: 0.1;
    }

    .blogs-box-designed>a>img {
        height: 13.021vw;
    }

    .blogs-box-designed>a>div {
        padding: 1.563vw 0.781vw;
    }

    .blogs-box-designed {
        border-radius: 0.521vw;
        background: #f5f5f5;
    }

    .blogs-box-designed>a>div h2 {
        color: #001f3b;
        font-size: 1.354vw;
        line-height: 110%;
        letter-spacing: -0.2.344vw;
        margin-bottom: 1.563vw;
    }

    .blogs-box-designed>a>div p {
        color: #585858;
        font-size: 1.042vw;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -0.0956vw;
    }

    .blogs-main-page-text h3 {
        font-size: 3.125vw;
        letter-spacing: -0.052083vw;
        margin-bottom: 1.14583vw;
    }

    .blogs-main-page-text p {
        font-size: 1.04167vw;
        letter-spacing: -0.015625vw;
    }

    .blogs-main-page-text {
        margin-bottom: 4.427083vw;
    }

    .banner-section .col-sm-7 {
        position: relative;
        z-index: 2;
    }

    .cirlce-gradient-right-after::after {
        background: url(../assets/company/circle-right-small.png);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: cover;
        width: 40%;
        height: 85%;
        top: 25%;
    }

    .transform-scale-image {
        transform: scale(1.5) !important;
    }

    .transform-origin-left {
        transform-origin: left;
    }

    .transform-origin-right {
        transform-origin: right;
    }

    .transform-scale-image-changes {
        transform: scale(1.6) translateX(-2.52vw) !important;
        transform-origin: center;
    }

    .letter-spacing-2 {
        letter-spacing: -0.1vw;
    }

    .mw-633 {
        max-width: 32.97vw;
    }

    .reverse-columns-even>div:nth-child(even) .row {
        flex-direction: row-reverse;
    }

    .reverse-columns-even>div:nth-child(even) .services-text-left {
        margin-left: auto;
    }

    .pb-140 {
        padding-bottom: 7.29vw;
    }

    .main-area-key-service-cp {
        max-width: 22.45vw;
        margin: 0 auto;
        text-align: center;
    }

    .main-area-key-service-cp h3 {
        font-size: 1.56vw;
        font-weight: 500;
        letter-spacing: -0.1vw;
        color: var(--blue);
        margin-bottom: 2.08vw;
    }

    .main-area-key-service-cp p {
        font-size: 0.94vw;
        color: #000;
        line-height: 169%;
    }

    .image-area-key-service-cp {
        width: 9.64vw;
        height: 9.64vw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 3.65vw;
        border: 0.05vw solid #3d46a1;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
    }

    .image-area-key-service-cp:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #3d46a1;
        width: 80%;
        height: 80%;
        z-index: -1;
        border-radius: 50%;
    }

    .key-services-company-pages .row>div {
        margin-bottom: 6.77vw;
    }

    .key-services-company-pages .row>div:nth-last-child(-n + 3) {
        margin-bottom: 0;
    }
}

@media (max-width:1439px) {
    nav.flex.items-center.justify-between {
        padding-bottom: 20px;
        padding-top: 20px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .blogs [role="navigation"] p {
        font-size: 12px;
    }

    .blogs [role="navigation"] .px-4 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 12px;
    }

    .blogs nav[role="navigation"] .hidden>div:last-child span a[rel="prev"],
    .blogs nav[role="navigation"] .hidden>div:last-child span a[rel="next"] {
        height: 33px;
        width: 35px;
        font-size: 12px;
    }

    .blogs nav[role="navigation"] .hidden>div:last-child span a[rel="prev"] svg,
    .blogs nav[role="navigation"] .hidden>div:last-child span a[rel="next"] svg {
        width: 20px !important;
    }
}

@media (max-width:991px) {
    .sticky-recent-posts {
        display: none !important;
    }

    .blog-details h1,
    .blog-details h2,
    .blog-details h3,
    .blog-details h4,
    .blog-details h5,
    .blog-details h6 {
        font-size: 25px;
        line-height: 36px;
    }

    .follow-us-blogs,
    .sticky-recent-posts {
        display: none;
    }

    .blogs-box-designed>a>div h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .blogs-box-designed>a>div p {
        font-size: 16px;
    }

    .blogs-box-designed>a>img {
        height: 170px;
    }

    .blogs-box-designed>a>div {
        padding: 25px 15px;
    }

    .blogs-main-page-text h3 {
        font-size: 30px;
        letter-spacing: -0.5px;
        margin-bottom: 15px;
    }

    .blogs-main-page-text p {
        font-size: 16px;
        letter-spacing: -0.3px;
    }

    .blogs-main-page-text {
        margin-bottom: 50px;
    }

    .banner-blogs-img-details {
        height: 350px;
    }

    .banner-blogs .container-1560 .fa-90 {
        font-size: 40px;
    }

    .banner-blogs .container-1560 {
        max-width: 100%;
    }

    .pt-header {
        padding-top: 100px;
    }

    .form label {
        font-size: 12px;
    }

    .image-area-key-service-cp {
        width: 120px;
        height: 120px;
        margin: 0 auto 40px;
    }

    .image-area-key-service-cp img {
        width: 35%;
        object-fit: contain;
    }

    .main-area-key-service-cp h3 {
        font-size: 20px;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }

    .main-area-key-service-cp p {
        font-size: 12px;
    }

    .pb-140 {
        padding-bottom: 50px;
    }

    .key-services-company-pages .row>div {
        margin-bottom: 50px !important;
    }

    .client-1-row h2 {
        font-size: 40px;
    }

    .key-services-company-pages .row {
        justify-content: center;
    }
}

@media (max-width:767px) {

    .blog-details h1,
    .blog-details h2,
    .blog-details h3,
    .blog-details h4,
    .blog-details h5,
    .blog-details h6 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 28px;
    }

    .blogs nav[role="navigation"] .hidden>div:last-child {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blogs nav[role="navigation"] {
        width: 100%;
        justify-content: center;
        text-align: center;
        font-size: 12px;
    }

    .blogs nav[role="navigation"] .hidden {
        display: inline-block;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .blogs nav[role="navigation"] .hidden>div:last-child>span {
        border: 1px solid #459afe00 !important;
        box-shadow: none !important;
    }

    .blogs nav[role="navigation"] .hidden p.text-sm {
        padding-bottom: 20px;
    }

    .blogs nav[role="navigation"] .hidden>div:last-child span a[rel="prev"],
    .blogs nav[role="navigation"] .hidden>div:last-child span a[rel="next"] {
        display: flex;
        padding: 0px 0px !important;
        width: 29.44px;
        align-items: center;
        justify-content: center;
        height: 35px;
        box-shadow: 0px 0px 0px 1px #459afe;
        position: relative;
        z-index: 1;
        transition: 0.3s ease-in-out;
    }

    .blogs nav[role="navigation"] .hidden div span.rounded-md .px-4.py-2 {
        padding-right: 0.51rem !important;
        padding-left: 0.51rem !important;
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .blogs-box-designed>a>div h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .blogs-box-designed>a>div p {
        font-size: 12px;
    }

    .blogs-main-page-text h3 {
        font-size: 20px;
        letter-spacing: -0.2px;
        margin-bottom: 10px;
    }

    .blogs-main-page-text p {
        font-size: 12px;
    }

    .blogs-main-page-text {
        margin-bottom: 25px;
    }

    .banner-blogs .container-1560 .fa-90 {
        font-size: 24px;
        line-height: 120%;
    }

    .banner-blogs-img-details {
        height: 250px;
    }

    section.banner-blogs {
        margin-bottom: 30px;
        border-radius: 8px;
    }

    section.firstSectionFull .fa-110 {
        font-size: 35px;
    }

    section.reverse-columns-even .py-190-130 {
        padding: 70px 0 !important;
    }

    section.reverse-columns-even .py-190-130 .services-text-left.mw-633 {
        padding: 65px 0 0;
        margin: 0;
    }

    .transform-scale-image-changes,
    .transform-scale-image {
        transform: scale(1.2) !important;
    }

    .reverse-columns-even>div .row {
        flex-direction: column-reverse !important;
    }
}

@media (max-width:576px) {
    .text-center-mobile {
        text-align: center;
    }

    section.firstSectionFull .fa-110 {
        font-size: 30px;
    }

    .image-area-key-service-cp {
        width: 80px;
        height: 80px;
        margin: 0 auto 15px;
    }

    .main-area-key-service-cp h3 {
        font-size: 18px;
        letter-spacing: -0.5px;
        margin-bottom: 10px;
    }

    section.reverse-columns-even .py-190-130:last-child {
        padding-bottom: 0 !important;
    }

    .key-services-company-pages .row>div {
        margin-bottom: 30px !important;
    }

    .key-services-company-pages .row>div:last-child {
        margin-bottom: 0px !important;
    }
}

.text-headings-insight-report .parts-area li>a,
.text-headings-insight-report .parts-area p>a {
    margin: 0;
    font-size: inherit;
    color: #3ba9f7;
    cursor: pointer;
}
}
}

/*New*/


.white-header header .links-columns>ul>li>a {
    color: #fff;
}


.white-header.headerFull header .links-columns>ul>li>a {
    color: #fff;
}

.banner-content-app-development h1 {
    font-size: 190px;
    letter-spacing: -5.24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 100%;
}

.banner-content-app-development {
    color: #fff;
}

.banner-section.banner-app-development {
    padding: 180px 0;
    display: flex;
    align-items: center;
    background: url(../assets/appdevelopment/banner.webp);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.banner-content-app-development h1>span {
    background: linear-gradient(180deg, #00C3FF, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-btn-reg-app {
    max-width: 1280px;
    margin: 30px auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    transform: translateX(110px);
}

.text-app-development {
    max-width: 470px;
}

.text-app-development p {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 167%;
}

.text-btn-reg-app span.nextBtn a {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    color: #fff;
}

.text-btn-reg-app span.nextBtn a i {
    color: #00F7FF;
    font-size: 22px;
}

.text-btn-reg-app a.btn-reg.btn-gradient.btn-app {
    gap: 12px;
    background: linear-gradient(92deg, #0D20C7, #D763FF);
    font-size: 22px;
    width: 100%;
    max-width: 254px;
    padding: 17px 10px;
    border-radius: 17px;
}

.text-btn-reg-app a.btn-reg.btn-gradient.btn-app:before {
    background: linear-gradient(-90deg, #0D20C7, #D763FF);
}

.banner-app-development:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../assets/appdevelopment/banner-blend.webp);
    background-repeat: no-repeat;
    background-position: right center;
    z-index: -1;
    mix-blend-mode: screen;
}

.center-mobiles {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -100%;
    transition: 1s ease-in-out;
}

.center-mobiles.loaded-page {
    bottom: 0;
}

/*2nd App*/
.container-1460 {
    max-width: 1460px;
    margin: 0 auto;
}

.text-heading-trust-us .row>div {
    padding: 0 12px;
}

.text-heading-trust-us .row {
    margin: 0 -12px;
}

.btn-reg.btn-gradient.btn-app-dev {
    border-radius: 11px;
    background: #3d46a1;
    gap: 22px;
    padding: 10px 34px;
    max-width: fit-content;
    margin-top: 65px;
}

.section-trust-us {
    padding: 150px 0;
}

.text-heading-trust-us-head>h3 {
    text-align: center;
    font-size: 70px;
    color: var(--blue);
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.text-heading-trust-us-head>h3:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 100%;
    background: #8134c3;
    height: 15px;
    transform: translateX(-50%);
    z-index: -1;
}

.trust-us-image {
    background: linear-gradient(134deg, #00A3FF, #341061);
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
}

.trust-us-item-text h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: initial;
    margin-bottom: 15px;
    letter-spacing: -0.75px;
}

.trust-us-item-text p {
    font-size: 13px;
    line-height: 220%;
}

.trust-us-item {
    text-align: center;
    padding: 70px 35px 50px;
    background: linear-gradient(180deg, #00C3FF, #0055ff);
    height: 100%;
    border-radius: 11px;
    color: white;
    position: relative;
}

.trust-us-image img {
    max-width: 50%;
}

.text-heading-trust-us .row>div {
    margin-top: 130px;
}

/*2nd App*/
/*Agile Process*/
.our-agile-heading {
    text-align: center;
    margin-bottom: 50px;
}

.our-agile-heading h3 {
    font-size: 60px;
    color: var(--blue);
    font-weight: 600;
    letter-spacing: -3px;
    line-height: 102%;
}

.our-agile-heading h5 {
    background: linear-gradient(180deg, #00FFFF, #0067FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 248px;
    letter-spacing: -8px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 100%;
}

.big-column {
    flex: 0 0 65%;
}

.row-agile-process {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    margin: 0 -25px;
}

.column-agile-process {
    padding: 0 25px;
    margin-bottom: 45px;
    position: relative;
}

.small-column {
    flex: 0 0 35%;
}

.agile-process-item-parent {
    border: 1px solid #005E9E;
    border-radius: 33px;
    padding: 54px 46px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.items-agile-header-content {
    max-width: 500px;
}

.items-agile-header-content>div {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    margin-bottom: 33px;
}

.items-agile-header-content>div h3 {
    font-size: 35px;
    color: #000;
    letter-spacing: -0.75px;
    font-weight: 600;
}

.items-agile-header-content>div span {
    font-size: 66px;
    font-weight: 600;
    line-height: 102.5%;
    color: 3d46a1;
}

.items-agile-header-content>p {
    font-size: 16px;
    line-height: 180%;
}

.small-column .items-agile-header-content {
    max-width: 335px;
}

.column-agile-process:nth-child(even) .items-agile-header-content>div span {
    color: #00c0e3;
}

.agile-process-item-parent .trust-us-image {
    position: static;
    transform: none;
    filter: drop-shadow(0px 0px 20px #96D3FF);
}

.small-column .agile-process-item-parent {
    padding: 54px 30px;
    align-items: flex-start;
}

.agile-process-item-parent .trust-us-image.agile-process-image-big {
    width: 210px;
    height: 210px;
}

section.our-agile-process-app-development {
    padding: 50px 0 100px;
}

/*Agile Process*/
/**/
.scrum-framework-heading {
    text-align: center;
    margin-bottom: 55px;
}

.scrum-framework-heading h3 {
    font-size: 100px;
    color: var(--blue);
    font-weight: 700;
    letter-spacing: -2.65px;
}

.scrum-framework-heading h5 {
    font-size: 155px;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(180deg, #66E4FF, #0A66C2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 85%;
}

.scrum-framework {
    padding: 100px 0;
}

.scrum-framework-all {
    padding: 70px 75px;
    background: linear-gradient(140deg, rgba(0, 163, 255, 1) -20%, rgba(0, 0, 0, 1) 39%, rgba(0, 0, 0, 1) 59%, rgba(112, 0, 255, 1) 130%);
    border-radius: 20px;
}

.scrum-image img {
    width: 100%;
}

.scrum-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 54px;
    max-width: 1350px;
}

.scrum-content .btn-reg.btn-gradient.btn-app-dev {
    margin: 0;
    background: linear-gradient(180deg, #66E4FF, #0A66C2);
}

.scrum-content .btn-reg.btn-gradient.btn-app-dev:before {
    background: linear-gradient(0deg, #66E4FF, #0A66C2);
}

.scrum-content p {
    color: white;
    max-width: 700px;
    font-size: 18px;
    line-height: 170%;
}

.scrum-image {
    max-width: 97%;
    margin-left: auto;
}

.get-your-own-app {
    padding: 150px 0 100px;
    position: relative;
}

.own-app-row {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.own-app-content-col {
    max-width: 810px;
}

.own-app-image-col {
    max-width: 619px;
    margin-left: auto;
}

.own-app-image-col img {
    width: 100%;
}

.own-app-content h6 {
    font-size: 100px;
    font-weight: 700;
    color: var(--blue);
    line-height: 85%;
}

.own-app-content h3 {
    font-size: 174px;
    font-weight: 700;
    letter-spacing: -5.94px;
    background: linear-gradient(180deg, #00FFFF, #0067FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 100%;
}

.own-app-content-parapraphs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 35px;
}

.own-app-content-parapraphs p {
    font-size: 16px;
    font-weight: 500;
    max-width: 458px;
}

.own-app-content-parapraphs .btn-reg.btn-gradient.btn-app-dev {
    background: #3d46a1;
    margin: 0;
}

.get-your-own-app:after {
    content: '';
    position: absolute;
    right: -120px;
    top: 50%;
    transform: translateY(-50%) rotate(89.62deg);
    background: linear-gradient(285deg, rgb(69 154 255) -20%, transparent 60%);
    width: 700px;
    height: 700px;
    border-radius: 50%;
    z-index: -1;
}

/**/
.portfolio-app ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    list-style: none;
    margin-bottom: 250px;
}

.portfolio-app ul.slick-dots li button {
    font-size: 0;
    width: 19px;
    height: 19px;
    background: #000;
    opacity: 10%;
    border: none;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    position: relative;
}

.portfolio-app ul.slick-dots li.slick-active button {
    opacity: 1;
}

.portfolio-app ul.slick-dots li button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #00FFFF, #0067FF);
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    transform: scale(0);
}

.portfolio-app ul.slick-dots li.slick-active button:before {
    transform: scale(1);
}

/*New*/



.portfolio-app-items-head {
    display: flex;
    align-items: center;
    gap: 20px;
}

.portfolio-app-items-head h3 {
    font-size: 131px;
    font-weight: 700;
    line-height: 90%;
}

.portfolio-app-items-main>p {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    margin: 50px 0;
}

.download-icons {
    text-align: left;
    display: flex;
    gap: 25px
}

.portfolio-app-items-parent {
    max-width: 650px;
}

.portfolio-app-items-image-mobile {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
    height: 100%;
    text-align: right;
}

.portfolio-app-items-image-mobile img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right;
}

.portfolio-app-items>.btn-portofolio {
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    z-index: 1;
}

.portfolio-app-items>.btn-portofolio i {
    margin-left: 10px;
}

.portfolio-app-items {
    background-image: url(../assets/portfolio/portfolioapp/webp/ocala-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    color: #fff;
    position: relative;
    padding: 100px 130px 75px;
}

.portfolio-app .portfolio-app-items.bata-app-portfolio {
    background-image: url(../assets/portfolio/portfolioapp/webp/bata-bg.webp);
}

.portfolio-app .portfolio-app-items.bmad-app-portfolio {
    background-image: url(../assets/portfolio/portfolioapp/webp/bmad-bg.webp);
}

.portfolio-app .slick-track {
    display: flex !important;
}

.portfolio-app .slick-slide {
    height: inherit !important;
}

.portfolio-app .slick-list {
    padding: 0px 0 100px;
    margin: 0 -50px;
}

.portfolio-app .slick-list .slick-slide {
    margin: 0 50px;
    border-radius: 50px;
}

.btn-portofolio button {
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    border: none;
    background: linear-gradient(45deg, #8134c3, #c57cfa);
    color: #fff;
    padding: 20px 40px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-portofolio button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: linear-gradient(-45deg, #8134c3, #c57cfa);
    z-index: -1;
    transition: 0.3s ease-in-out;
}

.btn-portofolio button:hover:before {
    width: 100%;
}

.download-icons img {
    width: 100%;
    max-width: 160px;
}

@media (min-width:992px) {
    .removeSpacingBoxTn .pricing-main-panel {
        padding-right: 0;
    }

    .removeSpacingBoxTn .pricing-flex-play .pricing-items li strong {
        text-transform: uppercase;
    }

    .removeSpacingBoxTn .pricing-flex-play .pricing-items {
        max-height: 50vh;
        overflow: auto;
    }

    .removeSpacingBoxTn .pricing-flex-play .pricing-items::-webkit-scrollbar-track {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        background-color: #ffffff;
        border-radius: 10px;
    }

    .pricing-flex-play .pricing-items::-webkit-scrollbar {
        width: 8px;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .pricing-flex-play .pricing-items::-webkit-scrollbar-thumb {
        background-color: #3d46a1;
        border-radius: 10px;
    }

    .removeSpacingBoxTn .pricing-flex-play .pricing-items ul {
        max-width: calc(100% - 70px);
    }

}

@media (min-width:992px) and (max-width:2000px) {
    .portfolio-app-items-head {
        gap: 1.04vw;
    }

    .portfolio-app-items-head h3 {
        font-size: 6.82vw;
    }

    .portfolio-app-items-main>p {
        font-size: 1.15vw;
        margin: 2.6vw 0;
    }

    .download-icons {
        gap: 1.3vw
    }

    .portfolio-app-items-parent {
        max-width: 33.85vw;
    }

    .portfolio-app-items-image-mobile {
        right: 2.6vw;
    }

    .portfolio-app-items>a.btn-a {
        bottom: -1.56vw;
    }

    .portfolio-app-items>a.btn-a i {
        margin-left: 0.52vw;
    }

    .portfolio-app-items {
        padding: 5.21vw 6.77vw 3.91vw;
    }

    .portfolio-app .slick-list {
        padding: 0vw 0 5.81vw;
        margin: 0 -2.6vw;
    }

    .portfolio-app .slick-list .slick-slide {
        margin: 0 2.6vw;
        border-radius: 2.6vw;
    }

    .btn-portofolio button {
        font-size: 1.04vw;
        gap: 0.78vw;
        padding: 1.04vw 2.08vw;
        border-radius: 0.78vw;
    }

    .download-icons img {
        max-width: 8.33vw;
    }

    .portfolio-app-items>.btn-portofolio {
        bottom: -1.56vw;
    }

    /*App*/
    /*New*/
    .banner-content-app-development h1 {
        font-size: 9.9vw;
        letter-spacing: -0.27vw;
    }

    .banner-section.banner-app-development {
        padding: 8vw 0;
    }

    .text-btn-reg-app {
        max-width: 66.67vw;
        margin: 1.56vw auto 0;
        transform: translateX(5.73vw);
    }

    .text-app-development {
        max-width: 24.48vw;
    }

    .text-app-development p {
        font-size: 0.83vw;
        margin-bottom: 2.08vw;
        line-height: 167%;
    }

    .text-btn-reg-app span.nextBtn a {
        font-size: 1.04vw;
        gap: 1.3vw;
    }

    .text-btn-reg-app span.nextBtn a i {
        font-size: 1.15vw;
    }

    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app {
        gap: 0.63vw;
        font-size: 1.15vw;
        max-width: 13.23vw;
        padding: 0.89vw 0.52vw;
        border-radius: 0.89vw;
    }

    .center-mobiles {
        max-width: 24.95vw;
    }

    /*2nd App*/
    .container-1460 {
        max-width: 76.04vw;
    }

    .text-heading-trust-us .row>div {
        padding: 0 0.63vw;
    }

    .text-heading-trust-us .row {
        margin: 0 -0.63vw;
    }

    .btn-reg.btn-gradient.btn-app-dev {
        border-radius: 0.57vw;
        gap: 1.15vw;
        padding: 0.52vw 1.77vw;
        margin-top: 3.39vw;
    }

    .section-trust-us {
        padding: 7.81vw 0;
    }

    .text-heading-trust-us-head>h3 {
        font-size: 3.65vw;
    }

    .text-heading-trust-us-head>h3:after {
        bottom: 0.52vw;
        height: 0.78vw;
    }

    .trust-us-image {
        width: 6.25vw;
        height: 6.25vw;
        top: -3.65vw;
    }

    .trust-us-item-text h2 {
        font-size: 1.3vw;
        margin-bottom: 0.78vw;
        letter-spacing: -0.04vw;
    }

    .trust-us-item-text p {
        font-size: 0.68vw;
        line-height: 220%;
    }

    .trust-us-item {
        padding: 3.65vw 1.82vw 2.6vw;
        border-radius: 0.57vw;
    }

    .text-heading-trust-us .row>div {
        margin-top: 6.77vw;
    }

    /*2nd App*/
    /*Agile Process*/
    .our-agile-heading {
        margin-bottom: 2.6vw;
    }

    .our-agile-heading h3 {
        font-size: 3.13vw;
        letter-spacing: -0.16vw;
    }

    .our-agile-heading h5 {
        font-size: 12.92vw;
        letter-spacing: -0.42vw;
    }

    .row-agile-process {
        margin: 0 -1.3vw;
    }

    .column-agile-process {
        padding: 0 1.3vw;
        margin-bottom: 2.34vw;
    }

    .small-column {
        flex: 0 0 35%;
    }

    .agile-process-item-parent {
        border: 0.05vw solid #005E9E;
        border-radius: 1.72vw;
        padding: 2.81vw 2.4vw;
    }

    .items-agile-header-content {
        max-width: 26.04vw;
    }

    .items-agile-header-content>div {
        gap: 0.52vw;
        margin-bottom: 1.72vw;
    }

    .items-agile-header-content>div h3 {
        font-size: 1.82vw;
        letter-spacing: -0.04vw;
    }

    .items-agile-header-content>div span {
        font-size: 3.44vw;
    }

    .items-agile-header-content>p {
        font-size: 0.83vw;
    }

    .small-column .items-agile-header-content {
        max-width: 17.45vw;
    }

    .agile-process-item-parent .trust-us-image {
        filter: drop-shadow(0vw 0vw 1.04vw #96D3FF);
    }

    .small-column .agile-process-item-parent {
        padding: 2.81vw 1.56vw;
    }

    .agile-process-item-parent .trust-us-image.agile-process-image-big {
        width: 10.94vw;
        height: 10.94vw;
    }

    section.our-agile-process-app-development {
        padding: 2.6vw 0 5.21vw;
    }

    /*Agile Process*/
    /**/
    .scrum-framework-heading {
        margin-bottom: 2.86vw;
    }

    .scrum-framework-heading h3 {
        font-size: 5.21vw;
        letter-spacing: -0.14vw;
    }

    .scrum-framework-heading h5 {
        font-size: 8.07vw;
    }

    .scrum-framework {
        padding: 5.21vw 0;
    }

    .scrum-framework-all {
        padding: 3.65vw 3.91vw;
        border-radius: 1.04vw;
    }

    .scrum-content {
        margin-top: 2.81vw;
        max-width: 70.31vw;
    }

    .scrum-content p {
        max-width: 36.46vw;
        font-size: 0.94vw;
        line-height: 170%;
    }

    .get-your-own-app {
        padding: 7.81vw 0 5.21vw;
    }

    .own-app-content-col {
        max-width: 42.19vw;
    }

    .own-app-image-col {
        max-width: 32.24vw;
    }

    .own-app-content h6 {
        font-size: 5.21vw;
    }

    .own-app-content h3 {
        font-size: 9.06vw;
        letter-spacing: -0.31vw;
    }

    .own-app-content-parapraphs {
        gap: 1.04vw;
        margin-top: 1.82vw;
    }

    .own-app-content-parapraphs p {
        font-size: 0.83vw;
        max-width: 23.85vw;
    }

    .get-your-own-app:after {
        right: -6.25vw;
        width: 36.46vw;
        height: 36.46vw;
    }

    /**/
    .portfolio-app ul.slick-dots {
        gap: 0.57vw;
        margin-bottom: 13.02vw;
    }

    .portfolio-app ul.slick-dots li button {
        width: 0.99vw;
        height: 0.99vw;
    }

    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app img,
    .btn-reg.btn-gradient.btn-app-dev img {
        max-width: 1.3vw;
        width: 100%;
    }

    /*New*/
    /*App*/
}

@media (max-width:991px) {
    .portfolio-app-items {
        padding: 50px 40px 70px;
        border-radius: 30px !important;
    }

    .portfolio-app-items-head h3 {
        font-size: 50px;
    }

    .portfolio-app-items-head img {
        max-width: 60px;
    }

    .portfolio-app-items-main>p {
        font-size: 16px;
        margin: 20px 0;
    }

    .download-icons img {
        max-width: 100px;
    }

    .download-icons {
        gap: 10px;
    }

    .portfolio-app-items-parent {
        max-width: 50%;
    }

    .portfolio-app-items-image-mobile {
        right: 10px;
        width: 50%;
    }

    .btn-portofolio button {
        font-size: 16px;
        padding: 15px 25px;
        border-radius: 10px;
    }

    .portfolio-app-items>.btn-portofolio {
        bottom: -27px;
    }

    .portfolio-app .slick-list {
        padding: 0 0 80px;
    }

    .portfolio-app {
        margin-bottom: 0 !important;
    }

    .banner-section.banner-app-development {
        padding: 110px 0;
    }

    .banner-content-app-development h1 {
        font-size: 100px;
    }

    .text-app-development p {
        font-size: 14px;
    }

    .center-mobiles {
        max-width: 50%;
        z-index: -1;
        opacity: 0.2;
    }

    .text-btn-reg-app {
        transform: none;
        flex-direction: column-reverse;
    }

    .text-app-development {
        max-width: 100%;
        text-align: center;
    }

    .text-btn-reg-app span.nextBtn a {
        display: none;
    }

    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app,
    .btn-reg.btn-gradient.btn-app-dev,
    .btn-portofolio button {
        font-size: 14px;
        max-width: fit-content;
        padding: 11px 20px;
        border-radius: 12px;
    }

    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app img,
    .btn-reg.btn-gradient.btn-app-dev img {
        max-width: 25px;
    }

    .container-1460 {
        max-width: 90%;
    }

    .text-heading-trust-us-head>h3 {
        font-size: 45px;
    }

    .text-heading-trust-us-head>h3:after {
        height: 8px;
        bottom: 8px;
    }

    .trust-us-image {
        width: 80px;
        height: 80px;
        top: -40px;
    }

    .trust-us-item {
        padding: 50px 25px 30px;
    }

    .trust-us-item-text h2 {
        font-size: 20px;
        line-height: 100%;
    }

    .trust-us-item-text p {
        font-size: 12px;
        line-height: 180%;
    }

    .text-heading-trust-us .row>div {
        margin-top: 80px;
    }

    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app {
        margin: 0 auto;
    }

    .section-trust-us {
        padding: 100px 0;
    }

    .our-agile-heading h3,
    .scrum-framework-heading h3,
    .own-app-content h6 {
        font-size: 35px;
        letter-spacing: -2px;
    }

    .our-agile-heading h5 {
        font-size: 120px;
    }

    section.our-agile-process-app-development {
        padding: 0 0 50px;
    }

    .column-agile-process {
        flex: 0 0 50%;
        max-width: 50%;
        width: 100%;
        margin-bottom: 45px;
        padding: 0 15px;
    }

    .agile-process-item-parent .trust-us-image {
        position: static !important;
        width: 100px !important;
        height: 100px !important;
        margin: 0 0 35px;
        transform: none !important;
    }

    .agile-process-item-parent {
        border-radius: 20px;
        padding: 34px 30px !important;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .items-agile-header-content>div span {
        font-size: 40px;
    }

    .items-agile-header-content>div h3 {
        font-size: 22px;
    }

    .items-agile-header-content>p {
        font-size: 14px;
    }

    .items-agile-header-content>div {
        margin-bottom: 20px;
    }

    .row-agile-process {
        margin: 0 -15px;
    }

    .btn-reg.btn-gradient.btn-app-dev {
        margin-top: 20px;
        gap: 15px;
    }

    .scrum-framework-heading h5 {
        font-size: 90px;
    }

    .scrum-content p {
        font-size: 14px;
        max-width: 60%;
    }

    .scrum-framework-all {
        padding: 50px 30px;
    }

    .own-app-content h3 {
        font-size: 75px;
    }

    .own-app-content-parapraphs {
        margin-top: 20px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .own-app-image-col {
        max-width: 450px;
        margin: 50px auto 0;
    }

    .get-your-own-app {
        padding: 0px 0 50px;
    }

    .own-app-content-parapraphs p {
        font-size: 14px;
    }

    .own-app-content-col {
        max-width: 50%;
    }

    .own-app-image-col {
        max-width: 40%;
        margin: auto;
    }

    .get-your-own-app:after {
        width: 300px;
        height: 300px;
        right: 40px;
    }

    .portfolio-app-items-main>p {
        font-size: 14px;
        line-height: 180%;
    }

    .btn-portofolio button {
        bottom: 6px;
    }

    .portfolio-app ul.slick-dots {
        margin-bottom: 0px;
    }

    .portfolio-app ul.slick-dots li button {
        width: 14px;
        height: 14px;
    }

    .agile-process-item-parent .trust-us-image {
        margin-right: auto !important;
    }
}

@media (max-width:767px) {
    .banner-content-app-development h1 {
        font-size: 65px;
    }

    .text-btn-reg-app {
        margin: 20px auto 0;
    }

    .text-app-development p {
        margin-bottom: 30px;
    }

    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app,
    .btn-reg.btn-gradient.btn-app-dev,
    .btn-portofolio button {
        font-size: 12px;
        padding: 10px 15px;
    }

    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app img,
    .btn-reg.btn-gradient.btn-app-dev img {
        max-width: 20px;
    }

    .section-trust-us {
        padding: 50px 0;
    }

    .btn-reg.btn-gradient.btn-app-dev {
        margin-top: 40px;
        gap: 10px;
    }

    .our-agile-heading h5 {
        font-size: 100px;
    }

    .our-agile-heading h3,
    .scrum-framework-heading h3,
    .own-app-content h6 {
        font-size: 25px;
    }

    .column-agile-process {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .items-agile-header-content {
        text-align: center;
        max-width: 100% !important;
    }

    .items-agile-header-content>div {
        justify-content: center;
    }

    .agile-process-item-parent {
        padding: 25px 20px 35px !important;
    }

    .agile-process-item-parent .trust-us-image {
        margin: 0 auto 25px;
    }

    .items-agile-header-content>p {
        font-size: 12px;
    }

    .items-agile-header-content>div h3 {
        font-size: 20px;
    }

    .items-agile-header-content>div span {
        font-size: 30px;
    }

    .items-agile-header-content>div h3>br {
        display: none;
    }

    .scrum-framework {
        padding: 50px 0;
    }

    .get-your-own-app {
        padding: 50px 0;
    }

    .scrum-framework-heading h5 {
        font-size: 13vw;
    }

    .scrum-content {
        flex-direction: column;
        gap: 20px;
    }

    .scrum-content p,
    .own-app-content-parapraphs p {
        max-width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .scrum-framework-all {
        padding: 40px 20px;
    }

    .own-app-content-col {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .own-app-content-parapraphs p {
        max-width: 100%;
    }

    .own-app-content-parapraphs {
        justify-content: center;
        align-items: center;
    }

    .own-app-image-col {
        max-width: 300px;
        width: 100%;
        margin: 50px auto 0;
    }

    .get-your-own-app:after {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width:576px) {
    .portfolio-app-items {
        padding: 30px 25px 60px;
        border-radius: 20px !important;
    }

    .portfolio-app-items-parent {
        max-width: 100%;
    }

    .portfolio-app-items-head {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }

    .portfolio-app-items-main>p {
        font-size: 12px;
        text-align: center;
        line-height: 160%;
    }

    .download-icons {
        justify-content: center;
    }

    .portfolio-app-items-image-mobile {
        width: 100%;
        position: static;
        transform: none;
        height: auto;
        margin: 35px 0 0;
    }

    .portfolio-app-items-head h3 {
        font-size: 35px;
    }

    .btn-portofolio button {
        width: max-content;
        font-size: 14px;
        gap: 0;
        padding: 10px 20px;
        border-radius: 6px;
    }

    .portfolio-app-items>.btn-portofolio {
        bottom: -20.5px;
    }

    .banner-content-app-development h1 {
        font-size: 13vw;
        letter-spacing: -2px;
    }

    .text-app-development p {
        font-size: 12px;
    }

    section.banner-section.banner-app-development {
        padding: 120px 0 70px;
    }

    .text-heading-trust-us-head>h3 {
        font-size: 30px;
        letter-spacing: -1px;
    }

    .text-heading-trust-us-head>h3:after {
        display: none;
    }

    .our-agile-heading h5 {
        font-size: 20.5vw;
        letter-spacing: -4px;
    }

    .own-app-content h3 {
        font-size: 19vw;
        letter-spacing: -2px;
    }

    .portfolio-app .slick-list {
        padding: 0 0 40px;
    }

    .portfolio-app ul.slick-dots {
        margin-bottom: 20px;
    }

    .agile-process-item-parent .trust-us-image {
        width: 80px !important;
        height: 80px !important;
        margin: 0 auto 20px;
    }

    .items-agile-header-content>div {
        margin-bottom: 15px;
    }

    .agile-process-item-parent {
        padding: 20px !important;
    }
}
.compact-form input,
.compact-form textarea {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.compact-form textarea {
  resize: vertical; /* Optional: lets the user resize the box vertically */
}