.pb {
    padding-bottom: 60px
}

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

.pt,
.ptb {
    padding-top: 100px
}

.ptb {
    padding-bottom: 60px
}

.light-purple-btn {
    background-color: #a86bff
}

.light-blue-btn {
    background-color: #2d79fd
}

.blue-circle {
    background-color: #4967ff
}

.yellow-triangle {
    background-color: #ecac67
}

.sky-blue-icon {
    background-color: #48c3f8
}

.purple-circle-btn {
    background-color: #8d5dff
}

.darkgreen-btn {
    background-color: #017a5c
}

.blue-double-circle {
    background-color: #256af0
}

.yello-dark-triangle-btn {
    background-color: #ffc551
}

.blue-btn {
    background-color: #2b88fb
}

.darkblue-btn {
    background-color: #3f75ff
}

.yellow-btn {
    background-color: #ffc009
}

.green-btn {
    background-color: #17ffbd
}

.orange-btn {
    background-color: #ff7223
}

.purple-btn {
    background-color: #7427e8
}

.font-weight-regular {
    font-weight: 400
}

.font-weight-medium {
    font-weight: 600
}

.font-weight-bold {
    font-weight: 800
}

.font-weight span {
    margin-right: 40px
}

.title {
    color: #fff;
    margin-bottom: 80px;
    position: relative
}

.title p {
    color: hsla(0, 0%, 100%, .8);
    margin-top: 15px
}

.title p a {
    color: #ff174f;
    transition: all .3s
}

.title p a:hover {
    color: #fff
}

.content-description p a {
    color: #ff174f;
    transition: all .3s
}

.content-description p a:hover {
    color: #fff
}

.text-right {
    text-align: right
}

.desktop-none {
    display: none
}

.multiselect__value-container {
    padding: 0 !important
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.slick-slide img {
    text-align: center;
    margin: 0 auto
}

.slick-dots {
    position: static !important
}

.slick-dots li.slick-active button:before {
    color: #e1ff6a !important
}

.slick-dots li {
    margin: 0 !important
}

.slick-dots li button:before {
    color: #fff !important;
    font-size: 10px !important
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: .25 !important
}

.slick-dots li.slick-active button:before {
    opacity: 1 !important
}

.section-hover .subtitle:hover {
    background: linear-gradient(89.85deg, #ff174f 1.13%, rgba(255, 23, 79, 0) 107.53%);
    border-radius: 24px 0 0 24px;
    width: 100%
}

.subtitle {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    padding: 10px 15px 10px 0;
    margin-bottom: 15px
}

.subtitle:before {
    content: "";
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 100%;
    width: 59px;
    top: 0;
    bottom: 0;
    margin: auto auto auto 20px
}

.inner-pages .hero h1 {
    max-width: 980px
}

.hero p {
    margin-bottom: 45px
}

.hero p:last-child {
    margin: 0
}

.hero .m-toggle span:before,
.hero span:after,
.m-toggle .hero span:before {
    content: " "
}

.inner-title {
    font-size: 220px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .5);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 800
}

.inner-title .small-title {
    font-size: 70px;
    display: block;
    line-height: 80px;
    margin-bottom: -60px;
    margin-left: 10px
}

.hero h1 {
    color: #fff;
    margin-bottom: 20px
}

.purple-box {
    background: linear-gradient(45deg, #e1ff6a, #dcf76e, #7f9f03 79%);
    border-radius: 35px;
    padding: 40px 80px;
    position: relative;
    color: #fff
}

.blackbox {
    background: #171717;
    border-radius: 15px
}

.right-arrow-image {
    background: #fff;
    border-radius: 70px;
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer
}

.right-arrow-image:hover {
    background: #000
}

.common-btn {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 24px;
    padding: 12px 20px;
    max-width: max-content;
    cursor: pointer
}

.common-btn .white-right-arrow path {
    stroke: #fff;
    fill: #fff
}

.common-btn:hover {
    border-color: #E1FF6A;
    color: #E1FF6A;
}

.common-btn:hover .white-right-arrow path {
    stroke: #E1FF6A;
    fill: #E1FF6A
}

.common-btn svg {
    margin-left: 10px
}

.view-btn {
    padding: 11px 30px
}

.theme-btn {
    background-color: #ff174f;
    border: 1px solid #ff174f
}

.theme-btn:hover {
    background-color: transparent;
    border: 1px solid #ff174f
}

.right-btn {
    position: absolute;
    right: 0;
    top: 15px
}

.icon-box,
.icon-wrapper {
    display: flex
}

.icon-box {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.icon-box span {
    margin-top: 20px;
    max-width: 100px
}

.marquee-list {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 80px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    color: #fff
}

.marquee-list:hover .marquee-text {
    animation-play-state: paused !important
}

.marquee-list .marquee-text {
    display: flex;
    font-size: 100px;
    -webkit-text-stroke-width: 1.04542px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 800;
    will-change: transform;
    min-width: max-content;
    animation: marqee 40s linear infinite
}

.marquee-list .marquee-text span {
    margin-right: 80px
}

.blur-box {
    border-radius: 22px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    height: 100%
}

.blur-box .shadow-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1
}

.content-box .icon-wrapper .icon-box {
    padding-right: 50px
}

.content-box p {
    /* margin-top: 50px; */
    /* margin-bottom: 50px; */
}

.content-box .image-wrapper {
    text-align: right
}

.content-box .image-wrapper img,
.content-box .image-wrapper video {
    border-radius: 20px
}

.our-industry .content-list {
    padding-top: 20px
}

.our-industry .content-list li:nth-child(2) .content-list-right .card-image:after,
.our-industry .content-list li:nth-child(2) .content-list-right .card-image:before {
    background: linear-gradient(137.15deg, #30cdff 17.24%, #1e8df2 55.05%)
}

.our-industry .content-list li:nth-child(3) .content-list-right .card-image:after,
.our-industry .content-list li:nth-child(3) .content-list-right .card-image:before {
    background: #fff
}

.our-industry .content-list li:nth-child(4) .content-list-right .card-image:after,
.our-industry .content-list li:nth-child(4) .content-list-right .card-image:before {
    background: linear-gradient(319.59deg, #dab28c 39.85%, #00c6db 88.35%)
}

.our-industry .content-list li:nth-child(5) .content-list-right .card-image:after,
.our-industry .content-list li:nth-child(5) .content-list-right .card-image:before {
    background: linear-gradient(153.85deg, #fff 16.47%, #00b2ff 64.09%)
}

.our-industry .content-list li:nth-child(6) .content-list-right .card-image:after,
.our-industry .content-list li:nth-child(6) .content-list-right .card-image:before {
    background: linear-gradient(127.97deg, #cfff48 14.26%, #dbff00 62.01%)
}

.our-industry .content-list li:nth-child(7) .content-list-right .card-image:after,
.our-industry .content-list li:nth-child(7) .content-list-right .card-image:before {
    background: #8d5dff
}

.our-industry .content-list li:nth-child(8) .content-list-right .card-image:after,
.our-industry .content-list li:nth-child(8) .content-list-right .card-image:before {
    background: #ffc701
}

.our-industry .content-list li:nth-child(9) .content-list-right .card-image:after,
.our-industry .content-list li:nth-child(9) .content-list-right .card-image:before {
    background: linear-gradient(177.53deg, #246fff 2.07%, #334377 76.57%)
}

.our-industry .content-list li:nth-child(10) .content-list-right .card-image:after,
.our-industry .content-list li:nth-child(10) .content-list-right .card-image:before {
    background: #ffc551
}

.content-list .content-list-left {
    display: flex;
    align-items: flex-start
}

.content-list .content-list-left .content {
    margin-left: 30px
}

.content-list .content-list-left img,
.content-list .content-list-left svg {
    margin-top: 15px
}

.content-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .6px solid hsla(0, 0%, 100%, .3);
    padding: 30px 0;
    cursor: pointer;
    position: relative;
    border-radius: 32px 32px 0 0;
    transition: .5s
}

.content-list li:has(+li:hover) {
    border: none
}

.content-list li:hover {
    background: #2f2f2f;
    border-radius: 32px;
    padding: 90px 30px;
    border: none;
    cursor: auto
}

.content-list li:hover:last-child {
    border-bottom: none
}

.content-list li:hover .content p {
    display: block
}

.content-list li:hover .right-arrow-icon {
    display: flex
}

.content-list li:hover .right-arrow-icon .white-right-arrow path {
    fill: #fff
}

.content-list li:hover .content-list-right {
    display: flex;
    align-items: flex-start
}

.content-list li:hover h4 {
    font-size: 50px;
    color: #fff;
    font-weight: 700
}

.content-list li h4 {
    text-transform: capitalize;
    color: #969696;
    font-size: 2rem;
}

.content-list li p {
    margin-top: 10px;
    max-width: 500px;
    display: none;
    color: #fff;
}

.content-list .content-list-right {
    display: none;
    flex-wrap: wrap;
    align-items: center
}

.content-list .icon-box {
    padding: 0 35px;
    color: #fff
}

.content-list .right-arrow-icon {
    display: none
}

.input-wrapper {
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 400;
    position: relative
}

.input-wrapper .form-input {
    background: transparent;
    box-shadow: none;
    border: none;
    border-bottom: .8px solid #404040;
    width: 100%;
    padding-bottom: 15px;
    color: #fff;
    font-weight: 300
}

.input-wrapper .PhoneInputInput {
    background: transparent;
    border: none;
    color: #fff
}

.input-wrapper .error {
    font-size: 14px;
    font-weight: 400;
    color: #ff174f;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 5px;
    text-transform: capitalize
}

textarea {
    resize: none
}

.faq-content .accordion-item {
    margin-bottom: 30px;
    background: transparent;
    border: none;
    color: #fff
}

.faq-content .accordion-item .content h4 {
    text-transform: capitalize
}

.faq-content .accordion-button {
    background: #2c2c2c;
    border-radius: 21px !important;
    color: #fff;
    padding: 35px 20px;
    font-size: 24px;
    font-weight: 600;
    box-shadow: none;
    position: relative
}

.faq-content .accordion-button:after,
.faq-content .m-toggle span.accordion-button:before,
.m-toggle .faq-content span.accordion-button:before {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/white-down-arrow.svg)
}

.faq-content .accordion-body {
    font-size: 22px;
    color: hsla(0, 0%, 100%, .8);
    font-weight: 200
}

.faq-content .accordion-body ul {
    padding: 0 20px
}

.faq-content .accordion-body ul li {
    list-style: disc
}

.blogs-wrapper {
    display: flex;
    justify-content: space-between
}

.blogs-wrapper .blog-content {
    padding: 48px 52px;
    border-radius: 24px;
    box-shadow: 0 20px 60px 0 rgba(0, 0, 0, .1)
}

.blogs-wrapper .blog-content h3 {
    padding-top: 20px
}

.blogs-wrapper .blog-content .common-btn {
    margin-top: 59px;
    padding: 10px 20px;
    background-color: transparent;
    font-size: 17px;
    font-weight: 400;
    display: inline-block
}

.blogs-wrapper .blog-content .common-btn svg path {
    stroke: transparent
}

.blogs-wrapper .blog-content .common-btn:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #000
}

.blogs-wrapper .blog-content .common-btn:hover svg path {
    fill: #000;
    stroke: transparent
}

.blogs-wrapper .purple-box {
    margin-right: 20px;
    flex: 1 1
}

.blogs-wrapper .purple-box .contact-btn svg {
    margin-left: 10px
}

.blogs-wrapper .purple-box:hover .contact-btn:hover {
    border: 1px solid #fff;
    color: #000;
    background-color: #fff
}

.blogs-wrapper .purple-box:hover .contact-btn:hover svg path {
    fill: #000;
    stroke: #000
}

.blogs-wrapper .white-box p {
    color: #000
}

.blogs-wrapper .white-box h4 {
    padding-top: 20px;
    font-weight: 600
}

.blogs-wrapper .white-box .apply-btn {
    border: 1px solid #000;
    color: #000;
    margin-top: 83px
}

.blogs-wrapper .white-box .apply-btn:hover {
    border: 1px solid #ff174f;
    color: #ff174f
}

.hire-cta .blogs-wrapper {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    column-gap: 20px
}

.hire-cta .blogs-wrapper .purple-box {
    width: 100%
}

.hire-cta .blogs-wrapper .white-box {
    width: 100% !important
}

.ready-to-multiqos .white-box {
    width: 460px;
    transition: width .5s
}

.ready-to-multiqos .white-box:hover {
    width: 650px
}

.white-box {
    background-color: #fff;
    color: #000
}

.hire-image {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(25deg);
    transform-origin: 100% 7%
}

.hire-image .hire-animation {
    display: flex;
    position: relative;
    top: -50%;
    flex-direction: column
}

.hire-image .hire-animation:nth-child(2n) {
    margin: 0 30px
}

.hire-image .hire-animation div {
    animation: animate1 80s linear infinite;
    animation-delay: -80s
}

.hire-image .hire-animation div:nth-child(2) {
    animation: animate2 80s linear infinite;
    animation-delay: -40s
}

.hire-image .hire-animation:nth-child(2n) div {
    animation: animate3 80s linear infinite;
    animation-delay: -80s
}

.hire-image .hire-animation:nth-child(2n) div:nth-child(2) {
    animation: animate4 80s linear infinite;
    animation-delay: -40s
}

.hire-image .hire-animation img {
    max-height: 670px
}

.header-fixed header {
    top: 0;
    bottom: 0;
    height: 95px;
    background: #000;
    animation: smoothScroll 1s forwards
}

.header-content,
.header-fixed header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    transition: all 1s ease
}

.header-content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    -webkit-backdrop-filter: blur(81.5px);
    backdrop-filter: blur(81.5px);
    left: 0;
    right: 0;
    z-index: -1
}

.header-content .menu-link ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.header-content .menu-link ul .sub-menu {
    background: rgba(60, 60, 60, .41);
    -webkit-backdrop-filter: blur(101px);
    backdrop-filter: blur(101px);
    border-radius: 16px;
    position: absolute;
    transform: translate(-50%);
    display: none;
    min-width: 810px;
    z-index: 9;
    top: 50px;
    margin-top: 20px;
    cursor: default
}

.header-content .menu-link ul .sub-menu.company-submenu {
    min-width: 570px
}

.header-content .menu-link ul .sub-menu.company-submenu .submenu-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.header-content .menu-link ul .sub-menu.company-submenu .submenu-footer .footer-heading {
    font-size: 16px
}

.header-content .menu-link ul .sub-menu.large-sub-menu {
    min-width: 930px
}

.header-content .menu-link ul .sub-menu .submenu-header {
    padding: 40px 30px
}

.header-content .menu-link ul .sub-menu .submenu-header .title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px
}

.header-content .menu-link ul .sub-menu .submenu-header .title.active,
.header-content .menu-link ul .sub-menu .submenu-header .title.active a,
.header-content .menu-link ul .sub-menu .submenu-header .title:hover {
    color: #ff174f
}

.header-content .menu-link ul .sub-menu .submenu-header .title a {
    color: #fff;
    transition: all .3s ease
}

.header-content .menu-link ul .sub-menu .submenu-header .title a:hover {
    color: #ff174f
}

.header-content .menu-link ul .sub-menu .submenu-header .title p {
    font-size: 16px;
    font-weight: 300;
    max-width: 195px;
    line-height: 23px;
    margin-top: 15px;
    color: #fff
}

.header-content .menu-link ul .sub-menu .submenu-header .submenu-inner-list-wrapper {
    display: flex;
    flex-wrap: wrap
}

.header-content .menu-link ul .sub-menu .submenu-header .submenu-inner-list-wrapper .submenu-inner-list {
    width: 33.33%;
    margin-bottom: 60px
}

.header-content .menu-link ul .sub-menu .submenu-header .submenu-inner-list-wrapper .submenu-inner-list:nth-last-child(-n+3) {
    margin-bottom: 0
}

.header-content .menu-link ul .sub-menu .submenu-header .submenu-inner-list-wrapper .submenu-inner-list .submenu-list ul li {
    width: 100%
}

.header-content .menu-link ul .sub-menu .submenu-list ul li {
    margin-left: 0;
    width: 33.33%;
    height: auto;
    cursor: default;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: .03em
}

.header-content .menu-link ul .sub-menu .submenu-list ul li.active a {
    color: #ff174f
}

.header-content .menu-link ul .sub-menu .submenu-list ul li:hover:before {
    opacity: 0
}

.header-content .menu-link ul .sub-menu .submenu-list ul li a {
    color: #fff;
    transition: all .3s ease
}

.header-content .menu-link ul .sub-menu .submenu-list ul li a:hover {
    color: #ff174f
}

.header-content .menu-link ul .sub-menu .submenu-footer {
    background: linear-gradient(102.83deg, #670dfc 33.74%, #3960e9 78.18%);
    border-radius: 0 0 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px
}

.header-content .menu-link ul .sub-menu .submenu-footer .footer-heading {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 5px
}

.header-content .menu-link ul .sub-menu .submenu-footer p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px
}

.header-content .menu-link ul .sub-menu .submenu-footer ul li {
    margin-left: 18px
}

.header-content .menu-link ul .sub-menu .submenu-footer ul li:hover:before {
    display: none
}

.header-content .menu-link ul .sub-menu .submenu-footer ul li .social-box .icon {
    background: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.header-content .menu-link ul .sub-menu .submenu-footer ul li .social-box .icon:hover {
    background: #000
}

.header-content .menu-link ul .sub-menu .submenu-footer ul li .social-box span {
    font-size: 12px;
    font-weight: 600;
    color: #fff
}

.header-content .menu-link ul .sub-menu .submenu-footer ul li .social-box .dribble path {
    fill: #562bf5
}

.header-content .menu-link ul .sub-menu .submenu-footer .right-arrow-icon {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    cursor: pointer
}

.header-content .menu-link ul .sub-menu .submenu-footer .right-arrow-icon:hover {
    border: 1px solid #000;
    background: #000
}

.header-content .menu-link ul .services-menu .submenu-header .submenu-inner-list-wrapper .submenu-inner-list:nth-child(2) {
    width: 60%
}

.header-content .menu-link ul .services-menu .submenu-header .submenu-inner-list-wrapper .submenu-inner-list:nth-child(2) .submenu-list {
    column-count: 2;
    column-gap: 50px
}

.header-content .menu-link ul li {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-left: 40px;
    cursor: pointer;
    transition: all .3s ease;
    position: relative;
    align-items: center;
    display: flex;
    height: 78px
}

.header-content .menu-link ul li a {
    text-decoration: none;
    color: #fff
}

.header-content .menu-link ul li:hover a {
    color: #ff174f
}

.header-content .menu-link ul li.ismenuopen .sub-menu {
    display: block
}

.header-content .menu-link ul li.active a {
    color: #ff174f
}

.header-content .menu-link ul li:last-child:hover:before {
    display: none
}

.header-content .menu-link ul li .common-btn {
    font-size: 17px;
    padding: 9px 20px
}

.mobile-open .header-content:before {
    background: #000;
    transition: all .5s ease
}

.cta .cta-content {
    padding: 88px 70px;
    display: flex;
    border-radius: 20px;
    align-items: center;
    justify-content: space-between
}

.cta .cta-content .title {
    margin: 0;
    max-width: 920px
}

.cta .cta-content .title p {
    margin-top: 25px;
    max-width: 750px
}

.bg-gradient-purple {
    background: linear-gradient(180deg, #7910ff, #6100ff)
}

.bg-gradient-clr {
    background: linear-gradient(92.36deg, #cdff8e .34%, #8efff8 53.68%, #d0fcff 99.77%)
}

.bg-light-gradient-clr {
    background: linear-gradient(90deg, #f1eeff, #cef1ee 26.03%, #fff 54.15%, #f1ecff 74.45%, #c1f4cb 99.96%)
}

.bg-skyblue-gradient {
    background: linear-gradient(180deg, #6934ff, #00e0ff) !important
}

.bg-black {
    background: #000
}

.bg-light-yellow {
    background: #fdff8e
}

.bg-purple {
    background: #9c5fff
}

.bg-light-green {
    background: #d1ffbb
}

.bgskyblue .purple-box {
    background: #fff;
    color: #000
}

.bgskyblue .purple-box p {
    color: #000
}

.bgskyblue .purple-box .common-btn {
    border: 1px solid #000;
    color: #000
}

.bgskyblue .purple-box .common-btn svg path {
    fill: #000;
    stroke: transparent
}

.bgskyblue .purple-box .common-btn:hover {
    border: 1px solid #ff174f;
    color: #ff174f
}

.bgskyblue .purple-box .common-btn:hover svg path {
    fill: #ff174f;
    stroke: transparent
}

.bgskyblue .white-box {
    background: #46b4f1;
    color: #fff
}

.bgskyblue .white-box p {
    color: #fff
}

.bgskyblue .white-box .common-btn {
    border: 1px solid #fff;
    color: #fff;
    background: transparent
}

.bgskyblue .white-box .common-btn:hover {
    color: #000;
    background: #fff;
    border: 1px solid #fff
}

.bg-sky-blue {
    background: #46b4f1
}

.bg-black-btn {
    background: #000;
    border: 1px solid #000;
    font-weight: 500
}

.bg-black-btn svg path {
    stroke: #fff
}

.bg-black-btn:hover {
    border: 1px solid #000;
    background-color: transparent;
    color: #000
}

.bg-black-btn:hover svg path {
    fill: #000;
    stroke: #000
}

.bg-white-btn {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
    font-weight: 500
}

.bg-white-btn svg path {
    stroke: #000;
    fill: #000
}

.bg-white-btn:hover {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff
}

.bg-white-btn:hover svg path {
    fill: #fff;
    stroke: #fff
}

.text-black,
.text-black h5,
.text-black p {
    color: #000
}

.text-black .rounded-btn {
    background-color: #000
}

.text-black .rounded-btn svg path {
    fill: #fff
}

.text-black .rounded-btn:hover {
    background-color: #fff
}

.text-black .rounded-btn:hover svg path {
    fill: #000;
    stroke: #000
}

.text-white {
    color: #fff
}

.text-white h5,
.text-white p {
    color: #fff !important
}

.text-white .rounded-btn {
    background: transparent !important;
    border: 1px solid #fff !important
}

.text-white .rounded-btn svg path {
    fill: #fff !important;
    stroke: #fff !important
}

.text-white .rounded-btn:hover {
    background-color: #fff !important
}

.text-white .rounded-btn:hover span {
    color: #000
}

.text-white .rounded-btn:hover svg path {
    fill: #000 !important;
    stroke: #000 !important
}

.service-box {
    counter-reset: section
}

.service-box .col-lg-4:nth-last-child(-n+3) .content-wrapper {
    margin-bottom: 0
}

.service-box .content-wrapper {
    margin-bottom: 90px;
    margin-right: 50px
}

.service-box .content-wrapper h5 {
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-right: 120px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 85px
}

.service-box .content-wrapper h5:before {
    counter-increment: section;
    content: "0" counter(section);
    font-size: 100px;
    font-weight: 900;
    position: absolute;
    right: 0;
    top: -20px;
    background: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .4));
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    color: #000;
    z-index: -1
}

.service-box .content-wrapper p {
    color: hsla(0, 0%, 100%, .8)
}

.count-box {
    display: inline-block
}

.count-box .number {
    font-size: 75px;
    color: #ff174f;
    font-weight: 800
}

.count-box .content-title {
    font-size: 18px;
    color: #969696;
    font-weight: 500
}

.choose-list-wrapper .custom-list {
    background: hsla(0, 0%, 85%, .1);
    border-radius: 25px;
    color: #fff;
    display: flex;
    padding: 40px 30px 20px;
    margin-bottom: 30px
}

.choose-list-wrapper .custom-list ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 70%
}

.choose-list-wrapper .custom-list ul li {
    padding: 5px 30px;
    margin-right: 15px;
    margin-bottom: 20px;
    position: relative
}

.choose-list-wrapper .custom-list ul li:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 80px;
    padding: 1px;
    background: linear-gradient(231deg, rgba(255, 23, 79, .55), rgba(255, 232, 23, .55), rgba(23, 241, 255, .55), rgba(255, 232, 23, .55), rgba(255, 23, 79, .55));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor
}

.choose-list-wrapper .custom-list ul li span {
    font-size: 24px;
    font-weight: 300
}

.choose-list-wrapper .custom-list h5 {
    font-weight: 500;
    width: 30%
}

.contact-us .title {
    margin-bottom: 0
}

.contact-details {
    margin-top: 60px
}

.contact-details .title-text {
    display: block;
    color: #fff;
    opacity: .5;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px
}

.contact-details ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px
}

.contact-details ul .contact-link {
    width: calc(50% - 30px)
}

.contact-details ul .contact-link a {
    display: flex;
    align-items: center
}

.contact-details ul .contact-link a p {
    margin-left: 20px;
    transition: all .4s
}

.contact-details ul .contact-link a svg {
    flex-shrink: 0
}

.contact-details ul .contact-link a svg path {
    transition: all .4s
}

.contact-details ul .contact-link a:hover svg path {
    fill: #ff174f;
    transition: all .6s
}

.contact-details ul .contact-link a:hover p {
    color: #ff174f;
    transition: all .6s
}

.follow-links-wrap ul {
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 10px
}

.follow-links-wrap ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #fff;
    border-radius: 100%;
    transition: all .4s;
    position: relative
}

.follow-links-wrap ul li a:hover {
    border-color: transparent
}

.follow-links-wrap ul li a:hover path,
.follow-links-wrap ul li a:hover svg {
    transition: all .4s
}

.follow-links-wrap ul li a:hover svg {
    transform: scale(0)
}

.follow-links-wrap ul li a:hover span,
.follow-links-wrap ul li a:hover span svg {
    transform: scale(1)
}

.follow-links-wrap ul li a path,
.follow-links-wrap ul li a span,
.follow-links-wrap ul li a svg {
    transition: all .4s
}

.follow-links-wrap ul li a span,
.follow-links-wrap ul li a svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.follow-links-wrap ul li a span {
    width: 44px;
    height: 44px;
    transform: scale(0);
    left: -1px
}

.follow-links-wrap ul li a span svg {
    position: static
}

.blur-image:first-child .other-service-box:before {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/blur1.webp)
}

.blur-image:nth-child(2) .other-service-box:before {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/blur2.webp);
    height: 160px
}

.blur-image:nth-child(3) .other-service-box:before {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/blur3.webp);
    height: 205px
}

.blur-image:nth-child(4) .other-service-box:before {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/blur4.webp);
    height: 200px
}

.blur-image .other-service-box {
    background: #0f0f0f;
    padding: 30px;
    height: 390px;
    position: relative
}

.blur-image .other-service-box:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    bottom: 0;
    left: 0;
    height: 140px;
    right: 0
}

.blur-image .other-service-box .number {
    color: hsla(0, 0%, 100%, .3);
    font-size: 28px;
    margin-bottom: 15px
}

.blur-image .other-service-box .service-title {
    font-size: 28px;
    font-weight: 500;
    color: #fff
}

.blur-image .other-service-box .rounded-btn {
    position: absolute;
    bottom: 30px;
    background: transparent;
    border-color: #fff
}

.blur-image .other-service-box .rounded-btn:hover span {
    color: #fff
}

.blur-image .other-service-box .rounded-btn svg path {
    fill: #fff
}

.digital .content-wrapper::-webkit-scrollbar {
    width: 3px
}

.digital .content-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1
}

.digital .content-wrapper::-webkit-scrollbar-thumb {
    background: #888
}

.mobile-menu-inner-wrap::-webkit-scrollbar {
    width: 8px
}

.mobile-menu-inner-wrap::-webkit-scrollbar-track {
    background: #f1f1f1
}

.mobile-menu-inner-wrap::-webkit-scrollbar-thumb {
    background: #888
}

.custom-tab .tab-header {
    background: hsla(0, 0%, 85%, .12);
    border-radius: 60px;
    padding: 40px 70px
}

.custom-tab .tab-header .nav-item a {
    border: 2px solid hsla(0, 0%, 41%, .28);
    border-radius: 82px;
    background-color: transparent;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    cursor: pointer;
    transition: all .3s ease;
    margin-right: 20px
}

.custom-tab .tab-header .nav-item a.active,
.custom-tab .tab-header .nav-item a:hover {
    background-color: #ff174f;
    border-color: #ff174f
}

.custom-tab .tab-content {
    margin-top: 90px
}

.showImage {
    overflow: hidden
}

.showImage .full-image-show {
    display: block;
    z-index: 99
}

.showImage .full-image-show .close {
    padding: 20px;
    text-align: right
}

.showImage .full-image-show .view-case-study {
    background: #000;
    height: 200px;
    width: 200px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 50px
}

.MarqueeAnimation .text {
    display: inline-block
}

.MarqueeAnimation .text:nth-child(odd) {
    animation: marquee 30s ease-in-out infinite alternate
}

.MarqueeAnimation .text:nth-child(2n) {
    animation: marquee 30s ease-in-out infinite alternate-reverse
}

.MarqueeAnimation .text>div {
    white-space: nowrap
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-100% + 100vw))
    }
}

.multiselect__control {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important
}

.multiselect__menu,
.multiselect__multi-value {
    background-color: transparent !important
}

.multiselect__multi-value {
    font-size: 20px;
    border: 1px solid #4e4e4e;
    padding: 2px
}

.multiselect__input,
.multiselect__multi-value__label {
    color: #fff !important
}

.multiselect__indicator-separator {
    background-color: hsla(0, 0%, 100%, .5) !important
}

.policy h1 {
    margin-bottom: 50px
}

.policy p {
    text-align: justify;
    margin-bottom: 25px
}

.m-toggle {
    position: absolute;
    top: 0;
    right: 20px;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: none
}

.m-toggle span.m-toggle:hover:before,
.m-toggle:hover:after {
    opacity: 1
}

.m-toggle span.m-toggle:before,
.m-toggle:after {
    content: "";
    opacity: 0;
    transition: all .25s ease-in-out
}

.m-toggle span {
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.m-toggle span:before {
    transform: rotate(90deg);
    transition: width .3s
}

.m-toggle span:after,
.m-toggle span:before {
    content: "";
    display: block;
    height: 0;
    top: 50%;
    border-bottom: 2px solid #fff;
    border-radius: 99px;
    position: absolute;
    width: 14px
}

.form-btn {
    background: transparent
}

.burger-nav-container {
    display: none
}

.error-page {
    height: 100vh;
    padding-bottom: 0 !important;
    position: relative
}

.error-page .error-message-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.error-page .error-message-wrapper .inner-title {
    font-size: 220px;
    font-weight: 900;
    background: -webkit-linear-gradient(#fff 30%, #fff 0, #000 70%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
    -webkit-text-fill-color: #000;
    margin-bottom: -80px
}

.error-page .error-message-wrapper p {
    margin: 40px 0;
    max-width: 830px;
    text-align: center
}

.error-page .error-text {
    font-weight: 900;
    color: #fff;
    opacity: .1;
    -webkit-text-stroke-width: 1.04542px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    position: absolute;
    bottom: 60px;
    line-height: 10px;
    width: 100%;
    height: auto;
    margin: auto;
    text-align: center;
    z-index: -1
}

.error-page .sorry-text {
    font-size: 567px;
    bottom: 330px
}

.error-page .thanku-text {
    font-size: 350px;
    bottom: 210px
}

.multiselect__single-value {
    color: hsla(0, 0%, 100%, .5) !important
}

.indus-inner-wrap {
    display: flex;
    position: relative
}

@media only screen and (max-width: 767px) {
    .indus-inner-wrap {
        display: block
    }

    .indus-inner-wrap .indus-images {
        padding: 0;
        margin-bottom: 20px
    }
}

.indus-inner-wrap .indus-images-content {
    height: 100%;
    margin-left: 0;
    overflow: hidden;
    border-radius: 15px
}

.indus-image {
    position: relative;
    display: flex;
    justify-content: center
}

.indus-image img {
    transform: translateX(-100px) !important;
    transition: all 1.08s cubic-bezier(.61, -.18, .08, 1.51);
    position: absolute;
    opacity: 0
}

.indus-image img.is-active {
    transform: translateX(0) !important;
    opacity: 1
}

.indus-listing {
    position: relative
}

@media screen and (max-width: 767px) {
    .indus-listing {
        padding: 0
    }
}

@media screen and (max-width: 480px) {
    .indus-listing .d-flex-column {
        flex-direction: column
    }
}

.indus-listing .indus-listing-inner-wrap {
    position: relative;
    padding-left: 70px
}

@media screen and (max-width: 1199px) {
    .indus-listing .indus-listing-inner-wrap {
        padding-left: 15px
    }
}

@media screen and (max-width: 767px) {
    .indus-listing .indus-listing-inner-wrap {
        padding: 0
    }
}

@media screen and (max-width: 480px) {
    .indus-listing .indus-listing-inner-wrap {
        display: flex;
        overflow: auto
    }
}

.indus-listing .indus-listing-inner-wrap .indus-title {
    width: -moz-fit-content;
    width: fit-content
}

.indus-listing .indus-listing-inner-wrap h2 {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 40px
}

@media only screen and (max-width: 1366px) {
    .indus-listing .indus-listing-inner-wrap h2 {
        font-size: 30px;
        margin-bottom: 22px
    }
}

@media only screen and (max-width: 992px) {
    .indus-listing .indus-listing-inner-wrap h2 {
        font-size: 28px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 480px) {
    .indus-listing .indus-listing-inner-wrap h2 {
        font-size: 22px;
        margin-bottom: 10px
    }
}

.indus-listing .indus-listing-inner-wrap .indus-title h3 {
    letter-spacing: 1.5px;
    font-size: 33px !important;
    cursor: pointer;
    font-weight: 800 !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 25px;
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 100%;
    transition: all .6s ease
}

@media only screen and (max-width: 1280px) {
    .indus-listing .indus-listing-inner-wrap .indus-title h3 {
        font-size: 30px
    }
}

@media only screen and (max-width: 992px) {
    .indus-listing .indus-listing-inner-wrap .indus-title h3 {
        font-size: 24px !important;
        margin-bottom: 17px;
        margin-left: 20px
    }
}

.indus-listing .indus-listing-inner-wrap .indus-title h3:hover {
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: #162441;
    background-clip: text;
    -webkit-background-clip: text
}

.indus-listing .indus-listing-inner-wrap .indus-title:hover {
    color: red
}

.indus-listing .indus-listing-inner-wrap .indus-title h3.active-index {
    background-color: #162441
}

.resize {
    position: relative
}

.resize .drag-box {
    height: 940px;
    background: #1a1a1a;
    position: relative
}

.resize .drag-box:before {
    content: "";
    background: #fff;
    box-shadow: 3px 6px 35px rgba(0, 0, 0, .25);
    border-radius: 34px;
    position: absolute;
    right: -6px;
    top: 0;
    bottom: 0;
    width: 13px;
    height: 52px;
    margin: auto;
    pointer-events: none
}

.m-toggle .resize span.drag-box:before,
.resize .drag-box:after,
.resize .m-toggle span.drag-box:before {
    content: "";
    background: #fff;
    width: 2px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.resize .drags:before {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/black-image.webp);
    z-index: 2
}

.m-toggle .resize span.drags:before,
.resize .drags:after,
.resize .drags:before,
.resize .m-toggle span.drags:before {
    content: "";
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.m-toggle .resize span.drags:before,
.resize .drags:after,
.resize .m-toggle span.drags:before {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/white-image.webp);
    z-index: -1
}

.resize .drag-area {
    max-width: 1430px;
    width: 63%
}

.hidden {
    overflow: hidden
}

.visibilityHidden {
    display: none
}

.anniversarySection {
    padding: 190px 0 70px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 1600px) {
    .anniversarySection {
        padding: 120px 0 60px;
    }
}

@media only screen and (max-width: 1199px) {
    .anniversarySection {
        padding: 130px 0 50px
    }
}

@media only screen and (max-width: 991px) {
    .anniversarySection {
        padding: 90px 0 50px;
        min-height: auto
    }
}

@media only screen and (max-width: 575px) {
    .anniversarySection {
        padding: 90px 0 40px
    }
}

.anniversarySection .anniversaryWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

@media only screen and (max-width: 991px) {
    .anniversarySection .anniversaryWrap .anniversaryImg {
        width: 100%
    }
}

.anniversarySection .anniversaryWrap .anniversaryImg img {
    display: block
}

@media only screen and (max-width: 1600px) {
    .anniversarySection .anniversaryWrap .anniversaryImg img {
        width: 400px
    }
}

@media only screen and (max-width: 1399px) {
    .anniversarySection .anniversaryWrap .anniversaryImg img {
        width: 360px
    }
}

@media only screen and (max-width: 1199px) {
    .anniversarySection .anniversaryWrap .anniversaryImg img {
        width: 320px
    }
}

@media only screen and (max-width: 991px) {
    .anniversarySection .anniversaryWrap .anniversaryImg img {
        width: 260px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .anniversarySection .anniversaryWrap .anniversaryImg img {
        width: 220px
    }
}

@media only screen and (max-width: 575px) {
    .anniversarySection .anniversaryWrap .anniversaryImg img {
        width: 200px
    }
}

.anniversarySection .anniversaryWrap .anniversaryContent {
    max-width: calc(100% - 434px);
    width: 100%;
    margin-left: -46px;
    padding-bottom: 0;
    margin-right: 50px;
}

.anniversaryImg {
    width: 400px;
}

@media only screen and (max-width: 1600px) {
    .anniversarySection .anniversaryWrap .anniversaryContent {
        max-width: calc(100% - 450px);
        padding-left: 0;
    }
}

@media only screen and (max-width: 1399px) {
    .anniversarySection .anniversaryWrap .anniversaryContent {
        max-width: calc(100% - 450px);
        margin-left: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .anniversarySection .anniversaryWrap .anniversaryContent {
        max-width: calc(100% - 274px)
    }
}

@media only screen and (max-width: 991px) {
    .anniversarySection .anniversaryWrap .anniversaryContent {
        max-width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-bottom: 0;
        padding-top: 10px
    }
}

.anniversarySection .anniversaryWrap .anniversaryContent .titlea {
    color: #fff;
    margin-bottom: 80px
}

@media only screen and (max-width: 1600px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 991px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea {
        margin-bottom: 20px
    }
}

.anniversarySection .anniversaryWrap .anniversaryContent .titlea small {
    font-size: 23px;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: Public Sans;
    font-weight: 300;
    letter-spacing: 21px
}

@media only screen and (max-width: 1600px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea small {
        letter-spacing: 12px;
    }
}

@media only screen and (max-width: 1399px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea small {
        letter-spacing: 10px;
    }
}

@media only screen and (max-width: 1199px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea small {
        letter-spacing: 9px;
        font-size: 17px
    }
}

@media only screen and (max-width: 991px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea small {
        letter-spacing: 11.2px
    }
}

@media only screen and (max-width: 767px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea small {
        letter-spacing: 5.84px
    }
}

@media only screen and (max-width: 575px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea small {
        letter-spacing: 2.3px;
        font-size: 16px
    }
}

@media only screen and (max-width: 420px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea small {
        letter-spacing: 2px;
        font-size: 14px
    }
}

.anniversarySection .anniversaryWrap .anniversaryContent .titlea i {
    display: block;
    font-style: normal;
    font-size: 5.5rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 900;
    position: relative;
    left: 4px;
    letter-spacing: -5px;
    color: #E1FF6A;
}

@media only screen and (max-width: 1600px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea i {
        font-size: 5.5rem;
        letter-spacing: 6.2px;
    }
}

@media only screen and (max-width: 1399px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea i {
        font-size: 74px;
    }
}

@media only screen and (max-width: 1199px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea i {
        font-size: 97px;
        left: -4px
    }
}

@media only screen and (max-width: 991px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea i {
        font-size: 108px
    }
}

@media only screen and (max-width: 767px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea i {
        font-size: 82.6px;
        padding: 5px 0
    }
    .get-in-touch-content {
    text-align: center;
}
}

@media only screen and (max-width: 575px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea i {
       font-size: 2.8rem;
        letter-spacing: 1px;
        left: -2px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 420px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea i {
                font-size: 2.5rem;
    }
}

@media only screen and (max-width: 360px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea i {
        font-size: 2.2rem;
    }
        header nav ul .tel-btn span {
        font-size: 14px;
        font-weight: bold;
    }
}

.anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
    font-weight: 400;
    font-size: 42px;
    line-height: 1.42;
    letter-spacing: 4px;
    text-transform: uppercase
}

@media only screen and (max-width: 1600px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
        font-size: 36px
    }
}

@media only screen and (max-width: 1399px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
        font-size: 26px;
    }
}

@media only screen and (max-width: 1199px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
        font-size: 23px
    }
}

@media only screen and (max-width: 991px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
        font-size: 26.4px
    }
}

@media only screen and (max-width: 767px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
        font-size: 21.2px;
        letter-spacing: 2px
    }
}

@media only screen and (max-width: 575px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
        font-size: 20px;
        letter-spacing: .2px
    }
}

@media only screen and (max-width: 420px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
        font-size: 18px
    }
}

@media only screen and (max-width: 400px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
        font-size: 17.5px
    }
}

@media only screen and (max-width: 375px) {
    .anniversarySection .anniversaryWrap .anniversaryContent .titlea span {
        display: block;
        max-width: 270px
    }
}

.anContainer {
    max-width: 1494px;
    padding: 0 12px;
    margin: 0 auto;
    width: 100%
}

@media only screen and (max-width: 1600px) {
    .anContainer {
        max-width: 1320px
    }
}

@media only screen and (max-width: 1399px) {
    .anContainer {
        max-width: 1240px;
    }
}

@media only screen and (max-width: 1199px) {
    .anContainer {
        max-width: 960px
    }
}

@media only screen and (max-width: 991px) {
    .anContainer {
        max-width: 720px
    }
}

@media only screen and (max-width: 767px) {
    .anContainer {
        max-width: 540px
    }
}

@media only screen and (max-width: 575px) {
    .anContainer {
        max-width: 100%;
        padding: 0 20px
    }
}

.mainTit {
    position: relative;
    overflow: hidden
}

.mainTit .colord {
    z-index: 1;
    background-color: #fff;
    mix-blend-mode: overlay
}

.mainTit .colorG,
.mainTit .colord {
    position: absolute;
    width: 130%;
    height: 130%;
    top: -11%;
    left: -15%;
    animation: roundRotate 6s ease-in-out infinite;
    transform: scale(1)
}

.mainTit .colorG {
    background:
        linear-gradient(to bottom right, #E1FF6A, #dcff4e 25%, #d9ff43 40%, #a9cf11 60%, rgba(136, 151, 2, 0.99) 70%) 100% 100%/51% 51% no-repeat,
        linear-gradient(to bottom left, #E1FF6A, #dcff4e 25%, #d9ff43 40%, #a9cf11 60%, rgba(136, 151, 2, 0.99) 70%) 0 100%/50% 51% no-repeat,
        linear-gradient(to top left, #E1FF6A, #dcff4e 25%, #d9ff43 40%, #a9cf11 60%, rgba(136, 151, 2, 0.99) 70%) 0 0/50% 50% no-repeat,
        linear-gradient(to top right, #E1FF6A, #dcff4e 25%, #d9ff43 40%, #a9cf11 60%, rgba(136, 151, 2, 0.99) 70%) 100% 0/51% 50% no-repeat;

    /* background: linear-gradient(90deg, rgba(212,246,0,1) 0%, rgba(218,255,33,1) 19%, rgba(216,255,36,1) 33%, rgba(225,255,106,1) 46%, rgba(228,252,130,1) 58%, rgba(228,255,121,1) 73%, rgba(230,255,132,1) 100%); */
    /* background: linear-gradient(to right, #fff, #E1FF6A 60%); */
    /* background: linear-gradient(to bottom right,#f8897b,#9c0ea6 25%,#8b6cff 40%,#5d41cc 60%,rgba(139,108,255,.99) 70%) 100% 100%/51% 51% no-repeat; */
    mix-blend-mode: darken;
    z-index: 2
}

@keyframes roundRotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1.5)
    }

    to {
        -webkit-transform: rotate(359deg) scale(1.5)
    }
}

.hero {
    padding-top: 160px;
    padding-bottom: 160px
}

.hero.desktop-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 160px;
    padding-bottom: 100px
}

.hero .banner-content h1 {
    font-weight: 500;
    font-size: 80px;
    line-height: 82px;
    margin-bottom: 50px
}

.hero .banner-content h1 span {
    font-family: Brittany Signature;
    line-height: 72px;
    position: relative;
    display: inline-block;
    margin: 0 -10px
}

.hero .banner-content h1 b {
    font-weight: 900;
    font-size: 178px;
    line-height: 165px;
    display: block;
    text-transform: uppercase;
    margin-left: -5px
}

.hero .banner-content a {
    display: inline-block
}

.who-we-content .row {
    row-gap: 35px
}

.who-we-content .content-detail .content-description p {
    padding-bottom: 15px;
    position: relative
}

.who-we-content .content-detail .content-description p:last-child {
    padding-bottom: 0
}

.who-we-content .content-detail .content-description p:first-child:before {
    content: "";
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/quote.svg);
    position: absolute;
    left: -35px;
    top: -15px;
    background-size: contain;
    height: 80px;
    width: 100%;
    background-repeat: no-repeat;
    transform: translateX(-50px);
    z-index: -1
}

.our-industry .content-list-right {
    position: absolute;
    left: 45%
}

.our-industry .content-list-right img {
    position: relative;
    z-index: 9;
    max-height: 330px
}

.our-industry .content-list-right .card-image {
    position: relative
}

.our-industry .content-list-right .card-image:after,
.our-industry .content-list-right .card-image:before {
    content: "";
    height: 200px;
    width: 200px;
    background: linear-gradient(137.15deg, #5f00db 17.24%, #ec7ef6 55.05%);
    position: absolute;
    display: block !important;
    border-radius: 100%;
    z-index: -1
}

.our-industry .content-list-right .card-image:before {
    top: -60px;
    left: 50px
}

.our-industry .content-list-right .card-image:after {
    bottom: -60px;
    right: 50px;
    transform: rotate(-180deg)
}

.right-arrow-icon {
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out
}

.right-arrow-icon:hover {
    background: transparent;
    display: flex;
    border: 1px solid #fff
}

.hire-dedicated .hire-content {
    overflow: hidden;
    color: #000;
    padding: 40px 70px;
    position: relative;
    border-radius: 20px;
    display: flex;
    align-items: center
}

.hire-dedicated .hire-content p {
    max-width: 740px;
    color: #000;
    font-weight: 400;
    margin: 25px 0
}

.hire-dedicated .hire-content .contact-btn {
    background: #000;
    color: #d1ffbb;
    border: #000
}

.hire-dedicated .hire-content .contact-btn svg path {
    fill: #d1ffbb
}

.hire-dedicated .hire-content .contact-btn:hover {
    width: 215px
}

.get-in-touch .get-in-touch-content .subtitle {
    color: #000;
}

.get-in-touch .subtitle {
    color: #000;
}

.get-in-touch .get-in-touch-content .subtitle:before {
    display: none
}

.get-in-touch .get-in-touch-content h2 {
    font-size: 90px;
    /* color: #fff; */
}

.get-in-touch .get-in-touch-content h2 span {
    display: block;
    text-align: right;
    /* color: #fff; */
}

.get-in-touch .get-in-touch-content .hand-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 1s cubic-bezier(.165, .84, .44, 1)
}

.get-in-touch .get-in-touch-content:hover .hand-image {
    transform: translate(-50%, -50%) rotate(-5deg) scale(1.1)
}

.get-in-touch .rounded-btn:hover span {
    color: #fff;
}

.get-in-touch .rounded-btn svg path {
    fill: #fff;
}

.platform-title {
    font-size: 218px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    -webkit-background-clip: text;
    display: flex;
    align-items: center;
    font-weight: 800;
    flex-direction: row-reverse;
    justify-content: flex-end;
    transition: all .6s ease;
    cursor: pointer;
    line-height: 260px
}

.platform-title:first-child:hover {
    -webkit-text-stroke-color: #e74d89;
    -webkit-text-fill-color: #e74d89
}

.platform-title:nth-child(2n):hover {
    -webkit-text-stroke-color: #0157ff;
    -webkit-text-fill-color: #0157ff
}

.platform-title:last-child:hover {
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: #fff
}

.platform-title:hover img {
    display: none
}

.platform-title:nth-child(2n) {
    margin-left: 125px
}

.platform-title img {
    margin-left: 50px
}

.platform-title .hover-image {
    display: none
}

.platform-title:hover .hover-image {
    display: block
}

.top-industry span {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
}

.top-industry .industry-gallary .top-menus .content-box {
    display: inline-block
}

.top-industry .industry-gallary .top-menus .content-box .circle-box {
    position: relative
}

.top-industry .industry-gallary .top-menus .content-box .circle-box .outside-circle {
    width: 230px;
    height: 230px;
    background: #1c1c1c;
    border-radius: 50%;
    position: relative
}

.top-industry .industry-gallary .top-menus .content-box .circle-box .outside-circle:before {
    width: 226px;
    height: 226px;
    left: -5px;
    top: -12px;
    border: .5px solid rgba(99, 99, 99, .5);
    border-radius: 50%;
    content: "";
    position: absolute
}

.top-industry .industry-gallary .top-menus .content-box .circle-box .outside-circle:after {
    background: #ec930c;
    right: unset;
    top: 63%;
    width: 10px;
    height: 10px;
    left: 2px;
    content: "";
    position: absolute;
    border-radius: 50%
}

.top-industry .industry-gallary .top-menus .content-box .circle-box .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.top-industry .industry-gallary .top-menus .content-box .circle-box .content-text {
    position: absolute;
    right: 15px;
    top: 85%
}

.top-industry .industry-gallary .top-menus .content-box .circle-box .content-text span {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
}

.top-industry .industry-gallary .top-menus .content-box:first-child {
    margin-left: 300px;
    animation: bubble-animation-top-bottom 5s infinite alternate
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(2) {
    margin-left: 120px;
    margin-bottom: -20px;
    animation: zoom-in-zoom-out 5s ease-out infinite
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(2) .circle-box .outside-circle {
    width: 146px;
    height: 146px
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(2) .circle-box .outside-circle:before {
    width: 144px;
    height: 144px;
    top: -2px;
    left: unset;
    right: -9px
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(2) .circle-box .outside-circle:after {
    right: unset;
    top: 94%;
    width: 8px;
    height: 8px;
    left: 65%;
    background: #2497ed
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(2) .circle-box .content-text {
    right: unset;
    top: 10%;
    left: -20px
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(3) {
    margin-left: 150px;
    animation: bubble-animation-top-bottom 5s infinite alternate
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(3) .circle-box .outside-circle {
    width: 266px;
    height: 266px
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(3) .circle-box .outside-circle:before {
    width: 278px;
    height: 278px;
    top: -2px;
    left: 0
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(3) .circle-box .outside-circle:after {
    top: 50%;
    width: 12px;
    height: 12px;
    left: -5px;
    background: #6ad8e6
}

.top-industry .industry-gallary .top-menus .content-box:nth-child(3) .circle-box .content-text {
    top: 70%
}

.top-industry .industry-gallary .bottom-menu {
    margin-top: 20px
}

.top-industry .industry-gallary .bottom-menu .content-box {
    display: inline-block
}

.top-industry .industry-gallary .bottom-menu .content-box:first-child {
    animation: bubble-animation-right-left 5s infinite alternate
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(2) {
    animation: bubble-animation-bottom-top 5s infinite alternate
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(3) {
    animation: bubble-animation-left-right 5s infinite alternate
}

.top-industry .industry-gallary .bottom-menu .content-box .circle-box {
    position: relative
}

.top-industry .industry-gallary .bottom-menu .content-box .circle-box .outside-circle {
    width: 318px;
    height: 318px;
    background: #1c1c1c;
    border-radius: 50%;
    position: relative
}

.top-industry .industry-gallary .bottom-menu .content-box .circle-box .outside-circle:before {
    content: "";
    position: absolute;
    width: 308px;
    height: 308px;
    border: .5px solid rgba(99, 99, 99, .5);
    border-radius: 50%;
    left: 20px;
    top: -8px
}

.top-industry .industry-gallary .bottom-menu .content-box .circle-box .outside-circle:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #54c5f8;
    border-radius: 50%;
    right: 25px;
    top: 77%
}

.top-industry .industry-gallary .bottom-menu .content-box .circle-box .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.top-industry .industry-gallary .bottom-menu .content-box .circle-box .content-text {
    position: absolute;
    right: -25px;
    top: 53%
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(2) .circle-box {
    margin-left: 160px
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(2) .circle-box .outside-circle {
    width: 242px;
    height: 242px
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(2) .circle-box .outside-circle:before {
    width: 226px;
    height: 226px;
    top: 10px;
    left: unset;
    right: -12px
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(2) .circle-box .outside-circle:after {
    right: unset;
    top: 94%;
    width: 14px;
    height: 14px;
    left: 65%;
    background: #5bcdeb
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(2) .circle-box .content-text {
    right: 0;
    top: 68%
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(3) {
    margin-left: 104px;
    margin-bottom: 80px
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(3) .circle-box .outside-circle {
    width: 196px;
    height: 196px
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(3) .circle-box .outside-circle:before {
    width: 200px;
    height: 200px;
    top: 8px;
    left: unset;
    right: 0
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(3) .circle-box .outside-circle:after {
    top: 26%;
    width: 10px;
    height: 10px;
    left: 4px;
    background: #ffcb2b
}

.top-industry .industry-gallary .bottom-menu .content-box:nth-child(3) .circle-box .content-text {
    right: -25px;
    top: 68%
}

.client-logo-wrapper {
    display: flex;
    flex-wrap: wrap
}

.client-logo {
    padding-left: 257px;
    padding-bottom: 30px
}

.client-logo:nth-last-child(-n+4) {
    padding-bottom: 0
}

.client-logo:first-child,
.client-logo:nth-child(5),
.client-logo:nth-child(9) {
    padding-left: 0
}

.portfolio-list-mobile {
    display: none
}

.portfolio-list .portfolio-row {
    display: flex;
    align-items: center;
    margin: 0 -10px 60px
}

.portfolio-list .portfolio-row:last-child {
    margin-bottom: 0
}

.portfolio-list .portfolio-row .portfolio-col {
    height: 500px;
    padding: 0 10px
}

.portfolio-list .portfolio-row .portfolio-col.portfolio-col-four,
.portfolio-list .portfolio-row .portfolio-col.portfolio-col-one {
    height: auto
}

.portfolio-list .portfolio-row .portfolio-col.portfolio-col-12 {
    width: 100%
}

.portfolio-list .portfolio-row .portfolio-col.portfolio-col-8 {
    width: 840px;
    transition: all 1s
}

.portfolio-list .portfolio-row .portfolio-col.portfolio-col-4 {
    width: 610px;
    transition: all 1s
}

.portfolio-list .portfolio-row .portfolio-col.portfolio-col-4:hover {
    width: 840px;
    flex-shrink: 0;
    transition: all 1s
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item {
    border-radius: 12px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item .portfolio-image,
.portfolio-list .portfolio-row .portfolio-col .portfolio-item .portfolio-logo {
    position: absolute
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-one {
    background: transparent
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-one .portfolio-image {
    position: static
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-one .portfolio-logo {
    top: 104px;
    right: 64px
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-two:before {
    content: "";
    position: absolute;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/portfolio-black-image-bg.webp) no-repeat bottom;
    background-size: cover;
    width: 100%;
    height: 100%
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-two .portfolio-image {
    right: 50px;
    bottom: -138px;
    width: 560px;
    height: auto;
    transition: all 1s
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-three {
    background: #9273b6
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-three .portfolio-image {
    bottom: 0;
    right: 0;
    height: 100%;
    transition: all .5s
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-three .portfolio-logo {
    top: 40px;
    left: 40px
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-four {
    background: #f8f8f8;
    display: flex;
    align-items: center
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-four .portfolio-image {
    position: static
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-five {
    background: #ffbb0e
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-five:before {
    content: "";
    position: absolute;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/portfolio-text-bg.svg) no-repeat 50%;
    background-size: contain;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-five .portfolio-image {
    left: 0;
    right: 0;
    bottom: -90px;
    margin: auto;
    transition: all 1s;
    height: 100%
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-six {
    transition: all 1s
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-six:before {
    content: "";
    position: absolute;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/ow6-bg.webp) no-repeat 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 1s
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-six .portfolio-image {
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 1s;
    z-index: 1;
    width: 660px
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-six .portfolio-text-image {
    position: absolute;
    z-index: 0;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
    transition: all 2s
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item .contact-btn {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 3;
    background: transparent;
    border: 1px solid #fff
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item .contact-btn svg path {
    fill: #fff
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item .contact-btn:hover {
    background: #fff
}

.portfolio-list .portfolio-row .portfolio-col .portfolio-item .contact-btn:hover svg path {
    fill: #000
}

.portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-two .portfolio-image {
    right: -24px;
    bottom: -72px;
    width: 524px;
    transition: all 1s
}

.portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-three .portfolio-image {
    transform: scale(1.1);
    transition: all .5s
}

.portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-five .portfolio-image {
    transform: scale(1.1)
}

.portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-six {
    transition: all 1s
}

.portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-six .portfolio-image {
    transition: all 1s;
    width: 570px
}

.portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-six .portfolio-text-image {
    transition: all 1s
}

.portfolio-list .portfolio-row:first-child .contact-btn,
.portfolio-list .portfolio-row:nth-child(3) .contact-btn {
    border: 1px solid #000 !important
}

.portfolio-list .portfolio-row:first-child .contact-btn svg path,
.portfolio-list .portfolio-row:nth-child(3) .contact-btn svg path {
    fill: #000 !important
}

.portfolio-list .portfolio-row:first-child .contact-btn:hover,
.portfolio-list .portfolio-row:nth-child(3) .contact-btn:hover {
    background: #000 !important;
    color: #fff
}

.portfolio-list .portfolio-row:first-child .contact-btn:hover svg path,
.portfolio-list .portfolio-row:nth-child(3) .contact-btn:hover svg path {
    fill: #fff !important
}

.rounded-btn {
    width: 45px;
    height: 45px;
    background: #000;
    border-radius: 70px;
    overflow: hidden;
    transition: all .5s ease-out;
    border: 1px solid transparent;
    line-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.rounded-btn:hover {
    width: 160px
}

.rounded-btn:hover span {
    width: -moz-fit-content;
    width: fit-content;
    opacity: 1;
    margin-right: 10px
}

.rounded-btn span {
    font-size: 17px;
    line-height: 19px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    width: 0;
    white-space: nowrap;
    opacity: 0;
    overflow: hidden;
    z-index: 1
}

.rounded-btn .icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 70px;
    box-sizing: border-box;
    line-height: 45px
}

.rounded-btn .icon svg {
    line-height: 60px;
    font-size: 20px
}

.testimonial .testimonial-wrapper {
    background: linear-gradient(90.46deg, hsla(0, 0%, 85%, .18) -35.08%, rgba(31, 31, 31, 0) 119.69%);
    border-radius: 20px;
    padding: 107px 80px 0 110px;
    display: flex !important;
    align-items: flex-end;
    column-gap: 23px;
    position: relative
}

.testimonial .testimonial-wrapper:hover .client-image img {
    filter: grayscale(0)
}

.testimonial .testimonial-wrapper .client-name-bg {
    position: absolute;
    font-weight: 800;
    font-size: 260px;
    line-height: 499px;
    text-transform: uppercase;
    bottom: 0;
    z-index: -1;
    color: #fff;
    opacity: .05;
    width: 100%;
    overflow: hidden
}

.testimonial .testimonial-wrapper .client-image img {
    filter: grayscale(1);
    max-width: 350px
}

.testimonial .testimonial-wrapper .client-review {
    max-width: 850px;
    position: relative;
    margin-bottom: 30px
}

.testimonial .testimonial-wrapper .client-review .client-name {
    margin-top: 47px
}

.testimonial .testimonial-wrapper .client-review .client-name h6 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    line-height: 35px;
    margin-bottom: 8px
}

.testimonial .testimonial-wrapper .client-review .client-name span {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 21px
}

.testimonial .testimonial-wrapper .client-review .quote-image {
    margin: 0 0 15px
}

.testimonial .slick-slider .slick-next,
.testimonial .slick-slider .slick-prev {
    display: none !important
}

.hirig-model-content {
    color: #fff;
    transition: all .3s ease
}

.hirig-model-content .hover-effect:first-child:hover .content,
.hirig-model-content .hover-effect:last-child:hover .content {
    background: linear-gradient(180deg, #8155df, #5594df)
}

.hirig-model-content .hover-effect:nth-child(2):hover .content {
    background: linear-gradient(180deg, #55b6df, #556bdf)
}

.hirig-model-content .content {
    padding: 30px;
    transition: all .3s ease;
    background: #1a1a1a;
    border-radius: 24px;
    height: 100%
}

.hirig-model-content .content h4 {
    font-weight: 600
}

.hirig-model-content .content p {
    margin-top: 30px
}

.explore-more .blog-wrapper .box .content {
    font-size: 24px;
    font-weight: 600
}

.blog-wrapper .box {
    background: #1b1b1b;
    border: .495732px solid hsla(0, 0%, 100%, .6);
    border-radius: 16px;
    padding: 15px 15px 23px;
    height: 100%
}

.blog-wrapper .box img {
    border-radius: 10px
}

.blog-wrapper .box .content {
    padding-top: 15px;
    color: #fff;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-wrapper .box .content span {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.blog-wrapper .box .content .right-icon {
    height: 40px;
    width: 40px;
    background: #ff174f;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease
}

.blog-wrapper .box .content .right-icon:hover {
    background-color: #000
}

.awards .awards-wrapper .row {
    justify-content: space-around
}

.awards .awards-wrapper ul {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 45px 20px
}

.awards .awards-wrapper ul li {
    height: 220px;
    width: 220px;
    background: hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(16.9489px);
    backdrop-filter: blur(16.9489px);
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

.awards .awards-wrapper ul li:nth-child(4) img {
    max-width: 145px
}

.awards .awards-wrapper .review-image {
    height: 100%;
    background: hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(16.9489px);
    backdrop-filter: blur(16.9489px);
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 30px
}

.contact-us .contact-form-inner {
    background: #161616;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 40px 55px 65px;
    color: #fff
}

.contact-us .contact-form-inner h5 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 50px
}

.contact-us .contact-form-inner input[type=file] {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/upload-icon.svg);
    background-repeat: no-repeat;
    height: 46px;
    padding-left: 50px;
    color: hsla(0, 0%, 100%, .5);
    font-weight: 400;
    cursor: pointer;
    padding-top: 6px
}

.contact-us .contact-form-inner ::-webkit-file-upload-button {
    display: none
}

.social-link-wrapper ul {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    border-top: 1px solid hsla(0, 0%, 100%, .42);
    border-bottom: 1px solid hsla(0, 0%, 100%, .42);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 30px;
    transition: all .3s ease;
    cursor: pointer
}

.social-link-wrapper ul li a {
    color: #fff
}

.social-link-wrapper ul li:hover:first-child a {
    color: #0b73db
}

.social-link-wrapper ul li:hover:nth-last-child(2) a {
    color: #ff5077
}

.social-link-wrapper ul li:hover:nth-last-child(3) a {
    color: #005cff
}

.social-link-wrapper ul li:hover:nth-last-child(4) a {
    color: #01b9ff
}

.social-link-wrapper ul li:hover:last-child a {
    color: #1778f2
}

.footer-content .company-links {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 20px;
    margin-top: 60px;
    border-radius: 15px;
    background: #161616;
    padding: 60px
}

.footer-content .company-links .footer-title {
    padding-bottom: 20px;
    margin-bottom: 0;
    line-height: 28px;
    color: #fff;
    transition: .3s ease-in-out;
    text-decoration: none;
    display: inline-block
}

.footer-content .company-links .footer-title h5 {
    font-size: 24px;
    font-weight: 600
}

.footer-content .company-links .footer-links a {
    font-size: 20px;
    text-decoration: none;
    font-weight: 300;
    color: #aaa;
    line-height: 50px;
    transition: .3s ease-in-out
}

.footer-content .company-links .footer-links a:hover {
    color: #ff174f
}

.footer-content .company-links a.footer-title {
    color: #fff;
    transition: .3s ease-in-out
}

.footer-content .company-links a.footer-title:hover {
    color: #ff174f;
    transition: .3s ease-in-out
}

.footer-content .contact-links {
    padding: 50px 10px;
    border-top: 1px solid hsla(0, 0%, 100%, .42);
    border-bottom: 1px solid hsla(0, 0%, 100%, .42)
}

.footer-content .contact-links .custom-row {
    align-items: center
}

.footer-content .contact-links a {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: .3s ease-in-out
}

.footer-content .contact-links a:hover {
    color: #ff174f
}

.footer-content .contact-links a:hover svg path {
    fill: #ff174f
}

.footer-content .contact-links a:hover span {
    color: #ff174f
}

.footer-content .contact-links a svg {
    margin-right: 20px
}

.footer-content .contact-links a svg path {
    transition: .3s ease-in-out
}

.footer-content .contact-links a span {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #a1a1a1;
    margin-right: 15px;
    transition: .3s ease-in-out
}

.comapny-info {
    border-bottom: 1px solid hsla(0, 0%, 100%, .42);
    padding: 60px 0
}

.comapny-info .footer-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.comapny-info .footer-content .place-image {
    display: flex;
    align-items: flex-end;
    height: 206px
}

.comapny-info .footer-text {
    padding-top: 40px;
    max-width: 280px;
    margin: 0 auto
}

.comapny-info .footer-text h5 {
    font-size: 30px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: .45px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.comapny-info .footer-text h5 svg {
    margin-right: 15px;
    font-size: 22px
}

.comapny-info .footer-text address {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    padding: 20px 0
}

.comapny-info .footer-text a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out
}

.comapny-info .footer-text a:hover {
    color: #ff174f
}

.comapny-info .footer-text a:hover svg path {
    stroke: #ff174f
}

.comapny-info .footer-text a svg {
    margin-right: 10px
}

.comapny-info .footer-text a svg path {
    transition: .3s ease-in-out
}

.comapny-info .more-blog-text h3 {
    padding-top: 20px;
    padding-bottom: 20px
}

.copyright {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 16px 5px
}

.copyright .copyright-text {
    display: flex;
    align-items: center
}

.copyright .copyright-text p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 21px
}

.copyright .copyright-text .copyright-img {
    margin-left: 85px;
    display: flex
}

.copyright .copyright-img .dmca-img {
    max-width: 120px
}

.copyright .policy-text a {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    margin-left: 25px
}

.copyright .policy-text a:hover {
    color: #fe5b57
}

.aboutus-page .meet-multiqos .text-content h2 {
    font-size: 85px;
    line-height: 100px;
    font-weight: 900;
    -webkit-text-stroke: 1px #fff;
    color: transparent
}

.aboutus-page .our-values .our-value-content {
    margin: 80px 30px 0 0;
    position: relative;
    z-index: 4
}

.aboutus-page .our-values .our-value-content span {
    font-size: 185px;
    -webkit-text-stroke: 2px #fff;
    color: transparent;
    position: absolute;
    bottom: 90%;
    font-weight: 800;
    z-index: 0;
    opacity: .5;
    width: 180px;
    height: 180px
}

.aboutus-page .our-values .our-value-content h3 {
    color: #fff;
    margin-bottom: 20px;
    background: #000;
    z-index: 55;
    position: relative
}

.aboutus-page .our-values .our-value-content:last-child {
    margin-right: 0
}

.aboutus-page .counter-box .experience-box {
    width: 100%;
    height: 283px;
    background: #cdb9ff;
    border-radius: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 100px
}

.aboutus-page .counter-box .experience-box .row {
    width: 100%;
    justify-content: center
}

.aboutus-page .counter-box .experience-box .info {
    text-align: center
}

.aboutus-page .counter-box .experience-box .info .number-text {
    font-size: 74px;
    color: #000;
    font-weight: 800;
    line-height: 87px
}

.aboutus-page .counter-box .experience-box .info span {
    font-size: 18px;
    line-height: 21px;
    color: #000;
    margin-top: 4px
}

.aboutus-page .founder .about-founder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: hsla(0, 0%, 85%, .1);
    border-radius: 24px;
    padding: 50px;
    column-gap: 40px
}

.aboutus-page .founder .about-founder .founder-image {
    width: 40%
}

.aboutus-page .founder .about-founder .about-founder-content {
    width: 60%
}

.aboutus-page .founder .about-founder .about-founder-content .title {
    margin-bottom: 55px
}

.aboutus-page .founder .about-founder .about-founder-content .title .subtitle {
    margin: 0
}

.aboutus-page .founder .about-founder .about-founder-content h4 {
    color: #fff;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 0
}

.aboutus-page .founder .about-founder .about-founder-content h6 {
    color: #fff;
    opacity: .6;
    line-height: 32px;
    margin-top: 20px
}

.aboutus-page .founder .about-founder .about-founder-content p {
    margin-top: 35px;
    line-height: 40px;
    color: hsla(0, 0%, 100%, .8);
    max-width: 90%
}

.aboutus-page .socical-info .info-wrapper .blur-box {
    background: hsla(0, 0%, 100%, .2);
    -webkit-backdrop-filter: blur(35.5px);
    backdrop-filter: blur(35.5px);
    border-radius: 22px;
    padding: 40px 45px 20px;
    height: 267px;
    position: relative;
    overflow: hidden
}

.aboutus-page .socical-info .info-wrapper .blur-box h3 {
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    font-weight: 900;
    line-height: 77px
}

.aboutus-page .socical-info .info-wrapper .blur-box .image-box {
    width: 115px;
    height: 115px
}

.culture-of-multiqos .title h2 {
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    font-size: 130px;
    font-weight: 900;
    line-height: 152px
}

.culture-of-multiqos .memories-slider {
    display: none !important
}

.culture-of-multiqos .memories {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    gap: 10px;
    overflow: hidden
}

.culture-of-multiqos .memories .image4 {
    grid-row: span 2
}

.culture-of-multiqos .memories .image3,
.culture-of-multiqos .memories .image5,
.culture-of-multiqos .memories .image8 {
    grid-column: span 2
}

.culture-of-multiqos .memories img {
    height: 100%;
    width: 100%
}

.culture-of-multiqos .slick-dots {
    display: none !important
}

.service-content-list {
    padding-bottom: 140px
}

.service-content-list h2 {
    text-transform: capitalize
}

.service-content-list .image-wrapper img {
    border-radius: 20px;
    max-height: 450px
}

.service-content-list .content-box {
    margin-top: 160px
}

.our-process {
    counter-reset: section
}

.our-process .process-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.our-process .process-title p {
    max-width: 630px
}

.our-process .process-steps {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/process-bg.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 40px
}

.our-process .process-steps .step-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 35px
}

.our-process .process-steps .processbar {
    border: .824648px solid #fff;
    border-radius: 19.7915px;
    padding: 14px 84px;
    background: linear-gradient(90deg, #ff174f 50%, #000 0);
    background-size: 210% 200%;
    background-position: 100% 100%
}

.our-process .process-steps .step-count {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .8);
    font-weight: 300;
    padding-bottom: 65px;
    position: relative
}

.our-process .process-steps .step-count:before {
    counter-increment: section;
    content: "0" counter(section);
    font-size: 55px;
    -webkit-text-stroke-width: 1.04542px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .2);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 900;
    position: absolute;
    top: 5px;
    right: 0
}

.our-process .process-steps .step-bottom {
    margin-top: 35px
}

.our-process .process-steps .process-start-next {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/start-next-process.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 450px;
    position: relative
}

.our-process .process-steps .process-start-next .steps-box {
    display: flex;
    justify-content: center;
    padding-top: 80px
}

.our-process .process-steps .process-start-next .steps-box .steps {
    color: #fff;
    border-right: .824648px solid #fff;
    padding: 0 20px 20px;
    text-align: right;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: relative
}

.our-process .process-steps .process-start-next .steps-box .steps:nth-child(2),
.our-process .process-steps .process-start-next .steps-box .steps:nth-child(4) {
    padding-bottom: 80px
}

.our-process .process-steps .process-start-next .steps-box .steps .active.processbar {
    background-position: 0 100%;
    border-color: #ff174f;
    transition: all .8s;
    transition-timing-function: linear
}

.our-process .process-steps .process-start-next .steps-box .steps:first-child {
    padding-left: 0
}

.mobile-app .what-we-do p {
    margin-top: 20px
}

.mobile-app .platform-box {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/black-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 32px;
    padding: 70px 60px
}

.mobile-app .platform-box title {
    margin-bottom: 0
}

.mobile-app .platform-box .icon-wrapper .icon-box {
    width: 25%;
    text-align: left;
    align-items: flex-start;
    padding-right: 110px;
    margin-top: 40px
}

.mobile-app .platform-box .icon-wrapper .icon-box span {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .8);
    max-width: 100%
}

.mobile-app .platform-box .icon-wrapper .contact-btn span {
    font-size: 17px;
    color: #000
}

.mobile-app .hire-content {
    background: #d1ffbb
}

.hire-inner .cta {
    padding-top: 100px
}

.ios-app .ios-services .icon-wrapper {
    align-items: flex-end
}

.ios-app .ios-services .icon-box {
    margin-right: 60px
}

.ios-app .ios-services .icon-box:last-child {
    margin: 0
}

.digital .subtitle {
    margin-bottom: 30px
}

.digital .digital-content {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    align-self: flex-start
}

.digital .content-wrapper {
    margin: 90px 0 0 100px;
    padding-right: 20px
}

.uiux-page .content-detail {
    display: flex;
    flex-wrap: wrap
}

.uiux-page .content-detail .count-box {
    margin-right: 80px
}

.uiuxdesign .title {
    margin-bottom: 60px
}

.uiuxdesign .custom-list ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 15px
}

.uiuxdesign .custom-list ul li {
    padding: 10px 30px;
    margin-right: 15px;
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 300
}

.uiuxdesign .custom-list ul li:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 80px;
    padding: 1px;
    background: linear-gradient(231deg, rgba(255, 23, 79, .55), rgba(255, 232, 23, .55), rgba(23, 241, 255, .55), rgba(255, 232, 23, .55), rgba(255, 23, 79, .55));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    z-index: -1;
    opacity: .6
}

.uiuxdesign .uiux-slider {
    background: hsla(0, 0%, 85%, .1);
    border-radius: 25px;
    padding: 80px 0 80px 80px;
    margin-top: 90px;
    overflow: hidden
}

.uiuxdesign .uiux-slider .uiux-slider-imgs img {
    padding-right: 40px;
    max-width: 640px
}

.creative-page .designtools .platform-box {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/design-bg.webp);
    background-position: 50%;
    background-size: 100% 100%
}

.creative-page .designtools .platform-box .icon-box {
    width: 15%;
    margin-top: 0;
    padding-right: 0;
    align-items: center
}

.creative-page .designtools .platform-box .icon-box img {
    height: 77px
}

.mobile-app .who-we-content .content-detail {
    padding-top: 60px
}

.our-service .icon-wrapper {
    align-items: flex-start
}

.hire-dedicated .title-text {
    max-width: 620px
}

.industry-page .serving-industry .row {
    row-gap: 50px
}

.industry-page .serving-industry .industry-content {
    background-color: hsla(0, 0%, 84%, .2);
    border-radius: 18px;
    padding: 16px
}

.industry-page .serving-industry .industry-content .industry-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0 5px
}

.industry-page .serving-industry .industry-content .industry-details h5 {
    color: #fff;
    margin-bottom: 0
}

.industry-page .serving-industry .industry-content .industry-details .right-arrow-icon {
    width: 40px;
    height: 40px;
    border: 1px solid #fff
}

.industry-page .serving-industry .industry-content .industry-details .right-arrow-icon:hover {
    border: 1px solid #ff174f;
    background-color: #ff174f
}

.industry-page .ready-to-multiqos .title {
    display: none
}

.hire-developers .custom-row {
    gap: 20px
}

.hire-developers .benefits .benefits-box {
    background: #171717;
    border-radius: 20px;
    padding: 22px;
    width: 340px;
    transition: .3s ease-in-out
}

.hire-developers .benefits .benefits-box .img-box {
    background: #000;
    border-radius: 20px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.hire-developers .benefits .benefits-box .gif-icon {
    position: absolute;
    opacity: 0;
    width: 110px
}

.hire-developers .benefits .benefits-box .diagram {
    width: 85px
}

.hire-developers .benefits .benefits-box h6 {
    padding-top: 30px;
    color: #fff;
    text-align: center
}

.hire-developers .benefits .benefits-box:hover .icons {
    opacity: 0
}

.hire-developers .benefits .benefits-box:hover .gif-icon {
    opacity: 1
}

.hire-developers .grid-content {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 20px 15px;
    gap: 20px 15px;
    align-items: flex-end
}

.hire-developers .grid-content .content {
    border-radius: 42px;
    padding: 50px;
    position: relative
}

.hire-developers .grid-content .content .contact-btn {
    background: transparent;
    border: 1px solid #fff;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    position: absolute;
    bottom: 50px
}

.hire-developers .grid-content .content .contact-btn svg {
    transform: rotate(-45deg);
    transition: .3s
}

.hire-developers .grid-content .content .contact-btn svg path {
    fill: #fff
}

.hire-developers .grid-content .content .contact-btn:hover {
    background: #fff
}

.hire-developers .grid-content .content .contact-btn:hover svg path {
    fill: #000
}

.hire-developers .grid-content .bg-purple {
    background: #9550ee;
    grid-row: span 2;
    position: relative;
    max-width: 460px;
    min-height: 810px;
    overflow: hidden;
    z-index: 0
}

.hire-developers .grid-content .bg-purple h3 {
    color: #fff;
    max-width: 300px;
    padding-top: 65px
}

.hire-developers .grid-content .bg-purple .contact-btn {
    position: absolute;
    bottom: 50px
}

.hire-developers .grid-content .bg-purple .inner-lines {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 70px;
    z-index: -1
}

.hire-developers .grid-content .title-txt {
    grid-column: span 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.hire-developers .grid-content .title-txt h2 {
    color: #fff;
    max-width: 530px
}

.hire-developers .grid-content .bg-white {
    width: 470px;
    height: 470px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.hire-developers .grid-content .bg-white img {
    height: 500px;
    width: 500px;
    object-fit: cover
}

.hire-developers .grid-content .bg-yellow {
    background: #f0c52c;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 470px;
    height: 470px
}

.hire-developers .grid-content .bg-yellow h3 {
    color: #fff;
    margin-bottom: 55px
}

.hire-developers .grid-content .bg-yellow2 {
    transition: .5s ease-in-out;
    height: 530px;
    padding-top: 50px
}

.hire-developers .grid-content .bg-yellow2 h3 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 64px
}

.hire-developers .grid-content .bg-yellow2:hover {
    background-color: #f0c52c
}

.hire-developers .grid-content .bg-blue {
    grid-column: span 2;
    position: relative;
    overflow: hidden;
    background: #6d4aeb;
    height: 530px
}

.hire-developers .grid-content .bg-blue .hire-image {
    transform: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.hire-developers .grid-content .bg-blue .hire-image video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hire-developers .grid-content .bg-blue .hire-image .hire-animation img {
    max-width: 100%
}

.we-provide-wrapper {
    counter-reset: section
}

.we-provide-wrapper .content {
    position: relative;
    padding: 90px 0
}

.we-provide-wrapper .content:nth-last-child(-n+2) {
    padding-bottom: 0
}

.we-provide-wrapper .content:before {
    position: absolute;
    content: "0" counter(section);
    counter-increment: section;
    font-size: 100px;
    font-weight: 900;
    color: hsla(0, 0%, 100%, .1);
    top: -50px;
    left: 0
}

.we-provide-wrapper h5 {
    color: #fff
}

.we-provide-wrapper .details {
    margin-top: 30px;
    color: hsla(0, 0%, 100%, .8);
    text-transform: capitalize;
    max-width: 660px
}

.we-provide-wrapper .bg-white {
    background: #fff
}

.hiring-box:first-child .hiring-model-box:hover {
    background: linear-gradient(180deg, #0fffff, #035ee7)
}

.hiring-box:nth-child(2) .hiring-model-box:hover {
    background: linear-gradient(0deg, #ff4984 -39.83%, #7337d4 91.49%)
}

.hiring-box:last-child .hiring-model-box:hover {
    background: linear-gradient(0deg, #46f1e7, #7600ec)
}

.hiring-model-box {
    cursor: pointer;
    transition: all .3s ease;
    background: #1d1d1d;
    border-radius: 19px;
    padding: 47px 20px
}

.hiring-model-box .content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.hiring-model-box .title-text {
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    font-weight: 800;
    font-size: 65px;
    line-height: 70.85px;
    transition: .3s ease-in-out
}

.hiring-model-box h6 {
    margin-top: 50px;
    color: #fff
}

.hiring-model-box:hover .title-text {
    color: #fff;
    -webkit-text-stroke-color: #fff
}

.solution-page .trending .blackbox {
    padding: 40px 55px;
    color: #fff;
    margin-bottom: 40px;
    margin-right: 10px
}

.solution-page .trending .blackbox h2 {
    margin-top: 30px;
    font-size: 50px
}

.solution-page .trending .blackbox .contact-btn {
    margin-left: auto;
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.solution-page .trending .blackbox .contact-btn svg path {
    fill: #fff
}

.solution-page .trending .blackbox .contact-btn:hover {
    color: #fff
}

.solution-list {
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    column-gap: 20px
}

.solution-list li {
    background: #171717;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 35px 10px 35px 50px;
    transition: all .3s ease;
    display: flex;
    align-items: center
}

.solution-list li:hover {
    background: #ff174f
}

.solution-list li h5 {
    margin: 0;
    color: hsla(0, 0%, 100%, .8);
    position: relative
}

.solution-list li h5:before {
    content: "";
    border-radius: 50px;
    height: 10px;
    width: 10px;
    background: hsla(0, 0%, 100%, .8);
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto
}

.datingapp .requirement .col-lg-6 {
    margin-bottom: 40px
}

.datingapp .requirement .blackbox {
    padding: 40px 50px;
    color: #fff;
    height: 100%;
    margin-right: 10px
}

.datingapp .requirement .blackbox h5 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500
}

.datingapp .requirement .blackbox p {
    color: hsla(0, 0%, 100%, .8)
}

.datingapp .blur-box {
    color: #fff;
    display: flex;
    flex-direction: column
}

.datingapp .blur-box h5 {
    margin-bottom: 25px;
    font-weight: 600
}

.solution-inner .cta {
    padding-top: 40px
}

.solution-inner .cta2 {
    padding-top: 0
}

.sports-app .hero .contact-btn {
    margin-top: 45px
}

.sports-app .hero .contact-btn svg {
    margin-left: 10px
}

.sports-app .hero .contact-btn:hover svg path {
    fill: #ff174f
}

.sports-app .hire-content {
    background-color: #d1ffbb
}

.sports-app .why-choose-us .title h3 {
    max-width: 1030px
}

.sports-app .why-choose-us .team-box h4 {
    max-width: 300px;
    font-weight: 600;
    position: relative;
    padding-bottom: 23px
}

.sports-app .why-choose-us .team-box h4:before {
    content: "";
    background: #fff;
    width: 425px;
    height: 1px;
    position: absolute;
    bottom: 0
}

.sports-app .why-choose-us .team-box p {
    margin-top: 15px;
    max-width: 430px
}

.sports-app .cta {
    padding-top: 40px
}

.digital-solution-wrapper {
    padding-top: 80px;
    counter-reset: section
}

.digital-solution-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 85%;
    gap: 100px 80px
}

.digital-solution-wrapper ul .industires {
    position: relative;
    height: 150px;
    width: 300px
}

.digital-solution-wrapper ul .industires h5 {
    color: #fff
}

.digital-solution-wrapper ul .industires:before {
    position: absolute;
    counter-increment: section;
    content: "0" counter(section);
    font-size: 100px;
    font-weight: 900;
    color: #fff;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 19.07%, hsla(0, 0%, 100%, 0) 80.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    bottom: 70%
}

.features-list {
    background: hsla(0, 0%, 85%, .1);
    border-radius: 33px;
    padding: 65px 60px
}

.features-list ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 65px
}

.features-list ul li {
    list-style: disc;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    color: #fff;
    position: relative;
    width: 50%;
    padding-right: 30px
}

.features-list ul li a {
    color: #fff
}

.contact-page .ptb {
    padding-top: 0
}

.contact-page .title h3 {
    max-width: 550px
}

.contact-page .contact-details {
    display: block
}

.portfolio-page .portfolio-gallery .portfolio-content {
    padding: 20px 0 100px
}

.portfolio-page .portfolio-gallery .portfolio-content h5 {
    color: #fff;
    margin-bottom: 10px
}

.portfolio-page .portfolio-gallery .portfolio-content p {
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 10px
}

.portfolio-page .portfolio-gallery .portfolio-content ul {
    padding-left: 20px
}

.portfolio-page .portfolio-gallery .portfolio-content ul li {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-top: 6px;
    list-style: disc
}

.portfolio-page .portfolio-gallery .imgs-box img {
    width: 660px
}

.portfolio-page .portfolio-gallery .black-bg {
    border-radius: 24px;
    background: #161616;
    padding: 10px;
    margin-bottom: 60px
}

.portfolio-page .portfolio-gallery .black-bg .imgs-box {
    display: flex;
    align-items: center
}

.portfolio-page .portfolio-gallery .black-bg .imgs-box img {
    width: 50%
}

.portfolio-page .portfolio-gallery .black-bg .imgs-box .portfolio-content {
    padding: 0 !important;
    margin-left: 50px;
    width: 50%
}

.portfolio-page .portfolio-gallery .black-bg .common-btn {
    text-transform: capitalize;
    margin-bottom: 30px;
    display: block
}

.portfolio-page .portfolio-gallery .load-more {
    display: flex;
    justify-content: center
}

.portfolio-inner-page {
    background-position: 50%;
    position: relative
}

.portfolio-inner-page.bg-gray {
    background-color: #131313
}

.portfolio-inner-page.bg-gray .ready-to-multiqos {
    padding-bottom: 100px
}

.portfolio-inner-page .hero .inner-title {
    font-size: 445px;
    position: relative
}

.portfolio-inner-page .hero .inner-title .explore-crypto {
    position: absolute;
    font-weight: 200;
    font-size: 35px;
    line-height: 41px;
    max-width: 390px;
    text-align: right;
    background: linear-gradient(270deg, hsla(0, 0%, 100%, .3) .78%, hsla(0, 0%, 100%, 0));
    -webkit-backdrop-filter: blur(6.5px);
    backdrop-filter: blur(6.5px);
    border-radius: 0 66px 66px 0;
    padding: 20px 30px 30px;
    color: #fff;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
    -webkit-text-fill-color: #fff
}

.portfolio-inner-page .hero h1 {
    font-size: 185px;
    font-weight: 900;
    text-align: right
}

.portfolio-inner-page .about-project {
    background: linear-gradient(74.55deg, rgba(55, 55, 55, 0) -91.49%, #131313 53.92%);
    margin-left: 345px;
    padding: 100px 240px 50px
}

.portfolio-inner-page .about-project .title {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0
}

.portfolio-inner-page .about-image {
    text-align: right
}

.portfolio-inner-page .heading {
    font-size: 100px;
    -webkit-text-fill-color: hsla(0, 0%, 100%, .1);
    font-weight: 800;
    text-transform: uppercase
}

.portfolio-inner-page .mobil-app .subheading {
    font-size: 200px;
    -webkit-text-stroke-width: 1.04542px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .5);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 100px;
    text-align: right
}

.portfolio-inner-page .crypto-currency .heading {
    -webkit-text-fill-color: #fff
}

.portfolio-inner-page .crypto-currency .subheading {
    font-size: 200px;
    -webkit-text-stroke-width: 1.04542px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .5);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 100px;
    text-align: center;
    margin: 20px 0
}

.portfolio-inner-page .crypto-currency .service-box .content-wrapper h5 {
    display: flex;
    flex-direction: column;
    max-width: 100%
}

.portfolio-inner-page .crypto-currency .service-box .content-wrapper h5:before {
    font-weight: 300;
    position: inherit;
    right: 0;
    font-size: 77px;
    -webkit-text-stroke-width: 0;
    -webkit-text-fill-color: hsla(0, 0%, 100%, .1);
    top: 0
}

.portfolio-inner-page .data-list .marquee-list {
    position: inherit;
    margin-top: 0
}

.portfolio-inner-page .data-list .marquee-list .marquee-text {
    font-size: 65px;
    -webkit-text-stroke-color: #919191;
    font-weight: 700
}

.portfolio-inner-page .data-list .marquee-list .marquee-text span {
    margin-right: 35px
}

.portfolio-inner-page .data-list .marquee-list .marquee-text span img {
    margin-left: 35px
}

.portfolio-inner-page .data-list .marquee--reverse {
    animation-direction: reverse
}

.portfolio-inner-page .mrsnark-data .heading {
    font-size: 260px
}

.portfolio-inner-page .mrsnark-data .mrsnark-image {
    margin-top: -200px;
    position: relative
}

.portfolio-inner-page .launch-web .feature-area {
    position: relative
}

.portfolio-inner-page .launch-web .feature-area .feature-list {
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    background: #131313;
    margin: 0 5px
}

.portfolio-inner-page .launch-web .feature-area .feature-list li {
    list-style-type: none;
    width: 50%;
    padding: 20px 0;
    border: 1px solid #333;
    border-left: 0;
    border-right: 0;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 1;
    color: #898989;
    transition: all .3s ease;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.portfolio-inner-page .launch-web .feature-area .feature-list li::marker {
    color: #898989;
    margin-right: 10px
}

.portfolio-inner-page .launch-web .feature-area .feature-list li span {
    font-size: 22px;
    margin-right: 22px;
    vertical-align: middle
}

.portfolio-inner-page .launch-web .feature-area .feature-device {
    opacity: 0;
    transform: translate(0);
    transition: all 1s ease;
    position: absolute;
    top: -33px;
    left: 36%
}

.portfolio-inner-page .launch-web .feature-area .feature-device img {
    width: auto;
    height: 350px;
    object-fit: contain
}

.portfolio-inner-page .launch-web .feature-area .feature-box .feature-list li:hover .feature-device {
    opacity: 1;
    font-weight: 700;
    transform: translate(0);
    transition: all 1s ease
}

.portfolio-inner-page .launch-web .feature-area .feature-box .feature-list li a:hover {
    color: #fff
}

.portfolio-inner-page .bitcoin-graph-image {
    background: #131313;
    margin: 0 5px
}

.portfolio-inner-page.mr-snark .launch-web.features {
    padding-bottom: 0
}

.portfolio-inner-page.mr-snark .bitcoin-graph .bitcoin-graph-image {
    padding-bottom: 20px
}

.portfolio-inner-page .polished-app {
    position: relative
}

.portfolio-inner-page .polished-app .border-img {
    top: -250px;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0
}

.portfolio-inner-page .polished-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.portfolio-inner-page .polished-wrapper h3 {
    color: #fff;
    max-width: 360px
}

.portfolio-inner-page .polished-wrapper .polished-image {
    margin-top: 35px
}

.portfolio-inner-page .polished-wrapper .polished-image-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    column-gap: 70px
}

.portfolio-inner-page .polished-wrapper .polished-image-wrapper img:nth-child(2) {
    margin-bottom: -45px
}

.portfolio-inner-page .polished-wrapper .polished-app-content p {
    max-width: 630px;
    margin-top: 110px
}

.portfolio-inner-page .polished-wrapper .polished-hand-img {
    position: absolute;
    right: 0;
    bottom: -30px
}

.portfolio-inner-page .polished-wrapper .polished-hand-img .polished-hand-image {
    opacity: .2
}

.portfolio-inner-page .polished-wrapper .polished-hand-img .polished-star-icon {
    position: absolute;
    top: -25px;
    right: 60px
}

.portfolio-inner-page .polished-wrapper .four-pointed-star {
    position: absolute;
    right: 0;
    bottom: 0
}

.portfolio-inner-page .polished-wrapper .four-pointed-star:before {
    content: "";
    position: absolute;
    background: #d83378;
    width: 25px;
    height: 30px;
    transform: rotate(-45deg) skewX(22.5deg) skewY(22.5deg)
}

.portfolio-inner-page .type-of-challenge .challenge-wrapper {
    position: relative
}

.portfolio-inner-page .type-of-challenge .challenge-wrapper .star-icon2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.portfolio-inner-page .type-of-challenge .type-content {
    max-width: 610px
}

.portfolio-inner-page .type-of-challenge .type-content h3 {
    color: #fff;
    max-width: 480px;
    margin-bottom: 20px
}

.portfolio-inner-page .type-of-challenge .type-content h3 span {
    color: #d83378
}

.portfolio-inner-page .type-of-challenge .challenge-content {
    position: relative
}

.portfolio-inner-page .type-of-challenge .challenge-content .polished-hand2 {
    position: absolute;
    right: -45px;
    top: 0;
    opacity: .2
}

.portfolio-inner-page .type-of-challenge .type-image {
    text-align: center;
    padding-right: 80px
}

.portfolio-inner-page .type-of-challenge .solution-wrapper {
    padding-top: 150px
}

.portfolio-inner-page .type-of-challenge .solution-content {
    margin-left: 60px
}

.portfolio-inner-page .type-of-challenge .solution-content .type-content {
    max-width: 680px
}

.portfolio-inner-page .type-of-challenge .type-of-content-wrapper {
    position: relative
}

.portfolio-inner-page .type-of-challenge .type-of-content-wrapper .project-text {
    position: absolute;
    font-size: 120px;
    font-weight: 800;
    color: #fff;
    line-height: 162px;
    -webkit-text-stroke-width: 1.89px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .2);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    transform: rotate(-90deg);
    white-space: nowrap;
    width: 110px;
    text-transform: uppercase;
    right: 0;
    bottom: 0
}

.portfolio-inner-page .polished-product .product-images {
    row-gap: 50px
}

.portfolio-inner-page .polished-marquee .marquee-list {
    position: relative;
    margin-top: 15px
}

.portfolio-inner-page .polished-marquee .marquee-list .marquee-text {
    font-size: 66px;
    padding: 10px 0
}

.portfolio-inner-page .polished-marquee .marquee-list .marquee-text svg {
    margin-left: 20px
}

.portfolio-inner-page .polished-marquee .marquee-list .marquee-text span {
    margin-right: 35px
}

.portfolio-inner-page .polished-marquee .marquee-list .marquee-text-right {
    animation-direction: reverse
}

.portfolio-inner-page .polished-marquee .white-bg {
    background-color: #fff
}

.portfolio-inner-page .polished-marquee .white-bg .marquee-text {
    -webkit-text-fill-color: #000;
    -webkit-text-stroke-color: #000
}

.portfolio-inner-page.polished-page .inner-title {
    text-transform: uppercase;
    font-size: 138px;
    line-height: 162px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .2)
}

.portfolio-inner-page.polished-page .inner-title span {
    -webkit-text-fill-color: #fff;
    display: block
}

.portfolio-inner-page.polished-page .mobile-app-design .inner-title {
    font-size: 135px
}

.portfolio-inner-page.polished-page .main-banner-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.portfolio-inner-page.polished-page .main-banner-img .polished-star-icon {
    position: absolute;
    left: 20px;
    top: 0
}

.portfolio-inner-page.polished-page .main-banner-img .main-banner-girl-img {
    position: relative;
    z-index: 1
}

.portfolio-inner-page.polished-page .main-banner-img .main-banner-girl-img:before {
    position: absolute;
    content: "";
    width: 100px;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/rounded-arrow.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.portfolio-inner-page.polished-page .main-banner-img .main-banner-girl-img .paint-text {
    position: absolute
}

.portfolio-inner-page.polished-page .main-banner-img .main-banner-girl-img .paint-text span {
    display: block;
    max-width: 160px;
    font-size: 24px;
    color: #fff;
    position: absolute
}

.portfolio-inner-page.polished-page .main-banner-img .main-banner-girl-img .paint-text-left {
    left: -110px;
    bottom: 130px
}

.portfolio-inner-page.polished-page .main-banner-img .main-banner-girl-img .paint-text-left span {
    left: -85px;
    top: 75px
}

.portfolio-inner-page.polished-page .main-banner-img .main-banner-girl-img .paint-text-left .rounded-arrow {
    transform: rotate(180deg)
}

.portfolio-inner-page.polished-page .main-banner-img .main-banner-girl-img .paint-text-right {
    right: -110px;
    top: 120px
}

.portfolio-inner-page.polished-page .main-banner-img .main-banner-girl-img .paint-text-right span {
    right: -110px;
    top: -85px
}

.portfolio-inner-page.polished-page .main-banner-img .polished-text-img {
    position: relative;
    top: -25px;
    z-index: 0
}

.portfolio-inner-page.polished-page .main-banner-img .polished-text-img:before {
    position: absolute;
    content: "";
    width: 160px;
    height: 195px;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/polished-nail-hand.svg);
    background-size: contain;
    top: -115px;
    left: -115px;
    opacity: .2
}

.portfolio-inner-page.polished-page .main-banner-img .polished-banner-left-side-girl {
    position: absolute;
    top: 100px;
    left: 190px
}

.portfolio-inner-page.polished-page .main-banner-img .polished-banner-right-side-girl {
    position: absolute;
    top: 250px;
    right: 120px
}

.portfolio-inner-page .unique-features .custom-row {
    justify-content: center
}

.portfolio-inner-page .unique-features .features-col {
    background-image: linear-gradient(180deg, #fff, #131313);
    padding: 1px 1px 0;
    margin: -1px -4px;
    position: relative
}

.portfolio-inner-page .unique-features .features-col .features-content {
    background: #171717;
    padding: 30px 30px 50px;
    height: 100%
}

.portfolio-inner-page .unique-features .features-col h5 {
    color: #fff;
    max-width: 220px;
    min-height: 130px
}

.portfolio-inner-page .unique-features .features-col p {
    margin-top: 30px;
    color: hsla(0, 0%, 100%, .8)
}

.portfolio-inner-page .unique-features .features-col svg {
    position: absolute;
    right: 30px;
    top: 40px
}

.portfolio-inner-page .unique-features .features-col svg path {
    stroke: transparent
}

.portfolio-inner-page .unique-features .features-col .features-mobile {
    display: none;
    position: absolute;
    left: 45%;
    top: 45%;
    transition: .3s ease-in-out;
    z-index: 2
}

.portfolio-inner-page .unique-features .features-col:hover .features-content {
    background: linear-gradient(180deg, #e88aff, #8e49ff)
}

.portfolio-inner-page .unique-features .features-col:hover .features-mobile {
    display: block;
    transition: .3s ease-in-out
}

.portfolio-inner-page .social-media-post .insta-post {
    padding-top: 60px
}

.portfolio-inner-page .social-media-post .insta-post .row .social-media-box:nth-child(2n) {
    margin-top: 80px
}

.portfolio-inner-page.queso-page .hero .queso-title-list {
    display: flex;
    flex-direction: column
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title {
    position: relative;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-bottom: 92px
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:last-child {
    margin: 0
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title .title {
    font-weight: 800;
    font-size: 130px;
    line-height: 153px;
    text-transform: uppercase;
    margin: 0;
    text-align: left;
    transform: matrix(1, .01, -.41, .91, 0, 0);
    position: relative;
    z-index: 1;
    transition: all 1s
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
    height: 0;
    z-index: 0
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title.active .title {
    -webkit-text-fill-color: #fff;
    text-shadow: 17px 11px 29px rgba(0, 0, 0, .25)
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title.active img {
    opacity: 1;
    visibility: visible;
    transition: all 1s;
    height: auto
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:first-child img {
    top: -22px;
    left: -60px
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:first-child.active img {
    left: -22px
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(2) {
    margin-left: auto;
    margin-right: auto
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(2) img {
    top: 0;
    bottom: 0;
    margin: auto;
    left: -80px;
    transition: all 2s
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(2).active img {
    left: 415px;
    transition: all 2s
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3) {
    margin-left: auto
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3) img {
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    transition: all 3s
}

.portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3).active img {
    left: 875px;
    transition: all 3s
}

.portfolio-inner-page.queso-page .content-wrapper {
    font-weight: 800;
    font-size: 160px;
    line-height: 182px;
    color: #fff;
    text-transform: uppercase
}

.portfolio-inner-page.queso-page .content-wrapper>div {
    padding: 50px 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333
}

.portfolio-inner-page.queso-page .content-wrapper .content-right {
    text-align: right
}

.portfolio-inner-page.queso-page .content-wrapper .content-center {
    text-align: center
}

.portfolio-inner-page.queso-page .content-wrapper .content-left {
    text-align: start
}

.portfolio-inner-page.queso-page .content-wrapper.top-border-none .content-right {
    border-top: none;
    padding-top: 0
}

.portfolio-inner-page.queso-page .what-queso .content-wrapper .content-left {
    padding-bottom: 0;
    border-bottom: none
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row {
    display: flex;
    align-items: stretch;
    grid-column-gap: 50px;
    margin-bottom: 50px
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:last-child {
    margin: 0
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(2n-2) {
    flex-direction: row-reverse
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(3n-2) .queso-about-col.about-col-8 {
    background: #7e58e3
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(3n-2) .queso-about-col.about-col-8:before {
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/icon-queso-circle-white.svg) no-repeat 50%
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(3n-2) .queso-about-col.about-col-8 h6,
.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(3n-2) .queso-about-col.about-col-8 p {
    color: #fff
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(3n-2) .queso-about-col.about-col-4 {
    background: #ddd9ff
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(3n-1) .queso-about-col.about-col-8 {
    background: #f3ea8a
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(3n-1) .queso-about-col.about-col-4 {
    background: #e0deed
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(3n-0) .queso-about-col.about-col-8 {
    background: #c4e3e7
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row:nth-child(3n-0) .queso-about-col.about-col-4 {
    background: #ddd9ff
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 348px;
    padding: 50px 68px 56px;
    border-radius: 21px;
    position: relative
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-8:before {
    content: "";
    position: absolute;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/icon-queso-circle-bg.svg) no-repeat 50%;
    width: 195px;
    height: 179px;
    top: 0;
    right: 0
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-4 {
    width: 475px;
    flex-shrink: 0;
    overflow: hidden
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-4 img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col h6 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 40px;
    color: #000
}

.portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col p {
    line-height: 37px;
    color: #000
}

.portfolio-inner-page.queso-page .challenges-content-wrapper.the-solutions a .wrapper-item .content .list li {
    margin-bottom: 40px
}

.portfolio-inner-page.queso-page .challenges-content-wrapper.the-solutions a .wrapper-item .content .list li:last-child {
    margin: 0
}

.portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item {
    display: flex;
    align-items: flex-start;
    padding-left: 40px;
    padding-right: 70px
}

.portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content {
    padding-right: 50px
}

.portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content h4 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 36px
}

.portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li {
    position: relative;
    padding-left: 36px
}

.portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li:before {
    content: "";
    position: absolute;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/icon-yellow-star.svg) no-repeat 50%;
    width: 14px;
    height: 13px;
    top: 22px;
    left: 0
}

.portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li p {
    color: #fff;
    line-height: 60px;
    margin: 0;
    letter-spacing: .01em
}

.portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li p b,
.portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li p strong {
    font-weight: 600;
    display: block
}

.portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .image {
    display: inline-block;
    flex-shrink: 0
}

.portfolio-inner-page.queso-page .queso-static-wrapper .image {
    background: #1b1b1b;
    border-radius: 15px;
    padding: 70px;
    text-align: center
}

.portfolio-inner-page.queso-page .marquee-static-wrapper .image img {
    width: 100%;
    object-fit: cover
}

.portfolio-inner-page.queso-page .card-wrapper .card-row {
    margin: 0 -25px -50px
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col {
    padding: 0 25px;
    margin-bottom: 50px
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(2) .card-inner {
    background: #22b1a9
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(2) .card-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(2) .card-inner img {
    display: none
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(2) .card-inner p {
    max-width: 224px
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(4) .card-inner {
    background: #7e58e3
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(4) .card-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/image-squer-black.svg) no-repeat 50%;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(4) .card-inner img {
    display: none
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(4) .card-inner p {
    max-width: 359px
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner {
    background: #3460e9
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    border-radius: 131px
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner img {
    display: none
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p {
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    max-width: 293px;
    text-align: start;
    position: relative
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p:after,
.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 27px
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p:before {
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/icon-que-white-top.svg) no-repeat 50%;
    top: -41px;
    left: 0
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p:after {
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/icon-que-white-bottom.svg) no-repeat 50%;
    bottom: -27px;
    right: 0
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col .card-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col .card-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.portfolio-inner-page.queso-page .card-wrapper .card-row .card-col .card-inner p {
    position: absolute;
    font-weight: 600;
    font-size: 45px;
    line-height: 53px;
    color: #fff;
    margin: 0;
    text-align: center
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -55px;
    padding-left: 114px;
    padding-right: 114px
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li {
    width: 50%;
    padding: 0 55px;
    margin-bottom: 114px
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:hover .card-body:before {
    filter: brightness(100);
    opacity: .1
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:hover .card-body .card-image {
    border: 1px solid hsla(0, 0%, 100%, .56)
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:first-child:hover .card-body {
    background: #7e58e3;
    transition: all .6s
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:nth-child(2):hover .card-body {
    background: #3460e9;
    transition: all .6s
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:nth-child(3):hover .card-body {
    background: #22b1a9;
    transition: all .6s
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:nth-child(4):hover .card-body {
    background: #6408bf;
    transition: all .6s
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li .card-body {
    padding: 70px 100px;
    background: #1a1a1a;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .6s
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li .card-body:before {
    content: "";
    position: absolute;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/icon-half-circle.svg) no-repeat 50%;
    background-size: cover;
    width: 417px;
    height: 209px;
    z-index: -1
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li .card-body h6 {
    font-weight: 600;
    line-height: 33px;
    color: #fff;
    margin: 42px 0 0
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li .card-body .card-image {
    max-width: 240px;
    margin: 0 auto;
    border: 1px solid #484545;
    border-radius: 25px;
    padding: 15px;
    transition: all .6s
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:nth-child(2n) {
    margin-top: 100px;
    margin-bottom: 30px
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:nth-child(4n-3) .card-body:before {
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:nth-child(4n-2) .card-body:before {
    top: 0;
    bottom: 0;
    left: -104px;
    margin: auto 0;
    transform: rotate(-90deg)
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:nth-child(4n-1) .card-body:before {
    top: 0;
    bottom: 0;
    right: -104px;
    margin: auto 0;
    transform: rotate(90deg)
}

.portfolio-inner-page.queso-page .features-wrapper .features-card-list li:nth-child(4n-0) .card-body:before {
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(180deg)
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider {
    max-width: 950px;
    margin: auto
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow {
    width: 94px;
    height: 94px;
    border-radius: 100%;
    background: #191919;
    transition: all .4s;
    z-index: 1
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow:hover {
    background: #ffbb0e;
    transition: all .4s
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow:hover:before {
    filter: brightness(0);
    transition: all .4s
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/icon-slider-arrow.svg) no-repeat 50%;
    background-size: contain;
    width: 35px;
    height: 26px;
    opacity: 1;
    transition: all .4s
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow.slick-prev:before {
    transform: rotate(180deg)
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item {
    text-align: center
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item .client-image {
    width: 192px
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item h6 {
    font-weight: 600;
    line-height: 33px;
    margin: 32px 0 20px;
    color: #fff
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item p {
    line-height: 28px;
    margin: 0 0 34px
}

.portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item p.description {
    line-height: 38px;
    letter-spacing: .01em;
    margin: 38px auto 0;
    max-width: 698px
}

.portfolio-inner-page.queso-page .technology-stack-wrapper .description {
    margin: 60px 0 0
}

.portfolio-inner-page.queso-page .technology-stack {
    padding-top: 80px
}

.portfolio-inner-page.queso-page .technology-stack .icon-wrapper .icon-box {
    width: 33%
}

.go-for-me-page .hero {
    position: relative;
    height: 100vh;
    padding: 78px 0 0;
    z-index: 1
}

.go-for-me-page .hero .banner-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 344px;
    line-height: 250px;
    font-weight: 700;
    font-family: Roboto;
    z-index: 1
}

.go-for-me-page .hero .banner-title span {
    color: #21bdee
}

.go-for-me-page .hero img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.go-for-me-page .hero .spotlight {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(circle, transparent 0, #000 250px)
}

.go-for-me-page .title-wrapper {
    margin-bottom: 60px
}

.go-for-me-page .title {
    display: inline-block;
    color: #fff;
    font-size: 120px;
    font-family: Thunder;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative
}

.go-for-me-page .title:before {
    content: "";
    position: absolute;
    bottom: 24px;
    left: 0;
    background: #21bdee;
    width: 100%;
    height: 10px;
    z-index: -1
}

.go-for-me-page .about-us-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.go-for-me-page .about-us-list li {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-family: Thunder;
    font-weight: 700;
    text-transform: uppercase;
    width: 284px;
    height: 284px
}

.go-for-me-page .about-us-list li .content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%
}

.go-for-me-page .about-us-list li:nth-child(2n+2) {
    border: 1px solid hsla(0, 0%, 100%, .5)
}

.go-for-me-page .about-us-list li:nth-child(10),
.go-for-me-page .about-us-list li:nth-child(2),
.go-for-me-page .about-us-list li:nth-child(4),
.go-for-me-page .about-us-list li:nth-child(6),
.go-for-me-page .about-us-list li:nth-child(8) {
    position: relative
}

.go-for-me-page .about-us-list li:nth-child(10):after,
.go-for-me-page .about-us-list li:nth-child(10):before,
.go-for-me-page .about-us-list li:nth-child(2):after,
.go-for-me-page .about-us-list li:nth-child(2):before,
.go-for-me-page .about-us-list li:nth-child(4):after,
.go-for-me-page .about-us-list li:nth-child(4):before,
.go-for-me-page .about-us-list li:nth-child(6):after,
.go-for-me-page .about-us-list li:nth-child(6):before,
.go-for-me-page .about-us-list li:nth-child(8):after,
.go-for-me-page .about-us-list li:nth-child(8):before {
    content: "";
    position: absolute
}

.go-for-me-page .about-us-list li:nth-child(10) .content,
.go-for-me-page .about-us-list li:nth-child(2) .content,
.go-for-me-page .about-us-list li:nth-child(4) .content,
.go-for-me-page .about-us-list li:nth-child(6) .content,
.go-for-me-page .about-us-list li:nth-child(8) .content {
    position: relative;
    z-index: 1
}

.go-for-me-page .about-us-list li:nth-child(10) .content:before,
.go-for-me-page .about-us-list li:nth-child(2) .content:before,
.go-for-me-page .about-us-list li:nth-child(4) .content:before,
.go-for-me-page .about-us-list li:nth-child(6) .content:before,
.go-for-me-page .about-us-list li:nth-child(8) .content:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0;
    transition: all .6s;
    z-index: -1
}

.go-for-me-page .about-us-list li:nth-child(10):hover .content:before,
.go-for-me-page .about-us-list li:nth-child(2):hover .content:before,
.go-for-me-page .about-us-list li:nth-child(4):hover .content:before,
.go-for-me-page .about-us-list li:nth-child(6):hover .content:before,
.go-for-me-page .about-us-list li:nth-child(8):hover .content:before {
    width: 100%;
    transition: all .6s
}

.go-for-me-page .about-us-list li:nth-child(2) {
    background: #000
}

.go-for-me-page .about-us-list li:nth-child(2):after,
.go-for-me-page .about-us-list li:nth-child(2):before {
    right: -60px;
    background: #879c97;
    width: 60px;
    height: 55%
}

.go-for-me-page .about-us-list li:nth-child(2):before {
    top: 28px;
    transform: skewY(45deg)
}

.go-for-me-page .about-us-list li:nth-child(2):after {
    bottom: 28px;
    transform: skewY(-45deg)
}

.go-for-me-page .about-us-list li:nth-child(2) .content:before {
    background: #00684a
}

.go-for-me-page .about-us-list li:nth-child(4) {
    background: #000
}

.go-for-me-page .about-us-list li:nth-child(4):after,
.go-for-me-page .about-us-list li:nth-child(4):before {
    left: -60px;
    background: #f7aa9c;
    width: 60px;
    height: 55%
}

.go-for-me-page .about-us-list li:nth-child(4):before {
    top: 28px;
    transform: skewY(-45deg)
}

.go-for-me-page .about-us-list li:nth-child(4):after {
    bottom: 28px;
    transform: skewY(45deg)
}

.go-for-me-page .about-us-list li:nth-child(4) .content:before {
    background: #f05539
}

.go-for-me-page .about-us-list li:nth-child(6):after,
.go-for-me-page .about-us-list li:nth-child(6):before {
    background: #90def7;
    width: 100%;
    height: 60px;
    z-index: -1
}

.go-for-me-page .about-us-list li:nth-child(6):before {
    top: -60px;
    left: 42px;
    width: 100%;
    height: 60px;
    transform: skewX(-55deg)
}

.go-for-me-page .about-us-list li:nth-child(6):after {
    bottom: 29px;
    right: -60px;
    width: 60px;
    height: 100%;
    transform: skewY(-45deg)
}

.go-for-me-page .about-us-list li:nth-child(6) .content:before {
    background: #23bdef
}

.go-for-me-page .about-us-list li:nth-child(8):after,
.go-for-me-page .about-us-list li:nth-child(8):before {
    top: -60px;
    background: #a780b5;
    width: 55%;
    height: 60px
}

.go-for-me-page .about-us-list li:nth-child(8):before {
    left: 27px;
    transform: skewX(-45deg)
}

.go-for-me-page .about-us-list li:nth-child(8):after {
    right: 27px;
    transform: skewX(45deg)
}

.go-for-me-page .about-us-list li:nth-child(8) .content:before {
    background: #4e006b
}

.go-for-me-page .about-us-list li:nth-child(10):after,
.go-for-me-page .about-us-list li:nth-child(10):before {
    background: #e0bfaa;
    width: 100%;
    height: 60px;
    z-index: -1
}

.go-for-me-page .about-us-list li:nth-child(10):before {
    top: -60px;
    right: 29px;
    width: 100%;
    height: 60px;
    transform: skewX(45deg)
}

.go-for-me-page .about-us-list li:nth-child(10):after {
    bottom: 29px;
    left: -60px;
    width: 60px;
    height: 100%;
    transform: skewY(45deg)
}

.go-for-me-page .about-us-list li:nth-child(10) .content:before {
    background: #c27f55
}

.go-for-me-page .user-flow-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.go-for-me-page .user-flow-list .user-flow-item {
    max-width: 302px
}

.go-for-me-page .user-flow-list .user-flow-item .head {
    font-family: Thunder;
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    padding: 13px 30px 9px;
    margin-bottom: 30px;
    border-radius: 10px;
    background: #23bdef;
    line-height: normal
}

.go-for-me-page .user-flow-list .user-flow-item ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-row-gap: 30px
}

.go-for-me-page .user-flow-list .user-flow-item ul li {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 10px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    text-transform: capitalize
}

s .go-for-me-page .user-flow-list .user-flow-item ul li:last-child {
    margin: 0
}

.go-for-me-page .our-features .title-wrapper {
    text-align: center
}

.go-for-me-page .our-features .title-wrapper p {
    max-width: 940px;
    margin: auto
}

.go-for-me-page .our-features .features-image-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    position: relative;
    margin-top: -50px;
    padding-bottom: 100px
}

.go-for-me-page .our-features .features-image-list .features-image-item img {
    transform: translateY(56px) scale(.8);
    transition: all 1s
}

.go-for-me-page .our-features .features-image-list .features-image-item:hover img {
    transform: translateY(0) scale(1);
    transition: all 1s
}

.go-for-me-page .our-features .features-image-list .features-image-item.active .content {
    opacity: 1;
    transition: all .8s
}

.go-for-me-page .our-features .features-image-list .features-image-item .content {
    opacity: 0;
    background: transparent;
    pointer-events: none
}

.go-for-me-page .our-features .features-image-list .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 82px 30px 52px;
    border-radius: 33px;
    background: #21bdee;
    color: #fff;
    text-align: center;
    font-size: 110px;
    line-height: 100px;
    font-family: Thunder;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .8s;
    z-index: 2
}

.go-for-me-page .our-features .features-image-list .content span {
    transition: all .8s
}

.go-for-me-page .our-features .features-image-list .content.hide span {
    opacity: 0;
    transition: all .8s
}

.go-for-me-page .project-overview .title {
    margin-bottom: 0
}

.go-for-me-page .gofrome-about {
    position: relative
}

.go-for-me-page .gofrome-about img {
    filter: grayscale(1);
    transition: all .6s
}

.go-for-me-page .gofrome-about .gofrome-title {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    font-size: 340px;
    line-height: 240px;
    font-family: Roboto;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .5);
    -webkit-text-fill-color: hsla(0, 0%, 100%, .1);
    -webkit-background-clip: text;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transition: all 2s
}

.go-for-me-page .gofrome-about:hover img {
    filter: grayscale(0);
    transition: all .6s
}

.go-for-me-page .gofrome-about:hover .gofrome-title {
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: all 2s
}

.go-for-me-page .gofrome-about:hover .gofrome-title span {
    -webkit-text-stroke-color: #21bdee;
    -webkit-text-fill-color: #21bdee
}

.go-for-me-page .design-alignments-text {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    grid-column-gap: 116px;
    grid-row-gap: 33px
}

.go-for-me-page .design-alignments-text .font {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    grid-row-gap: 33px;
    color: #fff;
    font-size: 300px;
    line-height: 213px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    text-transform: capitalize
}

.go-for-me-page .design-alignments-text .font span {
    display: inline-block;
    color: #fff;
    font-size: 80px;
    line-height: 60px;
    font-family: Thunder;
    font-weight: 700;
    text-transform: uppercase
}

.go-for-me-page .design-alignments-text p {
    margin-bottom: 10px
}

.go-for-me-page .design-alignments-text p:last-child {
    margin: 0
}

.go-for-me-page .design-alignments-text p span {
    display: inline-block;
    margin: 15px 80px 0 0
}

.go-for-me-page .design-alignments-text p span:last-child {
    margin-right: 0
}

.go-for-me-page .design-alignments-text .upper {
    text-transform: uppercase
}

.go-for-me-page .design-alignments-colo-list {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    grid-gap: 30px;
    margin-top: 60px
}

.go-for-me-page .design-alignments-colo-list li {
    width: 144px;
    height: 226px;
    border-radius: 414px;
    border: 2px solid hsla(0, 0%, 100%, .3);
    position: relative
}

.go-for-me-page .design-alignments-colo-list li span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    font-family: Thunder;
    text-align: center;
    opacity: .6;
    text-transform: uppercase
}

.go-for-me-page .technology-stack .icon-wrapper {
    margin-bottom: -40px
}

.go-for-me-page .technology-stack .icon-wrapper .icon-box .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background: #141414;
    border-radius: 100%;
    margin-right: 15px;
    flex-shrink: 0
}

.go-for-me-page .technology-stack .icon-wrapper .icon-box .icon img {
    margin-right: 0;
    max-height: 50px
}

.job-market-analysis .job-market-title {
    font-family: Alumni Sans;
    font-size: 80px;
    font-weight: 600;
    color: #fff
}

.job-market-analysis .job-data {
    padding-bottom: 190px;
    border-bottom: 4px dashed #fff
}

.job-market-analysis .challenge-list {
    list-style: disc;
    font-size: 24px;
    font-weight: 200;
    padding-left: 25px
}

.job-market-analysis .challenge-list li {
    margin-top: 15px
}

.job-market-analysis .about-wrapper {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/data-analysis-aboutus.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.job-market-analysis .about-wrapper p {
    max-width: 1120px
}

.job-market-analysis .challenge-box {
    border-radius: 70px;
    background: #b08cff;
    padding: 47px 35px;
    height: 100%
}

.job-market-analysis .challenge-box h4 {
    font-family: Alumni Sans;
    font-weight: 500
}

.job-market-analysis .challenge-box p {
    color: #000
}

.job-market-analysis .data-search .job-market-title {
    font-size: 384px;
    font-weight: 700;
    white-space: nowrap;
    line-height: normal;
    position: relative
}

.job-market-analysis .data-search .curve-image {
    position: absolute;
    top: 51%;
    left: -9px
}

.job-market-analysis .cta-box {
    border-radius: 70px;
    background: #b08cff;
    padding: 90px 70px
}

.job-market-analysis .cta-box .job-market-title {
    color: #000
}

.job-market-analysis .cta-box p {
    color: #000;
    margin-bottom: 20px
}

.job-market-analysis .features-box .row-space {
    margin-bottom: 50px
}

.job-market-analysis .features-box .custom-row {
    flex-direction: row-reverse;
    margin-bottom: 50px
}

.job-market-analysis .features-box .custom-row .features-content {
    margin-left: 0;
    margin-right: 60px
}

.job-market-analysis .features-box .features-content {
    margin-top: 60px;
    margin-left: 60px
}

.job-market-analysis .features-box .features-content h4 {
    font-family: Alumni Sans;
    color: #fff;
    margin-bottom: 20px
}

.job-market-analysis .visualization .job-market-title {
    font-size: 470px;
    font-weight: 700;
    filter: blur(7.2818450928px);
    color: hsla(0, 0%, 100%, .3);
    text-align: center;
    overflow-y: hidden
}

.job-market-analysis .visualization .visualization-image {
    margin-top: -25%
}

.job-market-analysis .technology-stack .image {
    background: hsla(0, 0%, 100%, .2)
}

.technology-stack .subheading {
    font-size: 100px;
    -webkit-text-stroke-width: 1.04542px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .5);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 800;
    text-transform: uppercase
}

.technology-stack .icon-wrapper {
    flex-wrap: wrap
}

.technology-stack .icon-wrapper .icon-box {
    flex-direction: row;
    width: 25%;
    justify-content: flex-start;
    margin-bottom: 40px
}

.technology-stack .icon-wrapper .icon-box .image {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px
}

.technology-stack .icon-wrapper .icon-box .image img {
    margin-right: 0;
    width: 50px
}

.technology-stack .icon-wrapper .icon-box img {
    margin-right: 30px
}

.technology-stack .icon-wrapper .icon-box span {
    margin-top: 0;
    font-size: 32px;
    font-weight: 300;
    white-space: nowrap
}

.polished-page .polised-video video {
    width: 100%
}

.polished-page .polished-wrapper.desktop-none,
.polished-page .ready-to-multiqos .subtitle {
    display: none
}

.porfolio-bg .purple-box {
    background: #01b8e7
}

.multibrand-page {
    background-repeat: no-repeat;
    background-size: cover
}

.multibrand-page .title h2 {
    position: relative;
    display: inline-block
}

.multibrand-page .title h2 .double-dot {
    position: absolute;
    right: -40px;
    top: 35px
}

.multibrand-page .ready-to-multiqos {
    padding-bottom: 100px
}

.multibrand-page .grid-box {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(7, 1fr)
}

.multibrand-page .grid-box .box {
    height: 270px;
    border: 1px dashed hsla(0, 0%, 100%, .2);
    position: relative
}

.multibrand-page .grid-box .box:before {
    content: "";
    border-right: 1px dashed hsla(0, 0%, 100%, .2);
    height: 100%;
    position: absolute;
    top: 0;
    left: 10px
}

.multibrand-page .grid-box .box img {
    height: 100%;
    width: 100%;
    position: relative;
    animation: fadeIn 3s ease;
    -webkit-animation: fadeIn 3s ease;
    -moz-animation: fadeIn 3s ease;
    -o-animation: fadeIn 3s ease;
    -ms-animation: fadeIn 3s ease
}

.multibrand-page .grid-box .active.box img {
    display: block !important
}

.multibrand-page .hero {
    position: relative;
    padding-top: 80px
}

.multibrand-page .hero .hero-content {
    position: absolute;
    top: 18%;
    left: 14%
}

.multibrand-page .hero .hero-content .main-title {
    font-size: 167px;
    font-weight: 700;
    color: #fff;
    line-height: normal
}

.multibrand-page .hero .hero-content .content {
    margin-top: 75px;
    margin-left: 270px
}

.multibrand-page .hero .hero-content .content .title {
    font-size: 150px;
    line-height: normal;
    margin: 0
}

.multibrand-page .hero .hero-content .content .inner-title {
    font-size: 150px;
    line-height: normal;
    font-weight: 400;
    -webkit-text-stroke-color: #fff
}

.multibrand-page .about-project .title {
    margin-bottom: 20px
}

.multibrand-page .about-project .about-text {
    font-size: 250px;
    font-weight: 500;
    line-height: 240px;
    color: #fff;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/multibrand-about-border.svg);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0 50px;
    position: relative
}

.multibrand-page .about-project .about-text span {
    text-align: right;
    display: block
}

.multibrand-page .about-project .about-text .arrows-image {
    position: absolute;
    bottom: 0;
    left: 150px
}

.multibrand-page .about-project .about-text .down-arrow-group {
    position: absolute;
    right: 0
}

.multibrand-page .showcase-website {
    position: relative
}

.multibrand-page .showcase-website:before {
    content: "";
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/multibrand-bold.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    height: 100%;
    top: 20%
}

.multibrand-page .technology-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #fff
}

.multibrand-page .technology-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.multibrand-page .technology-wrapper ul li {
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: 80px
}

.multibrand-page .technology-wrapper ul li:last-child,
.multibrand-page .technology-wrapper ul li:nth-child(3) {
    margin-bottom: 0
}

.multibrand-page .technology-wrapper ul li h5 {
    font-size: 32px;
    font-weight: 300;
    margin-left: 25px
}

.multibrand-page .website {
    position: relative
}

.multibrand-page .website .multibrand-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.multibrand-page .website img {
    position: relative
}

.multibrand-page .design-content h3 {
    font-size: 60px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 55px
}

.multibrand-page .design-content .font-styling {
    display: flex;
    justify-content: space-between;
    margin-left: 110px
}

.multibrand-page .design-content .font-styling .font-family {
    width: 65%
}

.multibrand-page .design-content .font-styling .font-family .font-family-name {
    display: flex;
    justify-content: space-between
}

.multibrand-page .design-content .icon {
    margin-top: 100px
}

.multibrand-page .design-content .color-circle {
    display: flex
}

.multibrand-page .design-content .color-circle .circle {
    background: #2e3192;
    border: 2px solid #fff;
    border-radius: 32px;
    height: 50px;
    width: 50px;
    margin-right: 10px
}

.multibrand-page .design-content .color-circle .circle:nth-child(2) {
    background: #0095da
}

.multibrand-page .design-content .color-circle .circle:last-child {
    background: #fff
}

.multibrand-page .design-content .icon ul {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 57px;
    padding: 35px;
    margin-bottom: 40px;
    width: max-content
}

.multibrand-page .design-content .icon ul li {
    margin-right: 30px
}

.multibrand-page .design-content .icon ul li:last-child {
    margin-right: 0
}

.multibrand-page .multibrand-process .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.multibrand-page .multibrand-process .title p {
    max-width: 500px
}

.multibrand-page .our-process-content {
    counter-reset: section
}

.multibrand-page .our-process-content .process-box {
    position: relative
}

.multibrand-page .our-process-content .process-box h5 {
    position: relative;
    padding-top: 40px;
    color: #fff;
    margin-bottom: 40px
}

.multibrand-page .our-process-content .process-box h5:before {
    counter-increment: section;
    content: "0" counter(section);
    font-size: 100px;
    background: linear-gradient(180deg, rgba(29, 255, 241, .67), rgba(35, 40, 255, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    position: absolute;
    top: -70%
}

.multibrand-page .multibrand-marquee-section {
    margin-top: -88px;
    padding: 50px 0;
    overflow: hidden
}

.multibrand-page .multibrand-marquee-section .multibrand-marquee {
    margin: 0 -20px
}

.multibrand-page .multibrand-marquee-section .multibrand-marquee .multibrand-flex {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.multibrand-page .multibrand-marquee-section .multibrand-marquee .multibrand-content,
.multibrand-page .multibrand-marquee-section .multibrand-marquee .multibrand-image {
    background: #292ca3;
    border: 1px solid hsla(0, 0%, 100%, .21);
    border-right: none;
    border-left: none;
    position: relative
}

.multibrand-page .multibrand-marquee-section .multibrand-marquee .multibrand-content {
    min-height: 140px;
    transform: rotate(-3deg)
}

.multibrand-page .multibrand-marquee-section .multibrand-marquee .multibrand-content.bottom-content {
    margin-top: -70px;
    z-index: 2
}

.multibrand-page .multibrand-marquee-section .multibrand-marquee .multibrand-content p {
    font-weight: 200;
    font-size: 100px;
    line-height: 140px;
    color: hsla(0, 0%, 100%, .8);
    margin: 0;
    white-space: nowrap;
    animation: marqee 40s linear infinite;
    animation-direction: reverse
}

.multibrand-page .multibrand-marquee-section .multibrand-marquee .multibrand-image {
    border-bottom: none;
    min-height: 248px;
    transform: rotate(2deg);
    z-index: 1
}

.multibrand-page .multibrand-marquee-section .multibrand-marquee .multibrand-image .multibrand-image-group {
    animation: marqee 20s linear infinite
}

.multibrand-page .multibrand-marquee-section .multibrand-marquee .multibrand-image .multibrand-image-group img {
    margin: 0 15px;
    max-height: 220px
}

.multibrand-page .key-feature-list {
    display: grid;
    grid-template-columns: 60% 40%
}

.multibrand-page .key-feature-list .feture-title {
    margin-bottom: 60px;
    text-transform: capitalize;
    position: relative;
    padding-left: 110px;
    padding-right: 120px;
    display: inline-block;
    color: hsla(0, 0%, 100%, .2);
    cursor: pointer
}

.multibrand-page .key-feature-list .feture-title.is-active,
.multibrand-page .key-feature-list .feture-title:hover {
    color: #fff
}

.multibrand-page .key-feature-list .feture-title:nth-child(2) span,
.multibrand-page .key-feature-list .feture-title:nth-child(4) span {
    right: 0;
    left: inherit
}

.multibrand-page .key-feature-list .feture-title h3 {
    font-size: 65px;
    font-weight: 500;
    display: inline-block
}

.multibrand-page .key-feature-list .feture-title span {
    max-width: 100px;
    display: inline-block;
    margin-top: 15px;
    position: absolute;
    left: 0
}

.multibrand-page .key-feature-list .feture-img {
    position: relative
}

.multibrand-page .key-feature-list .feture-img img {
    transform: translateX(-100px) !important;
    transition: all 1.08s cubic-bezier(.61, -.18, .08, 1.51);
    position: absolute;
    opacity: 0;
    height: 660px
}

.multibrand-page .key-feature-list .feture-img img.is-active {
    transform: translateX(0) !important;
    opacity: 1
}

.multibrand-page .showcase-content-wrapper {
    counter-reset: section;
    margin-top: 170px
}

.multibrand-page .showcase-content-wrapper .custom-margin {
    color: hsla(0, 0%, 100%, .8)
}

.multibrand-page .showcase-content-wrapper .custom-margin.is-active,
.multibrand-page .showcase-content-wrapper .custom-margin.is-active p,
.multibrand-page .showcase-content-wrapper .custom-margin:hover,
.multibrand-page .showcase-content-wrapper .custom-margin:hover p {
    color: #fff
}

.multibrand-page .showcase-content-wrapper .custom-margin.is-active .showcase-content,
.multibrand-page .showcase-content-wrapper .custom-margin:hover .showcase-content {
    border-top: 1px solid #fff
}

.multibrand-page .showcase-content-wrapper .custom-margin.is-active .showcase-content:before,
.multibrand-page .showcase-content-wrapper .custom-margin:hover .showcase-content:before {
    background: #fff;
    color: #292ca3
}

.multibrand-page .showcase-content-wrapper .custom-margin:first-child .showcase-content {
    margin-top: 150px
}

.multibrand-page .showcase-content-wrapper .custom-margin:nth-child(2) .showcase-content {
    margin-top: 75px
}

.multibrand-page .showcase-content-wrapper .showcase-content {
    position: relative;
    border-top: 1px solid hsla(0, 0%, 100%, .8);
    padding-left: 70px
}

.multibrand-page .showcase-content-wrapper .showcase-content:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    left: 0;
    top: 35px;
    border: 1px solid #fff;
    border-radius: 55px;
    padding: 0 20px;
    font-size: 24px;
    height: 36px;
    transition: .3s ease-in-out
}

.multibrand-page .showcase-content-wrapper .showcase-content h5 {
    padding-top: 30px;
    padding-bottom: 20px;
    font-weight: 500
}

.multibrand-page .showcase-content-wrapper .showcase-content p {
    font-size: 22px;
    color: hsla(0, 0%, 100%, .8)
}

.multibrand-page .multibrand-parcel-image {
    text-align: center
}

.multibrand-page .multibrand-parcel-image img {
    max-height: 700px
}

.michael-john-page .title-pattern {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, .26), hsla(0, 0%, 100%, 0));
    border-radius: 39px;
    display: inline-block;
    padding: 11px 30px 11px 0;
    margin-bottom: 20px;
    color: #fff
}

.michael-john-page .title-pattern h4 {
    font-weight: 700
}

.michael-john-page .hero {
    position: relative
}

.michael-john-page .hero .title {
    z-index: 2;
    display: inline-block
}

.michael-john-page .hero .main-title {
    font-size: 40px;
    font-weight: 400;
    margin-left: 50px;
    line-height: normal
}

.michael-john-page .hero .inners-title {
    font-family: Kanit;
    font-size: 245px;
    line-height: 190px;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    font-weight: 700
}

.michael-john-page .hero .inners-title span {
    color: #fff
}

.michael-john-page .hero .inners-title span:hover {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: #000;
    -webkit-background-clip: text
}

.michael-john-page .hero-banner {
    height: 450px;
    position: absolute;
    width: 50%;
    right: 0;
    transform: translateY(-50%);
    min-width: 1310px
}

.michael-john-page .hero-banner .blue-bg {
    background: #61cafa;
    height: 100%;
    position: relative
}

.michael-john-page .hero-banner .blue-bg:before {
    content: "";
    height: 450px;
    width: 450px;
    background: #faff00;
    position: absolute;
    top: -30%;
    border-radius: 50% 50% 0 0;
    margin-left: 150px;
    z-index: -1
}

.michael-john-page .hero-banner .blue-bg:after {
    content: "";
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/michael-banner-checks.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 450px;
    width: 450px;
    position: absolute;
    left: -10%;
    top: 0;
    z-index: -1;
    transform: translateX(-50px)
}

.michael-john-page .hero-banner .blue-bg .text {
    color: #fff;
    position: absolute;
    top: -40px;
    left: 50%;
    line-height: 36px;
    font-weight: 400;
    transform: translateY(-50px)
}

.michael-john-page .hero-banner .blue-bg .banner-image {
    position: absolute;
    right: 50px
}

.michael-john-page .about-project {
    padding-top: 160px
}

.michael-john-page .about-project .image-wrapper img {
    width: 100%
}

.michael-john-page .cta-wrapper {
    background: #2e2e2e;
    padding: 32px 0;
    transition: all .3s ease;
    position: relative
}

.michael-john-page .cta-wrapper:hover {
    background: #21c5f4
}

.michael-john-page .cta-wrapper .hand-image {
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    width: 400px;
    position: absolute;
    bottom: 0;
    display: inline-block
}

.michael-john-page .cta-wrapper .right-hand {
    right: 0;
    transform: scaleX(-1)
}

.michael-john-page .cta-wrapper .content {
    font-family: Kanit;
    font-size: 85px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 81px
}

.michael-john-page .design-fonts {
    margin-top: 50px;
    color: #fff;
    position: relative
}

.michael-john-page .design-fonts h5 {
    font-weight: 500;
    text-transform: capitalize
}

.michael-john-page .design-fonts .border-text {
    font-size: 65px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 900
}

.michael-john-page .design-fonts .font-weight {
    color: hsla(0, 0%, 100%, .5);
    font-size: 24px
}

.michael-john-page .design-fonts .gradiant-font {
    background: linear-gradient(0deg, #fff -2.02%, hsla(0, 0%, 100%, .5) 69.95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: .08;
    font-weight: 900;
    font-size: 273.778px;
    position: absolute;
    top: 0;
    line-height: 250px
}

.michael-john-page .btn-color-wrapper {
    position: relative
}

.michael-john-page .btn-color-wrapper .white-circle {
    border-radius: 45px;
    background: #fff
}

.michael-john-page .btn-color-wrapper .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 60px;
    height: 100%
}

.michael-john-page .btn-color-wrapper .content .btn-style {
    display: flex;
    justify-content: center;
    column-gap: 25px;
    width: 100%
}

.michael-john-page .btn-color-wrapper .content .custom-btn {
    padding: 13px 10px;
    display: block;
    width: 100%;
    max-width: 406px;
    font-size: 24px;
    font-weight: 400
}

.michael-john-page .btn-color-wrapper .content .arrow {
    height: 65px;
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center
}

.michael-john-page .btn-color-wrapper .content .color-code {
    background: #fff;
    border-radius: 35px;
    padding: 3px
}

.michael-john-page .btn-color-wrapper .content .color-code ul {
    display: flex
}

.michael-john-page .btn-color-wrapper .content .color-code ul li .color {
    background: #124256;
    padding: 30px 60px
}

.michael-john-page .btn-color-wrapper .content .color-code ul li:first-child .color {
    border-radius: 33px 0 0 0
}

.michael-john-page .btn-color-wrapper .content .color-code ul li:nth-child(2) .color {
    background: #e6e6e6
}

.michael-john-page .btn-color-wrapper .content .color-code ul li:nth-child(3) .color {
    background: #000
}

.michael-john-page .btn-color-wrapper .content .color-code ul li:last-child .color {
    background: #fff;
    border-radius: 32.5px 0 0 0;
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.michael-john-page .btn-color-wrapper .content .color-code ul li span {
    font-size: 18px;
    font-weight: 300;
    color: rgba(0, 0, 0, .5);
    margin: 20px 0;
    display: block
}

.michael-john-page .service-wrapper .hover-box:first-child .services-box:hover {
    background: #89cfee
}

.michael-john-page .service-wrapper .hover-box:nth-child(2) .services-box:hover {
    background: #6960cc
}

.michael-john-page .service-wrapper .hover-box:last-child .services-box:hover {
    background: #d65ebb
}

.michael-john-page .service-wrapper .services-box {
    background: linear-gradient(68.32deg, #1e1e1e, rgba(63, 63, 63, .58) 58.12%, #373737 102.38%);
    padding: 68px 30px;
    color: #fff;
    transition: all .3s ease
}

.michael-john-page .service-wrapper .services-box h5 {
    font-weight: 500
}

.michael-john-page .service-wrapper .services-box p {
    margin-top: 20px
}

.michael-john-page .features .micheal-text {
    font-family: Kanit;
    font-size: 188px;
    font-weight: 800;
    line-height: 150px;
    color: hsla(0, 0%, 100%, .08);
    text-align: center
}

.michael-john-page .features-wrapper {
    font-size: 100px;
    font-weight: 800;
    color: #fff;
    text-align: center
}

.michael-john-page .features-wrapper .features-box {
    position: relative;
    margin-bottom: 60px;
    display: block
}

.michael-john-page .features-wrapper .features-box:hover img {
    display: block;
    position: absolute;
    top: 70px;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background: #000;
    max-width: 430px
}

.michael-john-page .features-wrapper .features-box .features-title {
    position: relative;
    margin: 0 40px;
    display: inline-block
}

.michael-john-page .features-wrapper .features-box .features-title .number {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 0
}

.michael-john-page .features-wrapper .features-box img {
    display: none
}

.michael-john-page .features-wrapper .features-box-right {
    text-align: right
}

.michael-john-page .features-wrapper .features-box-right .features-box:hover img {
    right: 40px
}

.michael-john-page .features-wrapper .features-box-left {
    text-align: left
}

.michael-john-page .features-wrapper .features-box-left .features-title:before {
    content: "";
    background: #fff;
    height: 2px;
    width: 77px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -50px;
    transform: translateX(-50%)
}

.michael-john-page .features-wrapper .features-box-left .features-box:hover img {
    left: 48px
}

.michael-john-page .process-wrapper {
    counter-reset: section;
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/michal-checks-2.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 50px 0 10px
}

.michael-john-page .process-wrapper ul li {
    margin-bottom: 35px
}

.michael-john-page .process-wrapper ul li:nth-child(2) {
    margin-left: 15%
}

.michael-john-page .process-wrapper ul li:nth-child(2) .our-process-title {
    background: linear-gradient(90deg, #4c4c4c, #4c4c4c 33.74%, #dadd47 87.84%, #888a4c);
    color: #fff
}

.michael-john-page .process-wrapper ul li:nth-child(3) {
    margin-left: 38%
}

.michael-john-page .process-wrapper ul li:nth-child(4) {
    margin-left: 30%
}

.michael-john-page .process-wrapper ul li:nth-child(4) .our-process-title {
    background: linear-gradient(90deg, #4c4c4c, #4c4c4c 28.12%, rgba(122, 221, 249, .88) 83.33%, #516b73);
    color: #fff
}

.michael-john-page .process-wrapper ul li:nth-child(5) {
    text-align: right
}

.michael-john-page .process-wrapper ul li .our-process-title {
    background: #fff;
    border-radius: 107px;
    font-size: 24px;
    font-weight: 600;
    padding: 16px 30px 16px 80px;
    border: 1px solid #fff;
    display: inline-block;
    position: relative
}

.michael-john-page .process-wrapper ul li .our-process-title:before {
    position: absolute;
    content: "0" counter(section);
    counter-increment: section;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    top: 7px;
    left: 10px;
    background: #02bdf3;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.michael-john-page .technology-stack .icon-wrapper .icon-box {
    width: 33%
}

.irpg-page .irpg-title {
    font-weight: 800;
    font-size: 120px;
    text-transform: uppercase;
    line-height: 135px;
    color: #fff
}

.irpg-page .hero {
    padding-top: 80px
}

.irpg-page .hero .main-title {
    font-family: Krona One;
    font-weight: 400;
    font-size: 300px;
    margin: 0;
    color: #fff
}

.irpg-page .hero .caption {
    font-weight: 400;
    font-size: 40px;
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase
}

.irpg-page .hero .caption:after,
.irpg-page .hero .caption:before {
    content: "";
    height: 10px;
    width: 10px;
    background: #5288e7;
    border-radius: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.irpg-page .hero .caption:before {
    left: -35px
}

.irpg-page .hero .caption:after {
    right: -35px
}

.irpg-page .hero .banner-wrapper {
    background: #16181c;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    position: relative
}

.irpg-page .hero .banner-wrapper .banner-border:after,
.irpg-page .hero .banner-wrapper .banner-border:before {
    content: "";
    position: absolute;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    width: 100%
}

.irpg-page .hero .banner-wrapper .banner-border:before {
    top: 17%
}

.irpg-page .hero .banner-wrapper .banner-border:after {
    bottom: 17%
}

.irpg-page .hero .banner-wrapper:after,
.irpg-page .hero .banner-wrapper:before {
    content: "";
    height: 100%;
    width: 1px;
    background: hsla(0, 0%, 100%, .1);
    position: absolute;
    top: 0
}

.irpg-page .hero .banner-wrapper:before {
    left: 45px
}

.irpg-page .hero .banner-wrapper:after {
    right: 45px
}

.irpg-page .hero .banner-wrapper .outer-circle {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 680px;
    padding: 150px 200px;
    margin: 0 45px;
    position: relative;
    font-weight: 400;
    font-size: 25px;
    color: #5288e7;
    text-transform: uppercase
}

.irpg-page .hero .banner-wrapper .outer-circle:after,
.irpg-page .hero .banner-wrapper .outer-circle:before {
    content: "";
    height: 100%;
    width: 1px;
    background: hsla(0, 0%, 100%, .1);
    position: absolute;
    top: 0
}

.irpg-page .hero .banner-wrapper .outer-circle:after {
    margin-right: 200px;
    right: 0
}

.irpg-page .hero .banner-wrapper .outer-circle .outer-title:first-child,
.irpg-page .hero .banner-wrapper .outer-circle .outer-title:nth-child(3) {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center
}

.irpg-page .hero .banner-wrapper .outer-circle .outer-title:first-child {
    top: 50px
}

.irpg-page .hero .banner-wrapper .outer-circle .outer-title:nth-child(3) {
    bottom: 50px
}

.irpg-page .hero .banner-wrapper .outer-circle .outer-title:nth-child(2),
.irpg-page .hero .banner-wrapper .outer-circle .outer-title:nth-child(4) {
    position: absolute;
    transform: rotate(90deg);
    top: 50%
}

.irpg-page .hero .banner-wrapper .outer-circle .outer-title:nth-child(2) {
    left: 20px
}

.irpg-page .hero .banner-wrapper .outer-circle .outer-title:nth-child(4) {
    right: 20px
}

.irpg-page .hero .banner-wrapper .outer-circle .inner-circle {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 340px;
    padding: 41px;
    text-align: center
}

.irpg-page .about-project .pin-img {
    margin-right: 20px
}

.irpg-page .about-project .custom-row {
    align-items: flex-start
}

.irpg-page .about-project p {
    margin-top: 0
}

.irpg-page .about-project .about-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative
}

.irpg-page .about-project .about-wrapper .star-img {
    position: absolute;
    top: 50px;
    right: 50px;
    transform: translate(-50px, 30px)
}

.irpg-page .about-project .about-wrapper .mobile-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: 550px
}

.irpg-page .about-project .about-wrapper .about-content {
    background: linear-gradient(95.07deg, #5268e7 -16.73%, #52b1e7 204%);
    border-radius: 0 0 274px 0;
    padding: 95px 115px;
    max-width: 1070px;
    width: 100%;
    position: relative
}

.irpg-page .about-project .about-wrapper .about-content .inner-title {
    font-size: 182px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .2);
    line-height: 180px;
    text-transform: uppercase
}

.irpg-page .features-box .row {
    row-gap: 60px
}

.irpg-page .features-box img {
    max-height: 550px
}

.irpg-page .features-box .content h5 {
    color: #fff;
    font-weight: 500
}

.irpg-page .features-box .content p {
    color: hsla(0, 0%, 100%, .8);
    margin-top: 30px
}

.irpg-page .marquee-list {
    position: inherit;
    margin: 0
}

.irpg-page .marquee-list .marquee-text {
    font-weight: 900;
    font-size: 244px;
    -webkit-text-fill-color: hsla(0, 0%, 100%, .1);
    -webkit-text-stroke-width: 0;
    animation: marqee 15s linear infinite
}

.irpg-page .services .service-content {
    background: #0e0e0e;
    border-radius: 50px;
    padding: 65px 100px;
    display: flex;
    column-gap: 180px;
    margin-top: 30px;
    color: #fff;
    position: relative
}

.irpg-page .services .service-content:hover:before {
    opacity: 1
}

.irpg-page .services .service-content:before {
    content: "";
    background: linear-gradient(95.07deg, #5268e7 -16.73%, #52b1e7 204%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    border-radius: 50px;
    transition: 1s ease
}

.irpg-page .services .service-content h5 {
    border-left: 1px solid #fff;
    font-weight: 500;
    height: max-content;
    padding-left: 20px;
    position: relative
}

.irpg-page .services .service-content p {
    position: relative
}

.irpg-page .mobile-ui {
    margin-top: 100px;
    padding-bottom: 100px
}

.irpg-page .mobile-ui,
.irpg-page .typography .font-family {
    background: linear-gradient(95.07deg, #5268e7 -16.73%, #52b1e7 204%)
}

.irpg-page .typography .font-family {
    border-radius: 40px;
    font-weight: 700;
    font-size: 80px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 11px 28px;
    margin-top: 60px
}

.irpg-page .typography .typography-content {
    margin-left: 20px
}

.irpg-page .typography .typography-content .font-content {
    margin: 50px 0 90px
}

.irpg-page .typography .typography-content .font-content p {
    font-weight: 600;
    margin-bottom: 30px
}

.irpg-page .typography .typography-content .font-content p:nth-child(2) {
    text-transform: lowercase
}

.irpg-page .typography .typography-content .font-weight {
    font-size: 30px;
    color: #fff
}

.irpg-page .typography .typography-content .color-box-wrapper {
    display: flex;
    column-gap: 30px
}

.irpg-page .typography .typography-content .color-box-wrapper .color-code-box {
    position: relative
}

.irpg-page .typography .typography-content .color-box-wrapper .color-code-box .color-box {
    width: 120px;
    height: 120px;
    background: #121212;
    border-radius: 22px;
    position: relative
}

.irpg-page .typography .typography-content .color-box-wrapper .color-code-box .color-box.white-box {
    background: #fff
}

.irpg-page .typography .typography-content .color-box-wrapper .color-code-box .color-box.white-box p {
    color: #000
}

.irpg-page .typography .typography-content .color-box-wrapper .color-code-box .color-box.light-green {
    background: #cee8dc
}

.irpg-page .typography .typography-content .color-box-wrapper .color-code-box .color-box.light-green p {
    color: #000
}

.irpg-page .typography .typography-content .color-box-wrapper .color-code-box .color-box.skyblue {
    background: #2196f3
}

.irpg-page .typography .typography-content .color-box-wrapper .color-code-box p {
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    bottom: 0;
    left: 15px
}

.irpg-page .irpg-box {
    background: #464646;
    text-align: center;
    padding: 120px 0;
    position: relative
}

.irpg-page .irpg-box:hover {
    transition: all 1s;
    transition-delay: 1.5s
}

.irpg-page .irpg-box:hover .content .inner-title {
    -webkit-text-fill-color: #fff
}

.irpg-page .irpg-box .content {
    position: relative
}

.irpg-page .irpg-box:before {
    content: "";
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/irpg-blue-cta.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 1s
}

.irpg-page .irpg-box:hover:before {
    opacity: 1
}

.irpg-page .irpg-box .inner-title {
    font-size: 147px;
    font-weight: 700;
    line-height: 184px;
    -webkit-text-stroke-color: #fff
}

.irpg-page .irpg-box p {
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase
}

.irpg-page .technology-stack .icon-wrapper .icon-box .image {
    background: linear-gradient(95.07deg, #5268e7 -16.73%, #52b1e7 204%)
}

.irpg-page .process-wrapper {
    display: flex;
    counter-reset: section
}

.irpg-page .process-wrapper .circle-box {
    position: relative;
    margin-left: -40px
}

.irpg-page .process-wrapper .circle-box:after {
    position: absolute;
    counter-increment: section;
    content: "0" counter(section);
    left: 0;
    right: 0;
    text-align: center;
    z-index: -1;
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.irpg-page .process-wrapper .circle-box:first-child {
    margin-left: 0
}

.irpg-page .process-wrapper .circle-box:last-child:before,
.irpg-page .process-wrapper .circle-box:nth-child(2):before {
    top: inherit;
    bottom: -80px
}

.irpg-page .process-wrapper .circle-box:first-child:after,
.irpg-page .process-wrapper .circle-box:nth-child(3):after {
    top: -30%
}

.irpg-page .process-wrapper .circle-box:last-child:after,
.irpg-page .process-wrapper .circle-box:nth-child(2):after {
    bottom: -30%
}

.irpg-page .process-wrapper .circle-box:nth-child(2) .circle,
.irpg-page .process-wrapper .circle-box:nth-child(4) .circle {
    align-items: center
}

.irpg-page .process-wrapper .circle-box:nth-child(2) .circle:hover,
.irpg-page .process-wrapper .circle-box:nth-child(4) .circle:hover {
    transform: translateY(130px)
}

.irpg-page .process-wrapper .circle-box:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 160px;
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -80px
}

.irpg-page .process-wrapper .circle-box .circle {
    width: 385px;
    height: 385px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    transition: all 1s ease
}

.irpg-page .process-wrapper .circle-box .circle:hover {
    border: transparent;
    background: linear-gradient(95.07deg, #5268e7 -16.73%, #52b1e7 204%);
    border-color: linear-gradient(95.07deg, #5268e7 -16.73%, #52b1e7 204%);
    transform: translateY(-130px);
    transition-delay: .5s;
    align-items: center;
    transition: 1s ease-in-out
}

.irpg-page .process-wrapper .circle-box .circle:hover .icon {
    opacity: 1
}

.irpg-page .process-wrapper .circle-box .circle .content {
    max-width: 230px;
    text-align: center;
    color: #fff
}

.irpg-page .process-wrapper .circle-box .circle .content h3 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px
}

.irpg-page .process-wrapper .circle-box .circle .content p {
    font-size: 20px;
    line-height: 28px
}

.irpg-page .process-wrapper .circle-box .icon {
    opacity: 0;
    transition: .3s ease-in-out
}

.gameday .hero {
    background: #0065dd;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 245px 0
}

.gameday .hero h1 {
    display: none
}

.gameday .hero .gameday-main-title {
    font-size: 220px;
    line-height: 240px;
    background: linear-gradient(#fff 6.13%, #fff 100.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center
}

.gameday .hero .gameday-main-title .banner-img {
    display: inline-flex
}

.gameday .hero .gameday-main-title .banner-img img {
    max-width: 153px
}

.gameday .hero .gameday-main-title span:after,
.gameday .hero .gameday-main-title span:before {
    display: none
}

.gameday .hero .shadowbox-wrapper .box-shadow {
    width: 280px;
    height: 280px;
    position: absolute;
    background: #00fff0;
    filter: blur(146.727px);
    z-index: -1
}

.gameday .hero .shadowbox-wrapper .box-shadow:first-child {
    offset-path: path("M0,0 C40, 0 0, 50 800,50");
    animation: topanim 2s linear infinite alternate;
    left: 15%;
    top: 9%
}

.gameday .hero .shadowbox-wrapper .box-shadow:nth-child(2) {
    offset-path: path("M250,0 C0, 0 0, -50 0,-300");
    animation: leftbtm 2s linear infinite alternate;
    left: 10%;
    bottom: -10%
}

.gameday .hero .shadowbox-wrapper .box-shadow:nth-child(3) {
    offset-path: path("M0,0 C0, 0 0, -100 0,-200");
    animation: lefttopbtm 2s linear infinite alternate;
    left: 10%;
    bottom: -10%
}

.gameday .hero .shadowbox-wrapper .box-shadow:nth-child(4) {
    offset-path: path("M40,0 C0, 173 0, 125 -551,137");
    animation: btmltor 2s linear infinite alternate;
    bottom: 8%;
    right: 14%
}

.gameday .hero .shadowbox-wrapper .box-shadow:nth-child(5) {
    offset-path: path("M0,0 C0, 0 0, 0 0,-450");
    animation: rtobtm 2s linear infinite alternate;
    right: -12%;
    bottom: 10%
}

.gameday .gameday-title {
    font-size: 80px;
    font-weight: 500;
    line-height: 82px;
    margin-bottom: 50px;
    color: #fff
}

.gameday .gameday-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    margin-top: -1px
}

.gameday .about-project .content p {
    margin-bottom: 30px;
    max-width: 560px
}

.gameday .about-project .about-image {
    text-align: right
}

.gameday .about-project .about-image img {
    width: 590px
}

.gameday .service-box-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px
}

.gameday .service-box-wrapper .services-box {
    background: linear-gradient(#72bbff, rgba(80, 239, 249, .992) .01%, rgba(0, 133, 255, .14));
    border-radius: 24px;
    padding: 40px 20px;
    max-width: 250px;
    width: 100%;
    color: #fff;
    position: relative;
    transition: .4s ease-in-out
}

.gameday .service-box-wrapper .services-box:hover {
    background: #72bbff
}

.gameday .service-box-wrapper .services-box:before {
    content: "";
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/gameday-right-arrow.webp);
    position: absolute;
    top: 50%;
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    right: -20px;
    transform: translateY(-50%);
    display: inline-block
}

.gameday .service-box-wrapper .services-box:last-child:before {
    display: none
}

.gameday .service-box-wrapper .services-box .number {
    position: relative
}

.gameday .service-box-wrapper .services-box .number:before {
    counter-increment: section;
    content: "0" counter(section);
    font-size: 65px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: -20px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, 0) 100%, hsla(0, 0%, 100%, .69) 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gameday .service-box-wrapper .services-box .content {
    margin-top: 70px
}

.gameday .service-box-wrapper .services-box .content .service-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 10px
}

.gameday .service-box-wrapper .services-box .content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px
}

.gameday .features-wrapper {
    display: flex
}

.gameday .features-wrapper .features-left-mobiles {
    width: 27%
}

.gameday .features-wrapper .features-center-content {
    width: 31%;
    padding: 0 30px 0 150px;
    counter-reset: section
}

.gameday .features-wrapper .features-center-content .challenge-content {
    margin-top: 70px;
    position: relative
}

.gameday .features-wrapper .features-center-content .challenge-content:before {
    position: absolute;
    counter-increment: section;
    content: "0" counter(section);
    left: -70px;
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: hsla(0, 0%, 100%, .5);
    line-height: 40px
}

.gameday .features-wrapper .features-center-content .challenge-content:first-child {
    margin-top: 50px
}

.gameday .features-wrapper .features-center-content .challenge-content h5 {
    color: #fff
}

.gameday .features-wrapper .features-center-content .challenge-content p {
    margin-top: 20px;
    color: hsla(0, 0%, 100%, .8)
}

.gameday .features-wrapper .features-right-mobiles {
    width: 42%
}

.gameday .events {
    margin-top: 100px
}

.gameday .events .inner-title {
    font-size: 275px;
    position: relative;
    line-height: 0;
    -webkit-text-stroke-color: #fff
}

.gameday .mobile-ui .image-wrapper {
    text-align: right
}

.gameday .mobile-ui .image-wrapper img {
    width: 1140px
}

.gameday .design-elements .gameday-title {
    margin-bottom: 100px
}

.gameday .design-elements .design-content {
    display: flex;
    position: relative;
    z-index: 0
}

.gameday .design-elements .design-content:before {
    content: "Rubik";
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 515px;
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    opacity: .1;
    top: -120px;
    line-height: 515px;
    font-weight: 900;
    z-index: -1;
    left: -30px
}

.gameday .design-elements .design-content .typography-content {
    width: 40%
}

.gameday .design-elements .design-content .typography-content h4 {
    color: #fff;
    font-weight: 500
}

.gameday .design-elements .design-content .typography-content .rubik-text {
    font-size: 75px;
    line-height: 88px;
    font-weight: 900;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    margin: 40px 0 30px
}

.gameday .design-elements .design-content .typography-content .font-weight span {
    font-size: 24px;
    color: #fff
}

.gameday .design-elements .design-content .typography-content .font-weight span:last-child {
    margin-right: 0
}

.gameday .design-elements .design-content .typography-content .font-content {
    margin-top: 67px
}

.gameday .design-elements .design-content .typography-content .font-content p {
    font-weight: 400;
    margin-bottom: 14px
}

.gameday .design-elements .design-content .typography-content .font-content p:nth-child(2) {
    text-transform: lowercase
}

.gameday .design-elements .design-content .typography-content .font-content p:last-child {
    margin-bottom: 0
}

.gameday .design-elements .design-content .element-content {
    width: 60%;
    padding-left: 60px
}

.gameday .design-elements .design-content .element-content .element-icon {
    max-width: 400px;
    margin: 0 0 0 auto
}

.gameday .design-elements .design-content .color-box-design {
    margin-top: -13px
}

.gameday .design-elements .design-content .color-box-design h5 {
    font-weight: 500;
    color: #fff
}

.gameday .design-elements .design-content .color-box-design .color-box-wrapper {
    margin-top: 60px;
    display: flex;
    column-gap: 10px;
    position: relative;
    z-index: 1
}

.gameday .design-elements .design-content .color-box-design .color-box-wrapper li {
    width: 89px;
    height: 87px;
    border: 2px solid #fff;
    background: #1f2633;
    border-radius: 32px
}

.gameday .design-elements .design-content .color-box-design .color-box-wrapper li:nth-child(2) {
    background: #2e3a4b
}

.gameday .design-elements .design-content .color-box-design .color-box-wrapper li:nth-child(3) {
    background: #0065dd
}

.gameday .design-elements .design-content .color-box-design .color-box-wrapper li:nth-child(4) {
    background: #fff
}

.gameday .design-elements .design-content .color-box-design .color-box-wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: .8px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.gameday .design-elements .design-content .color-box-design .color-code {
    margin-top: 20px
}

.gameday .design-elements .design-content .color-box-design .color-code span {
    font-size: 18px;
    line-height: 21px;
    font-weight: 300;
    color: #fff;
    margin-left: 45px;
    text-transform: lowercase
}

.gameday .technology-stack .icon-wrapper .icon-box .image {
    background: hsla(0, 0%, 100%, .2)
}

.fitzoh-page {
    font-family: Montserrat
}

.fitzoh-page h1 {
    display: none
}

.fitzoh-page .caption {
    color: #a4a4a4;
    font-size: 18px;
    font-weight: 400
}

.fitzoh-page .fitzoh-title {
    font-size: 58px;
    font-weight: 400;
    color: #fff
}

.fitzoh-page .subtitle:before {
    display: none
}

.fitzoh-page .hero {
    text-align: center
}

.fitzoh-page .hero .fitzoh-main-title {
    font-size: 214px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    letter-spacing: 19px;
    position: relative;
    display: inline-block
}

.fitzoh-page .hero .fitzoh-main-title:before {
    content: "";
    height: 20px;
    width: 20px;
    background: #fb4e25;
    position: absolute;
    border-radius: 50%;
    top: 70%;
    right: -10px
}

.fitzoh-page .about-us {
    position: relative
}

.fitzoh-page .about-us .about-images {
    position: absolute;
    left: 0;
    top: -20%
}

.fitzoh-page .about-us .about-images img {
    width: 760px
}

.fitzoh-page .about-us .about-content p {
    font-size: 32px;
    max-width: 750px;
    margin-left: auto;
    line-height: 63px;
    font-weight: 400
}

.fitzoh-page .counter {
    margin-top: 100px
}

.fitzoh-page .counter .counter-box.first-box .count:before {
    content: "";
    left: 50%;
    position: absolute;
    top: 50px;
    transform: translate(-10px, 25px)
}

.fitzoh-page .counter .counter-box.second-box .count:before {
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    left: 50px
}

.fitzoh-page .counter .counter-box.third-box {
    margin-top: 100px;
    display: inline-block;
    text-align: left
}

.fitzoh-page .counter .counter-box.third-box .count:before {
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    left: 30%
}

.fitzoh-page .counter .counter-box .count {
    font-size: 214px;
    font-weight: 300;
    color: #fff;
    line-height: normal;
    display: inline-block;
    position: relative
}

.fitzoh-page .counter .counter-box .count:before {
    content: "";
    width: 54px;
    height: 54px;
    background: #fb4e25;
    border-radius: 50%;
    position: absolute;
    z-index: -1
}

.fitzoh-page .counter .counter-box span {
    display: block;
    color: #a4a4a4;
    font-size: 18px;
    font-weight: 400
}

.fitzoh-page .key-task p {
    margin-top: 40px
}

.fitzoh-page .key-task .key-image {
    margin-top: 150px
}

.fitzoh-page .color-picker ul {
    display: flex
}

.fitzoh-page .color-picker ul li {
    height: 320px;
    width: 320px;
    background: #fb4e25;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    color: #fff;
    font-weight: 500
}

.fitzoh-page .color-picker ul li:nth-child(2) {
    background: #222
}

.fitzoh-page .color-picker ul li:nth-child(3) {
    background: #8358ff
}

.fitzoh-page .color-picker ul li:nth-child(4) {
    background: #ffa858;
    color: #545454
}

.fitzoh-page .color-picker ul li:nth-child(5) {
    background: #f6f6f6;
    color: #545454
}

.fitzoh-page .color-picker ul li:last-child {
    background: #fff8f5;
    color: #545454
}

.fitzoh-page .gallary-wrapper {
    display: flex;
    flex-wrap: wrap
}

.fitzoh-page .gallary-wrapper img {
    width: 33.33%
}

.fitzoh-page .trainer .row {
    align-items: center
}

.fitzoh-page .trainer .trainer-image {
    background: #fff
}

.fitzoh-page .trainer .trainer-image img {
    width: 698px
}

.fitzoh-page .trainer .trainer-content {
    margin-left: 20px
}

.fitzoh-page .trainer .trainer-content .title {
    max-width: 710px;
    margin-left: 80px
}

.fitzoh-page .trainer .black-boxs {
    background: #222;
    padding: 45px;
    color: #fff;
    width: 518px;
    margin-top: 150px
}

.fitzoh-page .trainer .black-boxs:last-child {
    margin-left: auto
}

.fitzoh-page .trainer .black-boxs h6 {
    margin-bottom: 25px
}

.fitzoh-page .trainer .black-boxs p {
    font-size: 16px;
    font-weight: 400;
    line-height: 29px
}

.fitzoh-page .font-family {
    background: #fff
}

.fitzoh-page .font-family .aa,
.fitzoh-page .font-family .mostret-font {
    font-size: 148px;
    font-weight: 600;
    color: #333
}

.fitzoh-page .font-family .font-size {
    color: #2f2f2f;
    font-size: 24px;
    font-weight: 500;
    column-gap: 20px;
    display: flex;
    margin-top: 18px
}

.fitzoh-page .font-family .font-style {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 77px
}

.fitzoh-page .font-family .font-style span {
    color: #a0a0a0;
    font-size: 30px;
    font-weight: 500;
    width: 75%
}

.fitzoh-page .font-family .font-style span.small-font {
    font-size: 20px
}

.fitzoh-page .image-gallary {
    position: relative
}

.fitzoh-page .image-gallary:before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 80.2%);
    width: 100%;
    height: 100%;
    z-index: -1;
    bottom: -1px
}

.fitzoh-page .purple-box.blog-content {
    background: #f84d26
}

.hire-ios-developers .title h3 {
    max-width: 1150px
}

.hire-ios-developers .how-hiring-ios-dev .oriented-app-wrapper {
    display: flex;
    flex-wrap: wrap
}

.hire-ios-developers .how-hiring-ios-dev .oriented-app-wrapper .list {
    width: 50%;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    color: #fff;
    margin-bottom: 40px;
    display: flex;
    align-items: center
}

.hire-ios-developers .how-hiring-ios-dev .oriented-app-wrapper .list .list-icon {
    margin-right: 30px
}

.hire-ios-developers .our-process .process-steps .process-start-next {
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/hire-start-next-process.webp)
}

.hire-ios-developers .our-process .process-steps .process-start-next:after,
.hire-ios-developers .our-process .process-steps .process-start-next:before {
    position: absolute;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize
}

.hire-ios-developers .our-process .process-steps .process-start-next:before {
    content: "start";
    left: 0;
    top: 10px
}

.hire-ios-developers .our-process .process-steps .process-start-next .steps-box .steps:nth-child(2),
.hire-ios-developers .our-process .process-steps .process-start-next .steps-box .steps:nth-child(4) {
    padding-bottom: 20px
}

.hire-ios-developers .our-process .process-steps .process-start-next .not-statisfied {
    position: absolute;
    left: 23%
}

.hire-ios-developers .our-process .process-steps .border-pattern {
    position: absolute;
    bottom: -50px;
    height: 40px
}

.hire-ios-developers .our-process .process-steps .border-third-pattern {
    border-right: 1px solid hsla(0, 0%, 100%, .5);
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    right: 0;
    width: 85px
}

.hire-ios-developers .our-process .process-steps .border-third-pattern:before {
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 34px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    transform: rotate(135deg)
}

.hire-ios-developers .our-process .process-steps .border-third-pattern:after {
    content: "Not Satisfied";
    color: hsla(0, 0%, 100%, .5);
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
    position: absolute;
    right: 100%;
    bottom: -15px;
    margin-right: 20px
}

.hire-ios-developers .our-process .process-steps .border-first-pattern {
    border-left: 1px solid hsla(0, 0%, 100%, .5);
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    position: absolute;
    left: 100%;
    width: 430px
}

.hire-ios-developers .our-process .process-steps .border-first-pattern:after {
    content: "next resource";
    left: 20px;
    bottom: 5px;
    text-align: left;
    text-transform: capitalize;
    position: absolute
}

.hire-ios-developers .our-process .process-steps .border-first-pattern:before {
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    position: absolute;
    left: -6px;
    top: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    transform: rotate(220deg)
}

.hire-ios-developers .ios-services {
    counter-reset: section
}

.hire-ios-developers .ios-services .ios-service-list {
    position: relative
}

.hire-ios-developers .ios-services .ios-service-list .service-name {
    color: #fff;
    margin-bottom: 40px;
    padding: 40px 80px 0 0;
    font-size: 26px
}

.hire-ios-developers .ios-services .ios-service-list .service-name:after {
    content: counters(section, ".", decimal-leading-zero);
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    counter-increment: section;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .2);
    -webkit-text-fill-color: transparent;
    font-size: 80px;
    font-weight: 900;
    color: transparent
}

.ready-to-mqs .blogs-wrapper .white-box .hire-dev {
    background: transparent;
    color: #000;
    border: 1px solid #000
}

.ready-to-mqs .blogs-wrapper .white-box .hire-dev .white-right-arrow path {
    fill: #000;
    stroke: #000
}

.ready-to-mqs .blogs-wrapper .white-box .hire-dev:hover {
    background: transparent;
    color: #ff174f;
    border: 1px solid #ff174f
}

.ready-to-mqs .blogs-wrapper .white-box .hire-dev:hover .white-right-arrow path {
    fill: #ff174f;
    stroke: #ff174f
}

.ready-to-mqs .blogs-wrapper .bg-sky-blue h3 {
    max-width: 450px;
    color: #fff
}

.hire-ios-dev .blogs-wrapper {
    margin: 0 14px
}

.hire-ios-dev .blogs-wrapper .hire-image {
    transform-origin: 100% 15%
}

.hire-ios-dev .row {
    grid-gap: 20px
}

.hire-ios-dev .white-box {
    padding: 45px;
    border-radius: 35px
}

.hire-ios-dev .white-box .content h6 {
    padding-top: 15px;
    line-height: 34px
}

.hire-ios-dev .white-box .content p {
    padding: 15px 0 40px
}

.hire-ios-dev .white-box .content .hire-dev {
    background: transparent;
    color: #000;
    border: 1px solid #000
}

.hire-ios-dev .white-box .content .hire-dev .white-right-arrow path {
    fill: #000
}

.hire-ios-dev .white-box .content .hire-dev:hover {
    border: 1px solid #ff174f;
    color: #ff174f
}

.hire-ios-dev .white-box .content .hire-dev:hover .white-right-arrow path {
    fill: #ff174f
}

.hire-ios-dev .purple-box {
    overflow: hidden;
    margin-right: 0
}

.tools-and-tech .tech-stack .tab-link {
    color: hsla(0, 0%, 100%, .8);
    padding-bottom: 50px;
    font-size: 35px;
    font-weight: 600;
    display: block
}

.tools-and-tech .tech-stack .tab-link.active {
    color: #fff
}

.tools-and-tech .tech-app-wrapper .tech-apps {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    text-align: center
}

.tools-and-tech .tech-app-wrapper .tech-apps .tech-name {
    font-size: 23px;
    line-height: 26px;
    color: #fff;
    margin-top: 15px;
    text-align: center
}

.tools-and-tech .tech-app-wrapper .tech-apps span {
    width: 90px;
    height: 90px;
    position: absolute;
    transition: 1s ease
}

.tools-and-tech .tech-app-wrapper .tech-apps:hover span {
    width: 100%;
    height: 100%
}

.tools-and-tech .tech-app-wrapper .tech-apps .box-01 {
    left: 0;
    top: 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
}

.tools-and-tech .tech-app-wrapper .tech-apps .box-02 {
    top: 0;
    right: -1px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
}

.tools-and-tech .tech-app-wrapper .tech-apps .box-03 {
    bottom: -1px;
    left: 0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.tools-and-tech .tech-app-wrapper .tech-apps .box-04 {
    bottom: -1px;
    right: -1px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.career .our-solution .title .mail-link {
    position: relative;
    color: hsla(0, 0%, 100%, .8)
}

.career .our-solution .title .mail-link:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    background-color: hsla(0, 0%, 100%, .8);
    left: 0
}

.career .hiring-box-wrapper .hiring-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px 50px
}

.career .hiring-box-wrapper .hiring-box .tech-details {
    width: 50%
}

.career .hiring-box-wrapper .hiring-box .tech-details h4 {
    color: #ff174f;
    font-weight: 700
}

.career .hiring-box-wrapper .hiring-box .accordion-button {
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.career .hiring-box-wrapper .hiring-box .accordion-button:after {
    background-image: none;
    background: none !important;
    content: none
}

.career .hiring-box-wrapper .hiring-box .accordion-button .down-arrow-icon {
    transition: all .6s
}

.career .hiring-box-wrapper .hiring-box .accordion-button:not(.collapsed) .down-arrow-icon {
    transform: rotate(180deg);
    transition: all .6s
}

.career .hiring-box-wrapper .requirement {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 400px
}

.career .hiring-box-wrapper .requirement p {
    color: hsla(0, 0%, 100%, .7);
    font-weight: 500
}

.career .hiring-box-wrapper .requirement h5 {
    color: #fff;
    line-height: 70px
}

.career .hiring-box-wrapper .apply-now {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 280px
}

.career .hiring-box-wrapper .apply-now .down-btn {
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.career .hiring-box-wrapper .apply-now .down-btn svg path {
    opacity: 1
}

.career .hiring-box-wrapper .apply-now .down-btn:hover {
    background-color: #ff174f;
    border: 1px solid #ff174f
}

.career .hiring-box-wrapper .accordion-item {
    background: #202020;
    border: none;
    border-radius: 22px;
    margin-bottom: 30px
}

.career .hiring-box-wrapper .accordion-item:last-child {
    margin-bottom: 0
}

.career .hiring-box-wrapper .accordion-item .accordion-body {
    padding: 30px 50px;
    border-top: 1px solid hsla(0, 0%, 100%, .231)
}

.location-page .hero {
    text-align: center
}

.location-page .hero .inner-title {
    background: -webkit-linear-gradient(#313131 .33%, rgba(49, 49, 49, 0) 80.49%);
    -webkit-background-clip: text;
    line-height: normal
}

.location-page .cross-platform .col-lg-4 {
    display: flex
}

.location-page .cross-platform .blackbox-list {
    margin-bottom: -20px
}

.location-page .cross-platform .blackbox {
    padding: 45px;
    margin-bottom: 20px
}

.location-page .cross-platform .blackbox .contact-btn {
    margin-top: 30px;
    background: transparent;
    border-color: #fff;
    color: #fff
}

.location-page .cross-platform .blackbox .contact-btn svg path {
    fill: #fff
}

.location-page .cross-platform .blackbox h5 {
    color: #fff;
    margin-bottom: 25px
}

.location-page .cross-platform .blackbox p {
    color: hsla(0, 0%, 100%, .8)
}

.location-page .searchSection {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    padding-top: 30px;
    position: relative
}

.location-page .searchSection .searchBox {
    width: 100%;
    padding: 20px 30px;
    font-size: 17px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 45px;
    color: #fff
}

.location-page .searchSection .common-btn {
    position: absolute;
    right: 15px;
    bottom: 10px;
    background: #ff174f;
    border-color: #ff174f
}

.location-page .searchSection .common-btn:hover {
    background: transparent
}

.sitemap-page .inner-title {
    line-height: normal
}

.sitemap-page h1 {
    margin: 0
}

.sitemap-content .title {
    margin-bottom: 50px
}

.sitemap-content .title .main-title {
    font-size: 65px;
    font-weight: 700
}

.sitemap-content .title .main-title a {
    color: #fff
}

.sitemap-content .title .main-title a:hover {
    color: #ff174f
}

.black-box {
    background: #202020;
    border-radius: 22px;
    padding: 50px;
    margin-bottom: 50px
}

.black-box:last-child {
    margin-bottom: 0
}

.black-box h4 {
    color: #ff174f;
    font-weight: 700;
    margin-bottom: 25px
}

.black-box h4 a {
    color: #ff174f
}

.black-box h4 a:hover {
    color: #fff
}

.black-box ul.sitemap-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.black-box ul .list-title {
    display: inline-block;
    white-space: nowrap;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    border: 2px solid hsla(0, 0%, 41%, .28);
    border-radius: 82px;
    padding: 10px 20px;
    margin-bottom: 10px
}

.black-box ul .list-title a {
    color: #fff
}

.black-box ul .list-title:hover a {
    color: #ff174f
}

.black-box ul li {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    position: relative;
    padding: 10px 15px 10px 30px
}

.black-box ul li a {
    color: #fff
}

.black-box ul li a:hover {
    color: #ff174f
}

.black-box ul li:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #ff174f;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.black-box .web-development {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.black-box .web-development ul {
    margin-bottom: 60px
}

.skin-dr-page {
    background: #fff
}

.skin-dr-page * {
    color: #000
}

.skin-dr-page .hero {
    background: #8d92ff;
    padding-bottom: 0
}

.skin-dr-page .hero .banner-text-img {
    text-align: center
}

.skin-dr-page .hero .banner-text-img .white-text-banner {
    display: none
}

.skin-dr-page .hero .banner-text-img:hover .white-text-banner {
    display: block
}

.skin-dr-page .hero .banner-text-img:hover .blue-text-banner {
    display: none
}

.skin-dr-page .hero .banner-img {
    position: relative;
    margin-top: 160px;
    text-align: center
}

.skin-dr-page .hero .banner-img .banner-image-wrapper {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: max-content
}

.skin-dr-page .hero .banner-img .banner-image-wrapper .image-wrapper {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.skin-dr-page .hero .banner-img .banner-image-wrapper .image-left {
    left: -65%;
    top: 30%
}

.skin-dr-page .hero .banner-img .banner-image-wrapper .image-left .first-image {
    animation: zoom-in-zoom-out1 3s ease-out infinite
}

.skin-dr-page .hero .banner-img .banner-image-wrapper .image-left .second-image {
    left: -100%;
    position: relative
}

.skin-dr-page .hero .banner-img .banner-image-wrapper .image-left .third-image {
    left: 30%;
    position: relative;
    animation: zoom-in-zoom-out1 5s ease-out infinite
}

.skin-dr-page .hero .banner-img .banner-image-wrapper .image-right {
    right: -55%;
    top: 10%
}

.skin-dr-page .hero .banner-img .banner-image-wrapper .image-right .first-image {
    animation: zoom-in-zoom-out1 5s ease-out infinite
}

.skin-dr-page .hero .banner-img .banner-image-wrapper .image-right .second-image {
    right: -100%;
    position: relative
}

.skin-dr-page .hero .banner-img .banner-image-wrapper .image-right .third-image {
    animation: zoom-in-zoom-out1 3s ease-out infinite;
    position: relative;
    right: -15%
}

.skin-dr-page .main-title {
    position: relative
}

.skin-dr-page .main-title h3 {
    position: relative;
    z-index: 1
}

.skin-dr-page .main-title .border-pattern {
    position: absolute;
    left: 55px;
    bottom: -45px
}

.skin-dr-page .about {
    padding-top: 260px
}

.skin-dr-page .about .project-content p {
    color: #000;
    font-weight: 400
}

.skin-dr-page .challenges-project .custom-row {
    display: flex;
    margin-bottom: 55px;
    gap: 55px;
    justify-content: flex-end
}

.skin-dr-page .challenges-project .custom-row .left-content {
    width: 60%
}

.skin-dr-page .challenges-project .custom-row .black-box {
    background: linear-gradient(286.3deg, #000, rgba(0, 0, 0, .79) 99.12%)
}

.skin-dr-page .challenges-project .custom-row .black-box h6,
.skin-dr-page .challenges-project .custom-row .black-box p {
    color: #fff
}

.skin-dr-page .challenges-project .challenge-box {
    background: linear-gradient(285.37deg, #8d92ff 1.18%, rgba(141, 146, 255, .23) 99.09%);
    border-radius: 33px;
    padding: 35px;
    max-width: 580px
}

.skin-dr-page .challenges-project .challenge-box h6 {
    padding: 30px 0
}

.skin-dr-page .workflow .workflow-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 12px;
    position: relative
}

.skin-dr-page .workflow .workflow-wrapper:before {
    position: absolute;
    content: "";
    border: 2px solid #8d92ff;
    width: 49.5%;
    right: 0;
    top: 0;
    height: 100%;
    border-radius: 160px
}

.skin-dr-page .workflow .workflow-wrapper .workflow-box {
    width: 25%;
    border: 2px solid #8e8e8e;
    border-radius: 160px;
    padding: 100px 30px;
    text-align: center;
    position: relative
}

.skin-dr-page .workflow .workflow-wrapper .workflow-box:last-child {
    background: linear-gradient(307.71deg, #8d92ff 15.2%, rgba(141, 146, 255, .52) 84.78%);
    border: 2px solid rgba(141, 146, 255, .52)
}

.skin-dr-page .workflow .workflow-wrapper .workflow-box:last-child .right-arrow {
    display: none
}

.skin-dr-page .workflow .workflow-wrapper .workflow-box .pill {
    padding-bottom: 55px
}

.skin-dr-page .workflow .workflow-wrapper .workflow-box .pill h6 {
    padding-bottom: 20px
}

.skin-dr-page .workflow .workflow-wrapper .workflow-box .pill p {
    font-weight: 400
}

.skin-dr-page .workflow .workflow-wrapper .workflow-box .right-arrow {
    position: absolute;
    right: -27px;
    top: 246px
}

.skin-dr-page .workflow .workflow-wrapper .workflow-box p {
    font-size: 20px
}

.skin-dr-page .workflow .workflow-wrapper .workflow-box .para {
    padding-top: 30px
}

.skin-dr-page .platform-content .platform-wrapper {
    background: #000
}

.skin-dr-page .platform-content .platform-wrapper .title h3,
.skin-dr-page .platform-content .platform-wrapper .title p {
    color: #fff
}

.skin-dr-page .features .wrapper {
    padding-top: 40px
}

.skin-dr-page .features .features-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 160px;
    column-gap: 60px
}

.skin-dr-page .features .features-wrapper:first-child {
    padding-top: 0
}

.skin-dr-page .features .features-wrapper .features-image {
    width: 500px;
    position: relative;
    text-align: center
}

.skin-dr-page .features .features-wrapper .features-image:before {
    position: absolute;
    content: "";
    width: 490px;
    height: 510px;
    background: #f3f4ff;
    border-radius: 87px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.skin-dr-page .features .features-wrapper .features-image img {
    z-index: 1;
    position: relative
}

.skin-dr-page .features .features-wrapper .features-content {
    width: 50%
}

.skin-dr-page .features .features-wrapper .features-content h5 {
    color: #3c3c3c
}

.skin-dr-page .features .features-wrapper .features-content h3 {
    color: #8d92ff;
    padding-top: 15px
}

.skin-dr-page .features .features-wrapper .features-content p {
    padding-top: 30px
}

.skin-dr-page .cta-box {
    background: #8d92ff;
    border-radius: 131px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 20px
}

.skin-dr-page .cta-box .cta-content {
    padding: 60px 60px 60px 80px;
    max-width: 760px
}

.skin-dr-page .cta-box .cta-content h3 {
    padding-top: 20px;
    color: #fff;
    font-weight: 600
}

.skin-dr-page .cta-box .white-box {
    border-radius: 118px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    width: 520px
}

.skin-dr-page .skindr-screen {
    background: #e7e9ff;
    margin-top: 100px
}

.skin-dr-page .skindr-screen .screen-image {
    margin-top: -135px;
    text-align: right
}

.skin-dr-page .user-persona .design-elements .typography-content .typography-main-text {
    color: #8d92ff;
    font-size: 80px;
    line-height: 94px;
    font-weight: 700
}

.skin-dr-page .user-persona .design-elements .typography-content p {
    font-size: 26px;
    font-weight: 400;
    line-height: 40px
}

.skin-dr-page .user-persona .design-elements .typography-content .typography-text {
    margin: 30px 0 50px;
    max-width: 570px
}

.skin-dr-page .user-persona .design-elements .typography-design {
    display: flex;
    align-items: flex-start;
    position: relative
}

.skin-dr-page .user-persona .design-elements .typography-design:before {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    background: #acafff;
    filter: blur(55.5952px);
    border-radius: 50%;
    left: 170px;
    bottom: -75px
}

.skin-dr-page .user-persona .design-elements .typography-design .typo-box {
    border: 3px solid #fff;
    border-radius: 30px;
    width: 260px;
    padding: 25px;
    min-height: 330px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column
}

.skin-dr-page .user-persona .design-elements .typography-design .purple-box {
    background: linear-gradient(285.37deg, #8d92ff 1.18%, rgba(141, 146, 255, .23) 99.09%)
}

.skin-dr-page .user-persona .design-elements .typography-design .purple-box * {
    color: #fff
}

.skin-dr-page .user-persona .design-elements .typography-design .purple-box .design-text {
    font-size: 98px;
    font-weight: 800;
    line-height: 100px
}

.skin-dr-page .user-persona .design-elements .typography-design .purple-box span {
    font-weight: 200;
    font-size: 28px;
    padding-top: 10px
}

.skin-dr-page .user-persona .design-elements .typography-design .white-box {
    background: hsla(0, 0%, 100%, .3);
    transform: rotate(-21.05deg);
    -webkit-backdrop-filter: blur(20.9229px);
    backdrop-filter: blur(20.9229px);
    margin: -35px 0 0 -10px;
    position: relative
}

.skin-dr-page .user-persona .design-elements .typography-design .white-box:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: #fff;
    top: 10px;
    left: 10px;
    border-radius: 50%
}

.skin-dr-page .user-persona .design-elements .typography-design .white-box p {
    padding-bottom: 10px
}

.skin-dr-page .user-persona .design-elements .typography-design .white-box p:nth-child(2) {
    font-weight: 500
}

.skin-dr-page .user-persona .design-elements .typography-design .white-box p:nth-child(3) {
    font-weight: 700
}

.skin-dr-page .user-persona .design-elements .colors {
    padding: 90px 0 60px
}

.skin-dr-page .user-persona .design-elements .colors .inner-text {
    font-weight: 600;
    font-size: 45px;
    margin-bottom: 35px
}

.skin-dr-page .user-persona .design-elements .colors ul {
    display: flex;
    gap: 88px;
    flex-wrap: wrap
}

.skin-dr-page .user-persona .design-elements .colors ul li {
    text-align: center
}

.skin-dr-page .user-persona .design-elements .colors ul li .color-box {
    background: #000;
    border-radius: 25px;
    width: 124px;
    height: 124px;
    margin-bottom: 35px
}

.skin-dr-page .user-persona .design-elements .colors ul li span {
    font-size: 24px;
    font-weight: 400;
    color: #3b3b3b
}

.skin-dr-page .user-persona .design-elements .colors ul li:nth-child(2) .color-box {
    background: #8d92ff
}

.skin-dr-page .user-persona .design-elements .colors ul li:nth-child(3) .color-box {
    background: #f4f5ff
}

.skin-dr-page .user-persona .design-elements .colors ul li:nth-child(4) .color-box {
    background: #99999f
}

.skin-dr-page .user-persona .design-elements .colors ul li:nth-child(5) .color-box {
    background: #87d16d
}

.skin-dr-page .user-persona .design-elements .colors ul li:nth-child(6) .color-box {
    background: #fff;
    border: 11px solid #f1f1f1
}

.skin-dr-page .mobile-and-web {
    background: #8d92ff;
    padding-bottom: 80px
}

.skin-dr-page .mobile-and-web .custom-row {
    align-items: center
}

.skin-dr-page .mobile-and-web .mobile-content h5 {
    color: #fff
}

.skin-dr-page .mobile-and-web .mobile-content h3 {
    color: #fff;
    padding: 15px 0 30px
}

.skin-dr-page .mobile-and-web .mobile-content p {
    color: #fff;
    font-weight: 400
}

.skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab {
    display: flex;
    justify-content: center;
    margin-bottom: 60px
}

.skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab .icon-wrapper {
    border: 2px solid #adb0ff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px
}

.skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab .icon-wrapper .icon {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab .icon-wrapper .icon svg path {
    stroke: hsla(0, 0%, 100%, .5)
}

.skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab .icon-wrapper .tab-link {
    border-radius: 12px
}

.skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab .icon-wrapper .tab-link.active {
    background: #fff
}

.skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab .icon-wrapper .tab-link.active svg path {
    stroke: #8d92ff
}

.skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image {
    min-height: 520px
}

.skin-dr-page .technology-stack .icon-wrapper .icon-box .image {
    background-color: #000;
    margin-right: 30px
}

.skin-dr-page .technology-stack .icon-wrapper .icon-box .image img {
    margin: 0;
    width: 50px
}

.skin-dr-page .technology-stack .icon-wrapper .icon-box span {
    font-weight: 600
}

.skin-dr-page .ready-to-multiqos * {
    color: #fff
}

.skin-dr-page .ready-to-multiqos .white-box {
    background: #000
}

.skin-dr-page .ready-to-multiqos .white-box p {
    color: #fff
}

.skin-dr-page .ready-to-multiqos .white-box .apply-btn {
    border: 1px solid #fff;
    color: #fff
}

.skin-dr-page .ready-to-multiqos .white-box .apply-btn:hover {
    color: #000
}

.skin-dr-page .slick-dots li button:before {
    color: #000 !important
}

.skin-dr-page .slick-dots li.slick-active button:before {
    color: #ff174f !important
}

.virtual-ics-page .hero {
    font-family: Clash Display;
    overflow: hidden
}

.virtual-ics-page .hero h1 {
    display: none
}

.virtual-ics-page .hero .virtual-ics-banner {
    position: relative
}

.virtual-ics-page .hero .virtual-ics-banner .banner-text {
    font-size: 220px;
    line-height: 271px;
    font-weight: 600;
    color: #fff;
    padding: 0 187px;
    position: absolute;
    z-index: 1;
    transition: 2s ease-in-out
}

.virtual-ics-page .hero .virtual-ics-banner .banner-image-box {
    max-width: 700px;
    margin: 0 auto;
    transform: translateY(-100%);
    transition: 2s ease-in-out;
    animation: rotate 20s linear infinite;
    animation-delay: 2s
}

.virtual-ics-page .hero .virtual-ics-banner .banner-image-box.custom-transform {
    transform: translateY(0)
}

.virtual-ics-page .hero .virtual-ics-banner .banner-virtual-text {
    left: 0;
    top: 28%;
    transform: translate(-100%, -28%)
}

.virtual-ics-page .hero .virtual-ics-banner .banner-virtual-text.custom-transform {
    transform: translateY(-28%)
}

.virtual-ics-page .hero .virtual-ics-banner .banner-ics-text {
    right: 0;
    bottom: 13%;
    transform: translate(100%, -13%)
}

.virtual-ics-page .hero .virtual-ics-banner .banner-ics-text.custom-transform {
    transform: translateY(-13%)
}

.virtual-ics-page .title-wrapper {
    position: relative;
    margin-bottom: 60px
}

.virtual-ics-page .title-wrapper .virtual-title {
    font-size: 80px;
    line-height: 94px;
    font-weight: 800;
    color: #fff;
    padding-left: 70px
}

.virtual-ics-page .title-wrapper .title-pattern {
    position: absolute;
    top: 15px;
    left: 0
}

.virtual-ics-page .title-wrapper p {
    margin-top: 30px
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper {
    display: flex;
    justify-content: space-between
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content {
    background: #211f1e;
    border-radius: 30px;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
    transition: .5s ease-in-out
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content:last-child {
    margin-right: 0
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content .about-image-box {
    transform: translate(140px, 140px);
    transition: transform .5s ease-in-out
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content .about-white-box {
    background: #fff;
    width: 225px;
    height: 230px;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, .15);
    border-radius: 20px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 15px;
    transition: .5s ease-in-out
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content .about-white-box span {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    transition: .5s ease-in-out
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content .about-white-box .white-box-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 59px;
    margin-top: 55px;
    transition: .5s ease-in-out
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content:hover {
    background: #fc9494
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content:hover .about-image-box {
    transform: translate(100px, 100px)
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content:hover .about-white-box {
    background: #ce2029
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content:hover .about-white-box .white-box-title,
.virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content:hover .about-white-box span {
    color: #fff
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .left-content {
    width: 40%
}

.virtual-ics-page .virtual-about-project .virtual-content-wrapper .right-content {
    width: 60%
}

.virtual-ics-page .virtual-our-process .our-porcess-wrap {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 70px;
    padding: 110px 20px
}

.virtual-ics-page .virtual-our-process .our-porcess-wrap .process-content {
    text-align: center
}

.virtual-ics-page .virtual-our-process .our-porcess-wrap .process-content .process-title {
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    margin: 40px 0 30px
}

.virtual-ics-page .virtual-our-process .our-porcess-wrap .process-content p {
    max-width: 280px;
    margin: 0 auto;
    font-size: 20px
}

.virtual-ics-page .virtual-our-feature {
    background: #161616;
    margin: 100px 0 60px;
    padding: 40px 0 60px
}

.virtual-ics-page .virtual-our-feature .title-wrapper {
    margin-bottom: 15px
}

.virtual-ics-page .virtual-project-overview ul {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.virtual-ics-page .virtual-project-overview ul .project-overview-content {
    background: #161616;
    border-radius: 20px;
    padding: 30px;
    transition: .5s ease-in-out;
    position: relative
}

.virtual-ics-page .virtual-project-overview ul .project-overview-content .content {
    z-index: 1;
    position: relative
}

.virtual-ics-page .virtual-project-overview ul .project-overview-content h5 {
    color: #fff
}

.virtual-ics-page .virtual-project-overview ul .project-overview-content p {
    margin-top: 30px
}

.virtual-ics-page .virtual-project-overview ul .project-overview-content:hover {
    background: #ce2029
}

.virtual-ics-page .virtual-project-overview ul .project-overview-content:hover:before {
    opacity: 1
}

.virtual-ics-page .virtual-project-overview ul .project-overview-content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/virtual-ics-process-bg-pattern.webp);
    background-size: cover;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    transition: .5s ease-in-out;
    z-index: 0
}

.virtual-ics-page .key-aspacts {
    display: grid;
    grid-template-columns: 40% 60%;
    padding-top: 40px;
    align-items: baseline
}

.virtual-ics-page .key-aspacts .key-list {
    counter-reset: section
}

.virtual-ics-page .key-aspacts .key-list .feture-title {
    margin-bottom: 65px
}

.virtual-ics-page .key-aspacts .key-list .feture-title:last-child {
    margin-bottom: 0
}

.virtual-ics-page .key-aspacts .key-list .feture-title .title-text {
    font-size: 80px;
    color: #fff;
    line-height: 115px;
    font-weight: 800;
    position: relative;
    transition: .5s ease-in-out;
    cursor: default
}

.virtual-ics-page .key-aspacts .key-list .feture-title .title-text:before {
    counter-increment: section;
    content: "0" counter(section);
    font-size: 30px;
    line-height: 35px;
    color: hsla(0, 0%, 100%, .3);
    font-weight: 500;
    position: absolute;
    top: -30px;
    left: 5px;
    transition: .5s ease-in-out
}

.virtual-ics-page .key-aspacts .key-list .feture-title .title-text.is-active,
.virtual-ics-page .key-aspacts .key-list .feture-title .title-text.is-active:before {
    color: #ce2029
}

.virtual-ics-page .key-aspacts .key-dashboard-image {
    position: relative
}

.virtual-ics-page .key-aspacts .key-dashboard-image img {
    position: absolute;
    transition: .5s ease-in-out;
    opacity: 0
}

.virtual-ics-page .key-aspacts .key-dashboard-image img.is-active {
    opacity: 1
}

.virtual-ics-page .virtual-dashboard .dashboard-wrapper {
    position: relative
}

.virtual-ics-page .virtual-dashboard .dashboard-wrapper ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/virtual-ics-dashboard-bg.webp);
    background-repeat: no-repeat;
    background-size: 750px 750px;
    background-attachment: fixed;
    background-position: 50%
}

.virtual-ics-page .virtual-dashboard .dashboard-wrapper ul li {
    width: 50%;
    padding: 35px
}

.virtual-ics-page .virtual-dashboard .dashboard-wrapper ul li:nth-child(2n) {
    padding-right: 0
}

.virtual-ics-page .virtual-dashboard .dashboard-wrapper ul li:nth-child(odd) {
    padding-left: 0
}

.virtual-ics-page .virtual-dashboard .dashboard-wrapper ul li:first-child,
.virtual-ics-page .virtual-dashboard .dashboard-wrapper ul li:nth-child(2) {
    padding-top: 0
}

.virtual-ics-page .virtual-dashboard .dashboard-wrapper ul li:last-child,
.virtual-ics-page .virtual-dashboard .dashboard-wrapper ul li:nth-last-child(2) {
    padding-bottom: 0
}

.virtual-ics-page .virtual-text-box {
    height: 410px;
    background: #ce2029;
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative
}

.virtual-ics-page .virtual-text-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/bg-pattern.webp);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.virtual-ics-page .virtual-text-box .virtual-ics-word {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    list-style: none;
    position: relative
}

.virtual-ics-page .virtual-text-box .virtual-ics-word span {
    font-size: 255px;
    color: #fff;
    font-weight: 700;
    line-height: 260px;
    opacity: 0
}

.virtual-ics-page .virtual-text-box .virtual-ics-word span.active {
    opacity: 1
}

.virtual-ics-page .virtual-text-box .virtual-ics-word span:nth-child(7) {
    margin-right: 50px
}

.virtual-ics-page .design-elements .design-element-wrapper {
    display: flex
}

.virtual-ics-page .design-elements .design-bg {
    background: #161616;
    border-radius: 40px
}

.virtual-ics-page .design-elements .design-bg .circle-box {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 100%;
    width: 340px;
    height: 340px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    z-index: 1
}

.virtual-ics-page .design-elements .design-bg .circle-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 85%, .2);
    filter: blur(21px);
    left: 0;
    top: 0;
    z-index: -1
}

.virtual-ics-page .design-elements .design-bg .circle-box .big-text {
    font-size: 190px;
    font-weight: 800;
    line-height: 180px;
    color: #fff
}

.virtual-ics-page .design-elements .design-bg .circle-box .font-text {
    font-size: 50px;
    font-weight: 500;
    line-height: 58px;
    color: #fff
}

.virtual-ics-page .design-elements .fonts {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%
}

.virtual-ics-page .design-elements .font-weight {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px
}

.virtual-ics-page .design-elements .font-weight span {
    font-size: 35px;
    line-height: 41px;
    color: #fff
}

.virtual-ics-page .design-elements .font-weight span:last-child {
    margin-right: 0
}

.virtual-ics-page .design-elements .font-weight .font-weight-bold {
    font-weight: 700
}

.virtual-ics-page .design-elements .icons-wrap {
    padding-left: 20px;
    width: 50%
}

.virtual-ics-page .design-elements .icons-wrap .icons {
    padding: 55px;
    margin-bottom: 20px
}

.virtual-ics-page .design-elements .icons-wrap .icons .title-text {
    color: #fff;
    display: flex;
    align-items: center
}

.virtual-ics-page .design-elements .icons-wrap .icons .title-text span {
    font-size: 24px;
    line-height: 28px;
    margin-left: 20px
}

.virtual-ics-page .design-elements .icons-wrap .icons .icon-list {
    margin-top: 50px
}

.virtual-ics-page .design-elements .icons-wrap .icons .icon-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 32px
}

.virtual-ics-page .design-elements .icons-wrap .color-box-wrap {
    display: flex;
    gap: 23px;
    padding: 20px
}

.virtual-ics-page .design-elements .icons-wrap .color-box-wrap li {
    background: #ce2029;
    border-radius: 40px;
    padding: 75px 6px
}

.virtual-ics-page .design-elements .icons-wrap .color-box-wrap li p {
    transform: rotate(270deg);
    font-weight: 400
}

.virtual-ics-page .design-elements .icons-wrap .color-box-wrap li:nth-child(2) {
    background: #ffd600
}

.virtual-ics-page .design-elements .icons-wrap .color-box-wrap li:nth-child(3) {
    background: #fff
}

.virtual-ics-page .design-elements .icons-wrap .color-box-wrap li:nth-child(3) p {
    color: #000
}

.virtual-ics-page .design-elements .icons-wrap .color-box-wrap li:nth-child(4) {
    background: #161923
}

.virtual-ics-page .design-elements .icons-wrap .color-box-wrap li:nth-child(5) {
    background: #000
}

.virtual-ics-page .technology-stack .icon-wrapper .icon-box .image {
    background: #fff
}

.virtual-ics-page .virtual-ics-text-wrapper .text-animate {
    padding: 80px 0;
    overflow: hidden
}

.virtual-ics-page .virtual-ics-text-wrapper .text-animate li {
    font-size: 280px;
    line-height: 240px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    transform: matrix(.99, -.11, -.23, .97, 0, 0);
    -webkit-text-stroke-width: 1px;
    position: relative;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .45);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    transition: all 1.5s ease-in-out;
    z-index: 1
}

.virtual-ics-page .virtual-ics-text-wrapper .text-animate li:nth-child(2n):before {
    -webkit-text-fill-color: #fff;
    animation-delay: 1.5s
}

.virtual-ics-page .virtual-ics-text-wrapper .text-animate li:before {
    content: "VIRTUAL ICS";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-text-fill-color: #fff;
    z-index: -1;
    animation: fillcolor 1.5s ease-in-out infinite alternate;
    transition: all 1.5s ease-in-out
}

.infosechire-page {
    counter-reset: section
}

.infosechire-page h1 {
    display: none
}

.infosechire-page .number-ptb {
    padding-top: 200px;
    padding-bottom: 60px
}

.infosechire-page .number-pb {
    padding-bottom: 60px
}

.infosechire-page .hero {
    padding-top: 80px
}

.infosechire-page .hero video {
    pointer-events: none
}

.infosechire-page .title-wrapper {
    margin-bottom: 60px
}

.infosechire-page .title-wrapper .wrap {
    display: flex
}

.infosechire-page .title-wrapper .wrap .infosec-title {
    font-family: Formula Condensed;
    color: #c5f404;
    font-size: 80px;
    line-height: 96px;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    position: relative
}

.infosechire-page .title-wrapper .wrap .infosec-title:before {
    counter-increment: section;
    content: "0" counter(section);
    position: absolute;
    font-size: 240px;
    line-height: 240px;
    font-weight: 700;
    font-family: Formula Condensed;
    left: 0;
    color: #fff;
    opacity: .1;
    bottom: -15px
}

.infosechire-page .title-wrapper .wrap .infosec-title span {
    color: #fff;
    margin-left: 15px
}

.infosechire-page .title-wrapper .wrap .title-dot {
    position: relative;
    margin-top: 15px;
    margin-right: 30px;
    flex-shrink: 0
}

.infosechire-page .title-wrapper p {
    margin-left: 30px
}

.infosechire-page .infosec-aboutus .aboutus-wrap {
    position: relative;
    cursor: default
}

.infosechire-page .infosec-aboutus .aboutus-wrap .about-text {
    color: #fff;
    font-family: Formula Condensed;
    font-size: 150px;
    line-height: 180px;
    font-weight: 700;
    transition: .3s ease-in-out
}

.infosechire-page .infosec-aboutus .aboutus-wrap .about-text span {
    display: block
}

.infosechire-page .infosec-aboutus .aboutus-wrap .about-text span:nth-child(2) {
    text-align: right;
    margin-right: 110px
}

.infosechire-page .infosec-aboutus .aboutus-wrap .about-text span:nth-child(3) {
    margin-left: 120px
}

.infosechire-page .infosec-aboutus .aboutus-wrap .about-image {
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.infosechire-page .infosec-aboutus .aboutus-wrap .about-image img {
    transition: .5s ease-in-out
}

.infosechire-page .infosec-aboutus .aboutus-wrap .about-image-left {
    max-width: 290px;
    left: 0;
    bottom: 0
}

.infosechire-page .infosec-aboutus .aboutus-wrap .about-image-right {
    max-width: 450px;
    right: 0;
    bottom: 115px
}

.infosechire-page .infosec-aboutus .aboutus-wrap:hover .about-text {
    color: #c5f404
}

.infosechire-page .infosec-aboutus .aboutus-wrap:hover .about-image img {
    transform: scale(1.3)
}

.infosechire-page .infosec-process .procees-wrapper ul {
    display: flex;
    column-gap: 20px
}

.infosechire-page .infosec-process .procees-wrapper ul li {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 50px 30px 20px;
    width: 25%;
    transition: .5s ease-in-out;
    position: relative;
    overflow: hidden
}

.infosechire-page .infosec-process .procees-wrapper ul li .content {
    position: relative
}

.infosechire-page .infosec-process .procees-wrapper ul li .content h5 {
    color: #fff;
    font-family: Formula Condensed;
    margin-bottom: 24px;
    font-weight: 700;
    line-height: 42px;
    transition: .3s ease-in-out;
    letter-spacing: 1.4px
}

.infosechire-page .infosec-process .procees-wrapper ul li .content p {
    color: #eaeaea;
    transition: .3s ease-in-out
}

.infosechire-page .infosec-process .procees-wrapper ul li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0%;
    background: #c5f404;
    left: -50px;
    top: -50px;
    border-radius: 50%;
    transition: .8s ease-in-out;
    z-index: 0
}

.infosechire-page .infosec-process .procees-wrapper ul li:hover {
    background: #fff;
    border: 1px solid transparent
}

.infosechire-page .infosec-process .procees-wrapper ul li:hover .content h5,
.infosechire-page .infosec-process .procees-wrapper ul li:hover .content p {
    color: #000
}

.infosechire-page .infosec-process .procees-wrapper ul li:hover:before {
    width: 300px;
    height: 300px
}

.infosechire-page .infosec-features .features-content .features-box {
    border: 1.5px solid #c5f404;
    height: 470px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: .5s ease-in-out
}

.infosechire-page .infosec-features .features-content .features-box .feature-title {
    font-size: 60px;
    font-weight: 700;
    color: #c5f404;
    text-align: center;
    font-family: Formula Condensed
}

.infosechire-page .infosec-features .features-content .features-box img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s ease-in-out;
    z-index: -1;
    height: 100%
}

.infosechire-page .infosec-features .features-content .features-box:hover {
    border: 1.5px solid transparent
}

.infosechire-page .infosec-features .features-content .features-box:hover img {
    opacity: 1
}

.infosechire-page .infosec-features .features-content .job-serach {
    border-radius: 235px
}

.infosechire-page .infosec-features .features-content ul {
    display: flex
}

.infosechire-page .infosec-features .features-content ul .features-box {
    width: 473px;
    height: 473px;
    border-radius: 50%
}

.infosechire-page .infosec-marquee {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden
}

.infosechire-page .infosec-marquee .marquee-text {
    display: flex;
    animation: marqee 30s linear infinite
}

.infosechire-page .infosec-marquee .marquee-text li {
    display: flex;
    align-items: center
}

.infosechire-page .infosec-marquee .marquee-text li span {
    font-size: 220px;
    line-height: 264px;
    font-weight: 700;
    color: #fff;
    font-family: Formula Condensed;
    margin-left: 50px;
    display: block
}

.infosechire-page .infosec-marquee .marquee-text li img {
    width: 315px;
    height: 205px;
    border-radius: 100px;
    margin-left: 50px;
    margin-right: 310px
}

.infosechire-page .infosec-marquee:hover .marquee-text {
    animation-play-state: paused !important
}

.infosechire-page .infosec-main-screens .screen-wrapper {
    counter-reset: section
}

.infosechire-page .infosec-main-screens .screen-wrapper ul {
    position: relative
}

.infosechire-page .infosec-main-screens .screen-wrapper ul li {
    transition: .3s ease-in-out
}

.infosechire-page .infosec-main-screens .screen-wrapper ul li .screen-title {
    display: inline-block;
    font-size: 100px;
    font-weight: 700;
    color: #fff;
    font-family: Formula Condensed;
    transition: .3s ease-in-out;
    position: relative;
    padding-left: 95px
}

.infosechire-page .infosec-main-screens .screen-wrapper ul li .screen-title:before {
    counter-increment: section;
    content: "" counter(section);
    font-size: 35px;
    font-weight: 700;
    font-family: Formula Condensed;
    border: 1px solid #fff;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out
}

.infosechire-page .infosec-main-screens .screen-wrapper ul li .image-box {
    position: absolute;
    right: 0;
    top: 0
}

.infosechire-page .infosec-main-screens .screen-wrapper ul li .image-box img {
    opacity: 0;
    max-width: 750px;
    max-height: 700px
}

.infosechire-page .infosec-main-screens .screen-wrapper ul li .image-box img.is-active {
    opacity: 1
}

.infosechire-page .infosec-main-screens .screen-wrapper ul li.is-active .screen-title {
    color: #c5f404;
    z-index: 1
}

.infosechire-page .infosec-main-screens .screen-wrapper ul li.is-active .screen-title:before {
    color: #c5f404;
    border-color: #c5f404
}

.infosechire-page .infosec-main-screens .screen-wrapper ul li:nth-child(3) .image-box,
.infosechire-page .infosec-main-screens .screen-wrapper ul li:nth-child(4) .image-box,
.infosechire-page .infosec-main-screens .screen-wrapper ul li:nth-child(5) .image-box {
    top: unset;
    bottom: 15px
}

.infosechire-page .infosec-cta-box .cta-box {
    border-radius: 250px;
    padding: 100px 150px;
    overflow: hidden;
    position: relative
}

.infosechire-page .infosec-cta-box .cta-box .cta-content {
    max-width: 530px;
    position: relative;
    z-index: 1
}

.infosechire-page .infosec-cta-box .cta-box .cta-content .cta-title {
    font-size: 90px;
    font-family: Formula Condensed;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px
}

.infosechire-page .infosec-cta-box .cta-box .cta-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0
}

.infosechire-page .infosec-cta-box .cta-box .cta-image img {
    width: 100%
}

.infosechire-page .dashboard-slider {
    overflow: hidden;
    position: relative
}

.infosechire-page .dashboard-slider .text-content {
    position: relative;
    height: 200px;
    overflow: hidden
}

.infosechire-page .dashboard-slider .infosec-title-wrapper {
    height: 180px;
    overflow: hidden
}

.infosechire-page .dashboard-slider .infosec-title {
    font-family: Formula Condensed;
    color: #c5f404;
    font-size: 150px;
    line-height: 180px;
    font-weight: 700;
    text-align: center
}

.infosechire-page .dashboard-slider .dashboard-image {
    max-width: 1190px;
    position: relative;
    padding: 0 35px
}

.infosechire-page .dashboard-slider .image-slider .slick-slide:not(.slick-active) {
    margin: 35px 0
}

.infosechire-page .dashboard-slider .image-slider .slick-slide {
    opacity: .6
}

.infosechire-page .dashboard-slider .image-slider .slick-center.slick-active {
    opacity: 1;
    transform: scale(1.1);
    padding: 35px 0
}

.infosechire-page .dashboard-slider .slick-next,
.infosechire-page .dashboard-slider .slick-prev {
    z-index: 1;
    background: #c5f404;
    border-radius: 50%;
    width: 70px;
    height: 70px
}

.infosechire-page .dashboard-slider .slick-next:before,
.infosechire-page .dashboard-slider .slick-prev:before {
    content: "";
    position: absolute;
    background-size: contain;
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.infosechire-page .dashboard-slider .slick-prev {
    left: 16%
}

.infosechire-page .dashboard-slider .slick-prev:before {
    background-image: url(/assets/images/slider-left-arrow-icon.svg)
}

.infosechire-page .dashboard-slider .slick-next {
    right: 17%
}

.infosechire-page .dashboard-slider .slick-next:before {
    background-image: url(/assets/images/slider-right-arrow-icon.svg)
}

.infosechire-page .infosec-branding .infosec-title span {
    margin: 0 !important
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info {
    display: flex;
    justify-content: space-between;
    margin-top: 60px
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info {
    width: 50%
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .inter-title {
    font-size: 250px;
    line-height: 230px;
    font-weight: 700;
    font-family: Formula Condensed;
    color: #fff
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .font-content {
    margin-top: 60px
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .font-content p {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 30px;
    font-weight: 400
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .font-content p:first-child {
    text-transform: uppercase;
    overflow-wrap: break-word
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper {
    width: 50%
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper .color-info {
    display: flex
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper .color-info .color-box {
    width: 300px;
    border-radius: 20px
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-end;
    grid-gap: 20px;
    gap: 20px
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li {
    width: 300px;
    border-radius: 20px;
    height: 115px;
    position: relative
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li span {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    position: absolute;
    bottom: 20px;
    left: 20px
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:first-child {
    background: #002a3a;
    height: 235px
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:nth-child(2) {
    background: #ccd4d8;
    height: 235px
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:nth-child(2) span {
    color: #000
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:nth-child(3) {
    background: #000
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:nth-child(4) {
    background: #fff
}

.infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:nth-child(4) span {
    color: #000
}

.infosechire-page .technology-stack .icon-wrapper {
    border-radius: 10px
}

.infosechire-page .technology-stack .icon-wrapper .icon-box {
    margin-bottom: 0;
    border: 1px solid hsla(0, 0%, 100%, .2)
}

.infosechire-page .technology-stack .icon-wrapper .icon-box:first-child {
    border-radius: 10px 0 0 10px
}

.infosechire-page .technology-stack .icon-wrapper .icon-box:nth-child(2) {
    border-left: none
}

.infosechire-page .technology-stack .icon-wrapper .icon-box:last-child {
    border-radius: 0 10px 10px 0;
    border-left: none
}

.oufer-page {
    background: #fd6130
}

.oufer-page .hero {
    padding-top: 100px
}

.oufer-page .hero h1 {
    display: none
}

.oufer-page .hero .hero-pattern {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px dashed #fff;
    padding: 40px 0
}

.oufer-page .hero .hero-pattern span {
    color: #fff;
    font-size: 45px;
    font-family: Alumni Sans;
    font-weight: 500
}

.oufer-page .oufer-title {
    font-size: 80px;
    line-height: 70px;
    font-weight: 600;
    font-family: Alumni Sans;
    color: #fff;
    margin-bottom: 40px
}

.oufer-page .title-wrapper {
    margin-bottom: 60px
}

.oufer-page .title-wrapper p {
    margin-bottom: 20px
}

.oufer-page .title-wrapper p:last-child {
    margin-bottom: 0
}

.oufer-page .oufer-aboutus .about-marquee {
    background: #fff;
    border-radius: 69px;
    position: relative
}

.oufer-page .oufer-aboutus .about-marquee .marquee-text {
    flex-wrap: nowrap;
    -webkit-text-fill-color: #fd6130;
    -webkit-text-stroke-width: 0;
    font-size: 190px;
    line-height: 227px;
    font-weight: 600;
    font-family: Alumni Sans;
    margin-right: 30px
}

.oufer-page .oufer-aboutus .about-images-wrap {
    margin-top: 80px
}

.oufer-page .oufer-aboutus .about-images-wrap ul {
    display: flex;
    justify-content: space-between
}

.oufer-page .oufer-aboutus .about-images-wrap ul li {
    margin-left: -20px
}

.oufer-page .oufer-aboutus .about-images-wrap ul li:first-child {
    margin-left: 0
}

.oufer-page .oufer-goal .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.oufer-page .oufer-goal .title-wrapper .para-content {
    width: 50%
}

.oufer-page .oufer-goal .oufer-goal-box {
    max-width: 1420px;
    border-radius: 382px;
    overflow: hidden;
    position: relative
}

.oufer-page .oufer-goal .oufer-goal-box img {
    transition: .6s ease-in-out
}

.oufer-page .oufer-goal .oufer-goal-box:hover img {
    transform: scale(1.1);
    filter: grayscale(1)
}

.oufer-page .oufer-goal .oufer-goal-box:hover .oufer-text {
    opacity: 1
}

.oufer-page .oufer-goal .oufer-goal-box .oufer-text {
    font-size: 845px;
    line-height: 1015px;
    font-weight: 600;
    font-family: Alumni Sans;
    background: linear-gradient(102.9deg, hsla(0, 0%, 8%, .3) 5.75%, hsla(0, 0%, 100%, 0) 85.81%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .6s ease-in-out;
    cursor: default
}

.oufer-page .our-process .process-wrapper ul {
    display: flex;
    justify-content: space-between;
    column-gap: 20px
}

.oufer-page .our-process .process-wrapper ul li {
    width: 33.33%;
    background: linear-gradient(180deg, #fd835d -20.56%, #fd693b 115.85%);
    border-radius: 10px;
    padding: 40px 30px 70px;
    position: relative;
    overflow: hidden
}

.oufer-page .our-process .process-wrapper ul li:before {
    counter-increment: section;
    content: "0" counter(section);
    font-size: 200px;
    line-height: 235px;
    font-weight: 900;
    color: hsla(0, 0%, 100%, .05);
    position: absolute;
    bottom: -45px;
    right: -20px
}

.oufer-page .our-process .process-wrapper ul li h5 {
    color: #fff;
    margin-bottom: 20px
}

.oufer-page .mobile-marquee .mobile-marquee-wrap {
    border: 7px solid #fff;
    border-radius: 48px;
    box-shadow: 0 3.69439px 68.3463px rgba(0, 0, 0, .25);
    overflow: hidden;
    height: 700px;
    position: relative;
    padding: 0 150px;
    display: flex;
    justify-content: space-between
}

.oufer-page .mobile-marquee .mobile-marquee-wrap .marquee-text-bg {
    max-width: 1320px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.oufer-page .mobile-marquee .mobile-marquee-wrap .marquee-image-group {
    position: relative;
    z-index: 1;
    will-change: transform;
    min-width: max-content
}

.oufer-page .mobile-marquee .mobile-marquee-wrap .marquee-image-group img {
    max-width: 290px;
    margin-bottom: 20px;
    display: inline-block
}

.oufer-page .mobile-marquee .mobile-marquee-wrap .marquee-image-group .leftside-marquee-images,
.oufer-page .mobile-marquee .mobile-marquee-wrap .marquee-image-group .rightside-marquee-images {
    display: flex;
    flex-direction: column;
    animation: marqeetop 20s linear infinite
}

.oufer-page .mobile-marquee .mobile-marquee-wrap .marquee-image-group .rightside-marquee-images img {
    margin-bottom: 30px
}

.oufer-page .wireframe-wrap {
    position: relative
}

.oufer-page .wireframe-wrap img {
    position: relative;
    z-index: 1
}

.oufer-page .wireframe-wrap:after,
.oufer-page .wireframe-wrap:before {
    position: absolute;
    font-size: 520px;
    font-weight: 600;
    font-family: Alumni Sans;
    line-height: 623px;
    color: #fff
}

.oufer-page .wireframe-wrap:before {
    content: "Wire";
    top: 535px;
    left: 250px
}

.oufer-page .wireframe-wrap:after {
    content: "frame";
    bottom: 365px;
    left: 270px
}

.oufer-page .design-elemnts .elements-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.oufer-page .design-elemnts .elements-wrapper .fonts-wrapper {
    position: relative;
    padding-top: 40px;
    z-index: 0
}

.oufer-page .design-elemnts .elements-wrapper .fonts-wrapper:before {
    content: "IBM";
    position: absolute;
    font-size: 515px;
    line-height: 370px;
    font-weight: 900;
    text-transform: capitalize;
    top: 0;
    left: -35px;
    background: -webkit-linear-gradient(hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -1
}

.oufer-page .design-elemnts .elements-wrapper .fonts-wrapper h4 {
    color: #fff;
    font-weight: 500;
    font-family: Alumni Sans;
    margin-bottom: 70px
}

.oufer-page .design-elemnts .elements-wrapper .fonts-wrapper .font-title {
    font-size: 75px;
    line-height: 80px;
    font-weight: 900;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1.15px;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: #fd6130
}

.oufer-page .design-elemnts .elements-wrapper .fonts-wrapper .font-content {
    margin-top: 35px
}

.oufer-page .design-elemnts .elements-wrapper .fonts-wrapper .font-content p {
    font-weight: 400;
    margin-bottom: 10px
}

.oufer-page .design-elemnts .elements-wrapper .fonts-wrapper .font-content p:nth-child(2) {
    text-transform: lowercase
}

.oufer-page .design-elemnts .elements-wrapper .design-element-right {
    background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0) 10%, hsla(0, 0%, 100%, .2) 90%);
    padding: 40px 0 40px 40px
}

.oufer-page .design-elemnts .elements-wrapper .design-element-right .design-image {
    max-width: 370px
}

.oufer-page .design-elemnts .elements-wrapper .design-element-right .font-weight {
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

.oufer-page .design-elemnts .elements-wrapper .design-element-right .font-weight span {
    color: #fff;
    font-size: 30px
}

.oufer-page .ready-to-multiqos .blogs-wrapper .purple-box {
    background: #ffba08
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes fillcolor {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes bubble-animation-right-left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100px)
    }
}

@keyframes bubble-animation-left-right {
    0% {
        transform: translateX(100px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes bubble-animation-top-bottom {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-80px)
    }
}

@keyframes bubble-animation-bottom-top {
    to {
        transform: translateY(0)
    }

    0% {
        transform: translateY(-80px)
    }
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes animate1 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(-100%)
    }
}

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

    to {
        transform: translateY(-200%)
    }
}

@keyframes animate3 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes animate4 {
    0% {
        transform: translateY(-200%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes marqee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes marqeetop {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes fadeBanner {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes topanim {
    to {
        offset-distance: 100%
    }
}

@keyframes leftbtm {
    to {
        offset-distance: 100%
    }
}

@keyframes lefttopbtm {
    to {
        offset-distance: 100%
    }
}

@keyframes btmltor {
    to {
        offset-distance: 100%
    }
}

@keyframes rtobtm {
    to {
        offset-distance: 100%
    }
}

.view {
    --animationDelay: 0ms;
    --distance: 0px;
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease;
    transition-delay: 0ms
}

.view.in-view {
    opacity: 1;
    visibility: visible;
    transition-delay: var(--animationDelay)
}

.view.up {
    --distance: 30px;
    transform: translateY(var(--distance))
}

.view.up.in-view {
    transform: translate(0)
}

.view.down {
    --distance: -30px;
    transform: translateY(var(--distance))
}

.view.down.in-view {
    transform: translate(0)
}

.view.left {
    --distance: -30px;
    transform: translate(var(--distance))
}

.view.left.in-view {
    transform: translate(0)
}

.view.right {
    --distance: 30px;
    transform: translate(var(--distance))
}

.view.right.in-view {
    transform: translate(0)
}

.view.scale {
    --distance: 0.8;
    transform: scale(var(--distance))
}

.view.scale.in-view {
    transform: scale(1)
}

.policy-text {
    display: none
}

.multibrand-content ul {
    display: flex;
    justify-content: space-between;
    animation: marqee 20s linear infinite;
    animation-direction: reverse
}

.multibrand-content ul li {
    list-style: disc;
    color: #fff;
    font-size: 60px;
    margin-left: 50px;
    margin-right: 50px;
    font-weight: 300;
    white-space: nowrap
}

.accordion-button:after,
.faq-content .m-toggle span.accordion-button:before,
.m-toggle .faq-content span.accordion-button:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 24px;
    height: 12px;
    background-size: contain;
    background-position: 50%
}

.steps.active .processbar {
    background-position: 0 100%;
    border-color: #ff174f;
    transition: all .6s;
    transition-timing-function: linear
}

.libf-page .hero {
    padding: 80px 0 0
}

.libf-page .banner-pattern {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    position: relative
}

.libf-page .banner-pattern .banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.libf-page .banner-pattern .banner-content .inner-title {
    text-align: left;
    font-size: 206px;
    line-height: 206px;
    font-weight: 900;
    margin-bottom: 0;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-fill-color: #1f1f1f
}

.libf-page .banner-pattern .banner-content .description {
    font-size: 30px;
    font-weight: 400;
    max-width: 430px
}

.libf-page .banner-pattern .left-pattern {
    position: relative;
    max-width: 825px
}

.libf-page .banner-pattern .left-pattern .banner-img1 {
    left: 155px;
    top: 120px;
    width: 266px
}

.libf-page .banner-pattern .left-pattern .banner-img2 {
    right: 64px;
    bottom: 0;
    width: 280px
}

.libf-page .banner-pattern .left-pattern .banner-img2 .image-hover {
    border-radius: 26px 26px 0 0
}

.libf-page .banner-pattern .left-pattern .banner-img .image-badge {
    top: -24px;
    right: 24px
}

.libf-page .banner-pattern .left-pattern .whitebox1 {
    top: 45px;
    right: 75px
}

.libf-page .banner-pattern .right-pattern {
    position: relative;
    max-width: 910px
}

.libf-page .banner-pattern .right-pattern .banner-img3 {
    right: 39%;
    top: 0;
    width: 280px
}

.libf-page .banner-pattern .right-pattern .banner-img3 .image-hover {
    border-radius: 0 0 26px 26px
}

.libf-page .banner-pattern .right-pattern .banner-img3 .image-badge {
    bottom: -24px;
    left: 24px
}

.libf-page .banner-pattern .right-pattern .banner-img4 {
    right: 25%;
    bottom: 13%;
    width: 200px
}

.libf-page .banner-pattern .right-pattern .banner-img4 .image-badge {
    right: 12px;
    bottom: -24px
}

.libf-page .banner-pattern .right-pattern .whitebox2 {
    bottom: 75px;
    left: 180px
}

.libf-page .banner-pattern .right-pattern .whitebox3 {
    top: 23%;
    right: 180px
}

.libf-page .banner-pattern .image-hover {
    border-radius: 26px;
    overflow: hidden
}

.libf-page .banner-pattern .banner-img {
    position: absolute
}

.libf-page .banner-pattern .banner-img img {
    transition: all .5s ease-in-out
}

.libf-page .banner-pattern .banner-img .image-badge {
    background: hsla(0, 0%, 100%, .3);
    -webkit-backdrop-filter: blur(13.5px);
    backdrop-filter: blur(13.5px);
    border-radius: 14px;
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
    color: #fff;
    max-width: 100px;
    position: absolute;
    z-index: 2
}

.libf-page .banner-pattern .banner-img:hover img {
    transform: scale(1.1)
}

.libf-page .banner-pattern .whitebox {
    width: 70px;
    position: absolute
}

.libf-page .title-text {
    border-left: 3px solid #fff;
    padding-left: 20px;
    font-weight: 600
}

.libf-page .africa-calling {
    display: flex
}

.libf-page .africa-calling .row {
    padding: 0;
    margin: 0
}

.libf-page .africa-calling .libf-blue-bg {
    background: #002060;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    width: 40%
}

.libf-page .africa-calling .libf-blue-bg .libf-text {
    font-size: 100px;
    font-weight: 700
}

.libf-page .africa-calling .libf-blue-bg .inner-text {
    font-size: 50px;
    font-weight: 300;
    line-height: 69px;
    text-transform: uppercase;
    letter-spacing: .13em
}

.libf-page .africa-calling .libf-gradiant-bg {
    background: linear-gradient(88.56deg, #bbc7f5 -21.21%, #c8f6f3 114.46%);
    width: 60%;
    position: relative;
    overflow: hidden;
    padding: 120px 200px
}

.libf-page .africa-calling .libf-gradiant-bg img {
    position: relative;
    z-index: 1
}

.libf-page .africa-calling .libf-gradiant-bg:after,
.libf-page .africa-calling .libf-gradiant-bg:before {
    content: "";
    position: absolute;
    width: 350px;
    height: 345px;
    background: #90b5ed;
    filter: blur(92px);
    border-radius: 50%
}

.libf-page .africa-calling .libf-gradiant-bg:before {
    left: 200px;
    top: 0
}

.libf-page .africa-calling .libf-gradiant-bg:after {
    left: 0;
    bottom: 0
}

.libf-page .africa-calling .libf-gradiant-bg span {
    position: absolute;
    width: 350px;
    height: 345px;
    background: #9ee8eb;
    filter: blur(99px);
    z-index: 0
}

.libf-page .africa-calling .libf-gradiant-bg .shadow1 {
    right: -160px;
    top: -120px
}

.libf-page .africa-calling .libf-gradiant-bg .shadow2 {
    right: 0;
    bottom: 0
}

.libf-page .marquee-list {
    position: relative;
    margin: 0;
    top: -120px
}

.libf-page .marquee-list .marquee-text {
    font-size: 350px;
    font-weight: 700;
    -webkit-text-fill-color: #fff;
    opacity: .1;
    line-height: 300px;
    text-transform: uppercase;
    animation: marqee 80s linear infinite
}

.libf-page .marquee-list .marquee-text span {
    position: relative;
    padding-left: 300px;
    margin-right: 150px
}

.libf-page .marquee-list .marquee-text span:before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: #fff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.libf-page .project-overview-wrapper {
    position: relative
}

.libf-page .project-overview-wrapper .overview-content {
    counter-reset: section;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

.libf-page .project-overview-wrapper .overview-content .overview-content-box {
    display: flex;
    justify-content: flex-end;
    position: relative
}

.libf-page .project-overview-wrapper .overview-content .overview-content-box:before {
    counter-increment: section;
    content: "" counter(section);
    position: absolute;
    left: 0;
    color: hsla(0, 0%, 100%, .2);
    font-size: 70px;
    font-weight: 500;
    line-height: 50px;
    border-left: 2px solid hsla(0, 0%, 100%, .2);
    padding-left: 20px
}

.libf-page .project-overview-wrapper .overview-content h5 {
    color: #fff;
    padding-bottom: 25px
}

.libf-page .project-overview-wrapper .overview-content .inner-content {
    position: relative;
    max-width: 350px
}

.libf-page .project-overview-wrapper .overview-content .inner-content p {
    color: #b7b7b7
}

.libf-page .project-overview-wrapper .overview-content .row {
    margin: 0
}

@keyframes slide-up {
    0% {
        margin-top: 100%;
        height: 300%
    }

    to {
        margin-top: 0;
        height: 100%
    }
}

.libf-page .features .libf-feature-list {
    display: grid;
    grid-template-columns: 60% 40%;
    height: 750px
}

.libf-page .features .libf-feature-list .feture-list {
    border: 1px solid #fff;
    border-radius: 30px;
    width: 720px;
    overflow: hidden;
    height: -moz-fit-content;
    height: fit-content
}

.libf-page .features .libf-feature-list .feture-list .feture-title {
    padding: 45px 65px;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    cursor: default
}

.libf-page .features .libf-feature-list .feture-list .feture-title:hover {
    background-color: #fff
}

.libf-page .features .libf-feature-list .feture-list .feture-title:hover p {
    color: #000;
    transition: all .5s ease-in;
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-top: 10px
}

.libf-page .features .libf-feature-list .feture-list .feture-title:hover .inner-title {
    -webkit-text-stroke-color: #000;
    -webkit-text-fill-color: #000
}

.libf-page .features .libf-feature-list .feture-list .feture-title:last-child {
    border: none
}

.libf-page .features .libf-feature-list .feture-list .feture-title:last-child p {
    animation: slide-up .5s
}

.libf-page .features .libf-feature-list .feture-list .feture-title .inner-title {
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px;
    text-transform: uppercase
}

.libf-page .features .libf-feature-list .feture-list .feture-title p {
    transition: all .5s ease-in-out;
    visibility: hidden;
    opacity: 0;
    height: 0
}

.libf-page .features .libf-feature-list .feture-img {
    display: flex;
    justify-content: center
}

.libf-page .features .libf-feature-list .feture-img img {
    position: absolute;
    opacity: 0;
    max-height: 720px
}

.libf-page .features .libf-feature-list .feture-img img.is-active {
    opacity: 1
}

.libf-page .design-process .design-process-box {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.libf-page .design-process .design-process-box:last-child {
    align-items: center
}

.libf-page .design-process .design-process-box img {
    width: 115px;
    height: 115px;
    margin: 0 auto;
    display: block
}

.libf-page .design-process .design-process-box h5 {
    color: #fff;
    text-align: center;
    padding-top: 10px
}

.libf-page .final-ui-design .ui-design-img {
    position: relative;
    display: flex;
    justify-content: center
}

.libf-page .typography h5 {
    color: #fff;
    padding-top: 40px
}

.libf-page .typography .wrap img {
    max-width: 390px
}

.libf-page .typography .wrap h5 {
    text-align: center
}

.libf-page .typography .typography-wrapper .details {
    padding-left: 90px
}

.libf-page .typography .typography-wrapper .details .typography-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px
}

.libf-page .typography .typography-wrapper .fonts-wrapper h5 {
    font-weight: 400
}

.libf-page .typography .typography-wrapper .fonts-wrapper h5:first-child {
    padding-top: 0
}

.libf-page .typography .typography-wrapper .fonts-wrapper h5:nth-child(2) {
    font-weight: 500
}

.libf-page .typography .typography-wrapper .fonts-wrapper h5:nth-child(3) {
    font-weight: 700
}

.libf-page .typography .typography-wrapper .color-box-wrapper {
    display: flex;
    column-gap: 20px;
    margin-top: 60px
}

.libf-page .typography .typography-wrapper .color-box-wrapper .color-code-box {
    position: relative;
    width: 100px;
    height: 100px;
    background: #002060;
    border-radius: 16px
}

.libf-page .typography .typography-wrapper .color-box-wrapper .color-code-box p {
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.libf-page .typography .typography-wrapper .color-box-wrapper .color-code-box:nth-child(2) {
    background: #d9e4ff
}

.libf-page .typography .typography-wrapper .color-box-wrapper .color-code-box:nth-child(2) p {
    color: #000
}

.libf-page .typography .typography-wrapper .color-box-wrapper .color-code-box:nth-child(3) {
    background: #fff
}

.libf-page .typography .typography-wrapper .color-box-wrapper .color-code-box:nth-child(3) p {
    color: #000
}

.libf-page .typography .typography-wrapper .fonts-wrapper .text {
    font-size: 18px;
    font-weight: 500;
    color: hsla(0, 0%, 100%, .5)
}

.libf-page .typography .typography-wrapper .fonts-wrapper .font-text {
    color: #fff
}

.libf-page .typography .typography-wrapper .font-content P {
    font-weight: 600;
    color: #fff;
    margin-bottom: 18px
}

.libf-page .typography .typography-wrapper .font-content P:nth-child(2) {
    text-transform: lowercase
}

.libf-page .technology-stack .icon-wrapper .icon-box {
    width: 33.33%
}

.libf-page .technology-stack .icon-wrapper .icon-box .image {
    background: #141414
}

.platform-content .platform-wrapper {
    border-radius: 40px;
    background: #fff;
    color: #000;
    padding: 75px 65px
}

.platform-content .platform-wrapper .title {
    margin-bottom: 30px;
    color: #000
}

.platform-content .platform-wrapper p {
    color: #000
}

.platform-content .platform-wrapper .platform-list {
    display: flex;
    column-gap: 30px;
    margin-top: 45px
}

.platform-content .platform-wrapper .platform-list .hover-image {
    display: none
}

.platform-content .platform-wrapper .platform-list li:hover .hover-image {
    display: block
}

.platform-content .platform-wrapper .platform-list li:hover .normal-image {
    display: none
}

.platform-content .platform-wrapper .platform-list .icon img {
    max-width: 195px
}

.nft-coin-page {
    font-family: Clash Grotesk;
    background: #fbfbfb
}

.nft-coin-page .nft-ptb {
    padding: 140px 0
}

.nft-coin-page .nft-title {
    margin-bottom: 60px
}

.nft-coin-page .nft-title h2 {
    font-size: 80px;
    font-weight: 600;
    color: #fff
}

.nft-coin-page .hero {
    background: #000100;
    position: relative;
    overflow: hidden
}

.nft-coin-page .hero:after,
.nft-coin-page .hero:before {
    position: absolute;
    content: "";
    width: 698px;
    height: 698px;
    background: rgba(190, 255, 104, .15);
    filter: blur(150px);
    border-radius: 100%
}

.nft-coin-page .hero:before {
    left: -170px;
    top: 0
}

.nft-coin-page .hero:after {
    right: -190px;
    bottom: -150px
}

.nft-coin-page .hero .hero-title {
    position: relative;
    margin: 130px 0
}

.nft-coin-page .hero .hero-title h1 {
    font-size: 120px;
    font-weight: 200;
    color: #eff6e4;
    text-align: center
}

.nft-coin-page .hero .hero-title h1 span {
    font-weight: 700;
    color: #eff6e4
}

.nft-coin-page .hero .hero-title .nft-coin {
    position: absolute
}

.nft-coin-page .hero .hero-title .coin-image1 {
    width: 170px;
    height: 170px;
    left: -100px;
    top: -80px
}

.nft-coin-page .hero .hero-title .coin-image2 {
    width: 280px;
    height: 280px;
    right: -90px;
    bottom: -100px
}

.nft-coin-page .hero .lines-top {
    position: absolute;
    top: 55px;
    width: 100%
}

.nft-coin-page .hero .lines-bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.nft-coin-page .nft-about-project {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.nft-coin-page .nft-about-project .text-content {
    writing-mode: vertical-rl
}

.nft-coin-page .nft-about-project .text-content span {
    font-size: 100px;
    font-weight: 700;
    line-height: 100px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: block;
    padding: 0 20px;
    border-left: 1px solid #d6d6d6
}

.nft-coin-page .nft-about-project .text-content span:last-child {
    border: none
}

.nft-coin-page .nft-about-project .about-digital-wrap {
    border-right: 1px solid #d6d6d6;
    overflow: hidden
}

.nft-coin-page .nft-about-project .about-digital-wrap .crypto-image-box {
    padding: 24px;
    width: 275px;
    height: 275px
}

.nft-coin-page .nft-about-project .about-digital-wrap .crypto-image-box img {
    object-fit: cover
}

.nft-coin-page .nft-about-project .about-digital-wrap .text-content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.nft-coin-page .nft-about-project .about-secure-wrap {
    position: relative;
    border-left: 1px solid #d6d6d6
}

.nft-coin-page .nft-about-project .about-secure-wrap .text-content {
    width: 100%;
    height: 100%
}

.nft-coin-page .nft-about-project .about-secure-wrap .text-content span {
    padding-top: 30px
}

.nft-coin-page .nft-about-project .about-project-wrap .about-content {
    max-width: 785px;
    margin: 0 auto;
    padding: 180px 0;
    position: relative
}

.nft-coin-page .nft-about-project .about-project-wrap .about-content h2 {
    font-size: 80px;
    color: #000;
    font-weight: 600;
    padding-bottom: 20px
}

.nft-coin-page .nft-about-project .about-project-wrap .about-content p {
    font-weight: 400;
    color: #121212;
    line-height: 34px;
    margin-bottom: 30px
}

.nft-coin-page .nft-about-project .about-project-wrap .about-content p:last-child {
    margin-bottom: 0
}

.nft-coin-page .nft-about-project .about-project-wrap .about-content:after,
.nft-coin-page .nft-about-project .about-project-wrap .about-content:before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 350px;
    background: rgba(190, 255, 104, .12);
    filter: blur(125px)
}

.nft-coin-page .nft-about-project .about-project-wrap .about-content:before {
    left: -140px;
    top: 70px
}

.nft-coin-page .nft-about-project .about-project-wrap .about-content:after {
    right: 0;
    bottom: 50px
}

.nft-coin-page .nft-about-project .about-project-wrap .crypto-details {
    margin: 0 13px 30px
}

.nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul {
    display: flex;
    align-items: center;
    gap: 16px
}

.nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li {
    border-radius: 68px;
    border: 1px solid #d6d6d6;
    padding: 10px;
    display: flex;
    align-items: center
}

.nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li .icon {
    width: 70px;
    height: 70px;
    background-color: #f1f1f1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li span {
    font-size: 36px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    margin-left: 12px
}

.nft-coin-page .nft-app-features {
    background: #000100
}

.nft-coin-page .nft-app-features .app-features-wrap {
    display: flex;
    align-items: stretch;
    column-gap: 44px
}

.nft-coin-page .nft-app-features .app-features-wrap .features-box {
    background: #ebf2e0;
    width: 50%
}

.nft-coin-page .nft-app-features .app-features-wrap .features-image {
    padding-top: 28px;
    padding-left: 60px;
    position: relative;
    overflow: hidden
}

.nft-coin-page .nft-app-features .app-features-wrap .features-image .fetures-men-img {
    position: relative;
    z-index: 1;
    max-width: 394px
}

.nft-coin-page .nft-app-features .app-features-wrap .features-image .curve-shape {
    position: absolute;
    right: -30px;
    top: 0
}

.nft-coin-page .nft-app-features .app-features-wrap .features-image .fetures-graph-img {
    max-width: 270px;
    position: absolute;
    right: 70px;
    top: 110px;
    z-index: 2
}

.nft-coin-page .nft-app-features .app-features-wrap .features-content {
    padding: 32px
}

.nft-coin-page .nft-app-features .app-features-wrap .features-content .details {
    padding: 30px 0;
    border-bottom: 1px solid #d0d0d0
}

.nft-coin-page .nft-app-features .app-features-wrap .features-content .details h6 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 16px
}

.nft-coin-page .nft-app-features .app-features-wrap .features-content .details p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #000
}

.nft-coin-page .nft-app-features .app-features-wrap .features-content .details:first-child {
    padding-top: 0
}

.nft-coin-page .nft-app-features .app-features-wrap .features-content .details:last-child {
    padding-bottom: 0;
    border: none
}

.nft-coin-page .nft-what-we-provide {
    background: #000100
}

.nft-coin-page .nft-what-we-provide .what-we-provide-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 32px
}

.nft-coin-page .nft-what-we-provide .what-we-provide-wrapper .provide-image-box {
    width: calc(50% - 16px)
}

.nft-coin-page .nft-what-we-provide .what-we-provide-wrapper .provide-image-box img {
    width: 100%
}

.nft-coin-page .nft-typography .typography-wrapper {
    background-color: #000;
    display: flex
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper {
    display: flex;
    width: 75%
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content {
    padding: 48px;
    border-right: 1px solid rgba(221, 254, 85, .5)
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap {
    display: flex;
    justify-content: space-between;
    column-gap: 36px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts {
    border: 1px solid rgba(221, 254, 85, .5);
    padding: 30px;
    width: 100%
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts span {
    color: #ddfe55;
    font-size: 40px;
    font-weight: 600
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts .nft-text {
    margin-top: 24px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts .nft-text p {
    font-size: 22px;
    font-weight: 400
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts .nft-text p.capital {
    text-transform: capitalize
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-image {
    border: 1px solid rgba(221, 254, 85, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-image img {
    max-width: 215px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap {
    display: flex;
    column-gap: 24px;
    margin-top: 30px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper {
    border: 1px solid rgba(221, 254, 85, .5);
    min-width: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn {
    border-radius: 20px;
    border: 1px solid hsla(0, 0%, 100%, .35);
    background: hsla(0, 0%, 100%, .05);
    width: 164px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease-in-out
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn svg path {
    transition: .3s ease-in-out
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn span {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-left: 8px;
    transition: .3s ease-in-out
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn:hover {
    background: #beff68
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn:hover svg path {
    fill: #000
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn:hover span {
    color: #000
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .green-btn {
    background: #beff68
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .green-btn span {
    color: #000
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .green-btn:hover {
    background: hsla(0, 0%, 100%, .05)
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .green-btn:hover span {
    color: #fff
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .green-btn:hover svg path {
    fill: #fff
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper {
    width: 100%
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .colorbox {
    border: 1px solid rgba(221, 254, 85, .5);
    display: flex;
    justify-content: center;
    column-gap: 40px;
    padding: 23px 40px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .colorbox span {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 500;
    color: #000
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .colorbox span:nth-child(2) {
    background-color: #ddfe55
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .colorbox span:nth-child(3) {
    background-color: #2b2b2b;
    color: #fff
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons {
    border: 1px solid rgba(221, 254, 85, .5);
    padding: 23px 40px;
    margin-top: 30px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 40px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .3s ease-in-out;
    cursor: pointer;
    position: relative
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li svg path {
    transition: .3s ease-in-out;
    fill: #fff;
    stroke: #fff;
    opacity: .2
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li:first-child svg path {
    fill: none !important
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li:before {
    content: "";
    background: url(/assets/images/nft-hover-icon.svg) no-repeat 50%;
    position: absolute;
    top: -24px;
    width: 24px;
    height: 10px;
    margin: 0 auto;
    opacity: 0;
    transition: .3s ease-in-out
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li.active:after {
    content: "";
    background: url(/assets/images/nft-home-blur-icon.svg) no-repeat 100%;
    position: absolute;
    bottom: 7px;
    right: 4px;
    width: 24px;
    height: 24px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li.active svg path,
.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li.active:before {
    opacity: 1
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li.hover,
.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li:hover {
    background-color: #beff68
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li.hover svg path,
.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li:hover svg path {
    fill: #000;
    stroke: #000;
    opacity: 1
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li.hover.active:after,
.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li:hover.active:after {
    display: none
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .icons-wrapper {
    border: 1px solid rgba(221, 254, 85, .5);
    padding: 24px;
    margin-top: 30px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .icons-wrapper ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .icons-wrapper ul li {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #686868;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 50%
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .design-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    width: 15%;
    margin: 0 0 40px
}

.nft-coin-page .nft-typography .typography-wrapper .content-wrapper .design-text span {
    font-size: 90px;
    font-weight: 600;
    line-height: 100px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .5);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: block;
    padding: 0 20px
}

.nft-coin-page .nft-typography .typography-wrapper .mobile-wrap {
    background: #ddfe55;
    position: relative;
    width: 25%;
    overflow: hidden
}

.nft-coin-page .nft-typography .typography-wrapper .mobile-wrap .image-box {
    position: absolute;
    right: -150px;
    top: 90px;
    max-width: 470px
}

.nft-coin-page .nft-testimonial {
    background: #000100
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap {
    background: #ebf2e0;
    padding: 90px 40px;
    display: flex;
    gap: 20px
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box {
    width: 330px;
    height: 330px;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 80px 47px 47px;
    position: relative
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box p {
    color: #121212;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box span {
    display: block
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box .client-info {
    margin-top: 20px
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box .client-info .client-name {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box .client-info .client-profession {
    color: #121212;
    font-size: 14px;
    font-weight: 400
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box .client-image {
    position: absolute;
    right: 0;
    top: 2px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .08)
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box .client-image img {
    object-fit: cover
}

.nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box:nth-child(2n) {
    margin-top: 250px
}

.nft-coin-page .nft-screens {
    background: #000100;
    padding-bottom: 40px
}

.nft-coin-page .ready-to-multiqos {
    background: #000100;
    font-family: public sans
}

.nft-coin-page .ready-to-multiqos .purple-box {
    background: #ddfe55
}

.nft-coin-page .ready-to-multiqos .purple-box h3,
.nft-coin-page .ready-to-multiqos .purple-box p {
    color: #000
}

.nft-coin-page .ready-to-multiqos .purple-box .common-btn {
    border: 1px solid #000;
    color: #000
}

.nft-coin-page .ready-to-multiqos .purple-box .common-btn svg path {
    fill: #000;
    stroke: transparent
}

.nft-coin-page .ready-to-multiqos .purple-box .common-btn:hover {
    background: transparent;
    border: 1px solid #ff174f;
    color: #ff174f
}

.nft-coin-page .ready-to-multiqos .purple-box .common-btn:hover svg path {
    fill: #ff174f;
    stroke: transparent
}

.nft-coin-page .contact-us {
    background: #000100;
    font-family: public sans
}

.fidelizacion {
    background: #fff;
    color: #000
}

.fidelizacion .hero-banner {
    padding: 280px 0 120px
}

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

.fidelizacion .mb-60 {
    margin-bottom: 60px
}

.fidelizacion .pb-160 {
    padding-bottom: 160px
}

.fidelizacion .pt-160 {
    padding-top: 160px
}

.fidelizacion .title-wrapper h1,
.fidelizacion .title-wrapper h2,
.fidelizacion .title-wrapper h3,
.fidelizacion .title-wrapper p {
    color: #000
}

.fidelizacion .title-wrapper h1,
.fidelizacion .title-wrapper h2 {
    font-size: 115px;
    line-height: 125px;
    font-weight: 600;
    letter-spacing: 3.45px;
    font-family: Neue Haas Grotesk Display Pro
}

.fidelizacion .title-wrapper h2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000
}

.fidelizacion .title-wrapper h3 {
    font-size: 35px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 1.05px;
    margin-bottom: 20px;
    font-family: Neue Haas Grotesk Display Pro
}

.fidelizacion .title-wrapper h3:last-child {
    margin: 0
}

.fidelizacion .title-wrapper p {
    font-weight: 300;
    letter-spacing: .72px
}

.fidelizacion .title-wrapper p:last-child {
    margin: 0
}

.fidelizacion .image-wrapper {
    overflow: hidden
}

.fidelizacion .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s
}

.fidelizacion .image-wrapper:hover img {
    transform: scale(1.1);
    transition: all .6s
}

.fidelizacion .fidelizacion-image-wrapper img {
    width: 100%;
    border-radius: 30px;
    object-fit: cover
}

@media(max-width: 1920px) {
    .fidelizacion .fidelizacion-image-wrapper img {
        max-height: 1016px
    }
}

.fidelizacion .ready-to-multiqos {
    background: #000
}

.fidelizacion .ready-to-multiqos .porfolio-bg .purple-box {
    background: #56922a
}

.fidelizacion .ready-to-multiqos .blogs-wrapper .white-box .apply-btn:hover {
    border: 1px solid #56922a;
    color: #56922a
}

.fidelizacion .our-features-card:nth-child(odd) {
    margin-top: -40px
}

.fidelizacion .our-features-card:nth-child(2n) {
    padding-top: 130px
}

.fidelizacion .our-features-card .image-wrapper {
    margin-bottom: 30px
}

.fidelizacion .our-features-card .image-wrapper img {
    max-height: 840px
}

.fidelizacion .our-features-card h3,
.fidelizacion .our-features-card p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.fidelizacion .our-features-card h3 {
    -webkit-line-clamp: 2
}

.fidelizacion .our-features-card p {
    -webkit-line-clamp: 5
}

.fidelizacion .branding-card {
    display: flex;
    flex-direction: column;
    background: #e4e4e4;
    height: 100%
}

.fidelizacion .branding-card .bottom,
.fidelizacion .branding-card .top {
    height: 50%;
    padding: 50px
}

.fidelizacion .branding-card .top {
    display: flex;
    align-items: center;
    justify-content: center
}

.fidelizacion .branding-card .bottom {
    display: flex;
    align-items: center;
    border-width: 1px 2px 2px;
    border-top: 2px dashed rgba(0, 0, 0, .2)
}

.fidelizacion .branding-card .bottom h2 {
    font-size: 218px;
    line-height: 234px;
    font-weight: 700;
    font-family: Inter;
    color: rgba(0, 0, 0, .3);
    flex-shrink: 0
}

.fidelizacion .branding-card .bottom h3 {
    font-size: 82px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -4.118px;
    font-family: Neue Haas Grotesk Display Pro
}

.fidelizacion .branding-card .bottom p {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: rgba(0, 0, 0, .6);
    font-family: Inter
}

.fidelizacion .branding-card .bottom h4 {
    font-size: 36px;
    color: rgba(0, 0, 0, .1);
    font-family: Neue Haas Grotesk Display Pro;
    font-weight: 700;
    line-height: normal;
    margin-top: 100px
}

.fidelizacion .branding-card .bottom .content {
    padding-left: 32px;
    margin-left: 32px;
    position: relative
}

.fidelizacion .branding-card .bottom .content:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 204px;
    border-left: dashed rgba(0, 0, 0, .1);
    border-width: 2px
}

.fidelizacion .publishing-graphic .image-wrapper img {
    max-height: 682px
}

.fidelizacion .bienvenid-planeta .zoom-image {
    text-align: center
}

.fidelizacion .bienvenid-planeta .zoom-image img {
    transform: scale(.8);
    transition: all .6s
}

.fidelizacion .bienvenid-planeta .zoom-image:hover img {
    transform: scale(1);
    transition: all .6s
}

.fidelizacion .dustbin {
    background: #56922a;
    padding-top: 470px
}

.fidelizacion .dustbin .dustbin-image {
    text-align: center;
    position: relative;
    z-index: 1
}

.fidelizacion .dustbin .dustbin-image .dustbin-main-image {
    height: 520px
}

.fidelizacion .dustbin .dustbin-image h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 306px;
    font-weight: 800;
    line-height: normal;
    font-family: Alumni Sans;
    color: #fff;
    white-space: nowrap;
    opacity: .1;
    transition: all 1s;
    z-index: -1
}

.fidelizacion .dustbin:hover .dustbin-image h2 {
    top: 0;
    transform: translate(-50%, -100%);
    opacity: 1;
    transition: all 1s
}

.fidelizacion .dustbin:hover .dustbin-image-list {
    top: 100px;
    transform: translate(-50%, -50%) scale(0);
    transition: all 1s
}

.fidelizacion .dustbin .dustbin-image-list {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 100%;
    transition: all 1s;
    z-index: -1
}

.fidelizacion .dustbin .dustbin-image-list li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-right: 100px
}

.fidelizacion .dustbin .dustbin-image-list li:last-child {
    padding-left: 100px;
    padding-right: 0
}

.fidelizacion .technology-stack-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 50px
}

.fidelizacion .technology-stack-list li {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 300;
    letter-spacing: 1.28px
}

.fidelizacion .technology-stack-list li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    background: #56922a;
    border-radius: 100%
}

.fidelizacion .technology-stack-list li span img {
    max-height: 70px
}

.sales-analytics .pb-160 {
    padding-bottom: 160px
}

.sales-analytics .pt-160 {
    padding-top: 160px
}

.sales-analytics .mb-160 {
    margin-bottom: 160px
}

.sales-analytics .mt-160 {
    margin-top: 160px
}

.sales-analytics .big-title,
.sales-analytics h1 {
    font-size: 150px;
    font-weight: 700;
    line-height: 170px;
    font-family: Lufga;
    color: #fff
}

.sales-analytics h2 {
    font-size: 55px;
    line-height: 60px;
    font-weight: 700;
    letter-spacing: 1.65px;
    color: #fff
}

.sales-analytics .porfolio-bg .purple-box {
    background: #6d6bff
}

.sales-analytics .blogs-wrapper .white-box .apply-btn:hover {
    border: 1px solid #6d6bff;
    color: #6d6bff
}

.sales-analytics .hero-banner {
    max-height: 990px;
    min-height: 990px;
    padding: 130px 0;
    position: relative;
    z-index: 1
}

.sales-analytics .hero-banner .bg-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.sales-analytics .hero-banner .banner-inner {
    position: relative;
    min-height: 750px
}

.sales-analytics .hero-banner .banner-inner h1,
.sales-analytics .hero-banner .banner-inner h2 {
    position: absolute;
    font-size: 150px;
    line-height: 1.5;
    font-weight: 700;
    font-family: Lufga;
    color: #fff
}

.sales-analytics .hero-banner .banner-inner h1 span,
.sales-analytics .hero-banner .banner-inner h2 span {
    display: block;
    font-size: 24px;
    line-height: 33px;
    font-weight: 200;
    color: #fff;
    font-family: Public Sans;
    letter-spacing: .72px;
    margin-top: -62px
}

.sales-analytics .hero-banner .banner-inner .sales {
    top: 66px;
    left: 0
}

.sales-analytics .hero-banner .banner-inner .analytics {
    bottom: 128px;
    right: 0
}

.sales-analytics .hero-banner .banner-inner .bg-circle {
    margin: 0 auto;
    display: block;
    animation: roundRotateText 10s linear infinite
}

.sales-analytics .hero-banner .banner-inner .banner-diamond {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 836px;
    height: 472px;
    animation: BannerUpDown 10s linear infinite
}

.sales-analytics .hero-banner .banner-inner .banner-diamond img {
    position: absolute;
    top: 0;
    left: 0
}

.sales-analytics .hero-banner .banner-inner .banner-diamond .banner-image2 {
    animation: ShowHiden 10s linear infinite
}

.sales-analytics .empowering-growth {
    text-align: center;
    position: relative
}

.sales-analytics .empowering-growth .image {
    position: absolute
}

.sales-analytics .empowering-growth .image1 {
    left: 58px
}

.sales-analytics .empowering-growth .image2 {
    right: 100px
}

.sales-analytics .empowering-growth .image3 {
    left: 156px
}

.sales-analytics .empowering-growth .image4 {
    right: 186px
}

.sales-analytics .empowering-growth .image1,
.sales-analytics .empowering-growth .image2 {
    animation: UpDownIcon 4s linear infinite
}

.sales-analytics .empowering-growth .image3,
.sales-analytics .empowering-growth .image4 {
    animation: DownUpIcon 4s linear infinite
}

.sales-analytics .sales-insights-card {
    width: 100%;
    border-radius: 35px;
    border: 1px solid #5d5d5d;
    background: #6d6bff;
    padding: 100px 100px 0;
    text-align: center
}

.sales-analytics .sales-insights-card img {
    margin-bottom: -1px
}

.sales-analytics .sales-nalyti-card {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
    background: #bdbdff;
    padding: 70px 110px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.sales-analytics .sales-nalyti-card img {
    transition: all 1s
}

.sales-analytics .sales-nalyti-card:hover img {
    transform: scale(1.1);
    transition: all 1s
}

.sales-analytics .sales-nalyti-card:hover .sales-analytic-list li {
    opacity: .6;
    transition: all 1s
}

.sales-analytics .sales-nalyti-card .sales-analytic-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: -1
}

.sales-analytics .sales-nalyti-card .sales-analytic-list li {
    font-size: 146px;
    line-height: 1;
    font-weight: 700;
    color: #aeadff;
    font-family: Lufga;
    text-transform: uppercase;
    white-space: nowrap;
    margin: 0;
    opacity: .4;
    transition: all 1s
}

.sales-analytics .discover-our-sales {
    position: relative;
    text-align: center;
    z-index: 1
}

.sales-analytics .discover-our-sales h2 {
    margin-bottom: 10px
}

.sales-analytics .discover-our-sales p {
    letter-spacing: .72px
}

.sales-analytics .discover-our-sales:after,
.sales-analytics .discover-our-sales:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    z-index: -1
}

.sales-analytics .discover-our-sales:before {
    background: #b8b8ff;
    left: 0
}

.sales-analytics .discover-our-sales:after {
    background: #6d6bff;
    right: 0
}

.sales-analytics .discover-our-sales .content-wrapper {
    position: relative;
    padding: 0 80px
}

.sales-analytics .discover-our-sales .content-wrapper:after,
.sales-analytics .discover-our-sales .content-wrapper:before {
    content: "";
    position: absolute;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/sales-analytics-star.svg) no-repeat 50%;
    background-size: contain;
    width: 72px;
    height: 72px
}

.sales-analytics .discover-our-sales .content-wrapper:before {
    top: 0;
    left: 0
}

.sales-analytics .discover-our-sales .content-wrapper:after {
    right: 0;
    bottom: 0
}

.sales-analytics .discover-our-sales .image-group {
    display: flex;
    align-items: center;
    margin-top: 100px
}

.sales-analytics .discover-our-sales .image-group .left-image,
.sales-analytics .discover-our-sales .image-group .right-image {
    width: 50%
}

.sales-analytics .discover-our-sales .image-group .left-image img,
.sales-analytics .discover-our-sales .image-group .right-image img {
    width: 100%
}

.sales-analytics .discover-our-sales .image-group .left-image {
    padding-right: 130px
}

.sales-analytics .discover-our-sales .image-group .right-image {
    padding-left: 130px
}

.sales-analytics .analytics-counter-list {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.sales-analytics .analytics-counter-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 35px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 1.05px;
    color: #fff;
    border-radius: 334px;
    border: 1px solid hsla(0, 0%, 100%, .3);
    background: #101010;
    flex-shrink: 0;
    transition: all .6s
}

.sales-analytics .analytics-counter-list li:hover {
    background: #6d6bff;
    transition: all .6s
}

.sales-analytics .analytics-counter-list li span {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: .72px;
    color: #fff;
    display: block
}

.sales-analytics .analytics-counter-list li:last-child {
    width: 467px;
    height: 467px;
    margin-top: 140px
}

.sales-analytics .analytics-counter-list li:nth-last-child(2) {
    width: 371px;
    height: 371px;
    margin: 0 -78px
}

.sales-analytics .analytics-counter-list li:nth-last-child(3) {
    width: 428px;
    height: 428px;
    margin-top: 156px
}

.sales-analytics .analytics-counter-list li:nth-last-child(4) {
    width: 334px;
    height: 334px;
    margin-right: -40px;
    margin-top: 140px
}

.sales-analytics .budget-country {
    background: #6d6bff
}

.sales-analytics .budget-country p {
    margin-bottom: 20px
}

.sales-analytics .budget-country h2 {
    margin-bottom: 60px
}

.sales-analytics .budget-country .budget-country-list li {
    padding-left: 120px;
    position: relative;
    max-width: 590px;
    margin-bottom: 20px
}

.sales-analytics .budget-country .budget-country-list li:last-child {
    margin: 0
}

.sales-analytics .budget-country .budget-country-list li.active span {
    color: #6d6bff;
    background: #fff
}

.sales-analytics .budget-country .budget-country-list li:before {
    content: "";
    position: absolute;
    top: 92px;
    left: 41px;
    width: 2px;
    height: calc(100% - 92px);
    background: #fff
}

.sales-analytics .budget-country .budget-country-list li span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: .72px;
    color: #fff;
    border: 2px solid #fff
}

.sales-analytics .budget-country .budget-country-list h3 {
    font-size: 35px;
    line-height: 1.5;
    letter-spacing: 1.05px;
    color: #fff;
    margin-bottom: 10px
}

.sales-analytics .budget-country .budget-country-list p {
    letter-spacing: .72px;
    margin: 0
}

.sales-analytics .center-card {
    text-align: center
}

.sales-analytics .center-card .static-card {
    border-radius: 120px;
    border: 2px solid #6d6bff;
    background: hsla(0, 0%, 6%, .78);
    padding: 110px;
    transition: all .6s
}

.sales-analytics .center-card .static-card:hover {
    background: #6d6bff;
    transition: all .6s
}

.sales-analytics .center-card h2 {
    font-weight: 500;
    max-width: 720px;
    margin: 0 auto 30px
}

.sales-analytics .center-card p {
    max-width: 1080px;
    margin: 0 auto
}

.sales-analytics .people-saying {
    position: relative;
    overflow: hidden
}

.sales-analytics .people-saying:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, #000, transparent)
}

.sales-analytics .people-saying h2 {
    margin-bottom: 60px;
    text-align: center
}

.sales-analytics .people-saying .people-saying-list {
    margin-bottom: 24px
}

.sales-analytics .people-saying .people-saying-list .people-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 12px;
    border-radius: 10px;
    border: 1px solid hsla(0, 0%, 89%, .3);
    background: #101010;
    padding: 16px 20px
}

.sales-analytics .people-saying .people-saying-list .people-item img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: cover;
    object-position: top
}

.sales-analytics .people-saying .people-saying-list .people-item h3 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .54px
}

.sales-analytics .people-saying .people-saying-list .people-item p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .42px;
    color: #a1a1a1
}

.sales-analytics .people-saying .people-saying-list .people-item .description {
    font-size: 18px;
    line-height: 24px;
    color: #b0b0b0;
    letter-spacing: .54px;
    width: 100%
}

.sales-analytics .sales-analyics-animation {
    overflow: hidden;
    max-height: 926px
}

.sales-analytics .sales-analyics-animation .sales-analyics-circle {
    text-align: center;
    position: relative;
    max-width: 1918px;
    border-radius: 100%;
    margin: auto;
    padding: 30px
}

.sales-analytics .sales-analyics-animation .sales-analyics-circle:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    border: 2px solid #6594ff;
    border-radius: 100%
}

.sales-analytics .sales-analyics-animation .sales-analyics-circle .text-circle {
    animation: circleRotate 36s linear infinite
}

.sales-analytics .sales-analyics-animation .sales-analyics-circle .graph-body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72%;
    height: 72%;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    border-radius: 100%;
    padding-top: 260px
}

.sales-analytics .sales-analyics-animation .sales-analyics-circle .graph-body:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    border: 2px dashed #6594ff;
    border-radius: 100%;
    animation: circleRotate 26s linear infinite reverse
}

.sales-analytics .sales-analyics-animation .sales-analyics-circle .graph-body .graph-image {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    animation: marqee 10s linear infinite;
    z-index: -1;
    width: 100%;
    flex-shrink: 0
}

.sales-analytics .sales-analyics-animation .sales-analyics-circle .graph-body .graph-image img {
    width: 100%;
    flex-shrink: 0
}

.qwaser-page {
    font-family: Futura Md BT
}

.qwaser-page .hero {
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/qwaser-background-grid.webp);
    padding-bottom: 0;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.qwaser-page .hero:before {
    content: "";
    position: absolute;
    left: -230px;
    top: 54px;
    width: 850px;
    height: 550px;
    background: radial-gradient(46.54% 46.44% at 66% 27.65%, #ffd7d7 0, #6dffd3 .01%, rgba(85, 137, 192, .33) 77.85%, rgba(72, 78, 183, 0) 100%, hsla(14, 80%, 67%, 0) 0);
    opacity: .6;
    mix-blend-mode: screen;
    filter: blur(60.3230056763px);
    z-index: -1
}

.qwaser-page .hero .hero-content {
    text-align: center
}

.qwaser-page .hero .hero-content .qwaser-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.qwaser-page .hero .hero-content .qwaser-logo span {
    margin-left: 10px;
    display: inline-block;
    font-size: 40px;
    font-weight: 900;
    font-family: Arial;
    color: #fff
}

.qwaser-page .hero .hero-content h1 {
    font-size: 80px;
    text-align: center;
    font-weight: 300;
    font-family: Futura Md BT;
    margin-top: 55px
}

.qwaser-page .hero .hero-content p {
    font-size: 30px;
    font-family: Glory;
    max-width: 990px;
    margin: 55px auto 0;
    color: hsla(0, 0%, 100%, .6)
}

.qwaser-page .hero .hero-content .banner-image {
    margin-top: 80px
}

.qwaser-page .badge-btn {
    font-size: 20px;
    font-weight: 500;
    color: #e2a4ff;
    font-family: Glory;
    padding: 10px 15px;
    background: url(https://d19cx7uv5wsln6.cloudfront.net/assets/images/qwaser-ai-bg-badge.webp);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 155px;
    margin: 40px auto 0;
    text-align: center
}

.qwaser-page .qwaser-title-list {
    padding-bottom: 120px
}

.qwaser-page .qwaser-title-list ul {
    display: flex;
    justify-content: space-between
}

.qwaser-page .qwaser-title-list ul li {
    font-size: 20px;
    color: hsla(0, 0%, 100%, .6);
    font-weight: 300;
    border-radius: 70px;
    padding: 10px 20px
}

.qwaser-page .qwaser-title-list ul li.active {
    color: #494949;
    background: #ffd7ea
}

.qwaser-page .qwaser-about-project .about-project-wrap {
    background-color: #dde8ff;
    border-radius: 60px;
    padding: 150px 60px 60px;
    position: relative
}

.qwaser-page .qwaser-about-project .about-project-wrap h2 {
    font-size: 80px
}

.qwaser-page .qwaser-about-project .about-project-wrap p {
    color: #333;
    font-size: 30px;
    line-height: 37px;
    font-weight: 400;
    font-family: Glory;
    margin-top: 30px
}

.qwaser-page .qwaser-about-project .about-project-wrap .counter {
    margin-top: 120px
}

.qwaser-page .qwaser-about-project .about-project-wrap .counter ul {
    display: flex;
    flex-wrap: wrap;
    gap: 60px
}

.qwaser-page .qwaser-about-project .about-project-wrap .counter ul .counter-box {
    width: calc(50% - 30px)
}

.qwaser-page .qwaser-about-project .about-project-wrap .counter ul .counter-box h4 {
    font-size: 120px;
    font-weight: 500;
    color: #333
}

.qwaser-page .qwaser-about-project .about-project-wrap .counter ul .counter-box p {
    margin-top: 0
}

.qwaser-page .qwaser-about-project .about-project-wrap .building-image {
    text-align: right
}

.qwaser-page .qwaser-about-project .about-project-wrap .building-image img {
    position: relative;
    right: -60px
}

.qwaser-page .qwaser-about-project .about-project-wrap:after,
.qwaser-page .qwaser-about-project .about-project-wrap:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    background: #000;
    left: 0;
    right: 0;
    margin: 0 auto
}

.qwaser-page .qwaser-about-project .about-project-wrap:before {
    top: -72px;
    border-radius: 0 0 100% 100%
}

.qwaser-page .qwaser-about-project .about-project-wrap:after {
    bottom: -72px;
    border-radius: 100% 100% 0 0
}

.qwaser-page .qwaser-about-project .wrap {
    display: flex;
    align-items: center;
    column-gap: 40px;
    margin: 70px 0;
    position: relative
}

.qwaser-page .package-box {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 12px;
    background: hsla(0, 0%, 7%, .6);
    -webkit-backdrop-filter: blur(37px);
    backdrop-filter: blur(37px);
    width: 330px;
    padding: 16px 12px;
    justify-content: space-between
}

.qwaser-page .package-box,
.qwaser-page .package-box .wrap-box {
    display: flex;
    align-items: center
}

.qwaser-page .package-box .wrap-box .package-img {
    min-width: 52px;
    max-width: 52px;
    min-height: 52px;
    border-radius: 50%;
    overflow: hidden
}

.qwaser-page .package-box .wrap-box .package-img img {
    object-fit: cover
}

.qwaser-page .package-box .wrap-box .content {
    margin-left: 12px
}

.qwaser-page .package-box .wrap-box .content span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}

.qwaser-page .package-box .wrap-box .content p {
    font-size: 12px;
    font-weight: 400;
    color: #d4d4d4;
    line-height: 14px;
    max-width: 190px;
    margin-top: 8px
}

.qwaser-page .task-section .task-image {
    max-width: 840px;
    margin: 0 auto;
    position: relative
}

.qwaser-page .task-section .task-image:after {
    content: "";
    position: absolute;
    right: -270px;
    bottom: -240px;
    width: 600px;
    height: 400px;
    background: radial-gradient(46.54% 46.44% at 66% 27.65%, #ffd7d7 0, #6dffd3 .01%, rgba(85, 137, 192, .33) 77.85%, rgba(72, 78, 183, 0) 100%, hsla(14, 80%, 67%, 0) 0);
    opacity: .6;
    mix-blend-mode: screen;
    filter: blur(60.3230056763px);
    transform: scale(1.5);
    z-index: -1
}

.qwaser-page .survey-data-box {
    background-color: #fff;
    border-radius: 50px;
    padding: 180px 50px 130px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.qwaser-page .survey-data-box p {
    color: hsla(0, 0%, 40%, .6);
    font-size: 20px;
    font-weight: 500;
    max-width: 845px;
    margin: 0 auto
}

.qwaser-page .survey-data-box h2 {
    font-size: 70px;
    font-weight: 600;
    max-width: 950px;
    margin: 25px auto 0
}

.qwaser-page .survey-data-box img {
    position: absolute
}

.qwaser-page .survey-data-box .triangle-image {
    left: 0;
    top: 0
}

.qwaser-page .survey-data-box .polygon-image {
    right: 0;
    bottom: 0
}

.qwaser-page .survey-data-box:after,
.qwaser-page .survey-data-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    background: #000;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

.qwaser-page .survey-data-box:before {
    top: -72px;
    border-radius: 0 0 100% 100%
}

.qwaser-page .survey-data-box:after {
    bottom: -72px;
    border-radius: 100% 100% 0 0
}

.qwaser-page .breadboarding .badge-btn {
    margin: 100px auto 90px;
    color: #fff
}

.qwaser-page .breadboarding .wrapper {
    display: flex;
    align-items: center;
    column-gap: 40px;
    position: relative
}

.qwaser-page .ui-design-image {
    position: relative
}

.qwaser-page .ui-design-image .scan-gradient {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px
}

.qwaser-page .business-wrapper {
    margin-top: 160px
}

.qwaser-page .business-wrapper .image-box {
    width: 445px
}

.qwaser-page .business-wrapper .content h3 {
    font-size: 32px;
    color: #fff;
    font-weight: 500
}

.qwaser-page .business-wrapper .content p {
    color: #999;
    max-width: 370px;
    font-size: 20px;
    line-height: 24px;
    margin-top: 10px
}

.qwaser-page .business-wrapper .location-wrap .content {
    margin-top: 202px;
    margin-left: 105px
}

.qwaser-page .business-wrapper .location-wrap .image-column {
    position: relative
}

.qwaser-page .business-wrapper .location-wrap .image-column .image-box .vector-icon {
    position: absolute;
    top: 85px;
    width: 390px;
    right: -90px
}

.qwaser-page .business-wrapper .services {
    margin-top: 90px;
    position: relative
}

.qwaser-page .business-wrapper .services .row {
    align-items: center
}

.qwaser-page .business-wrapper .services .content {
    margin-left: 90px
}

.qwaser-page .business-wrapper .services:after {
    content: "";
    position: absolute;
    left: -240px;
    bottom: -450px;
    width: 600px;
    height: 500px;
    background: radial-gradient(46.54% 46.44% at 66% 27.65%, #ffd7d7 0, #6dffd3 .01%, rgba(85, 137, 192, .33) 77.85%, rgba(72, 78, 183, 0) 100%, hsla(14, 80%, 67%, 0) 0);
    opacity: .6;
    mix-blend-mode: screen;
    filter: blur(60.3230056763px);
    z-index: -1
}

.qwaser-page .business-wrapper .services .service-image {
    text-align: right;
    margin-right: 50px
}

.qwaser-page .business-wrapper .services .service-image img {
    width: 550px
}

.qwaser-page .business-wrapper .services .services-box-wrapper {
    border-radius: 35px;
    border: 1px solid #fff
}

.qwaser-page .business-wrapper .package-parcel {
    margin-top: 200px
}

.qwaser-page .business-wrapper .package-parcel .package-content {
    position: relative
}

.qwaser-page .business-wrapper .package-parcel .content {
    margin-left: 90px;
    margin-top: 300px
}

.qwaser-page .business-wrapper .package-parcel .delivery-box {
    width: 120px;
    border-radius: 20.264px;
    border: 1px solid #fff;
    background: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(-17.374deg)
}

.qwaser-page .business-wrapper .package-parcel .delivery-box .icon-box {
    width: 88px;
    height: 88px;
    border-radius: 50%
}

.qwaser-page .business-wrapper .package-parcel .delivery-box .icon-box img {
    object-fit: cover
}

.qwaser-page .business-wrapper .package-parcel .delivery-box span {
    color: #d6d6d6;
    font-size: 20px;
    display: block;
    margin-top: 10px
}

.qwaser-page .business-wrapper .package-parcel .row .image-col .image-box {
    margin-right: 100px
}

.qwaser-page .business-wrapper .row .image-col {
    display: flex;
    justify-content: flex-end
}

.qwaser-page .business-wrapper .row .image-col .image-box {
    margin-right: 50px
}

.qwaser-page .business-wrapper .live-location {
    margin-top: 120px
}

.qwaser-page .business-wrapper .live-location .content {
    position: relative
}

.qwaser-page .business-wrapper .live-location .content .vector-icon {
    position: absolute;
    width: 375px;
    left: -415px;
    top: -112px
}

.qwaser-page .business-wrapper .live-location .location-content {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.qwaser-page .business-wrapper .live-location .location-content .content {
    margin-top: 170px;
    margin-left: 105px
}

.qwaser-page .business-wrapper .trusted-partners {
    background: url(/assets/images/qwaser-location-bg.webp);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 120px
}

.qwaser-page .business-wrapper .trusted-partners .partners-content {
    display: flex;
    align-items: end
}

.qwaser-page .business-wrapper .trusted-partners .partners-content .content {
    margin-bottom: 170px
}

.qwaser-page .business-wrapper .trusted-partners .image-box {
    position: relative
}

.qwaser-page .business-wrapper .trusted-partners .image-box .vector-icon {
    position: absolute;
    left: -305px;
    top: 55%;
    transform: scaleX(-1)
}

.qwaser-page .business-wrapper .scan-integration-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.qwaser-page .business-wrapper .scan-integration-box .scan-image {
    width: 180px;
    height: 180px
}

.qwaser-page .business-wrapper .scan-integration-box .badge-btn {
    color: #fff
}

.qwaser-page .ai-routing .ai-image-box {
    position: relative;
    margin-bottom: 80px
}

.qwaser-page .ai-routing .ai-image-box .object-scan {
    position: absolute;
    width: 365px;
    left: 50%;
    transform: translateX(-50%);
    top: 90px
}

.qwaser-page .ai-routing .recognize-content {
    padding-bottom: 50px
}

.qwaser-page .ai-routing .recognize-content .ai-details h3 {
    font-size: 32px;
    color: #fff;
    font-weight: 500
}

.qwaser-page .ai-routing .recognize-content .ai-details p {
    color: #999;
    max-width: 370px;
    font-size: 20px;
    line-height: 24px;
    margin-top: 10px
}

.qwaser-page .publish-project .publish-image {
    position: relative
}

.qwaser-page .publish-project .publish-image:after {
    content: "";
    position: absolute;
    right: 22px;
    bottom: -450px;
    width: 850px;
    height: 500px;
    background: radial-gradient(46.54% 46.44% at 66% 27.65%, #ffd7d7 0, #6dffd3 .01%, rgba(85, 137, 192, .33) 77.85%, rgba(72, 78, 183, 0) 100%, hsla(14, 80%, 67%, 0) 0);
    opacity: .6;
    mix-blend-mode: screen;
    filter: blur(60.3230056763px);
    z-index: -1
}

.qwaser-page .porfolio-bg .purple-box {
    background: #ffd7ea
}

.qwaser-page .porfolio-bg .purple-box h3,
.qwaser-page .porfolio-bg .purple-box p {
    color: #000
}

.qwaser-page .porfolio-bg .purple-box .common-btn {
    border-color: #000;
    color: #000
}

.qwaser-page .porfolio-bg .purple-box .common-btn .white-right-arrow path {
    fill: #000
}

.qwaser-page .porfolio-bg .purple-box .common-btn:hover {
    border-color: #ff174f;
    color: #ff174f;
    background: transparent
}

.qwaser-page .porfolio-bg .purple-box .common-btn:hover .white-right-arrow path {
    fill: #ff174f
}

.qwaser-page .ready-to-multiqos {
    font-family: Public Sans
}

@keyframes circleRotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes roundRotateText {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes BannerUpDown {
    0% {
        top: 70px
    }

    50% {
        top: 140px
    }

    to {
        top: 70px
    }
}

@keyframes ShowHiden {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes UpDownIcon {
    0% {
        top: 14px
    }

    50% {
        top: 40px
    }

    to {
        top: 14px
    }
}

@keyframes DownUpIcon {
    0% {
        bottom: 12px
    }

    50% {
        bottom: 40px
    }

    to {
        bottom: 12px
    }
}

@media(min-width: 1800px) {
    .container {
        max-width: 1450px
    }

    .libf-page .banner-pattern .banner-content {
        top: 28%;
        transform: translatex(-50%)
    }
}

@media(max-width: 1800px) {
    .hero .banner-content h1 {
        font-size: 70px;
        line-height: 72px
    }

    .hero .banner-content h1 b {
        font-size: 150px;
        line-height: 135px
    }

    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-8 {
        width: 740px
    }

    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-4 {
        width: 580px;
        flex-shrink: 0
    }

    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-4:hover {
        width: 740px
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-one .portfolio-logo {
        max-width: 560px
    }

    .our-process .process-steps .step-title {
        font-size: 18px
    }

    .our-process .process-steps .processbar {
        padding: 14px 78px
    }

    .process-steps {
        padding: 60px 20px
    }

    .testimonial .testimonial-wrapper .client-name-bg {
        font-size: 240px;
        line-height: 480px
    }

    .testimonial .testimonial-wrapper .client-review {
        max-width: 730px
    }

    .serving-industry .industry-content .industry-details h5 {
        font-size: 30px
    }

    .awards .awards-wrapper ul li {
        width: 190px;
        height: 190px
    }

    .aboutus-page .founder .about-founder .founder-image {
        width: 45%
    }

    .aboutus-page .founder .about-founder .about-founder-content {
        width: 55%
    }

    .blur-image .other-service-box {
        padding: 30px 20px
    }

    .content-list li:hover .content-list-left .content {
        max-width: 480px
    }

    .content-list li:hover h4 {
        font-size: 42px
    }

    .hire-developers .benefits .benefits-box {
        width: 309px
    }

    .hire-developers .grid-content .bg-white,
    .hire-developers .grid-content .bg-yellow {
        width: 420px
    }

    .hire-developers .grid-content .bg-white img {
        height: 390px;
        width: 390px
    }

    .portfolio-inner-page .hero .inner-title {
        font-size: 350px
    }

    .portfolio-inner-page .mrsnark-data .heading {
        font-size: 220px
    }

    .portfolio-inner-page .mrsnark-data .mrsnark-image {
        margin-top: -180px
    }

    .error-page .thanku-text {
        font-size: 300px;
        bottom: 185px
    }

    .client-logo {
        padding-left: 215px
    }

    .uiuxdesign .uiux-slider .uiux-slider-imgs {
        display: inline-block
    }

    .uiuxdesign .uiux-slider .uiux-slider-imgs img {
        max-width: 580px
    }

    .portfolio-inner-page.queso-page .hero {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title {
        margin-bottom: 60px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3).active img {
        left: 750px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title .title {
        font-size: 110px;
        line-height: 132px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title.active img {
        height: 500px
    }

    .portfolio-inner-page.queso-page .content-wrapper {
        font-size: 120px;
        line-height: 120px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list {
        padding-left: 60px;
        padding-right: 60px;
        margin: 0
    }

    .portfolio-inner-page .polished-wrapper .polished-image-wrapper {
        column-gap: 20px
    }

    .hire-ios-developers .our-process .process-steps .border-first-pattern {
        width: 370px
    }

    .black-box ul .list-title {
        font-size: 25px
    }

    .libf-page .project-overview-wrapper .overview-content .overview-content-box:before {
        padding-left: 10px;
        font-size: 55px
    }

    .libf-page .banner-pattern .banner-img {
        max-width: 220px
    }

    .libf-page .banner-pattern .left-pattern .banner-img1 {
        left: 150px
    }

    .libf-page .banner-pattern .left-pattern .banner-img2 {
        right: 122px
    }

    .libf-page .banner-pattern .right-pattern .banner-img4 {
        right: 28%
    }

    .libf-page .banner-pattern .banner-content .inner-title {
        text-align: left;
        font-size: 206px;
        line-height: 206px;
        font-weight: 900;
        margin-bottom: 0;
        -webkit-text-stroke-color: #fff;
        -webkit-text-stroke-width: 2px;
        -webkit-text-fill-color: #1f1f1f
    }

    .michael-john-page .hero {
        padding-bottom: 160px
    }

    .michael-john-page .hero .main-title {
        margin-left: 0 !important
    }

    .michael-john-page .hero .inners-title {
        font-size: 170px;
        line-height: 140px
    }

    .michael-john-page .features .micheal-text {
        font-size: 165px;
        line-height: 120px
    }

    .skin-dr-page .challenges-project .challenge-box {
        max-width: 530px
    }

    .skin-dr-page .workflow .workflow-wrapper .workflow-box {
        padding: 70px 20px
    }

    .skin-dr-page .workflow .workflow-wrapper .workflow-box .right-arrow {
        top: 218px
    }

    .skin-dr-page .skindr-screen .screen-image img {
        max-width: 1050px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image {
        min-height: 480px
    }

    .multibrand-page .hero .hero-content .content {
        margin-top: 45px
    }

    .gameday .hero {
        padding: 170px 0
    }

    .gameday .service-box-wrapper .services-box {
        max-width: 235px;
        padding: 40px 15px
    }

    .gameday .design-elements .design-content .typography-content {
        width: 50%
    }

    .gameday .design-elements .design-content .element-content {
        width: 50%;
        padding-left: 0
    }

    .gameday .design-elements .design-content:before {
        font-size: 450px;
        left: -28px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-text {
        padding: 0 122px
    }

    .virtual-ics-page .virtual-ics-text-wrapper .text-animate li {
        font-size: 245px;
        line-height: 220px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span {
        font-size: 235px
    }

    .virtual-ics-page .design-elements .icons-wrap .icons {
        padding: 40px
    }

    .virtual-ics-page .design-elements .icons-wrap .icons .icon-list ul {
        gap: 28px
    }

    .virtual-ics-page .design-elements .icons-wrap .color-box-wrap li {
        padding: 70px 0
    }

    .infosechire-page .title-wrapper .wrap .title-dot {
        margin-right: 20px
    }

    .infosechire-page .infosec-process .procees-wrapper ul li {
        padding: 30px 20px 20px
    }

    .infosechire-page .infosec-process .procees-wrapper ul li:hover:before {
        width: 270px;
        height: 270px
    }

    .infosechire-page .infosec-features .features-content .features-box {
        height: 450px
    }

    .infosechire-page .infosec-features .features-content ul .features-box {
        width: 435px;
        height: 435px
    }

    .infosechire-page .infosec-cta-box .cta-box {
        padding: 100px 120px
    }

    .infosechire-page .infosec-cta-box .cta-box .cta-content {
        max-width: 500px
    }

    .infosechire-page .infosec-main-screens .screen-wrapper ul li .screen-title {
        font-size: 85px
    }

    .infosechire-page .dashboard-slider .slick-prev {
        left: 19%
    }

    .infosechire-page .dashboard-slider .slick-next {
        right: 19%
    }

    .oufer-page .oufer-goal .oufer-goal-box .oufer-text {
        font-size: 750px;
        line-height: 860px
    }

    .oufer-page .oufer-aboutus .about-marquee .marquee-text {
        font-size: 160px;
        line-height: 200px
    }

    .oufer-page .mobile-marquee .mobile-marquee-wrap .marquee-text-bg {
        max-width: 1240px
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper:before {
        font-size: 445px;
        line-height: 310px
    }

    .oufer-page .design-elemnts .elements-wrapper .design-element-right {
        background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0) 25%, hsla(0, 0%, 100%, .2) 75%)
    }

    .go-for-me-page .hero .banner-title {
        font-size: 310px;
        line-height: 228px
    }

    .go-for-me-page .about-us-list li {
        width: 258px;
        height: 258px
    }

    .go-for-me-page .gofrome-about .gofrome-title {
        font-size: 310px;
        line-height: 228px
    }

    .job-market-analysis .visualization .job-market-title {
        font-size: 380px
    }

    .job-market-analysis .visualization .visualization-image {
        margin-top: -20%
    }

    .nft-coin-page .hero {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .nft-coin-page .hero .hero-title h1 {
        font-size: 100px
    }

    .nft-coin-page .hero .hero-title .coin-image1 {
        left: -50px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li .icon {
        width: 60px;
        height: 60px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li span {
        font-size: 30px;
        margin-left: 10px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .about-content:after,
    .nft-coin-page .nft-about-project .about-project-wrap .about-content:before {
        width: 280px;
        height: 280px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .about-content:before {
        left: -140px
    }

    .nft-coin-page .nft-app-features .app-features-wrap .features-image {
        padding-left: 40px
    }

    .nft-coin-page .nft-app-features .app-features-wrap .features-image .fetures-graph-img {
        max-width: 240px;
        right: 40px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content {
        padding: 30px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts {
        padding: 20px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts .nft-text p {
        font-size: 20px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .design-text span {
        font-size: 80px;
        padding: 0 10px
    }

    .nft-coin-page .nft-typography .typography-wrapper .mobile-wrap .image-box {
        top: 60px;
        max-width: 440px
    }

    .nft-coin-page .nft-testimonial .nft-testimonial-wrap {
        gap: 10px
    }

    .nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box {
        width: 300px;
        height: 300px
    }

    .fitzoh-page .trainer .trainer-content .title {
        max-width: 100%;
        margin-left: 20px
    }

    .fitzoh-page .about-us .about-content p {
        max-width: 650px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap .counter ul .counter-box h4 {
        font-size: 100px
    }

    .qwaser-page .task-section .task-image:after {
        right: -180px;
        bottom: -210px
    }

    .qwaser-page .survey-data-box h2 {
        font-size: 60px
    }

    .qwaser-page .business-wrapper .location-wrap .image-column .image-box .vector-icon {
        width: 260px;
        right: -25px
    }

    .qwaser-page .business-wrapper .location-wrap .content {
        margin-top: 156px;
        margin-left: 35px
    }

    .qwaser-page .business-wrapper .live-location .location-content .content {
        margin-left: 35px
    }

    .qwaser-page .business-wrapper .live-location .location-content .content .vector-icon {
        width: 260px;
        left: -280px;
        top: -72px
    }

    .qwaser-page .ai-routing .ai-image-box .object-scan {
        width: 320px
    }
}

@media(max-width: 1620px) {
    .inner-title {
        font-size: 160px
    }

    h1 {
        font-size: 60px
    }

    h2 {
        font-size: 50px
    }

    .our-industry h3 {
        font-size: 4rem;
        background: linear-gradient(to right, #fff, #E1FF6A 60%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Bebas Neue', sans-serif;
        letter-spacing: 4px;
    }

    h4 {
        /* font-size: 32px; */
    }

    h5 {
        font-size: 26px
    }

    h6 {
        font-size: 22px
    }

    p {
        /* font-size: 20px; */
        /* line-height: 30px; */
    }

    .ptb {
        padding-bottom: 0
    }

    .pb {
        padding-bottom: 20px
    }

    .title {
        margin-bottom: 50px
    }

    .hero {
        padding-top: 160px;
        padding-bottom: 120px
    }

    .hero.custom-space {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .hero .banner-content h1,
    .hero .banner-content h1 span {
        font-size: 56px;
        line-height: 52px
    }

    .hero .banner-content h1 b,
    .hero .banner-content h1 span b {
        font-size: 130px;
        line-height: 120px
    }

    .testimonial .testimonial-wrapper .client-review {
        max-width: 630px
    }

    .testimonial .testimonial-wrapper .client-name-bg {
        top: 15px
    }

    .cta {
        padding-top: 100px
    }

    .cta .cta-content {
        padding: 0 30px;
        height: 250px
    }

    .cta .cta-content .title h5 {
        font-size: 30px
    }

    .cta .cta-content .title .title-text {
        font-size: 35px
    }

    .purple-box {
        padding: 40px
    }

    .solution-inner .cta,
    .solution-inner .our-work {
        padding-top: 100px
    }

    .our-industry .content-list {
        padding-top: 30px
    }

    .service-content-list {
        padding-bottom: 100px
    }

    .platform-title {
        font-size: 190px
    }

    .portfolio-inner-page .about-project {
        margin-left: 145px;
        padding: 100px 80px 50px
    }

    .marquee-list .marquee-text {
        font-size: 60px
    }

    .marquee-list .marquee-text span {
        margin-right: 60px
    }

    .content-list li:hover {
        padding: 50px 30px
    }

    .content-list li:hover h4 {
        font-size: 32px
    }

    .our-industry .content-list-right img {
        max-width: 400px
    }

    .our-industry .content-list-right .card-image:before {
        top: -40px
    }

    .our-industry .content-list-right .card-image:after {
        bottom: -40px
    }

    .our-industry .content-list-right .card-image:after,
    .our-industry .content-list-right .card-image:before {
        height: 120px;
        width: 120px
    }

    .hirig-model {
        margin-bottom: -30px
    }

    .hire-image .hire-animation:nth-child(2n) {
        margin: 0 15px
    }

    .aboutus-page .meet-multiqos .text-content h2 {
        font-size: 50px
    }

    .aboutus-page .meet-multiqos .what-we-do {
        padding-top: 50px
    }

    .aboutus-page .our-values .our-value-content span {
        font-size: 140px;
        bottom: 70%
    }

    .aboutus-page .counter-box .experience-box {
        padding: 0 50px;
        height: 200px
    }

    .aboutus-page .counter-box .experience-box .info .number-text {
        font-size: 60px
    }

    .culture-of-multiqos .title h2 {
        font-size: 90px;
        line-height: 115px
    }

    .career .hiring-box-wrapper .hiring-box {
        padding: 20px 50px 0
    }

    .solution-page .trending .blackbox {
        padding: 20px 40px;
        margin-bottom: 30px;
        margin-right: 0
    }

    .solution-page .trending .blackbox h2 {
        margin-top: 20px;
        font-size: 40px
    }

    .hire-dedicated .hire-content {
        padding: 30px;
        height: 100%
    }

    .datingapp .requirement .blackbox {
        padding: 40px 30px
    }

    .custom-tab .tab-content {
        margin-top: 50px
    }

    .custom-tab .tab-header {
        padding: 30px
    }

    .custom-tab .tab-header .nav-item a {
        font-size: 20px
    }

    .solution-list li {
        padding: 20px 10px 20px 50px
    }

    .faq-content .accordion-button {
        border-radius: 10px !important;
        padding: 25px 20px;
        font-size: 20px
    }

    .faq-content .accordion-body {
        font-size: 20px
    }

    .faq-content .accordion-body .inner-accordian {
        padding: 20px 20px 0
    }

    .process-steps .contact-us .contact-form-inner {
        padding: 40px 20px 65px
    }

    .process-steps .contact-us .input-wrapper {
        margin-bottom: 40px
    }

    .choose-list-wrapper .custom-list {
        padding: 20px 30px 5px;
        margin-bottom: 20px;
        border-radius: 15px
    }

    .choose-list-wrapper .custom-list ul li span {
        font-size: 20px
    }

    .service-box .content-wrapper {
        margin-bottom: 50px;
        margin-right: 20px
    }

    .service-box .content-wrapper h5:before {
        font-size: 80px;
        top: -16px
    }

    .hire-developers .we-provide-wrapper .content {
        padding: 90px 10px 50px
    }

    .hire-developers .grid-content .bg-purple h3 {
        padding-top: 40px
    }

    .how-hiring-ios-dev {
        padding-top: 30px
    }

    .digital-solution-wrapper ul .industires {
        height: auto
    }

    .digital-solution-wrapper ul .industires:before {
        bottom: 25%
    }

    .features-list {
        padding: 35px 60px
    }

    .features-list ul {
        row-gap: 20px
    }

    .features-list ul li {
        font-size: 26px
    }

    .contact-us .contact-form-inner h5 {
        font-size: 24px
    }

    .contact-us .contact-form-inner .multiselect__single-value {
        color: #fff !important
    }

    .error-page .thanku-text {
        font-size: 260px;
        bottom: 160px
    }

    .error-page .sorry-text {
        font-size: 470px;
        bottom: 275px
    }

    .error-page .error-message-wrapper p {
        max-width: 730px
    }

    .portfolio-inner-page .unique-features .features-col h5 {
        min-height: 90px
    }

    .portfolio-gallery .hire-dedicated {
        padding-bottom: 60px !important
    }

    .awards .awards-wrapper .review-image {
        padding: 0 20px
    }

    .sports-app .cta {
        padding-top: 100px
    }

    .multibrand-page .title h2 .double-dot {
        top: 22px
    }

    .multibrand-page .grid-box .box {
        height: 200px
    }

    .multibrand-page .hero .hero-content {
        top: 20%
    }

    .multibrand-page .hero .hero-content .main-title {
        font-size: 120px
    }

    .multibrand-page .hero .hero-content .content .inner-title,
    .multibrand-page .hero .hero-content .content .title {
        font-size: 110px
    }

    .multibrand-page .about-project .about-text {
        font-size: 150px;
        line-height: 180px;
        padding: 50px
    }

    .multibrand-page .about-project .about-text .arrows-image {
        left: 0
    }

    .portfolio-inner-page .polished-product .product-images {
        row-gap: 20px
    }

    .portfolio-inner-page .type-of-challenge .type-of-content-wrapper .project-text {
        font-size: 100px
    }

    .portfolio-inner-page .unique-features .features-col .features-mobile {
        left: 25%
    }

    .portfolio-inner-page .type-of-challenge .type-content {
        max-width: 520px
    }

    .multibrand-page .key-feature-list .feture-title h3 {
        font-size: 42px
    }

    .technology-stack .icon-wrapper .icon-box span {
        font-size: 24px
    }

    .multibrand-page .key-feature-list .feture-img img {
        height: 550px
    }

    .explore-more .blog-wrapper .box .content {
        font-size: 22px
    }

    .libf-page .marquee-list {
        top: -100px
    }

    .libf-page .marquee-list .marquee-text {
        font-size: 160px;
        line-height: 200px
    }

    .libf-page .marquee-list .marquee-text span {
        padding-left: 230px;
        margin-right: 100px
    }

    .libf-page .marquee-list .marquee-text span:before {
        width: 130px;
        height: 130px
    }

    .libf-page .banner-pattern .banner-img {
        max-width: 180px
    }

    .libf-page .banner-pattern .banner-img .image-badge {
        border-radius: 10px;
        padding: 8px 16px;
        font-size: 12px;
        line-height: 13px;
        max-width: 80px
    }

    .libf-page .banner-pattern .left-pattern {
        max-width: 680px
    }

    .libf-page .banner-pattern .left-pattern .banner-img1 {
        left: 130px
    }

    .libf-page .banner-pattern .left-pattern .banner-img2 {
        right: 104px
    }

    .libf-page .banner-pattern .right-pattern {
        max-width: 750px
    }

    .libf-page .banner-pattern .banner-content {
        top: 45%
    }

    .libf-page .banner-pattern .banner-content .inner-title {
        font-size: 150px;
        line-height: 150px
    }

    .libf-page .banner-pattern .banner-content .description {
        font-size: 24px;
        max-width: 340px
    }

    .libf-page .banner-pattern .whitebox {
        width: 60px
    }

    .michael-john-page .hero .main-title {
        margin-left: 35px
    }

    .michael-john-page .hero .hero-banner {
        height: 370px;
        min-width: 1110px
    }

    .michael-john-page .hero .banner-image img {
        height: 370px
    }

    .michael-john-page .features .micheal-text {
        font-size: 145px
    }

    .michael-john-page .features-wrapper .features-box {
        margin-bottom: 40px
    }

    .michael-john-page .features-wrapper .features-box .features-title {
        font-size: 70px
    }

    .michael-john-page .cta-wrapper .content {
        font-size: 65px;
        line-height: 60px
    }

    .michael-john-page .design-element {
        padding-bottom: 50px
    }

    .michael-john-page .btn-color-wrapper .content .btn-style {
        column-gap: 15px
    }

    .michael-john-page .btn-color-wrapper .content .btn-style .custom-btn {
        max-width: 300px
    }

    .michael-john-page .btn-color-wrapper .content .color-code ul li .color {
        padding: 25px 50px
    }

    .skin-dr-page .main-title .border-pattern {
        left: 35px;
        bottom: -50px
    }

    .skin-dr-page .hero .banner-text-img {
        margin: 0 100px
    }

    .skin-dr-page .hero .banner-img .banner-image-wrapper .banner-mobile-image {
        max-width: 340px
    }

    .skin-dr-page .hero .banner-img .banner-image-wrapper .image-left {
        left: -85%
    }

    .skin-dr-page .hero .banner-img .banner-image-wrapper .image-left .second-image {
        left: -65%
    }

    .skin-dr-page .hero .banner-img .banner-image-wrapper .image-right {
        right: -65%
    }

    .skin-dr-page .hero .banner-img .banner-image-wrapper .image-right .first-image {
        max-width: 160px;
        right: 10px;
        top: 15px;
        position: relative
    }

    .skin-dr-page .hero .banner-img .banner-image-wrapper .image-right .second-image {
        right: -70%
    }

    .skin-dr-page .workflow .workflow-wrapper .workflow-box .right-arrow {
        top: 206px
    }

    .skin-dr-page .features .features-wrapper {
        padding-top: 100px
    }

    .skin-dr-page .cta-box .white-box {
        width: 500px
    }

    .skin-dr-page .mobile-and-web .mobile-content {
        max-width: 560px
    }

    .skin-dr-page .ready-to-multiqos {
        padding-bottom: 70px
    }

    .skin-dr-page .user-persona .design-elements .typography-content .typography-main-text {
        font-size: 60px;
        line-height: 80px
    }

    .irpg-page .irpg-title {
        font-size: 100px;
        line-height: 100px
    }

    .irpg-page .hero .caption {
        font-size: 26px
    }

    .irpg-page .hero .main-title {
        font-size: 160px
    }

    .irpg-page .hero .banner-wrapper .outer-circle {
        padding: 100px
    }

    .irpg-page .hero .banner-wrapper .outer-circle:after {
        margin-right: 100px
    }

    .irpg-page .hero .banner-wrapper .outer-circle .outer-title:nth-child(2) {
        left: -30px
    }

    .irpg-page .hero .banner-wrapper .outer-circle .outer-title:nth-child(4) {
        right: -30px
    }

    .irpg-page .hero .banner-wrapper .outer-circle .outer-title:first-child {
        top: 30px
    }

    .irpg-page .hero .banner-wrapper .outer-circle .outer-title:nth-child(3) {
        bottom: 30px
    }

    .irpg-page .hero .banner-wrapper .outer-circle .inner-circle {
        padding: 52px
    }

    .irpg-page .about-project .about-wrapper .star-img {
        right: 0
    }

    .irpg-page .about-project .about-wrapper .about-content {
        padding: 95px 50px;
        max-width: 100%;
        width: 100%
    }

    .irpg-page .process-wrapper {
        margin-bottom: 100px
    }

    .irpg-page .process-wrapper .circle-box:before {
        height: 120px
    }

    .irpg-page .process-wrapper .circle-box .circle {
        width: 350px;
        height: 350px
    }

    .irpg-page .services .service-content {
        padding: 65px 50px;
        column-gap: 80px
    }

    .gameday .gameday-title {
        font-size: 50px
    }

    .gameday .hero .shadowbox-wrapper .box-shadow {
        width: 250px;
        height: 250px
    }

    .gameday .ready-to-multiqos {
        padding-bottom: 50px
    }

    .gameday .features-wrapper .features-center-content {
        padding: 0 30px 0 100px
    }

    .gameday .features-wrapper .features-center-content .challenge-content {
        margin-top: 40px
    }

    .gameday .features-wrapper .features-center-content .challenge-content:before {
        font-size: 26px;
        line-height: 32px;
        left: -55px
    }

    .gameday .features-wrapper .features-center-content .challenge-content p {
        margin-top: 10px
    }

    .sitemap-page .sitemap-content .pt {
        padding-top: 50px
    }

    .virtual-ics-page .title-wrapper .virtual-title {
        font-size: 60px;
        line-height: 80px
    }

    .virtual-ics-page .title-wrapper .title-pattern {
        max-width: 110px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-image-box {
        max-width: 600px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-text {
        font-size: 200px;
        padding: 0 170px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-virtual-text {
        top: 26%
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-virtual-text.custom-transform {
        transform: translateY(-26%)
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-ics-text {
        bottom: 9%
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-ics-text.custom-transform {
        transform: translateY(-9%)
    }

    .virtual-ics-page .virtual-our-process .our-porcess-wrap .process-content p {
        max-width: 260px
    }

    .virtual-ics-page .key-aspacts .key-list .feture-title .title-text {
        font-size: 60px;
        line-height: 90px
    }

    .virtual-ics-page .virtual-dashboard .dashboard-wrapper ul {
        background-size: 600px 600px
    }

    .virtual-ics-page .virtual-ics-text-wrapper .text-animate li {
        font-size: 215px;
        line-height: 190px
    }

    .virtual-ics-page .virtual-text-box {
        height: 370px
    }

    .virtual-ics-page .design-elements .icons-wrap .color-box-wrap li {
        padding: 70px 8px
    }

    .infosechire-page .number-ptb {
        padding-top: 200px;
        padding-bottom: 0
    }

    .infosechire-page .number-pb {
        padding-bottom: 0
    }

    .infosechire-page .title-wrapper .wrap .infosec-title {
        font-size: 60px;
        line-height: 80px
    }

    .infosechire-page .title-wrapper .wrap .infosec-title:before {
        font-size: 180px;
        line-height: 180px;
        bottom: -10px
    }

    .infosechire-page .infosec-aboutus .aboutus-wrap .about-text {
        font-size: 130px
    }

    .infosechire-page .infosec-process .procees-wrapper ul li:hover:before {
        width: 240px;
        height: 240px
    }

    .infosechire-page .infosec-marquee .marquee-text li span {
        font-size: 190px;
        line-height: 200px
    }

    .infosechire-page .infosec-main-screens .screen-wrapper ul li .screen-title {
        font-size: 70px
    }

    .infosechire-page .infosec-main-screens .screen-wrapper ul li .image-box img {
        min-width: 680px;
        max-width: 680px;
        min-height: 400px;
        max-height: 400px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .inter-title {
        font-size: 200px;
        line-height: 180px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .font-content {
        margin-top: 40px
    }

    .infosechire-page .dashboard-slider .infosec-title {
        font-size: 120px
    }

    .infosechire-page .dashboard-slider .slick-prev {
        left: 17%
    }

    .infosechire-page .dashboard-slider .slick-next {
        right: 17%
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper .font-title {
        font-size: 60px;
        line-height: 60px
    }

    .oufer-page .ready-to-multiqos {
        padding-bottom: 50px
    }

    .oufer-page .wireframe-wrap:after,
    .oufer-page .wireframe-wrap:before {
        font-size: 410px
    }

    .oufer-page .wireframe-wrap:before {
        top: 440px;
        left: 230px
    }

    .oufer-page .wireframe-wrap:after {
        bottom: 320px;
        left: 260px
    }

    .job-market-analysis .visualization .visualization-image {
        margin-top: -15%
    }

    .job-market-analysis .visualization .job-market-title {
        font-size: 280px
    }

    .nft-coin-page .nft-ptb {
        padding: 100px 0
    }

    .nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li .icon {
        width: 50px;
        height: 50px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li .icon img {
        width: 25px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li span {
        font-size: 22px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .about-content {
        max-width: 630px;
        padding: 130px 0
    }

    .nft-coin-page .nft-about-project .about-project-wrap .about-content h2 {
        font-size: 50px
    }

    .nft-coin-page .nft-about-project .text-content span {
        font-size: 80px;
        padding: 0 10px
    }

    .nft-coin-page .nft-about-project .about-digital-wrap .text-content {
        height: inherit
    }

    .nft-coin-page .nft-title {
        margin-bottom: 40px
    }

    .nft-coin-page .nft-title h2 {
        font-size: 50px
    }

    .nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box {
        padding: 60px 35px 40px
    }

    .nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box .client-image {
        width: 65px;
        height: 65px;
        right: 5px;
        top: 5px
    }

    .nft-coin-page .nft-screens {
        padding-bottom: 40px
    }

    .fidelizacion .pb-160 {
        padding-bottom: 100px
    }

    .fidelizacion .our-features-card:nth-child(2n),
    .fidelizacion .pt-160 {
        padding-top: 100px
    }

    .fidelizacion .dustbin {
        padding-top: 420px
    }

    .sales-analytics .pb-160 {
        padding-bottom: 100px
    }

    .sales-analytics .pt-160 {
        padding-top: 100px
    }

    .sales-analytics .mb-160 {
        margin-bottom: 100px
    }

    .sales-analytics .mt-160 {
        margin-top: 100px
    }

    .sales-analytics .big-title,
    .sales-analytics h1 {
        font-size: 140px
    }

    .sales-analytics .hero-banner .banner-inner .sales {
        top: 34px
    }

    .sales-analytics .hero-banner .banner-inner .analytics {
        bottom: 92px
    }

    .sales-analytics .empowering-growth .image1 {
        left: 20px
    }

    .sales-analytics .empowering-growth .image2 {
        right: 20px
    }

    .sales-analytics .analytics-counter-list li:nth-last-child(4) {
        width: 298px;
        height: 298px
    }

    .sales-analytics .analytics-counter-list li:nth-last-child(3) {
        width: 350px;
        height: 350px
    }

    .sales-analytics .analytics-counter-list li:nth-last-child(2) {
        width: 280px;
        height: 280px;
        margin: 20px -36px 0 -80px
    }

    .sales-analytics .analytics-counter-list li:last-child {
        width: 400px;
        height: 400px;
        margin-top: 20px
    }

    .sales-analytics .sales-analyics-animation {
        max-height: 700px
    }

    .sales-analytics .sales-analyics-animation .sales-analyics-circle .graph-body {
        padding-top: 180px
    }

    .sales-analytics .sales-nalyti-card .sales-analytic-list li {
        font-size: 130px
    }

    .fitzoh-page .about-us {
        display: flex;
        align-items: center;
        min-height: 600px
    }

    .fitzoh-page .about-us .about-images img {
        width: 600px
    }

    .fitzoh-page .about-us .about-content {
        padding: 0
    }

    .fitzoh-page .about-us .about-content p {
        font-size: 24px;
        line-height: 1.5
    }

    .fitzoh-page .counter {
        margin-top: 0
    }

    .qwaser-page .hero .hero-content h1 {
        font-size: 60px
    }

    .qwaser-page .hero .hero-content h1 img {
        max-width: 250px
    }

    .qwaser-page .hero .hero-content p {
        font-size: 24px;
        margin: 30px auto 0
    }

    .qwaser-page .hero .hero-content .banner-image {
        margin-top: 40px
    }

    .qwaser-page .qwaser-title-list {
        padding-bottom: 60px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap {
        padding: 90px 60px 60px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap h2 {
        font-size: 50px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap p {
        font-size: 24px;
        margin-top: 5px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap:after,
    .qwaser-page .qwaser-about-project .about-project-wrap:before {
        height: 60px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap:before {
        top: -44px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap:after {
        bottom: -44px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap .counter {
        margin-top: 60px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap .counter ul {
        gap: 40px 60px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap .counter ul .counter-box h4 {
        font-size: 75px
    }

    .qwaser-page .qwaser-about-project .wrap {
        margin: 55px 0
    }

    .qwaser-page .task-section .task-image:after {
        width: 420px;
        height: 320px;
        right: -120px;
        bottom: -180px
    }

    .qwaser-page .survey-data-box {
        padding: 150px 50px 120px
    }

    .qwaser-page .survey-data-box h2 {
        font-size: 50px
    }

    .qwaser-page .survey-data-box:after,
    .qwaser-page .survey-data-box:before {
        height: 60px
    }

    .qwaser-page .survey-data-box:before {
        top: -42px
    }

    .qwaser-page .survey-data-box:after {
        bottom: -42px
    }

    .qwaser-page .ui-design-image .scan-gradient {
        bottom: -50px;
        width: 150px
    }

    .qwaser-page .business-wrapper {
        margin-top: 130px
    }

    .qwaser-page .business-wrapper .image-box {
        width: 380px
    }

    .qwaser-page .business-wrapper .location-wrap .image-column .image-box .vector-icon {
        width: 305px;
        right: -10px;
        top: 68px
    }

    .qwaser-page .business-wrapper .services {
        margin-top: 70px
    }

    .qwaser-page .business-wrapper .package-parcel {
        margin-top: 120px
    }

    .qwaser-page .business-wrapper .live-location {
        margin-top: 70px
    }

    .qwaser-page .business-wrapper .live-location .location-content .content .vector-icon {
        width: 300px;
        left: -340px;
        top: -85px
    }

    .qwaser-page .business-wrapper .trusted-partners {
        margin-top: 60px
    }

    .qwaser-page .business-wrapper .trusted-partners .partners-content .content {
        margin-bottom: 106px
    }

    .qwaser-page .business-wrapper .scan-integration-box .scan-image {
        width: 160px;
        height: 160px
    }

    .qwaser-page .package-box {
        padding: 12px 10px;
        width: 300px
    }

    .qwaser-page .package-box .wrap-box .content p {
        margin-top: 4px
    }

    .qwaser-page .breadboarding .badge-btn {
        margin: 70px auto 80px
    }

    .qwaser-page .ai-routing .ai-image-box {
        margin-bottom: 50px
    }

    .qwaser-page .ai-routing .recognize-content {
        padding-bottom: 0
    }

    .qwaser-page .publish-project {
        padding-bottom: 40px
    }
}

@media(max-width: 1440px) {
    .header-content .menu-link ul li {
        margin-left: 20px
    }

    .header-content .menu-link ul li:nth-last-child(3) .sub-menu {
        right: 0;
        transform: none
    }

    .header-content .menu-link ul .sub-menu .submenu-header .title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .header-content .menu-link ul .sub-menu .submenu-header .submenu-inner-list-wrapper .submenu-inner-list {
        margin-bottom: 20px
    }

    .header-content .menu-link ul .sub-menu .submenu-list ul li,
    .header-content .menu-link ul .sub-menu .submenu-list ul li a {
        font-size: 16px;
        line-height: 30px
    }

    .digital .digital-content {
        top: 110px
    }

    .testimonial .testimonial-wrapper {
        padding: 60px 40px 0
    }

    .testimonial .testimonial-wrapper .client-name-bg {
        line-height: 415px;
        text-align: center
    }

    .top-industry .industry-gallary .top-menus {
        padding-top: 40px
    }

    .footer-content .comapny-info .footer-info .footer-text a,
    .footer-content .comapny-info .footer-info .footer-text address,
    .footer-content .company-links .footer-links a,
    .footer-content .contact-links a {
        font-size: 18px
    }

    .footer-content .contact-links a svg {
        margin-right: 10px
    }

    .footer-content .contact-links a span {
        margin-right: 10px;
        font-size: 18px
    }

    .aboutus-page .our-values .our-value-content {
        margin: 70px 30px 0 0
    }

    .aboutus-page .founder .about-founder {
        padding: 30px
    }

    .aboutus-page .founder .about-founder .about-founder-content,
    .aboutus-page .founder .about-founder .founder-image {
        width: 50%
    }

    .aboutus-page .founder .about-founder .about-founder-content h6 {
        margin-top: 10px
    }

    .aboutus-page .founder .about-founder .about-founder-content p {
        max-width: 100%
    }

    .hire-developers .we-provide-wrapper .details {
        max-width: 500px
    }

    .serving-industry .industry-content .industry-details h5 {
        font-size: 25px
    }

    .mobile-app .platform-box .icon-wrapper .icon-box {
        padding-right: 85px
    }

    .team-box h4:before {
        width: 350px
    }

    .sports-app .digital-solution .digital-solution-wrapper ul .industires {
        max-width: 280px
    }

    .sports-app .top-features .features-list ul {
        row-gap: 35px
    }

    .service-box .content-wrapper h5 {
        min-height: 70px
    }

    .hire-dedicated .hire-content p {
        margin: 20px 0
    }

    .contact-us .title h3 {
        max-width: 100%
    }

    .tools-and-tech .tech-app-wrapper .tech-apps {
        height: 260px
    }

    .portfolio-inner-page .hero .inner-title .explore-crypto {
        font-size: 30px;
        padding: 15px 30px 20px;
        left: 40%;
        transform: translate(-40%, -60%)
    }

    .portfolio-inner-page .mrsnark-data .heading {
        font-size: 200px
    }

    .portfolio-inner-page .mrsnark-data .mrsnark-image {
        margin-top: -160px
    }

    .portfolio-inner-page .launch-web .feature-area .feature-list li a {
        font-size: 24px
    }

    .error-page .thanku-text {
        font-size: 220px;
        bottom: 130px
    }

    .error-page .sorry-text {
        font-size: 350px;
        bottom: 205px
    }

    .content-list .content-list-right {
        left: 43%
    }

    .content-list .content-list-right .icon-box {
        padding: 0 25px
    }

    .creative-page .designtools .platform-box .icon-box {
        width: 20%;
        padding-right: 40px
    }

    .portfolio-inner-page.polished-page .inner-title {
        font-size: 90px;
        line-height: 120px
    }

    .portfolio-inner-page.polished-page .mobile-app-design .inner-title {
        font-size: 85px
    }

    .portfolio-inner-page.polished-page .polished-wrapper .polished-app-content p {
        margin-top: 75px
    }

    .portfolio-inner-page.polished-page .polished-image-wrapper img {
        max-height: 300px
    }

    .portfolio-inner-page.polished-page .polished-app .border-img {
        top: -270px
    }

    .multibrand-page .website .multibrand-text {
        padding: 0 50px
    }

    .sitemap-content .title .main-title {
        font-size: 40px
    }

    .black-box {
        padding: 35px
    }

    .libf-page .africa-calling .libf-blue-bg .libf-text {
        font-size: 80px
    }

    .libf-page .africa-calling .libf-blue-bg .inner-text {
        font-size: 45px;
        letter-spacing: .1em
    }

    .libf-page .africa-calling .libf-gradiant-bg {
        padding: 80px 160px
    }

    .libf-page .africa-calling .libf-gradiant-bg:before {
        left: 120px
    }

    .libf-page .features .libf-feature-list {
        height: 650px
    }

    .libf-page .features .libf-feature-list .feture-list {
        width: 650px;
        height: 595px
    }

    .libf-page .features .libf-feature-list .feture-list .feture-title {
        padding: 30px 50px
    }

    .libf-page .features .libf-feature-list .feture-list .feture-title .inner-title {
        font-size: 35px
    }

    .libf-page .features .libf-feature-list .feture-img img {
        max-height: 560px
    }

    .libf-page .typography h5 {
        padding-top: 15px
    }

    .libf-page .typography .wrap h5 {
        padding-top: 30px
    }

    .libf-page .typography .typography-wrapper .color-box-wrapper {
        margin-top: 40px
    }

    .resize .drag-box {
        height: 750px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .typo-box {
        width: 240px;
        min-height: 280px
    }

    .skin-dr-page .user-persona .design-elements .typography-design:before {
        width: 210px;
        height: 210px
    }

    .skin-dr-page .user-persona .design-elements .typography-content .typography-text {
        margin: 20px 0 30px
    }

    .irpg-page .process-wrapper .circle-box {
        margin-left: -30px
    }

    .irpg-page .process-wrapper .circle-box:last-child:after,
    .irpg-page .process-wrapper .circle-box:nth-child(2):after {
        bottom: -37%
    }

    .irpg-page .process-wrapper .circle-box:first-child:after,
    .irpg-page .process-wrapper .circle-box:nth-child(3):after {
        top: -37%
    }

    .irpg-page .process-wrapper .circle-box .circle {
        width: 300px;
        height: 300px
    }

    .irpg-page .typography .typography-content .font-content {
        margin: 50px 0 60px
    }

    .job-market-analysis .data-search .job-market-title {
        font-size: 330px
    }

    .job-market-analysis .about-wrapper {
        padding-bottom: 100px
    }

    .fitzoh-page .color-picker ul li {
        height: 270px;
        width: 270px
    }
}

@media(max-width: 1400px) {
    .blur-box {
        padding: 40px 20px
    }

    .portfolio-list .portfolio-row .portfolio-col {
        height: 430px
    }

    .process-steps .process-start-next .steps-box .steps {
        padding-right: 10px;
        padding-left: 10px
    }

    .awards .awards-wrapper ul {
        grid-gap: 30px 15px
    }

    .awards .awards-wrapper ul li {
        width: 170px;
        height: 175px
    }

    .awards .awards-wrapper ul li img {
        width: 130px
    }

    .awards .awards-wrapper .review-image {
        width: 370px;
        height: 380px
    }

    .awards .awards-wrapper .review-image img {
        width: 330px
    }

    .content-list li .content-list-left .content {
        margin-left: 20px
    }

    .content-list li p {
        max-width: 350px
    }

    .get-in-touch .get-in-touch-content h2 {
        font-size: 85px
    }

    .platform-title {
        font-size: 130px;
        line-height: 200px
    }

    .top-industry .industry-gallary {
        padding-top: 50px
    }

    .top-industry .industry-gallary .top-menus .content-box:first-child {
        margin-left: 100px
    }

    .top-industry .industry-gallary .top-menus .content-box:nth-child(3) {
        margin-left: 80px
    }

    .top-industry .industry-gallary .bottom-menu {
        margin-top: 100px
    }

    .top-industry .industry-gallary .bottom-menu .content-box .circle-box .outside-circle {
        width: 275px;
        height: 275px
    }

    .top-industry .industry-gallary .bottom-menu .content-box .circle-box .outside-circle:before {
        width: 265px;
        height: 265px
    }

    .hire-developers .grid-content {
        grid-template-columns: 1fr;
        position: relative
    }

    .hire-developers .grid-content .content .contact-btn {
        position: static;
        width: 50px;
        height: 50px;
        margin-top: 20px
    }

    .hire-developers .grid-content .bg-blue,
    .hire-developers .grid-content .bg-yellow2,
    .hire-developers .grid-content .hire-text,
    .hire-developers .grid-content .inner-lines {
        display: none
    }

    .hire-developers .grid-content .bg-purple {
        max-width: 100%;
        min-height: auto;
        border-radius: 20px;
        padding: 30px
    }

    .hire-developers .grid-content .bg-purple h3 {
        max-width: 100%;
        padding-top: 0
    }

    .hire-developers .grid-content .bg-white {
        width: 50%;
        height: 400px
    }

    .hire-developers .grid-content .bg-yellow {
        width: 48%;
        height: 400px;
        position: absolute;
        right: 0;
        padding: 30px
    }

    .hire-developers .grid-content .bg-yellow h3 {
        margin-bottom: 0
    }

    .our-hiring-models .hiring-model-box .hiring-details .title-text {
        font-size: 55px
    }

    .digital-solution-wrapper ul {
        max-width: 100%
    }

    .hiring-model-box .title-text {
        font-size: 50px
    }

    .hire-ios-developers .ios-services .ios-service-list .service-name {
        padding-right: 86px
    }

    .hire-ios-developers .ready-to-mqs .blogs-wrapper .bg-sky-blue h3 {
        max-width: 380px
    }

    .blur-image .other-service-box .service-title {
        font-size: 26px
    }

    .ios-app .digital .content-wrapper {
        padding-right: 20px
    }

    .hire-ios-dev .white-box .content p {
        padding: 15px 0 20px
    }

    .hire-developers .benefits .benefits-box {
        width: 264px
    }

    .uiuxdesign .title {
        margin-bottom: 40px
    }

    .uiuxdesign .custom-list ul li {
        font-size: 20px
    }

    .uiuxdesign .uiux-slider {
        padding: 50px 0 50px 50px
    }

    .uiuxdesign .uiux-slider .uiux-slider-imgs img {
        max-width: 510px
    }

    .client-logo {
        padding-left: 150px
    }

    .hire-ios-developers .our-process .process-steps .border-first-pattern {
        width: 280px
    }

    .black-box ul .list-title,
    .black-box ul li {
        font-size: 20px
    }
}

@media(max-width: 1399px) {
    h2 {
        font-size: 38px
    }

    h3 {
        font-size: 34px
    }

    .hero .banner-content h1,
    .hero .banner-content h1 span {
        font-size: 50px;
        line-height: 50px
    }

    .hero .banner-content h1 b,
    .hero .banner-content h1 span b {
        font-size: 115px;
        line-height: 105px
    }

    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-4 {
        width: 500px
    }

    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-4:hover {
        width: 675px
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-one .portfolio-logo {
        top: 60px;
        right: 60px;
        max-width: 420px
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-two .portfolio-image {
        right: 0;
        bottom: -100px
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-five .portfolio-image {
        bottom: -110px
    }

    .portfolio-list .portfolio-row:active .portfolio-item.portfolio-two .portfolio-image {
        right: -4px;
        bottom: 0
    }

    .portfolio-list .portfolio-row:active .portfolio-item.portfolio-five .portfolio-image {
        transform: scale(.8);
        bottom: -40px
    }

    .our-process .process-steps .processbar {
        padding: 14px 65px
    }

    .our-process .process-steps .step-title {
        font-size: 15px
    }

    .our-process .process-steps .process-start-next {
        height: 460px
    }

    .testimonial .testimonial-wrapper .client-name-bg {
        font-size: 210px
    }

    .hire-dedicated .title-text {
        max-width: 480px
    }

    .hire-dedicated .hire-image {
        right: -20px
    }

    .portfolio-inner-page .bitcoin-graph-image,
    .portfolio-inner-page .launch-web .feature-area .feature-list {
        margin: 0
    }

    .portfolio-inner-page.queso-page .hero {
        padding-bottom: 100px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title .title {
        font-size: 100px;
        line-height: 110px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(2).active img {
        left: 360px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3).active img {
        left: 714px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title.active img {
        height: 400px
    }

    .portfolio-inner-page.queso-page .content-wrapper {
        font-size: 100px;
        line-height: 110px
    }

    .portfolio-inner-page.queso-page .content-wrapper>div {
        padding: 40px 0
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list {
        padding-left: 0;
        padding-right: 0;
        margin: 0 -15px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list li {
        padding: 0 15px;
        margin-bottom: 100px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list li:nth-child(2n) {
        margin-top: 70px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row {
        grid-column-gap: 30px;
        margin-bottom: 30px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col {
        padding: 40px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-4 {
        width: 430px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col h6 {
        margin-bottom: 20px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row {
        margin: 0 -15px -30px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col {
        padding: 0 15px;
        margin-bottom: 30px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col .card-inner p {
        font-size: 36px;
        line-height: 40px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p {
        font-size: 20px;
        line-height: 30px;
        max-width: 250px
    }

    .portfolio-inner-page.queso-page .technology-stack {
        padding-top: 60px
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow {
        width: 75px;
        height: 75px
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow:before {
        width: 28px;
        height: 22px
    }

    .portfolio-inner-page .unique-features .features-col h5 {
        max-width: 200px
    }

    .portfolio-inner-page .unique-features .features-col .features-content {
        padding: 30px 10px 50px
    }

    .portfolio-inner-page .unique-features .features-col .features-mobile {
        left: 10%
    }

    .portfolio-inner-page .type-of-challenge .type-image img {
        max-width: 350px
    }

    .portfolio-inner-page .type-of-challenge .type-content {
        max-width: 490px
    }

    .portfolio-inner-page .type-of-challenge .type-content h3 {
        max-width: 420px
    }

    .portfolio-inner-page .type-of-challenge .challenge-content .polished-hand2 {
        max-width: 100px
    }

    .service-box .content-wrapper h5 {
        min-height: 65px
    }

    .portfolio-inner-page.polished-page .inner-title span {
        line-height: normal
    }

    .portfolio-inner-page.polished-page .main-banner-img .polished-text-img:before {
        width: 124px;
        height: 150px;
        top: -75px;
        left: -30px
    }

    .portfolio-inner-page.polished-page .main-banner-img .polished-text-img .polished-text {
        padding: 0 30px
    }

    .portfolio-inner-page.polished-page .polished-wrapper .polished-hand-img {
        bottom: -10px
    }

    .portfolio-inner-page.polished-page .polished-wrapper .polished-hand-img .polished-hand-image {
        max-width: 180px
    }

    .portfolio-inner-page.polished-page .polished-app .border-img {
        top: -165px
    }

    .libf-page .africa-calling .libf-blue-bg .libf-text {
        font-size: 65px
    }

    .libf-page .africa-calling .libf-blue-bg .inner-text {
        font-size: 40px;
        line-height: 50px
    }

    .libf-page .africa-calling .libf-gradiant-bg {
        padding: 60px 100px
    }

    .libf-page .project-overview-wrapper .overview-content .inner-content {
        max-width: 290px
    }

    .libf-page .design-process .design-process-box img {
        width: 90px;
        height: 90px
    }

    .libf-page .banner-pattern .banner-img {
        max-width: 150px
    }

    .libf-page .banner-pattern .left-pattern {
        max-width: 560px
    }

    .libf-page .banner-pattern .left-pattern .banner-img1 {
        left: 105px;
        top: 90px
    }

    .libf-page .banner-pattern .left-pattern .banner-img2 {
        right: 80px
    }

    .libf-page .banner-pattern .left-pattern .banner-img .image-badge {
        right: 10px
    }

    .libf-page .banner-pattern .left-pattern .whitebox1 {
        top: 30px;
        right: 50px
    }

    .libf-page .banner-pattern .right-pattern {
        max-width: 620px
    }

    .libf-page .banner-pattern .right-pattern .whitebox3 {
        top: 20%;
        right: 120px
    }

    .libf-page .banner-pattern .right-pattern .whitebox2 {
        bottom: 80px;
        left: 155px
    }

    .libf-page .banner-pattern .whitebox {
        width: 50px
    }

    .libf-page .banner-pattern .banner-content .inner-title {
        font-size: 120px;
        line-height: 120px
    }

    .libf-page .banner-pattern .banner-content .description {
        font-size: 18px;
        max-width: 270px
    }

    .michael-john-page .features .micheal-text {
        font-size: 125px;
        line-height: 70px
    }

    .skin-dr-page .title {
        margin-bottom: 60px
    }

    .skin-dr-page .main-title .border-pattern {
        left: 20px;
        bottom: -35px
    }

    .skin-dr-page .main-title .border-pattern img {
        max-width: 110px
    }

    .skin-dr-page .hero .banner-img {
        margin-top: 120px
    }

    .skin-dr-page .hero .banner-img .banner-image-wrapper .banner-mobile-image {
        max-width: 300px
    }

    .skin-dr-page .hero .banner-img .banner-image-wrapper .image-wrapper {
        max-width: 290px
    }

    .skin-dr-page .hero .banner-img .banner-image-wrapper .image-left {
        left: -80%;
        top: 25%
    }

    .skin-dr-page .workflow .workflow-wrapper .workflow-box {
        width: 24%;
        padding: 60px 10px
    }

    .skin-dr-page .workflow .workflow-wrapper .workflow-box .pill {
        padding-bottom: 30px
    }

    .skin-dr-page .workflow .workflow-wrapper .workflow-box p {
        font-size: 19px
    }

    .skin-dr-page .workflow .workflow-wrapper .workflow-box .right-arrow {
        top: 171px
    }

    .skin-dr-page .workflow .workflow-wrapper:before {
        border-radius: 130px
    }

    .skin-dr-page .cta-box .cta-content {
        padding: 50px;
        max-width: 600px
    }

    .skin-dr-page .cta-box .white-box {
        width: 440px
    }

    .skin-dr-page .features .features-wrapper .features-image {
        width: 460px
    }

    .skin-dr-page .features .features-wrapper .features-image img {
        max-width: 250px
    }

    .skin-dr-page .features .features-wrapper .features-image:before {
        width: 430px;
        height: 430px
    }

    .skin-dr-page .skindr-screen .screen-image img {
        max-width: 1000px
    }

    .skin-dr-page .user-persona .design-elements .typography-content p {
        font-size: 20px
    }

    .skin-dr-page .user-persona .design-elements .typography-content .typography-text {
        max-width: 500px
    }

    .skin-dr-page .user-persona .design-elements .colors ul {
        gap: 60px
    }

    .skin-dr-page .user-persona .design-elements .colors ul li .color-box {
        margin-bottom: 20px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image {
        min-height: 420px
    }

    .multibrand-page .title h2 .double-dot {
        top: 13px
    }

    .gameday .hero .gameday-main-title {
        font-size: 170px;
        line-height: 190px
    }

    .gameday .hero .gameday-main-title .banner-img img {
        max-width: 118px
    }

    .gameday .hero .shadowbox-wrapper .box-shadow {
        width: 240px;
        height: 240px
    }

    .gameday .about-project .about-image {
        max-width: 460px;
        margin: 0 auto
    }

    .gameday .service-box-wrapper .services-box {
        max-width: 200px;
        padding: 30px 15px
    }

    .gameday .service-box-wrapper .services-box .content .service-title {
        font-size: 25px
    }

    .gameday .features-wrapper .features-center-content {
        padding: 0 20px 0 50px
    }

    .gameday .features-wrapper .features-center-content .challenge-content {
        margin-top: 25px
    }

    .gameday .features-wrapper .features-center-content .challenge-content:first-child {
        margin-top: 20px
    }

    .gameday .features-wrapper .features-center-content .challenge-content:before {
        left: -45px
    }

    .gameday .features-wrapper .features-center-content .challenge-content p {
        font-size: 18px
    }

    .gameday .design-elements .gameday-title {
        margin-bottom: 60px
    }

    .gameday .design-elements .design-content:before {
        font-size: 390px;
        line-height: 450px;
        left: -24px
    }

    .gameday .events .inner-title {
        font-size: 220px
    }

    .gameday .mobile-ui .image-wrapper img {
        width: 930px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-text {
        font-size: 175px;
        padding: 0 140px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-image-box {
        max-width: 565px
    }

    .virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content .about-image-box {
        transform: translate(100px, 100px)
    }

    .virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content:hover .about-image-box {
        transform: translate(70px, 70px)
    }

    .virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content .about-white-box {
        width: 200px;
        height: 200px
    }

    .virtual-ics-page .virtual-about-project .virtual-content-wrapper .virtual-about-content .about-white-box .white-box-title {
        font-size: 40px;
        line-height: 45px
    }

    .virtual-ics-page .virtual-our-process .our-porcess-wrap {
        padding: 60px 20px
    }

    .virtual-ics-page .virtual-ics-text-wrapper .text-animate li {
        font-size: 180px;
        line-height: 160px
    }

    .virtual-ics-page .virtual-dashboard .dashboard-wrapper ul li {
        padding: 25px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span {
        font-size: 200px;
        line-height: 220px
    }

    .virtual-ics-page .design-elements .icons-wrap .color-box-wrap {
        gap: 20px
    }

    .virtual-ics-page .design-elements .icons-wrap .color-box-wrap li {
        padding: 70px 0
    }

    .irpg-page .about-project .about-wrapper .about-content .inner-title {
        font-size: 150px;
        line-height: 160px
    }

    .irpg-page .about-project .about-wrapper .mobile-img {
        max-height: 510px
    }

    .infosechire-page .infosec-aboutus .aboutus-wrap .about-text {
        font-size: 100px;
        line-height: 150px
    }

    .infosechire-page .infosec-process .procees-wrapper ul li .content h5 {
        margin-bottom: 10px
    }

    .infosechire-page .infosec-features .features-content .features-box {
        height: 375px
    }

    .infosechire-page .infosec-features .features-content .features-box .feature-title {
        line-height: 70px
    }

    .infosechire-page .infosec-features .features-content ul .features-box {
        width: 375px;
        height: 375px
    }

    .infosechire-page .infosec-main-screens .screen-wrapper ul li img {
        max-width: 650px
    }

    .infosechire-page .infosec-cta-box .cta-box .cta-content {
        max-width: 430px
    }

    .infosechire-page .infosec-cta-box .cta-box .cta-content .cta-title {
        font-size: 70px
    }

    .infosechire-page .dashboard-slider .dashboard-image {
        padding: 0 30px
    }

    .infosechire-page .dashboard-slider .slick-next {
        right: 12%
    }

    .infosechire-page .dashboard-slider .slick-prev {
        left: 13%
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li {
        width: 260px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .font-content p {
        font-size: 30px;
        line-height: 30px
    }

    .oufer-page .oufer-title {
        font-size: 60px;
        line-height: 60px
    }

    .oufer-page .mobile-marquee .mobile-marquee-wrap {
        padding: 0 100px
    }

    .oufer-page .mobile-marquee .mobile-marquee-wrap .marquee-image-group img {
        max-width: 260px
    }

    .oufer-page .oufer-goal .oufer-goal-box .oufer-text {
        font-size: 660px;
        line-height: 760px
    }

    .oufer-page .wireframe-wrap:after,
    .oufer-page .wireframe-wrap:before {
        font-size: 360px
    }

    .oufer-page .wireframe-wrap:before {
        top: 340px;
        left: 210px
    }

    .oufer-page .wireframe-wrap:after {
        bottom: 230px;
        left: 225px
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper:before {
        font-size: 360px;
        line-height: 260px
    }

    .oufer-page .design-elemnts .elements-wrapper .design-element-right {
        padding: 30px 0 20px 20px;
        background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, .2) 70%)
    }

    .go-for-me-page .title {
        font-size: 92px
    }

    .go-for-me-page .title:before {
        bottom: 16px
    }

    .go-for-me-page .hero .banner-title {
        font-size: 264px;
        line-height: 198px
    }

    .go-for-me-page .about-us-list li {
        font-size: 40px;
        line-height: 42px;
        width: 222px;
        height: 222px
    }

    .go-for-me-page .about-us-list li:nth-child(2):after,
    .go-for-me-page .about-us-list li:nth-child(2):before {
        height: 50%
    }

    .go-for-me-page .about-us-list li:nth-child(2):before {
        top: 24px;
        transform: skewY(40deg)
    }

    .go-for-me-page .about-us-list li:nth-child(2):after {
        bottom: 24px;
        transform: skewY(-40deg)
    }

    .go-for-me-page .about-us-list li:nth-child(4):after,
    .go-for-me-page .about-us-list li:nth-child(4):before {
        height: 50%
    }

    .go-for-me-page .about-us-list li:nth-child(4):before {
        top: 24px;
        transform: skewY(-40deg)
    }

    .go-for-me-page .about-us-list li:nth-child(4):after {
        bottom: 24px;
        transform: skewY(40deg)
    }

    .go-for-me-page .about-us-list li:nth-child(8):after,
    .go-for-me-page .about-us-list li:nth-child(8):before {
        width: 52%;
        z-index: -1;
        top: -51px;
        height: 51px
    }

    .go-for-me-page .about-us-list li:nth-child(8):before {
        left: 27px;
        transform: skewX(-50deg)
    }

    .go-for-me-page .about-us-list li:nth-child(8):after {
        right: 27px;
        transform: skewX(50deg)
    }

    .go-for-me-page .gofrome-about .gofrome-title {
        bottom: 0;
        font-size: 264px;
        line-height: 198px
    }

    .go-for-me-page .user-flow-list .user-flow-item .head {
        font-size: 26px;
        letter-spacing: .04em
    }

    .go-for-me-page .user-flow-list .user-flow-item ul li {
        font-size: 16px;
        padding: 8px 15px
    }

    .go-for-me-page .our-features .title-wrapper {
        margin-bottom: -60px;
        position: relative;
        z-index: 9
    }

    .go-for-me-page .our-features .features-image-list {
        margin-top: 0
    }

    .go-for-me-page .our-features .features-image-list .content {
        font-size: 62px;
        padding: 32px 30px 15px
    }

    .go-for-me-page .our-features .features-image-list .features-image-item img {
        transform: translateY(80px) scale(.8)
    }

    .go-for-me-page .our-features .features-image-list .features-image-item:hover img {
        transform: translateY(60px) scale(1)
    }

    .go-for-me-page .project-overview .overview-card {
        padding: 30px
    }

    .go-for-me-page .project-overview .overview-card h3 {
        font-size: 40px;
        line-height: 36px;
        margin-bottom: 16px
    }

    .go-for-me-page .project-overview .overview-card p {
        font-size: 20px
    }

    .go-for-me-page .design-alignments-colo-list li {
        width: 132px;
        height: 220px
    }

    .nft-coin-page .nft-title h2 {
        font-size: 40px
    }

    .nft-coin-page .hero .hero-title {
        margin: 100px 0
    }

    .nft-coin-page .hero .hero-title h1 {
        font-size: 80px
    }

    .nft-coin-page .hero .hero-title .coin-image1 {
        left: -20px
    }

    .nft-coin-page .hero .hero-title .coin-image2 {
        width: 260px;
        height: 260px;
        right: -50px;
        bottom: -130px
    }

    .nft-coin-page .hero:after,
    .nft-coin-page .hero:before {
        width: 600px;
        height: 600px
    }

    .nft-coin-page .nft-about-project .about-digital-wrap .crypto-image-box {
        width: 220px;
        height: 220px;
        padding: 18px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li .icon {
        width: 40px;
        height: 40px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .crypto-details ul li span {
        font-size: 17px
    }

    .nft-coin-page .nft-about-project .about-project-wrap .about-content {
        max-width: 570px;
        padding: 90px 0
    }

    .nft-coin-page .nft-app-features .app-features-wrap .features-content .details {
        padding: 15px 0
    }

    .nft-coin-page .nft-app-features .app-features-wrap .features-content .details h6 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .nft-coin-page .nft-app-features .app-features-wrap .features-content .details p {
        font-size: 18px
    }

    .nft-coin-page .nft-app-features .app-features-wrap .features-image {
        padding-left: 20px
    }

    .nft-coin-page .nft-app-features .app-features-wrap .features-image .fetures-men-img {
        max-width: 344px
    }

    .nft-coin-page .nft-app-features .app-features-wrap .features-image .fetures-graph-img {
        max-width: 215px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap {
        column-gap: 25px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts span {
        font-size: 34px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts .nft-text p {
        font-size: 18px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-image img {
        max-width: 200px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper {
        min-width: 180px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn {
        width: 130px;
        height: 60px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn span {
        font-size: 18px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul {
        column-gap: 30px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .colorbox span {
        width: 85px;
        height: 85px;
        font-size: 14px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .icons-wrapper ul li {
        width: 55px;
        height: 55px
    }

    .nft-coin-page .nft-typography .typography-wrapper .mobile-wrap .image-box {
        max-width: 400px
    }

    .nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box {
        width: 260px;
        height: 260px;
        padding: 60px 30px 30px
    }

    .nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box p {
        font-size: 17px;
        line-height: 22px
    }

    .nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box .client-info {
        margin-top: 10px
    }

    .fidelizacion .title-wrapper h1,
    .fidelizacion .title-wrapper h2 {
        font-size: 82px;
        line-height: 96px
    }

    .fidelizacion .our-features-card .image-wrapper img {
        max-height: 650px
    }

    .fidelizacion .branding-card .bottom,
    .fidelizacion .branding-card .top {
        padding: 34px
    }

    .fidelizacion .branding-card .bottom h2 {
        font-size: 120px;
        line-height: 1
    }

    .fidelizacion .branding-card .bottom h3 {
        font-size: 56px;
        letter-spacing: -.118px
    }

    .fidelizacion .branding-card .bottom h4 {
        margin-top: 68px
    }

    .fidelizacion .dustbin .dustbin-image h2 {
        font-size: 230px
    }

    .fidelizacion .technology-stack-list {
        grid-gap: 30px
    }

    .fidelizacion .technology-stack-list li {
        font-size: 26px;
        grid-gap: 10px
    }

    .fidelizacion .technology-stack-list li span {
        width: 80px;
        height: 80px
    }

    .fidelizacion .technology-stack-list li span img {
        max-height: 44px
    }

    .sales-analytics .big-title,
    .sales-analytics h1 {
        font-size: 80px;
        line-height: 1.3
    }

    .sales-analytics h2 {
        font-size: 42px;
        line-height: 54px
    }

    .sales-analytics .hero-banner {
        display: flex;
        align-items: center;
        max-height: 100vh;
        min-height: 100vh;
        padding: 90px 0 0
    }

    .sales-analytics .hero-banner .banner-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 600px
    }

    .sales-analytics .hero-banner .banner-inner h1,
    .sales-analytics .hero-banner .banner-inner h2 {
        font-size: 80px;
        line-height: 1.2
    }

    .sales-analytics .hero-banner .banner-inner h1 span,
    .sales-analytics .hero-banner .banner-inner h2 span {
        font-size: 18px;
        line-height: 26px;
        margin-top: -12px
    }

    .sales-analytics .hero-banner .banner-inner .bg-circle {
        width: 450px;
        margin-top: -60px
    }

    .sales-analytics .hero-banner .banner-inner .banner-diamond {
        width: 500px;
        height: 282px
    }

    .sales-analytics .hero-banner .banner-inner .sales {
        left: 130px
    }

    .sales-analytics .hero-banner .banner-inner .analytics {
        bottom: 60px
    }

    .sales-analytics .empowering-growth .image {
        max-width: 80px
    }

    .sales-analytics .empowering-growth .image1 {
        left: 160px
    }

    .sales-analytics .empowering-growth .image2 {
        right: 160px
    }

    .sales-analytics .empowering-growth .image3 {
        left: 200px
    }

    .sales-analytics .empowering-growth .image4 {
        right: 200px;
        max-width: 60px
    }

    .sales-analytics .discover-our-sales .image-group {
        margin-top: 60px
    }

    .sales-analytics .discover-our-sales .image-group .left-image {
        padding-right: 40px
    }

    .sales-analytics .discover-our-sales .image-group .right-image {
        padding-left: 40px
    }

    .sales-analytics .budget-country h2 {
        margin-bottom: 30px
    }

    .sales-analytics .budget-country .budget-country-list li {
        padding-left: 80px
    }

    .sales-analytics .budget-country .budget-country-list li:before {
        top: 72px;
        left: 30px;
        height: calc(100% - 72px)
    }

    .sales-analytics .budget-country .budget-country-list li span {
        width: 60px;
        height: 60px;
        font-size: 20px
    }

    .sales-analytics .budget-country .budget-country-list h3 {
        font-size: 26px;
        max-width: 400px;
        line-height: 1.2
    }

    .sales-analytics .budget-country .budget-country-list p {
        font-size: 18px
    }

    .sales-analytics .people-saying .people-saying-list .people-item {
        padding: 16px
    }

    .sales-analytics .sales-analyics-animation {
        max-height: 600px;
        padding-top: 60px
    }

    .sales-analytics .sales-analyics-animation .sales-analyics-circle {
        padding: 20px
    }

    .sales-analytics .sales-nalyti-card .sales-analytic-list li {
        font-size: 110px
    }

    .sales-analytics .people-saying h2 {
        margin-bottom: 40px
    }

    .sales-analytics .center-card .static-card {
        padding: 80px
    }

    .sales-analytics .analytics-counter-list li:last-child {
        margin-top: 100px
    }

    .sales-analytics .analytics-counter-list li:nth-last-child(2) {
        margin: 0 -64px 0 -80px
    }

    .sales-analytics .analytics-counter-list li:nth-last-child(4) {
        margin-top: 100px
    }

    .fitzoh-page .trainer .black-boxs {
        margin-top: 60px
    }

    .fitzoh-page .about-us {
        min-height: 560px
    }

    .fitzoh-page .about-us .about-images {
        top: 50%;
        transform: translateY(-50%)
    }

    .fitzoh-page .about-us .about-images img {
        width: auto;
        height: 560px;
        margin-top: -40px
    }

    .fitzoh-page .key-task .key-image {
        margin-top: 100px
    }

    .contact-details ul .contact-link a p {
        font-size: 18px;
        margin-left: 12px
    }

    .follow-links-wrap ul {
        grid-column-gap: 10px
    }

    .footer-content .company-links {
        padding: 40px
    }

    .qwaser-page .hero {
        padding-top: 130px
    }

    .qwaser-page .hero:before {
        left: -290px;
        width: 700px;
        height: 450px
    }

    .qwaser-page .hero .hero-content h1 {
        font-size: 50px
    }

    .qwaser-page .hero .hero-content h1 img {
        max-width: 210px
    }

    .qwaser-page .hero .hero-content p {
        font-size: 20px;
        max-width: 870px;
        margin: 0 auto
    }

    .qwaser-page .task-section .task-image {
        max-width: 650px
    }

    .qwaser-page .task-section .task-image:after {
        width: 380px;
        height: 320px;
        right: -50px;
        bottom: -170px
    }

    .qwaser-page .qwaser-title-list ul li {
        font-size: 18px;
        padding: 10px 16px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap {
        padding: 60px 40px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap h2 {
        font-size: 40px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap p {
        font-size: 20px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap .counter ul {
        gap: 30px 60px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap .counter ul .counter-box h4 {
        font-size: 60px
    }

    .qwaser-page .qwaser-about-project .about-project-wrap .building-image img {
        right: -35px;
        max-width: 370px
    }

    .qwaser-page .survey-data-box .triangle-image {
        left: -40px;
        top: -40px
    }

    .qwaser-page .survey-data-box .polygon-image {
        right: -40px;
        bottom: -30px
    }

    .qwaser-page .survey-data-box h2 {
        font-size: 45px
    }

    .qwaser-page .survey-data-box p {
        max-width: 600px;
        margin: 0 auto
    }

    .qwaser-page .business-wrapper .content h3 {
        font-size: 28px
    }

    .qwaser-page .business-wrapper .content p {
        font-size: 18px
    }

    .qwaser-page .business-wrapper .location-wrap .image-column .image-box .vector-icon {
        width: 215px
    }

    .qwaser-page .business-wrapper .location-wrap .content {
        margin-top: 125px
    }

    .qwaser-page .business-wrapper .services .service-image img {
        width: 460px
    }

    .qwaser-page .business-wrapper .services:after {
        left: -295px;
        bottom: -370px;
        width: 500px;
        height: 420px
    }

    .qwaser-page .business-wrapper .package-parcel .delivery-box {
        width: 100px
    }

    .qwaser-page .business-wrapper .package-parcel .delivery-box .icon-box {
        width: 70px;
        height: 70px
    }

    .qwaser-page .business-wrapper .package-parcel .delivery-box span {
        font-size: 16px
    }

    .qwaser-page .business-wrapper .live-location .location-content {
        justify-content: flex-start
    }

    .qwaser-page .business-wrapper .live-location .location-content .content {
        margin-top: 140px
    }

    .qwaser-page .business-wrapper .live-location .location-content .content .vector-icon {
        width: 230px;
        left: -250px;
        top: -64px
    }

    .qwaser-page .business-wrapper .live-location .location-content .content:first-child {
        margin-top: 270px
    }

    .qwaser-page .business-wrapper .trusted-partners .image-box .vector-icon {
        max-width: 280px;
        left: -250px
    }

    .qwaser-page .business-wrapper .trusted-partners .partners-content .content {
        margin-bottom: 150px
    }

    .qwaser-page .ai-routing .recognize-content .ai-details {
        margin-right: 20px
    }

    .qwaser-page .ai-routing .recognize-content .ai-details h3 {
        font-size: 28px
    }

    .qwaser-page .ai-routing .recognize-content .ai-details p {
        font-size: 18px
    }
}

@media(max-width: 1300px) {
    .testimonial .testimonial-wrapper {
        padding: 30px 40px 0
    }

    .testimonial .testimonial-wrapper .client-review .client-name {
        margin-top: 30px
    }

    .who-we-content .row {
        row-gap: 25px
    }

    .title {
        margin-bottom: 40px;
        text-align: center;
    }

    .creative-text {
        right: 0
    }

    .portfolio-inner-page .hero .inner-title .explore-crypto {
        font-size: 24px;
        max-width: 320px;
        line-height: 35px
    }

    .portfolio-inner-page .hero .inner-title {
        font-size: 280px
    }

    .header-content .menu-link ul li {
        font-size: 18px
    }

    .contact-us .contact-form-inner {
        padding: 40px 30px 65px
    }

    .contact-us .input-wrapper {
        margin-bottom: 40px
    }

    .footer-content .contact-links a {
        margin-bottom: 20px
    }

    .fitzoh-page .counter .counter-box .count {
        font-size: 150px
    }

    .fitzoh-page .font-family .mostret-font {
        font-size: 100px
    }

    .fitzoh-page .font-family .font-size {
        margin-top: 0
    }

    .fitzoh-page .font-family .font-style span {
        font-size: 25px
    }
}

@media(max-width: 1199px) {
    .container {
        max-width: 100%;
        padding-left: 40px;
        padding-right: 40px
    }

    .hero.desktop-banner {
        height: auto;
        padding-bottom: 100px
    }

    .header-content .menu-link ul li {
        position: static;
        margin-left: 15px
    }

    .header-content .menu-link ul li .common-btn {
        padding: 10px;
        font-size: 15px
    }

    .header-content .menu-link ul .sub-menu {
        min-width: calc(100vw - 70px);
        margin: 20px;
        left: 0;
        right: 0;
        transform: none
    }

    .header-content .menu-link ul .sub-menu .submenu-header .title p {
        max-width: 100%
    }

    .inner-title {
        font-size: 150px
    }

    .header-content {
        padding: 0 15px
    }

    .desktop-none {
        display: block
    }

    .mobile-accordion .content h4 br,
    .mobile-accordion br,
    .mobile-none {
        display: none
    }

    .mobile-accordion .content p {
        margin-bottom: 20px;
        color: hsla(0, 0%, 100%, .8);
        font-size: 18px
    }

    .mobile-accordion .content .icon-wrapper {
        margin-bottom: 20px
    }

    .mobile-accordion .content-list .right-arrow-icon {
        display: flex;
        margin-top: 20px
    }

    .mobile-accordion .content-list .icon-box {
        padding-right: 35px;
        padding-left: 0
    }

    .get-in-touch .get-in-touch-content h2 {
        font-size: 60px
    }

    .testimonial .testimonial-wrapper .client-review {
        max-width: 520px;
        text-align: left
    }

    .testimonial .testimonial-wrapper .client-review .client-name {
        text-align: left
    }

    .testimonial .testimonial-wrapper .client-name-bg {
        font-size: 180px;
        line-height: 395px
    }

    .testimonial .testimonial-wrapper .client-image img {
        max-width: 100%
    }

    .aboutus-page .founder .about-founder .about-founder-content p {
        margin-top: 20px;
        line-height: 32px
    }

    .aboutus-page .our-values .our-value-content span {
        bottom: 75%
    }

    .testimonial .testimonial-wrapper:before {
        font-size: 260px;
        top: -78px
    }

    .ready-to-multiqos .white-box {
        width: 420px
    }

    .ready-to-multiqos .white-box:hover {
        width: 590px
    }

    .culture-of-multiqos .memories-slider {
        display: flex !important
    }

    .culture-of-multiqos .memories-slider .memories-image {
        width: 100%;
        margin-right: 0;
        padding: 0 10px
    }

    .culture-of-multiqos .memories-slider .memories-image img {
        max-width: 100%
    }

    .culture-of-multiqos .memories {
        display: none
    }

    .culture-of-multiqos .slick-dots {
        display: block !important
    }

    .culture-of-multiqos .purple-box {
        padding: 20px
    }

    .culture-of-multiqos .hand-image img {
        max-width: 250px
    }

    .top-industry .content-text {
        margin-bottom: 30px
    }

    .top-industry .content-text span {
        margin-top: 15px;
        display: block
    }

    .hire-image {
        display: none
    }

    .platform-title {
        font-size: 110px
    }

    .solution-inner .our-work,
    .solution-inner .services-list {
        padding-top: 50px
    }

    .cta .cta-content .title {
        max-width: 600px
    }

    .hirig-model .content-list .content-list-left .content {
        margin-left: 0
    }

    .hirig-model .content-list .content-list-left .content br {
        display: none
    }

    .our-process .process-title {
        flex-direction: column;
        align-items: flex-start
    }

    .our-process .process-steps {
        background-image: none;
        margin-top: 30px
    }

    .our-process .process-steps .steps {
        padding: 20px
    }

    .our-process .process-steps .steps .step-title {
        margin-bottom: 30px;
        color: #fff;
        height: 30px
    }

    .our-process .process-steps .steps .step-count {
        padding-top: 30px
    }

    .career .hiring-box-wrapper .hiring-box {
        padding: 15px 30px
    }

    .career .hiring-box-wrapper .apply-now {
        width: auto
    }

    .career .hiring-box-wrapper .accordion-item .accordion-body {
        padding: 30px
    }

    .career .hiring-box-wrapper .requirement {
        margin: 0
    }

    .career .hiring-box-wrapper .apply-btn {
        margin-top: 20px
    }

    .our-service .top-industry {
        padding-top: 50px
    }

    .mobile-cross-platform .platform-box {
        padding: 30px 20px
    }

    .service-inner .faq {
        margin-top: 50px
    }

    .hire-ios-dev .purple-box {
        display: none
    }

    .hire-ios-dev .white-box {
        padding: 30px;
        height: auto
    }

    .hire-dedicated .title-text {
        max-width: 100%
    }

    .hire-dedicated .hire-content P {
        max-width: 100%;
        margin: 20px 0
    }

    .single-content-wrapper {
        background: #2c2c2c;
        padding: 15px;
        font-size: 14px;
        line-height: 23px;
        border-radius: 10px;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        color: #fff;
        align-items: center
    }

    .single-content-wrapper .content br {
        display: none
    }

    .single-content-wrapper .rounded-btn:hover {
        width: 45px
    }

    .error-page .error-message-wrapper {
        padding-top: 70px
    }

    .error-page .error-message-wrapper .inner-title {
        font-size: 170px;
        margin-bottom: -60px
    }

    .error-page .error-message-wrapper p {
        margin: 20px 0 40px
    }

    .error-page .thanku-text {
        font-size: 185px;
        bottom: 110px
    }

    .error-page .sorry-text {
        font-size: 330px;
        bottom: 190px
    }

    .portfolio-page .portfolio-gallery .portfolio-content {
        padding: 20px 0 50px
    }

    .digital .digital-content {
        position: relative;
        top: 0
    }

    .multibrand-page .mobile-accordion .faq-content .accordion-button {
        background: #2846d1
    }

    .multibrand-page .hero .hero-content {
        padding-top: 50px;
        position: static;
        text-align: center
    }

    .multibrand-page .hero .hero-content .content {
        margin-top: 50px;
        margin-left: 0
    }

    .multibrand-page .about-project .about-text .arrows-image,
    .multibrand-page .about-project .about-text .down-arrow-group,
    .multibrand-page .grid-box,
    .multibrand-page .key-feature-list,
    .multibrand-page .multibrand-marquee,
    .multibrand-page .showcase-website:before {
        display: none
    }

    .multibrand-page .design-content {
        font-size: 40px
    }

    .multibrand-page .design-content img {
        max-height: 150px
    }

    .multibrand-page .design-content .font-styling {
        margin-left: 0
    }

    .multibrand-page .design-content .font-family-name img {
        max-height: 120px
    }

    .multibrand-page .design-content .icon ul {
        padding: 20px 35px
    }

    .multibrand-page .design-content .icon ul li {
        margin-right: 20px
    }

    .multibrand-page .contact-us {
        padding-bottom: 60px
    }

    .multibrand-page .app-features .mobile-accordion .accordion-body .content {
        text-align: center
    }

    .multibrand-page .app-features .mobile-accordion .accordion-body .content img {
        max-width: 150px
    }

    .hire-developers .hero .inner-title .small-title {
        margin-bottom: -45px;
        margin-left: 4px
    }

    .hire-developers .custom-row {
        gap: 15px;
        justify-content: center
    }

    .hire-developers .benefits .benefits-box {
        width: 23%;
        flex-shrink: inherit
    }

    .hire-developers .benefits .benefits-box h6 {
        padding-top: 15px
    }

    .hire-developers .what-we-provide .content-list .content {
        margin-left: 0
    }

    .our-hiring-models .hiring-model-box .mobile-accordion {
        margin-top: 40px
    }

    .our-hiring-models .hiring-model-box .working-time-details {
        margin-bottom: 20px
    }

    .our-hiring-models .hiring-model-box .working-time-details p {
        margin-top: 0
    }

    .our-hiring-models .hiring-model-box .working-time-details h6 {
        color: #ff174f;
        margin-top: 5px
    }

    .our-hiring-models .hiring-model-box .accordion-item:last-child {
        margin: 0
    }

    .tools-and-tech .accordion-item .content .icon-wrapper {
        flex-wrap: wrap
    }

    .tools-and-tech .accordion-item .content .view.right.in-view {
        color: #fff;
        margin-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 30%;
        text-align: center;
        margin-top: 30px
    }

    .tools-and-tech .accordion-item .content .view.right.in-view br {
        display: block
    }

    .tools-and-tech .accordion-item .content .view.right.in-view span {
        font-size: 16px
    }

    .tools-and-tech .accordion-item .content .icon-box {
        padding: 0;
        width: 40px;
        margin-bottom: 15px
    }

    .hire-ios-developers .ios-services .single-content-wrapper .service-name {
        color: #fff;
        font-size: 16px
    }

    .ios-service-wrapper .row {
        margin: 0
    }

    .features-list ul li {
        font-size: 22px;
        width: 100%;
        line-height: 30px
    }

    .blogs-wrapper .blog-content .common-btn {
        margin-top: 50px
    }

    .blogs-wrapper .white-box h4 {
        padding-top: 20px
    }

    .blogs-wrapper .white-box .apply-btn {
        margin-top: 52px
    }

    .uiuxdesign .uiux-slider {
        padding: 30px 30px 20px;
        margin-top: 70px
    }

    .uiuxdesign .uiux-slider .uiux-slider-imgs {
        max-width: 100%
    }

    .uiuxdesign .uiux-slider .uiux-slider-imgs img {
        padding: 0 15px;
        max-width: 100%
    }

    .uiuxdesign .slick-list {
        margin: 0 -12px
    }

    .uiuxdesign .slick-dots {
        margin-top: 10px
    }

    .ios-app .conter-wrapper .count-box,
    .uiux-page .content-detail .count-box {
        margin-right: 35px;
        margin-bottom: 20px
    }

    .portfolio-inner-page .hero .inner-title {
        font-size: 270px
    }

    .portfolio-inner-page .hero h1 {
        font-size: 170px
    }

    .portfolio-inner-page .mrsnark-data .heading {
        font-size: 160px
    }

    .portfolio-inner-page .mrsnark-data .mrsnark-image {
        margin-top: -120px
    }

    .portfolio-inner-page .mobil-app .subheading {
        font-size: 160px
    }

    .portfolio-inner-page .video-wrapper .demo-video video {
        height: auto
    }

    .portfolio-inner-page .technology-stack .icon-box img {
        height: 70px;
        margin-right: 20px
    }

    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-4 {
        width: 450px
    }

    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-4:hover {
        width: 560px
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-one .portfolio-image {
        left: 0
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-one .portfolio-logo {
        right: 40px;
        max-width: 380px
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-two .portfolio-image {
        width: 420px;
        bottom: 0
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-three .portfolio-image {
        height: auto
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-four {
        display: flex;
        align-items: center
    }

    .portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-two .portfolio-image {
        width: 360px
    }

    .portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-three .portfolio-image {
        transform: scale(1);
        bottom: 0
    }

    .portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-six .portfolio-image {
        transform: scale(1.1)
    }

    .awards .slick-slide img {
        display: block;
        max-height: 157px
    }

    .creative-page .designtools .platform-box {
        background: none
    }

    .hire-developers .grid-content .content {
        border-radius: 20px;
        padding: 30px
    }

    .hire-developers .grid-content .bg-white,
    .hire-developers .grid-content .bg-white img,
    .hire-developers .grid-content .bg-yellow {
        height: 300px
    }

    .polished-page .border-img,
    .polished-page .main-banner-img .polished-text-img:before,
    .polished-page .paint-text-left,
    .polished-page .paint-text-right,
    .polished-page .polished-banner-left-side-girl,
    .polished-page .polished-banner-right-side-girl,
    .polished-page .polished-hand-img {
        display: none
    }

    .polished-page .polished-image img {
        height: 360px;
        object-fit: contain
    }

    .polished-page .polished-wrapper.desktop-none {
        display: block
    }

    .polished-page .polished-wrapper.mobile-none {
        display: none
    }

    .polished-page .main-banner-img {
        padding-top: 20px
    }

    .polished-page .main-banner-img .polished-star-icon {
        display: none
    }

    .polished-page .social-media-post .slick-slide img {
        padding: 10px
    }

    .portfolio-inner-page.queso-page .hero {
        padding-top: 180px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title .title {
        font-size: 80px;
        line-height: 92px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title.active img {
        height: 350px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(2).active img {
        left: 275px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3).active img {
        left: 550px
    }

    .portfolio-inner-page.queso-page .content-wrapper {
        font-size: 68px;
        line-height: 78px
    }

    .portfolio-inner-page.queso-page .content-wrapper>div {
        padding: 30px 0
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row {
        grid-column-gap: 24px;
        flex-wrap: wrap;
        margin-bottom: 24px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col {
        padding: 30px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-4,
    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-8 {
        width: 48.66666%;
        flex-shrink: 0
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item {
        padding: 0;
        flex-direction: column
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item:last-child {
        margin: 0
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item.mobile-none {
        display: none
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .accordion-header {
        width: 100%
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content {
        padding: 0
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li {
        flex-direction: column;
        text-align: start;
        align-items: flex-start;
        line-height: 40px;
        border: none;
        padding: 30px 0 0 36px
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li:before {
        top: 41px
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li b,
    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li strong {
        display: block;
        width: 100%
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li p {
        line-height: 50px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col .card-inner p {
        font-size: 30px;
        line-height: 38px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p {
        font-size: 18px;
        line-height: 26px;
        max-width: 200px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p:after,
    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p:before {
        width: 26px;
        height: 20px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p:before {
        background-size: contain;
        top: -26px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) .card-inner p:after {
        bottom: -8px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list li {
        margin: 0
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list li .card-body {
        padding: 70px 100px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list li .card-body:before {
        background-size: contain;
        width: 380px;
        height: 190px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list li:hover .card-body {
        background: transparent !important
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list .slick-dots li {
        width: auto;
        padding: 0
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item h6 {
        margin: 24px 0 20px
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item p {
        margin: 0 0 24px
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item p.description {
        margin: 24px auto 0
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item .client-image {
        width: 148px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list.mobile-none {
        display: none
    }

    .portfolio-inner-page.queso-page .technology-stack .icon-wrapper .icon-box span {
        white-space: pre-wrap;
        text-align: left
    }

    .michael-john-page .hero {
        padding-bottom: 0;
        text-align: center
    }

    .michael-john-page .image-wrapper {
        text-align: center
    }

    .michael-john-page .image-wrapper img {
        margin-top: 20px
    }

    .michael-john-page .process-wrapper ul li .our-process-title {
        font-size: 20px;
        padding: 16px 30px 16px 70px
    }

    .michael-john-page .process-wrapper ul li .our-process-title:before {
        font-size: 20px;
        height: 45px;
        width: 45px
    }

    .irpg-page .hero .banner-content {
        text-align: center
    }

    .irpg-page .hero .main-title {
        line-height: 190px
    }

    .irpg-page .typography .typography-content .font-content p {
        margin-bottom: 10px
    }

    .irpg-page .typography .typography-content .font-weight {
        font-size: 20px
    }

    .irpg-page .typography .typography-content .font-weight span {
        margin-right: 20px
    }

    .irpg-page .typography .font-family {
        font-size: 60px;
        border-radius: 25px
    }

    .slick-slide div {
        text-align: center
    }

    .slick-slide div img {
        max-width: 200px
    }

    .hero .banner-content h1,
    .hero .banner-content h1 span {
        font-size: 46px;
        line-height: 46px
    }

    .hero .banner-content h1 b,
    .hero .banner-content h1 span b {
        font-size: 100px;
        line-height: 90px
    }

    .sitemap-content .accordion .accordion-header a {
        color: #fff
    }

    .sitemap-content .accordion .accordion-header a:hover {
        color: #ff174f
    }

    .sitemap-content .accordion .accordion-body .black-box {
        padding: 15px
    }

    .sitemap-content .content-list li {
        padding: 10px 0;
        display: list-item;
        border: none
    }

    .sitemap-content .content-list li a {
        color: #fff
    }

    .sitemap-content .content-list li a:hover {
        color: #ff174f
    }

    .sitemap-content .content-list li:hover {
        background: transparent
    }

    .sitemap-content .black-box h4 {
        margin-bottom: 0
    }

    .sitemap-content .accordion-item h3 {
        font-size: 26px
    }

    .sitemap-content .accordion-item h4 {
        font-size: 24px
    }

    .sitemap-content .accordion-item .list-title {
        font-size: 22px
    }

    .libf-page .banner-pattern {
        padding: 50px;
        justify-content: center
    }

    .libf-page .banner-pattern .left-pattern,
    .libf-page .banner-pattern .right-pattern {
        display: none
    }

    .libf-page .banner-pattern .banner-content {
        position: relative;
        transform: none;
        top: 0;
        left: 0;
        right: 0
    }

    .libf-page .africa-calling .libf-blue-bg .libf-text {
        font-size: 55px
    }

    .libf-page .africa-calling .libf-blue-bg .inner-text {
        font-size: 30px;
        line-height: 35px
    }

    .libf-page .africa-calling .libf-gradiant-bg:after,
    .libf-page .africa-calling .libf-gradiant-bg:before {
        width: 200px;
        height: 200px;
        left: 20px
    }

    .libf-page .project-overview-wrapper {
        padding-top: 100px
    }

    .libf-page .project-overview-wrapper .overview-content {
        position: relative
    }

    .libf-page .typography {
        padding-top: 100px
    }

    .libf-page .typography .wrap {
        max-width: 250px
    }

    .libf-page .typography .typography-wrapper .details {
        padding-left: 0
    }

    .libf-page .typography .typography-wrapper .color-box-wrapper {
        margin-top: 20px
    }

    .libf-page .typography .wrap img {
        max-width: 275px
    }

    .skin-dr-page .mobile-accordion .faq-content .accordion-button {
        background: #8d92ff
    }

    .skin-dr-page .mobile-accordion .faq-content .child-accordion .accordion-button {
        background: #b4b7ff
    }

    .skin-dr-page .hero {
        padding-bottom: 100px
    }

    .skin-dr-page .hero .banner-img {
        display: none
    }

    .skin-dr-page .about {
        padding-top: 100px
    }

    .skin-dr-page .about .project-content p {
        font-weight: 200
    }

    .skin-dr-page .workflow .workflow-wrapper {
        display: none
    }

    .skin-dr-page .workflow-mobile .workflow-box {
        border: 2px solid #8e8e8e;
        border-radius: 20px;
        padding: 40px 20px;
        text-align: center;
        height: 270px
    }

    .skin-dr-page .workflow-mobile .slick-slide.slick-current .workflow-box {
        background: linear-gradient(307.71deg, #8d92ff 15.2%, rgba(141, 146, 255, .52) 84.78%);
        border: 2px solid rgba(141, 146, 255, .52)
    }

    .skin-dr-page .workflow-mobile .slick-slide div {
        padding: 0 10px
    }

    .skin-dr-page .challenges-project {
        padding-top: 0
    }

    .skin-dr-page .challenges-project .top-space {
        padding-top: 30px
    }

    .skin-dr-page .cta-box {
        border-radius: 90px
    }

    .skin-dr-page .cta-box .cta-content {
        padding: 30px;
        max-width: 500px
    }

    .skin-dr-page .cta-box .white-box {
        width: 360px;
        border-radius: 75px
    }

    .skin-dr-page .skindr-screen {
        padding: 50px 0 30px
    }

    .skin-dr-page .user-persona .design-elements .typography-content .typography-main-text {
        font-size: 45px;
        line-height: 55px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .typo-box {
        width: 200px;
        min-height: 250px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .purple-box .design-text {
        font-size: 70px;
        line-height: 70px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .purple-box span {
        font-size: 24px
    }

    .skin-dr-page .user-persona .design-elements .typography-design:before {
        left: 100px;
        bottom: -60px
    }

    .skin-dr-page .user-persona .design-elements .colors .inner-text {
        font-size: 34px
    }

    .skin-dr-page .user-persona .design-elements .colors ul {
        gap: 50px
    }

    .skin-dr-page .user-persona .design-elements .colors ul li .color-box {
        width: 100px;
        height: 100px
    }

    .skin-dr-page .user-persona .design-elements .colors ul li span {
        font-size: 20px
    }

    .skin-dr-page .mobile-and-web {
        padding: 50px 0
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image {
        min-height: 370px
    }

    .skin-dr-page .mobile-and-web .mobile-content {
        max-width: 430px
    }

    .skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab {
        margin-bottom: 50px
    }

    .skin-dr-page .technology-stack .icon-wrapper .icon-box .image {
        width: 80px;
        height: 80px;
        margin-right: 15px
    }

    .skin-dr-page .technology-stack .icon-wrapper .icon-box .image img {
        width: 35px
    }

    .skin-dr-page .slick-dots {
        margin-top: 15px
    }

    .gameday .gameday-title {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 30px
    }

    .gameday .hero {
        padding: 165px 0 120px
    }

    .gameday .hero .shadowbox-wrapper {
        display: none
    }

    .gameday .hero .gameday-main-title {
        font-size: 130px;
        line-height: 160px
    }

    .gameday .hero .gameday-main-title .banner-img img {
        max-width: 90px
    }

    .gameday .hero .gameday-main-title br {
        display: block
    }

    .gameday .about-project .content p {
        max-width: 100%;
        margin-bottom: 20px
    }

    .gameday .about-project .about-image {
        max-width: 270px;
        margin: 10px 0 20px
    }

    .gameday .features .mobile-accordion .accordion-body .content img {
        max-width: 170px
    }

    .gameday .events .inner-title {
        font-size: 170px
    }

    .gameday .design-elements .design-content:before {
        font-size: 325px;
        left: -19px
    }

    .gameday .design-elements .design-content .typography-content .rubik-text {
        margin: 25px 0 17px
    }

    .gameday .design-elements .design-content .typography-content .font-content {
        padding-right: 40px;
        margin-top: 40px
    }

    .gameday .design-elements .design-content .element-content .element-icon {
        max-width: 330px
    }

    .gameday .design-elements .design-content .color-box-design .color-box-wrapper {
        margin-top: 40px
    }

    .gameday .our-process .mobile-accordion {
        margin-top: 50px
    }

    .gameday .faq-content .accordion-button {
        background: #05b0ff
    }

    .virtual-ics-page .title-wrapper .virtual-title {
        font-size: 45px;
        line-height: 60px;
        padding-left: 40px
    }

    .virtual-ics-page .title-wrapper .title-pattern {
        max-width: 82px;
        top: 13px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-text {
        padding: 0 38px
    }

    .virtual-ics-page .our-key-aspects .key-aspect-slider .dashboard-image img {
        max-width: 400px
    }

    .virtual-ics-page .our-key-aspects .key-aspect-slider .title-text {
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        margin-top: 20px
    }

    .virtual-ics-page .virtual-text-box {
        height: 320px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span {
        font-size: 180px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span:nth-child(7) {
        margin-right: 30px
    }

    .virtual-ics-page .design-elements .icons-wrap .icons .icon-list ul {
        gap: 25px 20px
    }

    .virtual-ics-page .design-elements .icons-wrap .icons .icon-list ul li img {
        max-width: 28px
    }

    .virtual-ics-page .design-elements .icons-wrap .color-box-wrap li {
        padding: 50px 0
    }

    .virtual-ics-page .design-elements .icons-wrap .color-box-wrap li p {
        font-size: 15px
    }

    .virtual-ics-page .design-elements .font-weight span {
        font-size: 24px
    }

    .virtual-ics-page .design-elements .design-bg .circle-box {
        width: 275px;
        height: 275px
    }

    .virtual-ics-page .design-elements .design-bg .circle-box .big-text {
        font-size: 140px;
        line-height: 140px
    }

    .virtual-ics-page .design-elements .design-bg .circle-box .font-text {
        font-size: 40px
    }

    .virtual-ics-page .virtual-ics-text-wrapper .text-animate {
        padding: 40px 0
    }

    .virtual-ics-page .virtual-ics-text-wrapper .text-animate li {
        font-size: 150px;
        line-height: 130px
    }

    .virtual-ics-page .dashboard-slider .dashboard-image img {
        max-width: 400px
    }

    .infosechire-page .number-ptb {
        padding-top: 30px
    }

    .infosechire-page .title-wrapper {
        margin-bottom: 40px
    }

    .infosechire-page .title-wrapper .wrap .infosec-title:before,
    .infosechire-page .title-wrapper .wrap .title-dot {
        display: none
    }

    .infosechire-page .infosec-aboutus .mobile-accordion .accordion-body img {
        max-width: 300px;
        margin-top: 20px
    }

    .infosechire-page .infosec-features .faq-content .accordion-features-list,
    .infosechire-page .inner-accordion {
        margin-top: 30px
    }

    .infosechire-page .infosec-features .faq-content .accordion-features-list li {
        padding: 5px 0;
        color: #fff
    }

    .infosechire-page .infosec-marquee {
        display: none
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .inter-title {
        font-size: 150px;
        line-height: 130px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .font-content p {
        font-size: 24px;
        line-height: 25px;
        margin-bottom: 15px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li {
        width: 215px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:first-child,
    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:nth-child(2) {
        height: 190px
    }

    .infosechire-page .technology-stack .icon-wrapper .icon-box .image {
        margin-right: 0
    }

    .infosechire-page .dashboard-slider .dashboard-image img {
        max-width: 100%
    }

    .infosechire-page .dashboard-slider .slick-next,
    .infosechire-page .dashboard-slider .slick-prev {
        width: 50px;
        height: 50px
    }

    .infosechire-page .dashboard-slider .slick-next:before,
    .infosechire-page .dashboard-slider .slick-prev:before {
        width: 20px;
        height: 15px
    }

    .infosechire-page .dashboard-slider .slick-prev {
        left: 10%
    }

    .infosechire-page .dashboard-slider .slick-next {
        right: 10%
    }

    .infosechire-page .dashboard-slider .infosec-title {
        font-size: 90px;
        line-height: 150px
    }

    .infosechire-page .infosec-cta-box .cta-box {
        padding: 80px 90px;
        border-radius: 200px
    }

    .infosechire-page .infosec-cta-box .cta-box .cta-content {
        max-width: 350px
    }

    .infosechire-page .infosec-cta-box .cta-box .cta-content .cta-title {
        font-size: 60px
    }

    .oufer-page .hero {
        padding-top: 130px
    }

    .oufer-page .hero .hero-pattern {
        padding: 20px 0
    }

    .oufer-page .hero .hero-pattern span {
        font-size: 30px
    }

    .oufer-page .mobile-accordion .description {
        margin-bottom: 30px
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper {
        padding-top: 20px
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper:before {
        font-size: 300px;
        line-height: 220px;
        left: -20px
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper .font-title {
        font-size: 50px;
        line-height: 50px
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper h4 {
        margin-bottom: 30px
    }

    .oufer-page .design-elemnts .elements-wrapper .design-element-right {
        padding: 20px 0 20px 20px;
        background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0) 35%, hsla(0, 0%, 100%, .2) 65%)
    }

    .oufer-page .design-elemnts .elements-wrapper .design-element-right .design-image {
        max-width: 280px
    }

    .oufer-page .design-elemnts .elements-wrapper .design-element-right .font-weight span {
        font-size: 20px
    }

    .oufer-page .accordion-item:last-child {
        margin-bottom: 0
    }

    .oufer-page .faq-content .accordion-button {
        background: #ffba08
    }

    .go-for-me-page .our-features .title-wrapper,
    .go-for-me-page .title-wrapper {
        margin-bottom: 40px
    }

    .go-for-me-page .hero {
        height: auto
    }

    .go-for-me-page .hero .banner-title {
        font-size: 200px;
        line-height: 148px
    }

    .go-for-me-page .gofrome-about img {
        filter: grayscale(0)
    }

    .go-for-me-page .gofrome-about .gofrome-title {
        font-size: 200px;
        line-height: 148px;
        -webkit-text-stroke-color: #fff;
        -webkit-text-fill-color: #fff;
        -webkit-backdrop-filter: none;
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0)
    }

    .go-for-me-page .gofrome-about .gofrome-title span {
        -webkit-text-stroke-color: #21bdee;
        -webkit-text-fill-color: #21bdee
    }

    .go-for-me-page .solution-list {
        margin-bottom: -20px
    }

    .go-for-me-page .solution-list li {
        padding: 20px 10px 20px 50px;
        cursor: auto;
        border-radius: 15px;
        border-bottom: none;
        text-transform: capitalize
    }

    .go-for-me-page .solution-list li h5 {
        font-size: 20px
    }

    .go-for-me-page .accordion-body .solution-list {
        padding: 0
    }

    .go-for-me-page .about-us .accordion-item:last-child {
        margin: 0
    }

    .go-for-me-page .description {
        margin-bottom: 30px
    }

    .go-for-me-page .faq-content .accordion-item .content p:last-child,
    .go-for-me-page .faq-content .accordion-item:last-child {
        margin: 0
    }

    .go-for-me-page .our-features .title-wrapper {
        margin-bottom: 60px
    }

    .go-for-me-page .our-features .content {
        font-size: 22px;
        line-height: 30px;
        margin: 16px 0;
        color: #fff
    }

    .go-for-me-page .design-alignments-text .font {
        font-size: 220px;
        line-height: 175px
    }

    .job-market-analysis .job-data {
        padding-bottom: 90px
    }

    .job-market-analysis .challenge-list li {
        margin-top: 0
    }

    .job-market-analysis .data-search .job-market-title {
        font-size: 290px
    }

    .job-market-analysis .data-search .curve-image {
        display: none
    }

    .job-market-analysis .job-market-analysis-cta .accordion-button {
        background: #b08cff
    }

    .job-market-analysis .job-market-analysis-cta .content p {
        text-align: left
    }

    .job-market-analysis .visualization .job-market-title {
        font-size: 170px;
        filter: none
    }

    .job-market-analysis .visualization .slick-slide div {
        margin: 20px
    }

    .job-market-analysis .visualization .slick-slide div img {
        max-width: 100%
    }

    .fitzoh-page .key-task p {
        margin-top: 0
    }

    .fitzoh-page .image-slider .slick-slide div img {
        max-width: 100%;
        padding: 0 50px 20px
    }

    .fitzoh-page .font-family .font-style span {
        font-size: 20px
    }

    .fitzoh-page .color-picker ul li {
        height: 200px;
        width: 200px
    }

    .nft-coin-page .mobile-accordion .content p {
        font-family: Public Sans
    }

    .nft-coin-page .nft-ptb {
        padding: 60px 0
    }

    .nft-coin-page .hero .hero-title h1 {
        font-size: 65px
    }

    .nft-coin-page .hero .hero-title .coin-image1 {
        width: 130px;
        height: 130px;
        left: 10px;
        top: -70px
    }

    .nft-coin-page .hero .hero-title .coin-image2 {
        width: 200px;
        height: 200px;
        right: -20px;
        bottom: -90px
    }

    .nft-coin-page .nft-about-project {
        padding: 60px 0
    }

    .nft-coin-page .nft-about-project .mobile-accordion .content p {
        color: #000;
        font-weight: 400
    }

    .nft-coin-page .nft-about-project .mobile-accordion .accordion-item {
        margin-bottom: 0
    }

    .nft-coin-page .nft-app-features-mobile .faq-content .image-box {
        margin-bottom: 40px
    }

    .nft-coin-page .mobile-nft-what-we-provide .slick-slide div img {
        max-width: 400px;
        margin: 0 auto
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap {
        display: block;
        padding: 60px 40px 20px
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap .slick-slide div {
        text-align: left
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap .client-review-box {
        width: 300px !important;
        height: 300px;
        display: flex !important;
        margin: 0 auto
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap .client-review-box .client-image {
        top: 10px
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap .client-review-box .client-image img {
        max-width: 100%
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap .slick-dots li button:before {
        color: #000 !important
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap .slick-dots li.slick-active button:before {
        color: #ff174f !important
    }

    .nft-coin-page .nft-typography .typography-wrapper {
        flex-direction: column-reverse
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper {
        width: 100%
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .design-text {
        margin: 0 -25px 40px 0
    }

    .nft-coin-page .nft-typography .typography-wrapper .mobile-wrap {
        width: 100%;
        padding: 20px
    }

    .nft-coin-page .nft-typography .typography-wrapper .mobile-wrap .image-box {
        position: relative;
        max-width: 280px;
        right: 0;
        top: 0;
        margin: 0 auto
    }

    .nft-coin-page .ready-to-multiqos {
        padding-top: 0
    }

    .fidelizacion .mb-100,
    .fidelizacion .mb-60 {
        margin-bottom: 50px
    }

    .fidelizacion .pb-160 {
        padding-bottom: 50px
    }

    .fidelizacion .pt-160,
    .fidelizacion .ptb {
        padding-top: 50px
    }

    .fidelizacion .title-wrapper h1,
    .fidelizacion .title-wrapper h2 {
        font-size: 48px;
        line-height: 1.2
    }

    .fidelizacion .title-wrapper h3 {
        font-size: 26px;
        line-height: 1;
        margin-bottom: 16px
    }

    .fidelizacion .title-wrapper p {
        font-size: 18px
    }

    .fidelizacion .hero-banner {
        padding: 180px 0 40px
    }

    .fidelizacion .faq-content .accordion-button {
        background: #56922a
    }

    .fidelizacion .faq-content .accordion-item:last-child {
        margin: 0
    }

    .fidelizacion .faq-content .accordion-item h3 {
        font-size: 22px
    }

    .fidelizacion .faq-content .accordion-item p {
        font-size: 18px
    }

    .fidelizacion .faq-content .accordion-item h3,
    .fidelizacion .faq-content .accordion-item p {
        color: #000;
        margin-bottom: 16px
    }

    .fidelizacion .mobile-accordion .content img {
        margin-bottom: 16px;
        max-height: 500px
    }

    .fidelizacion .mobile-accordion .content p {
        color: #000
    }

    .fidelizacion .mobile-accordion .content p:last-child {
        margin: 0
    }

    .fidelizacion .dustbin {
        padding-top: 350px
    }

    .fidelizacion .dustbin .dustbin-image-list li,
    .fidelizacion .dustbin .dustbin-image-list li:last-child {
        padding: 0
    }

    .fidelizacion .dustbin .dustbin-image h2 {
        font-size: 180px
    }

    .fidelizacion .branding-card .bottom,
    .fidelizacion .branding-card .top {
        padding: 30px
    }

    .fidelizacion .branding-card .bottom h2 {
        font-size: 70px
    }

    .fidelizacion .branding-card .bottom h3 {
        font-size: 40px;
        letter-spacing: 0
    }

    .fidelizacion .branding-card .bottom .content {
        padding-left: 24px;
        margin-left: 24px
    }

    .fidelizacion .branding-card .bottom .content:before {
        height: 120px
    }

    .fidelizacion .branding-card .bottom h4 {
        font-size: 28px;
        margin-top: 20px
    }

    .fidelizacion .technology-stack-list li {
        font-size: 20px;
        grid-gap: 8px
    }

    .fidelizacion .technology-stack-list li span {
        width: 60px;
        height: 60px
    }

    .fidelizacion .technology-stack-list li span img {
        max-height: 30px
    }

    .fidelizacion .slick-dots li button:before {
        color: #919191 !important
    }

    .fidelizacion .slick-dots li.slick-active button:before {
        color: #56922a !important
    }

    .sales-analytics .pb-160 {
        padding-bottom: 80px
    }

    .sales-analytics .pt-160 {
        padding-top: 80px
    }

    .sales-analytics .mb-160 {
        margin-bottom: 80px
    }

    .sales-analytics .mt-160 {
        margin-top: 80px
    }

    .sales-analytics h1 {
        font-size: 60px;
        line-height: 1.3
    }

    .sales-analytics .big-title,
    .sales-analytics h2 {
        font-size: 36px;
        line-height: 48px
    }

    .sales-analytics .slick-dots li.slick-active button:before {
        color: #6d6bff !important
    }

    .sales-analytics .empowering-growth h2 {
        max-width: 650px;
        margin: 0 auto 30px
    }

    .sales-analytics .empowering-growth h2 br {
        display: none
    }

    .sales-analytics .hero-banner {
        max-height: none;
        min-height: inherit;
        padding: 110px 0 0
    }

    .sales-analytics .hero-banner .banner-inner {
        max-width: 600px;
        margin: auto;
        min-height: 530px
    }

    .sales-analytics .hero-banner .banner-inner h1,
    .sales-analytics .hero-banner .banner-inner h2 {
        font-size: 60px
    }

    .sales-analytics .hero-banner .banner-inner h1 span,
    .sales-analytics .hero-banner .banner-inner h2 span {
        font-size: 16px;
        line-height: 24px;
        margin-top: -10px
    }

    .sales-analytics .hero-banner .banner-inner .sales {
        left: 0
    }

    .sales-analytics .hero-banner .banner-inner .analytics {
        right: 0
    }

    .sales-analytics .hero-banner .banner-inner .bg-circle {
        margin-top: 0
    }

    .sales-analytics .empowering-growth .image {
        display: none
    }

    .sales-analytics .analytics-counter-list {
        grid-gap: 12px;
        padding: 0 12px
    }

    .sales-analytics .analytics-counter-list li {
        font-size: 22px;
        border-radius: 12px;
        padding: 40px 16px;
        width: 25% !important;
        height: auto !important
    }

    .sales-analytics .analytics-counter-list li span {
        font-size: 18px
    }

    .sales-analytics .analytics-counter-list li:last-child,
    .sales-analytics .analytics-counter-list li:nth-last-child(2),
    .sales-analytics .analytics-counter-list li:nth-last-child(3),
    .sales-analytics .analytics-counter-list li:nth-last-child(4) {
        margin: 0
    }

    .sales-analytics .budget-country p {
        margin-bottom: 14px
    }

    .sales-analytics .budget-country .budget-country-list h3 {
        font-size: 22px;
        max-width: 340px
    }

    .sales-analytics .budget-country .budget-country-list p {
        font-size: 16px
    }

    .sales-analytics .center-card .static-card {
        padding: 50px;
        border-radius: 25px
    }

    .sales-analytics .sales-analyics-animation {
        max-height: 500px
    }

    .sales-analytics .sales-analyics-animation .sales-analyics-circle .graph-body {
        padding-top: 80px
    }

    .sales-analytics .sales-nalyti-col {
        padding-top: 0 !important
    }

    .sales-analytics .sales-nalyti-card {
        padding: 30px
    }

    .sales-analytics .sales-nalyti-card .sales-analytic-list li {
        font-size: 80px
    }

    .sales-analytics .discover-our-sales .image-group {
        display: none
    }

    .sales-analytics .discover-our-sales .slick-list {
        margin-top: 30px
    }

    .sales-analytics .discover-our-sales .slick-slide div img {
        width: 100%;
        max-width: inherit;
        max-height: 450px;
        object-fit: contain
    }

    .sales-analytics .people-saying:before {
        display: none
    }

    .sales-analytics .people-saying .people-saying-list {
        margin: 0 6px
    }

    .sales-analytics .people-saying .people-saying-list .people-item {
        flex-direction: column;
        text-align: center
    }

    .sales-analytics .people-saying .people-saying-list .people-item .description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 26px
    }

    .fitzoh-page .accordion-item:last-child {
        margin: 0
    }

    .fitzoh-page .about-us .about-content p {
        max-width: 50%
    }

    .contact-details {
        margin-top: 40px
    }

    .contact-details ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px
    }

    .contact-details ul .contact-link {
        width: 100%
    }

    .follow-links-wrap ul {
        flex-direction: row
    }

    .comapny-info .slick-slide div img {
        max-width: none
    }

    .qwaser-page .qwaser-title-list {
        padding-bottom: 40px
    }

    .qwaser-page .hero .hero-content .qwaser-logo img {
        max-width: 45px
    }

    .qwaser-page .hero .hero-content .qwaser-logo span {
        font-size: 28px
    }

    .qwaser-page .hero .hero-content h1 {
        font-size: 40px;
        margin-top: 35px
    }

    .qwaser-page .hero .hero-content h1 img {
        max-width: 160px
    }

    .qwaser-page .hero .hero-content p {
        max-width: 600px
    }

    .qwaser-page .badge-btn {
        width: 140px;
        font-size: 18px;
        margin: 25px auto 0
    }

    .qwaser-page .qwaser-title-list ul li {
        font-size: 16px;
        padding: 8px 13px
    }

    .qwaser-page .qwaser-about-project .faq-content ul {
        padding: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .qwaser-page .qwaser-about-project .faq-content ul .counter-box {
        width: 25%;
        display: block;
        border: none;
        padding-bottom: 0
    }

    .qwaser-page .qwaser-about-project .faq-content ul .counter-box h4 {
        color: #fff
    }

    .qwaser-page .qwaser-about-project .faq-content ul .counter-box p {
        display: block;
        margin-bottom: 0
    }

    .qwaser-page .faq-content .accordion-button {
        font-size: 18px;
        font-weight: 500;
        color: hsla(0, 0%, 100%, .8)
    }

    .qwaser-page .faq-content .slick-slider ul {
        justify-content: center
    }

    .qwaser-page .faq-content .slick-slider ul li {
        border: none
    }

    .qwaser-page .about-project-slider {
        margin-top: 30px
    }

    .qwaser-page .package-box {
        display: none
    }

    .qwaser-page .task-section .task-image {
        max-width: 500px
    }

    .qwaser-page .task-section .task-image:after {
        display: none
    }

    .qwaser-page .survey-data-box {
        padding: 90px 50px
    }

    .qwaser-page .survey-data-box h2 {
        font-size: 35px;
        max-width: 550px
    }

    .qwaser-page .survey-data-box .triangle-image {
        left: -60px;
        top: -60px
    }

    .qwaser-page .breadboarding .wrapper.mobile-none {
        display: none
    }

    .qwaser-page .breadboarding .badge-btn {
        margin: 70px auto 30px
    }

    .qwaser-page .about-project-slider .slick-slide img,
    .qwaser-page .breadboarding-slider .slick-slide img {
        max-width: 400px
    }

    .qwaser-page .ui-design-image .scan-gradient {
        bottom: -30px;
        width: 110px
    }

    .qwaser-page .ui-design-accordion {
        margin-top: 50px
    }

    .qwaser-page .ui-design-accordion .accordion-body .content img {
        max-width: 300px
    }

    .qwaser-page .publish-project {
        padding-bottom: 0
    }

    .qwaser-page .publish-project .publish-image:after {
        display: none
    }

    .qwaser-page .ai-routing .ai-image-box {
        margin-bottom: 40px
    }
}

@media(max-width: 1040px) {
    .header-content .menu-link ul li {
        margin-left: 13px;
        font-size: 16px
    }

    .social-link-wrapper ul {
        font-size: 30px
    }

    .testimonial .testimonial-wrapper .client-name-bg {
        font-size: 165px;
        line-height: 390px
    }

    .testimonial .testimonial-wrapper .client-review {
        max-width: 480px
    }

    .ready-to-multiqos .blogs-wrapper .blog-content {
        padding: 48px 34px
    }

    .ready-to-multiqos .white-box:hover {
        width: 520px
    }

    .copyright .copyright-text .copyright-img {
        margin-left: 60px
    }

    .michael-john-page .process-wrapper ul li:nth-child(2) {
        margin-left: 10%
    }

    .michael-john-page .process-wrapper ul li:nth-child(3) {
        margin-left: 34%
    }

    .michael-john-page .process-wrapper ul li .our-process-title {
        font-size: 16px;
        padding: 16px 30px 16px 55px
    }

    .michael-john-page .process-wrapper ul li .our-process-title:before {
        font-size: 18px;
        height: 36px;
        width: 36px
    }

    .virtual-ics-page .virtual-text-box {
        height: 280px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span {
        font-size: 170px;
        line-height: 180px
    }
}

@media(max-width: 991px) {
    .hero {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .hero.custom-space {
        padding-top: 80px;
        padding-bottom: 50px
    }

    .hero.desktop-banner {
        padding-top: 120px;
        padding-bottom: 50px;
        background-size: cover
    }

    .hero .banner-content br {
        display: block
    }

    .hero .banner-content h1 {
        margin-bottom: 40px
    }

    .hero .banner-content h1 span {
        margin: 0 -4px
    }

    .hero .banner-content h1,
    .hero .banner-content h1 span {
        font-size: 36px;
        line-height: 36px
    }

    .hero .banner-content h1 b,
    .hero .banner-content h1 span b {
        font-size: 75px;
        line-height: 75px;
        margin-left: -3px
    }

    .hero h1 {
        font-size: 50px
    }

    h3 {
        font-size: 32px
    }

    .inner-title {
        font-size: 110px;
        -webkit-text-stroke-width: 1px
    }

    .inner-title .small-title {
        margin-bottom: -40px;
        margin-left: 0
    }

    .pt,
    .ptb {
        padding-top: 50px
    }

    .menu-link,
    br {
        display: none
    }

    .burger-nav-container {
        display: block
    }

    .right-btn {
        position: static;
        margin-top: 20px
    }

    .common-btn,
    .view-btn {
        padding: 8px 20px
    }

    .header-content {
        padding: 15px
    }

    .header-links {
        position: absolute;
        top: 70px;
        width: 100%;
        height: 100vh;
        z-index: 99;
        left: -100%;
        transition: .5s ease-in-out
    }

    .header-links ul {
        height: 100%;
        background-color: #000
    }

    .header-links ul .color-button {
        background-color: #fee;
        transition: background-color .1s ease-in-out
    }

    .header-links ul .color-button a {
        color: #ff174f
    }

    .header-links ul li {
        position: relative;
        height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-transform: capitalize;
        color: #fff
    }

    .header-links ul li.active a,
    .header-links ul li:hover a {
        color: #ff174f
    }

    .header-links ul li a {
        color: #fff;
        margin-left: 24px
    }

    .mobile-toggle {
        height: 25px;
        right: 15px;
        z-index: 9999999;
        cursor: pointer;
        transition: all .3s linear;
        transform: translateY(-50%)
    }

    .mobile-toggle,
    .mobile-toggle i {
        position: absolute;
        width: 26px;
        top: 50%;
        display: block
    }

    .mobile-toggle i {
        height: 2px;
        background: #ff174f;
        left: 0;
        transition: all .2s linear;
        transform: translatey(-50%)
    }

    .mobile-toggle i:before {
        top: -6px
    }

    .mobile-toggle i:after,
    .mobile-toggle i:before {
        transform: rotate(0deg);
        transition: transform .2s linear, top .2s linear .2s
    }

    .mobile-toggle i:after {
        top: 6px
    }

    .mobile-toggle i:after,
    .mobile-toggle i:before {
        content: "";
        height: 100%;
        width: 100%;
        background: #ff174f;
        left: 0;
        position: Absolute
    }

    .mobile-open {
        overflow: hidden
    }

    .mobile-open .mobile-toggle i {
        background: transparent !important
    }

    .mobile-open .mobile-toggle i:before {
        top: 0;
        transform: rotate(-45deg);
        transition: all .2s linear, transform .2s linear .2s
    }

    .mobile-open .mobile-toggle i:after {
        transform: rotate(45deg);
        top: 0;
        transition: all .2s linear, transform .2s linear .2s
    }

    .mobile-open .mobile-toggle i:after,
    .mobile-open .mobile-toggle i:before {
        background: #ff174f !important
    }

    .mobile-open .header-links {
        left: 0
    }

    .mobile-open .visible {
        height: 200px;
        opacity: 1;
        z-index: 99
    }

    .mobile-open .rotate span:before {
        transform: rotate(0)
    }

    .mobile-sub-menu {
        height: 0;
        opacity: 0;
        transition: all .25s ease-in-out
    }

    .mobile-sub-menu .mobile-menu-inner-wrap {
        padding-left: 10px;
        overflow: auto
    }

    .mobile-sub-menu .mobile-menu-inner-wrap a {
        font-size: 15px;
        transition: opacity, transform
    }

    .get-in-touch .get-in-touch-content:hover .hand-image {
        transform: none
    }

    .get-in-touch .get-in-touch-content .hand-image {
        position: static;
        transform: none;
        transition: none;
        text-align: center
    }

    .blog-wrapper .box {
        height: auto;
        margin-top: 20px
    }

    .copyright {
        display: flex;
        align-items: center;
        flex-direction: column;
        grid-gap: 16px
    }

    .platform-title {
        font-size: 90px;
        line-height: normal;
        -webkit-text-stroke-width: 1px;
        margin-bottom: 30px
    }

    .platform-title:first-child {
        -webkit-text-stroke-color: #e74d89;
        -webkit-text-fill-color: #e74d89
    }

    .platform-title:nth-child(2n) {
        margin-left: 0;
        -webkit-text-stroke-color: #0157ff;
        -webkit-text-fill-color: #0157ff
    }

    .platform-title:last-child {
        -webkit-text-stroke-color: #fff;
        -webkit-text-fill-color: #fff
    }

    .platform-title .hover-image {
        display: block
    }

    .platform-title img {
        max-width: 120px;
        position: absolute;
        right: 15px
    }

    .portfolio-list .portfolio-row {
        margin: 0 -10px 40px
    }

    .portfolio-list .portfolio-row .portfolio-col {
        height: 340px
    }

    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-4,
    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-4:hover,
    .portfolio-list .portfolio-row .portfolio-col.portfolio-col-8 {
        width: 50%
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-one .portfolio-logo {
        right: 25px;
        max-width: 280px
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-two .portfolio-image {
        right: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-three .portfolio-logo {
        top: 15px;
        left: 15px;
        max-width: 230px
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item.portfolio-five .portfolio-image {
        transform: scale(1);
        bottom: -85px
    }

    .portfolio-list .portfolio-row .portfolio-col .portfolio-item .contact-btn {
        bottom: 20px;
        left: 15px
    }

    .portfolio-list .portfolio-row.active .portfolio-col.portfolio-col-4,
    .portfolio-list .portfolio-row.active .portfolio-col.portfolio-col-8 {
        width: 50%
    }

    .portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-two .portfolio-image {
        right: 0;
        bottom: 0
    }

    .portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-five .portfolio-image {
        transform: scale(1);
        bottom: -74px
    }

    .portfolio-list .portfolio-row.active .portfolio-col .portfolio-item.portfolio-six .portfolio-image {
        transform: scale(1)
    }

    .aboutus-page .counter-box .experience-box {
        border-radius: 10px;
        height: auto;
        padding: 20px 50px 30px
    }

    .aboutus-page .counter-box .experience-box .info .number-text {
        font-size: 50px;
        line-height: 70px
    }

    .aboutus-page .counter-box .experience-box .row {
        row-gap: 20px
    }

    .aboutus-page .founder .about-founder {
        flex-direction: column;
        row-gap: 30px
    }

    .aboutus-page .founder .about-founder .founder-image {
        width: 100%;
        text-align: center
    }

    .aboutus-page .founder .about-founder .about-founder-content {
        width: 100%
    }

    .aboutus-page .socical-info .info-wrapper .row {
        row-gap: 25px
    }

    .testimonial .testimonial-wrapper {
        padding: 15px;
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
        height: auto
    }

    .testimonial .testimonial-wrapper .client-name-bg {
        font-size: 140px;
        line-height: 300px
    }

    .testimonial .testimonial-wrapper .client-review {
        max-width: 100%;
        text-align: center
    }

    .testimonial .testimonial-wrapper .client-review .client-name {
        text-align: center
    }

    .testimonial .testimonial-wrapper .client-image {
        display: flex;
        justify-content: center
    }

    .testimonial .testimonial-wrapper .client-image img {
        max-width: 200px;
        filter: grayscale(0)
    }

    .hire-cta .blogs-wrapper {
        grid-template-columns: 1fr
    }

    .ready-to-multiqos .blogs-wrapper {
        flex-direction: column;
        row-gap: 25px
    }

    .ready-to-multiqos .blogs-wrapper .blog-content {
        padding: 25px 20px;
        border-radius: 10px
    }

    .ready-to-multiqos .blogs-wrapper .blog-content h3 {
        max-width: 100%;
        padding-top: 15px;
        font-size: 24px
    }

    .ready-to-multiqos .blogs-wrapper .blog-content .common-btn {
        margin-top: 25px;
        padding: 8px 20px
    }

    .ready-to-multiqos .blogs-wrapper .purple-box {
        margin: 0
    }

    .ready-to-multiqos .blogs-wrapper .white-box {
        width: 100%
    }

    .ready-to-multiqos .blogs-wrapper .white-box h4 {
        padding-top: 14px
    }

    .ready-to-multiqos .blogs-wrapper .white-box:hover {
        width: 100%
    }

    .ready-to-multiqos .blogs-wrapper .white-box h4 {
        max-width: 100%;
        font-size: 24px
    }

    .cta {
        padding-top: 50px !important;
        text-align: center
    }

    .cta .cta-content {
        padding: 30px;
        height: 100%;
        flex-direction: column
    }

    .cta .cta-content .title p {
        max-width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: center
    }

    .content-list .content-list-left .content {
        margin-left: 10px
    }

    .content-list .content-list-left .content h4 {
        font-size: 22px;
        text-transform: capitalize
    }

    .faq-content .accordion-button {
        padding: 15px 40px 15px 15px;
        font-size: 15px;
        line-height: 23px
    }

    .accordion-button:after,
    .faq-content .m-toggle span.accordion-button:before,
    .m-toggle .faq-content span.accordion-button:before {
        position: absolute;
        right: 16px;
        height: 11px;
        width: 16px;
        background-size: contain
    }

    .tools-and-tech .icon-box img {
        max-height: 40px
    }

    .hire-developers .benefits .benefits-box {
        width: 47%;
        border-radius: 10px;
        padding: 15px
    }

    .hire-developers .benefits .benefits-box .img-box {
        height: 150px
    }

    .hire-developers .benefits .benefits-box .icons {
        width: 60px
    }

    .hire-developers .benefits .benefits-box .midnight {
        width: 80px
    }

    .hire-developers .benefits .benefits-box h6 {
        font-size: 20px
    }

    .hire-dedicated .hire-content {
        padding: 30px;
        height: 100%
    }

    .hire-dedicated .hire-content .title-text {
        max-width: 100%
    }

    .hire-dedicated .hire-content p {
        max-width: 100%;
        margin-bottom: 20px;
        margin-top: 20px
    }

    .solution-list {
        grid-template-columns: 1fr
    }

    .solution-list li {
        padding: 20px 20px 20px 30px
    }

    .hire-ios-dev .white-box .content h6 {
        padding-top: 15px;
        line-height: 25px
    }

    .career .hiring-box-wrapper .hiring-box {
        padding: 15px 12px
    }

    .career .hiring-box-wrapper .hiring-box .tech-details {
        width: 100%
    }

    .career .hiring-box-wrapper .hiring-box .tech-details h4 {
        font-size: 26px
    }

    .career .hiring-box-wrapper .hiring-box .accordion-button img {
        width: 12px
    }

    .career .hiring-box-wrapper .accordion-item {
        border-radius: 10px
    }

    .career .hiring-box-wrapper .accordion-item .accordion-body {
        padding: 20px 15px
    }

    .career .hiring-box-wrapper .apply-now .down-btn {
        width: 35px;
        height: 35px
    }

    .career .hiring-box-wrapper .requirement {
        margin-bottom: 15px;
        max-width: 100%
    }

    .career .hiring-box-wrapper .requirement h5 {
        line-height: 40px;
        font-size: 22px
    }

    .career .hiring-box-wrapper .requirement .position {
        text-align: center
    }

    .error-page .error-message-wrapper {
        padding: 0 12px;
        text-align: center
    }

    .error-page .error-message-wrapper .inner-title {
        font-size: 140px;
        margin-bottom: -45px
    }

    .error-page .error-message-wrapper p {
        max-width: 620px
    }

    .error-page .thanku-text {
        font-size: 140px;
        bottom: 90px
    }

    .error-page .sorry-text {
        font-size: 230px
    }

    .multibrand-page .showcase-website .title h2 .double-dot {
        right: 0
    }

    .multibrand-page .multibrand-process .title {
        flex-direction: column
    }

    .multibrand-page .multibrand-process .title p {
        max-width: 100%
    }

    .multibrand-page .design-content .font-family-name {
        column-gap: 50px
    }

    .multibrand-page .design-content .font-styling {
        flex-direction: column;
        margin-top: 50px
    }

    .multibrand-page .design-content .font-styling .font-family {
        width: -moz-fit-content;
        width: fit-content
    }

    .multibrand-page .design-content .colors {
        margin-top: 50px
    }

    .multibrand-page .design-content .icon ul {
        width: auto;
        border-radius: 20px;
        padding: 10px 20px;
        margin-bottom: 20px
    }

    .multibrand-page .design-content .icon ul li {
        margin-right: 15px
    }

    .multibrand-page .technology-wrapper {
        flex-direction: column
    }

    .multibrand-page .technology-wrapper ul li,
    .multibrand-page .technology-wrapper ul li:last-child,
    .multibrand-page .technology-wrapper ul li:nth-child(3) {
        margin-bottom: 40px
    }

    .multibrand-page .technology-wrapper ul li img {
        max-height: 50px
    }

    .multibrand-page .technology-wrapper ul li h5 {
        font-size: 20px
    }

    .our-hiring-models .hiring-model-box {
        border-radius: 10px;
        padding: 30px 20px
    }

    .irpg-page .irpg-title {
        font-size: 70px;
        line-height: inherit
    }

    .irpg-page .typography .typography-content {
        margin-left: 0;
        margin-top: 30px
    }

    .irpg-page .typography .typography-content .font-content {
        margin: 20px 0 40px
    }

    .irpg-page .mobile-ui {
        margin-top: 50px;
        padding-bottom: 50px
    }

    .hire-ios-developers .how-hiring-ios-dev .oriented-app-wrapper .list {
        width: 100%;
        margin-bottom: 25px;
        font-size: 20px
    }

    .hire-ios-developers .how-hiring-ios-dev .oriented-app-wrapper .list .list-icon {
        margin-right: 20px
    }

    .location-page .searchSection {
        max-width: 100%;
        padding-top: 10px
    }

    .location-page .searchSection .searchBox {
        padding: 10px 20px
    }

    .location-page .searchSection .common-btn {
        bottom: 3px;
        right: 3px
    }

    .ready-to-mqs .blogs-wrapper {
        row-gap: 30px
    }

    .uiuxdesign .title {
        margin-bottom: 30px
    }

    .uiuxdesign .custom-list ul li {
        padding: 7px 20px;
        font-size: 18px
    }

    .uiuxdesign .uiux-slider {
        margin-top: 40px
    }

    .count-box .number {
        font-size: 60px
    }

    .portfolio-inner-page {
        background-image: none !important
    }

    .portfolio-inner-page .hero .inner-title {
        font-size: 200px
    }

    .portfolio-inner-page .hero .inner-title .explore-crypto {
        font-size: 20px;
        max-width: 260px;
        line-height: 30px;
        padding: 10px 25px
    }

    .portfolio-inner-page .hero h1 {
        font-size: 120px
    }

    .portfolio-inner-page .about-project {
        margin-left: 35px;
        padding: 60px 10px 50px
    }

    .portfolio-inner-page .about-project .about-image img {
        width: 250px
    }

    .portfolio-inner-page .crypto-currency .subheading {
        font-size: 140px
    }

    .portfolio-inner-page .mrsnark-data .heading {
        font-size: 120px
    }

    .portfolio-inner-page .mrsnark-data .mrsnark-image {
        margin-top: -100px
    }

    .portfolio-inner-page .mobil-app .subheading {
        font-size: 120px
    }

    .portfolio-inner-page .mrsnark-image {
        margin-top: -100px
    }

    .portfolio-inner-page .heading {
        font-size: 90px
    }

    .portfolio-inner-page .launch-web .feature-area .feature-list {
        flex-direction: column
    }

    .portfolio-inner-page .launch-web .feature-area .feature-list li {
        width: 100%;
        padding: 10px 0;
        border: none;
        font-size: 22px
    }

    .portfolio-inner-page .launch-web .feature-area .feature-list li a {
        font-size: 20px
    }

    .technology-stack .icon-wrapper .icon-box {
        width: 33%
    }

    .technology-stack .icon-wrapper .icon-box span {
        font-size: 20px
    }

    .technology-stack .icon-wrapper .icon-box img {
        width: 50px;
        height: auto;
        margin-right: 20px
    }

    .technology-stack .subheading {
        font-size: 90px
    }

    .process-steps .steps {
        padding: 0
    }

    .portfolio-inner-page.polished-page .main-banner-img {
        padding-top: 0
    }

    .portfolio-inner-page.polished-page .main-banner-img .polished-text-img {
        top: 20px
    }

    .portfolio-inner-page.polished-page .main-banner-img .polished-text-img .polished-text {
        padding: 0
    }

    .portfolio-inner-page.polished-page .polished-wrapper {
        margin-top: 50px
    }

    .portfolio-inner-page.polished-page .inner-title {
        font-size: 40px;
        line-height: normal
    }

    .portfolio-inner-page.queso-page .hero {
        padding-top: 130px;
        padding-bottom: 70px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title {
        margin-bottom: 40px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title .title {
        font-size: 64px;
        line-height: 68px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(2).active img {
        left: 190px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3).active img {
        left: 388px
    }

    .portfolio-inner-page.queso-page .content-wrapper {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        font-size: 42px;
        line-height: 56px;
        grid-gap: 20px;
        margin-bottom: -20px
    }

    .portfolio-inner-page.queso-page .content-wrapper>div {
        text-align: left;
        border: none;
        padding: 0
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col {
        padding: 20px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-4,
    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-8 {
        width: 48.25%
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-8 p {
        font-size: 16px;
        line-height: 28px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-4 img {
        padding: 0 20px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col .card-inner p {
        font-size: 24px;
        line-height: 34px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(4) .card-inner p {
        max-width: 290px
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow {
        width: 50px;
        height: 50px
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow:before {
        width: 20px;
        height: 18px
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list {
        padding: 0 10px
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li {
        padding: 20px 0 20px 24px
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li:before {
        top: 34px;
        left: 0
    }

    .portfolio-inner-page.queso-page .technology-stack-wrapper .description {
        margin: 40px 0 0
    }

    .explore-more .blog-wrapper .box .content {
        font-size: 16px
    }

    .who-we-content .content-detail .content-description p:first-child:before {
        left: 14px;
        top: -20px;
        height: 48px;
        width: 60px
    }

    .sitemap-content .accordion-item h3 {
        font-size: 20px
    }

    .sitemap-content .accordion-item h4 {
        font-size: 18px
    }

    .sitemap-content .accordion-item .list-title {
        font-size: 16px;
        font-weight: 300
    }

    .sitemap-content .content-list li {
        padding: 6px 0;
        font-size: 16px;
        color: #fff
    }

    .sitemap-content .content-list li a {
        font-size: 16px
    }

    .technology-stack .icon-wrapper .icon-box .image {
        width: 70px;
        height: 70px
    }

    .technology-stack .icon-wrapper .icon-box .image img {
        width: 30px
    }

    .libf-page .banner-pattern {
        padding-top: 0
    }

    .libf-page .africa-calling .libf-blue-bg .libf-text {
        font-size: 40px
    }

    .libf-page .africa-calling .libf-blue-bg .inner-text {
        font-size: 22px
    }

    .libf-page .africa-calling .libf-gradiant-bg {
        padding: 30px 60px
    }

    .libf-page .africa-calling .libf-gradiant-bg span {
        display: none
    }

    .libf-page .project-overview-wrapper {
        padding-top: 50px
    }

    .libf-page .design-process .design-process-box {
        align-items: center
    }

    .libf-page .design-process .design-process-box img {
        width: 70px;
        height: 70px
    }

    .libf-page .design-process .design-process-box h5 {
        font-size: 22px
    }

    .libf-page .typography {
        padding-top: 80px
    }

    .libf-page .typography .wrap {
        max-width: 180px
    }

    .libf-page .typography .wrap h5 {
        padding-top: 20px;
        text-align: left
    }

    .libf-page .typography .typography-wrapper .details {
        padding-left: 8px;
        margin-top: 20px
    }

    .michael-john-page .btn-color-wrapper .check-pattern {
        display: none
    }

    .michael-john-page .btn-color-wrapper .content {
        position: inherit;
        align-items: flex-start;
        row-gap: 30px;
        margin-top: 30px
    }

    .michael-john-page .btn-color-wrapper .content .btn-style {
        justify-content: flex-start
    }

    .michael-john-page .aa-icon {
        max-height: 150px
    }

    .skin-dr-page .hero {
        padding-top: 140px
    }

    .skin-dr-page .about {
        padding-top: 50px
    }

    .skin-dr-page .cta-box {
        flex-direction: column-reverse;
        border-radius: 20px
    }

    .skin-dr-page .cta-box .cta-content {
        max-width: 100%;
        padding: 30px 0 20px
    }

    .skin-dr-page .cta-box .cta-content .quote-icon {
        max-width: 50px
    }

    .skin-dr-page .cta-box .white-box {
        width: 100%;
        border-radius: 10px;
        padding: 50px
    }

    .skin-dr-page .user-persona .design-elements .row {
        flex-direction: column-reverse
    }

    .skin-dr-page .user-persona .design-elements .typography-content {
        margin-top: 35px
    }

    .skin-dr-page .user-persona .design-elements .typography-content .typography-text {
        margin: 10px 0 20px
    }

    .skin-dr-page .user-persona .design-elements .typography-design:before {
        width: 140px;
        height: 140px;
        left: 130px;
        bottom: -30px
    }

    .skin-dr-page .user-persona .design-elements .colors {
        padding: 50px 0
    }

    .skin-dr-page .user-persona .design-elements .colors ul {
        gap: 30px
    }

    .skin-dr-page .user-persona .design-elements .colors ul li .color-box {
        width: 80px;
        height: 80px
    }

    .skin-dr-page .user-persona .design-elements .colors ul li .color-box span {
        font-size: 18px
    }

    .skin-dr-page .skindr-screen {
        margin-top: 50px
    }

    .skin-dr-page .mobile-and-web .custom-row {
        flex-direction: column-reverse
    }

    .skin-dr-page .mobile-and-web .mobile-content {
        max-width: 100%;
        margin-top: 40px;
        text-align: center
    }

    .skin-dr-page .mobile-and-web .tab-wrapper {
        text-align: center
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image {
        min-height: 510px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image img {
        max-height: 500px
    }

    .skin-dr-page .technology-stack .icon-wrapper .icon-box {
        width: 50%
    }

    .gameday .hero .gameday-main-title {
        font-size: 100px;
        line-height: 110px
    }

    .gameday .hero .gameday-main-title .banner-img img {
        max-width: 70px
    }

    .gameday .design-elements .design-content {
        flex-direction: column
    }

    .gameday .design-elements .design-content:before {
        font-size: 240px;
        left: -12px;
        top: -170px
    }

    .gameday .design-elements .design-content .typography-content {
        width: 100%
    }

    .gameday .design-elements .design-content .typography-content .font-content {
        padding-right: 0;
        margin-top: 25px
    }

    .gameday .design-elements .design-content .element-content {
        width: 100%;
        margin-top: 30px
    }

    .gameday .design-elements .design-content .element-content .element-icon {
        margin: 0
    }

    .gameday .design-elements .design-content .color-box-design {
        margin-top: 40px
    }

    .gameday .design-elements .design-content .color-box-design .color-box-wrapper {
        margin-top: 25px
    }

    .gameday .technology-stack .icon-wrapper .icon-box {
        width: 50%
    }

    .virtual-ics-page .title-wrapper {
        margin-bottom: 30px
    }

    .virtual-ics-page .title-wrapper .virtual-title {
        font-size: 35px;
        line-height: 40px;
        padding-left: 0
    }

    .virtual-ics-page .title-wrapper .title-pattern {
        display: none
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-image-box {
        max-width: 400px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-text {
        font-size: 120px;
        padding: 0 58px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-virtual-text {
        top: 14%;
        transform: translate(-100%, -14%)
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-virtual-text.custom-transform {
        transform: translateY(-14%)
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-ics-text {
        bottom: 3%;
        transform: translate(100%, -2%)
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-ics-text.custom-transform {
        transform: translateY(-2%)
    }

    .virtual-ics-page .our-key-aspects .key-aspect-slider .dashboard-image img {
        max-width: 300px
    }

    .virtual-ics-page .design-elements .design-element-wrapper {
        flex-direction: column
    }

    .virtual-ics-page .design-elements .design-bg {
        border-radius: 20px
    }

    .virtual-ics-page .design-elements .design-bg .circle-box {
        width: 220px;
        height: 220px
    }

    .virtual-ics-page .design-elements .design-bg .circle-box .big-text {
        font-size: 110px;
        line-height: 110px
    }

    .virtual-ics-page .design-elements .design-bg .circle-box .font-text {
        font-size: 30px;
        line-height: 40px
    }

    .virtual-ics-page .design-elements .font-weight {
        margin-top: 25px
    }

    .virtual-ics-page .design-elements .icons-wrap {
        padding: 0;
        margin-top: 20px;
        width: 100%
    }

    .virtual-ics-page .design-elements .icons-wrap .color-box-wrap li {
        border-radius: 20px
    }

    .virtual-ics-page .design-elements .icons-wrap .icons {
        padding: 20px
    }

    .virtual-ics-page .design-elements .fonts {
        padding: 20px;
        width: 100%
    }

    .virtual-ics-page .dashboard-slider .dashboard-image img {
        max-width: 300px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span {
        font-size: 130px;
        line-height: 160px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span:nth-child(7) {
        margin-right: 15px
    }

    .virtual-ics-page .virtual-ics-text-wrapper .text-animate li {
        font-size: 115px;
        line-height: 105px
    }

    .infosechire-page .dashboard-slider .dashboard-image {
        padding: 0 40px
    }

    .infosechire-page .dashboard-slider .image-slider .slick-slide:not(.slick-active) {
        margin: 0
    }

    .infosechire-page .dashboard-slider .image-slider .slick-slide {
        opacity: 1
    }

    .infosechire-page .dashboard-slider .image-slider .slick-center.slick-active {
        transform: scale(1);
        padding: 0
    }

    .infosechire-page .dashboard-slider .slick-prev {
        left: 15px;
        top: 50%
    }

    .infosechire-page .dashboard-slider .slick-next {
        right: 15px;
        top: 50%
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info {
        flex-direction: column
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info {
        width: 100%
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .inter-title {
        font-size: 100px;
        line-height: 90px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper {
        width: 100%
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul {
        justify-content: flex-start
    }

    .oufer-page .design-elemnts .elements-wrapper {
        flex-direction: column
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper {
        padding-top: 0
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper:before {
        display: none
    }

    .oufer-page .design-elemnts .elements-wrapper .design-element-right {
        background: transparent;
        padding: 0;
        margin-top: 20px
    }

    .go-for-me-page .our-features .title-wrapper,
    .go-for-me-page .title-wrapper {
        margin-bottom: 30px
    }

    .go-for-me-page .title {
        font-size: 70px;
        line-height: 68px
    }

    .go-for-me-page .title:before {
        bottom: 12px
    }

    .go-for-me-page p {
        font-size: 18px
    }

    .go-for-me-page .gofrome-about .gofrome-title,
    .go-for-me-page .hero .banner-title {
        font-size: 140px;
        line-height: 104px
    }

    .go-for-me-page .design-alignments-text {
        grid-column-gap: 60px;
        grid-row-gap: 30px
    }

    .go-for-me-page .design-alignments-text p {
        font-size: 18px
    }

    .go-for-me-page .design-alignments-text .font {
        font-size: 160px;
        line-height: 120px;
        grid-row-gap: 24px
    }

    .go-for-me-page .design-alignments-text .font span {
        font-size: 56px;
        line-height: 46px
    }

    .go-for-me-page .design-alignments-text p span {
        margin: 0 40px 0 0
    }

    .go-for-me-page .design-alignments-colo-list {
        grid-gap: 20px;
        margin-top: 30px
    }

    .go-for-me-page .design-alignments-colo-list li {
        width: 88px;
        height: 142px
    }

    .go-for-me-page .design-alignments-colo-list li span {
        font-size: 18px;
        letter-spacing: .06em
    }

    .go-for-me-page .solution-list li h5 {
        font-size: 16px
    }

    .go-for-me-page .technology-stack .icon-wrapper .icon-box .icon {
        width: 74px;
        height: 74px
    }

    .go-for-me-page .technology-stack .icon-wrapper .icon-box .icon img {
        max-height: 34px
    }

    .platform-content .platform-wrapper {
        padding: 30px 20px
    }

    .platform-content .platform-wrapper p {
        font-size: 16px;
        margin-top: 5px
    }

    .job-market-analysis .job-data {
        padding-bottom: 30px
    }

    .job-market-analysis .data-search .job-market-title {
        font-size: 210px
    }

    .fitzoh-page .hero .fitzoh-main-title {
        font-size: 150px
    }

    .fitzoh-page .hero .fitzoh-main-title:before {
        height: 10px;
        width: 10px
    }

    .fitzoh-page .counter .counter-box {
        margin-bottom: 20px
    }

    .fitzoh-page .counter .text-center {
        text-align: left !important
    }

    .fitzoh-page .counter .third-box {
        margin-top: 0 !important
    }

    .fitzoh-page .font-family {
        padding-bottom: 50px
    }

    .fitzoh-page .font-family .title {
        margin-bottom: 0
    }

    .fitzoh-page .font-family .font-size {
        margin-bottom: 20px
    }

    .fitzoh-page .font-family .font-style {
        align-items: flex-start;
        margin-bottom: 20px;
        flex-direction: column
    }

    .fitzoh-page .font-family .font-style span {
        width: 100%;
        white-space: break-spaces
    }

    .fitzoh-page .font-family .font-style span br {
        display: block
    }

    .fitzoh-page .color-picker ul li {
        height: 140px;
        width: 140px;
        font-size: 17px
    }

    .nft-coin-page .hero {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .nft-coin-page .hero .hero-title h1 {
        font-size: 50px
    }

    .nft-coin-page .hero .hero-title h1 br {
        display: block
    }

    .nft-coin-page .hero .hero-title .coin-image1 {
        width: 100px;
        height: 100px
    }

    .nft-coin-page .hero .hero-title .coin-image2 {
        width: 160px;
        height: 160px;
        right: -10px
    }

    .nft-coin-page .hero:after,
    .nft-coin-page .hero:before {
        width: 460px;
        height: 460px
    }

    .nft-coin-page .mobile-nft-what-we-provide .slick-slide div img {
        max-width: 320px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts {
        padding: 15px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts span {
        font-size: 24px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts .nft-text {
        margin-top: 0
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-fonts .nft-text p {
        font-size: 16px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-image {
        padding: 20px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .typo-wrap .nft-image img {
        max-width: 130px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap {
        column-gap: 15px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul {
        column-gap: 24px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li {
        width: 40px;
        height: 40px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .colorbox {
        column-gap: 20px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper {
        min-width: 140px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn {
        width: 100px;
        height: 60px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn span {
        font-size: 16px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .design-text {
        margin: 0 0 40px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .design-text span {
        font-size: 72px;
        padding: 0
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .icons-wrapper ul li img {
        width: 30px;
        height: 25px
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap .client-review-box {
        width: 255px !important;
        height: 255px
    }

    .fidelizacion .hero-banner {
        padding: 120px 0 0
    }

    .fidelizacion .hero-banner h1 br {
        display: block
    }

    .fidelizacion .title-wrapper h1,
    .fidelizacion .title-wrapper h2 {
        font-size: 36px
    }

    .fidelizacion .title-wrapper h2 {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .fidelizacion .title-wrapper h3 {
        font-size: 20px
    }

    .fidelizacion .branding-card .bottom,
    .fidelizacion .branding-card .top {
        padding: 20px
    }

    .fidelizacion .branding-card .top {
        height: 30%
    }

    .fidelizacion .branding-card .top img {
        max-width: 180px
    }

    .fidelizacion .branding-card .bottom {
        height: 70%;
        justify-content: center;
        flex-direction: column
    }

    .fidelizacion .branding-card .bottom .content {
        padding: 0;
        margin: 16px 0 0;
        text-align: center
    }

    .fidelizacion .branding-card .bottom .content:before {
        display: none
    }

    .fidelizacion .branding-card .bottom h4 {
        margin-top: 14px
    }

    .fidelizacion .dustbin {
        padding-top: 210px
    }

    .fidelizacion .dustbin .dustbin-image-list li {
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: 6px
    }

    .fidelizacion .dustbin .dustbin-image-list li img {
        max-width: 80px
    }

    .fidelizacion .dustbin .dustbin-image h2 {
        font-size: 160px
    }

    .fidelizacion .dustbin .dustbin-image .dustbin-main-image {
        height: 350px
    }

    .fidelizacion .technology-stack-list {
        grid-gap: 20px
    }

    .fidelizacion .technology-stack-list li span {
        width: 50px;
        height: 50px
    }

    .sales-analytics .pb-160 {
        padding-bottom: 50px
    }

    .sales-analytics .pt-160 {
        padding-top: 50px
    }

    .sales-analytics .mb-160 {
        margin-bottom: 50px
    }

    .sales-analytics .mt-160 {
        margin-top: 50px
    }

    .sales-analytics .big-title,
    .sales-analytics h2 {
        font-size: 28px;
        line-height: 42px
    }

    .sales-analytics .discover-our-sales .content-wrapper {
        padding: 0 60px
    }

    .sales-analytics .discover-our-sales .content-wrapper:after,
    .sales-analytics .discover-our-sales .content-wrapper:before {
        width: 36px;
        height: 36px
    }

    .sales-analytics .analytics-counter-list li {
        font-size: 20px;
        padding: 20px 16px
    }

    .sales-analytics .budget-country {
        text-align: center
    }

    .sales-analytics .budget-country p {
        margin-bottom: 10px
    }

    .sales-analytics .budget-country h2 {
        max-width: 400px;
        margin: 0 auto 24px
    }

    .sales-analytics .budget-country .budget-country-list {
        display: flex
    }

    .sales-analytics .budget-country .budget-country-list li {
        max-width: auto;
        width: 50%;
        text-align: center;
        padding: 0 12px;
        margin: 0;
        z-index: 1
    }

    .sales-analytics .budget-country .budget-country-list li:before {
        width: 100%;
        height: 2px;
        top: 30px;
        left: 50%;
        z-index: -1
    }

    .sales-analytics .budget-country .budget-country-list li:last-child:before {
        display: none
    }

    .sales-analytics .budget-country .budget-country-list li span {
        position: static;
        margin-bottom: 10px;
        color: #6d6bff;
        background: #fff
    }

    .sales-analytics .budget-country .budget-country-list h3 {
        max-width: 100%
    }

    .sales-analytics .budget-country .video-col {
        display: none
    }

    .sales-analytics .center-card h2,
    .sales-analytics .people-saying h2 {
        margin-bottom: 20px
    }

    .sales-analytics .sales-analyics-animation {
        max-height: 400px
    }

    .sales-analytics .sales-analyics-animation .sales-analyics-circle {
        padding: 12px
    }

    .fitzoh-page .about-us {
        min-height: 400px
    }

    .fitzoh-page .about-us .about-images img {
        height: 400px
    }

    .fitzoh-page .about-us .about-content p {
        font-size: 18px
    }

    .fitzoh-page .counter .counter-box .count {
        font-size: 60px
    }

    .fitzoh-page .counter .counter-box .count:before {
        top: 10px !important;
        left: 0 !important;
        transform: none !important;
        margin: 0 !important;
        width: 22px;
        height: 22px
    }

    .fitzoh-page .counter-col {
        width: 33.3333%;
        max-width: 33.3333%
    }

    .contact-details {
        margin-top: 30px
    }

    .contact-details .title-text {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 20px
    }

    .contact-details ul {
        flex-direction: row;
        justify-content: space-between;
        gap: 14px
    }

    .contact-details ul .contact-link {
        width: auto
    }

    .contact-details.follow-links-wrap ul {
        justify-content: flex-start
    }

    .custom-form {
        margin-top: 50px
    }

    .footer-content .company-links {
        padding: 30px;
        margin-top: 50px;
        flex-wrap: wrap;
        grid-gap: 0;
        grid-row-gap: 24px
    }

    .footer-content .company-links .footer-menu-links {
        width: 50%
    }

    .footer-content .company-links .footer-menu-links ul li a {
        line-height: 38px
    }

    .comapny-info {
        padding: 30px 0
    }

    .portfolio-page .portfolio-gallery .hire-dedicated {
        padding: 0 0 30px !important
    }

    .portfolio-page .portfolio-gallery .imgs-box img {
        width: 100% !important
    }

    .portfolio-page .portfolio-gallery .black-bg {
        margin-bottom: 30px
    }

    .portfolio-page .portfolio-gallery .black-bg .imgs-box {
        flex-direction: column
    }

    .portfolio-page .portfolio-gallery .black-bg .imgs-box .portfolio-content {
        margin-left: 0;
        width: 100%;
        margin-top: 30px
    }

    .qwaser-page .ptb {
        padding-top: 70px
    }

    .qwaser-page .hero:before {
        width: 590px;
        height: 400px
    }

    .qwaser-page .qwaser-title-list {
        padding-bottom: 25px
    }

    .qwaser-page .qwaser-title-list ul {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 5px 15px
    }

    .qwaser-page .qwaser-about-project .faq-content ul .counter-box {
        padding: 0
    }

    .qwaser-page .survey-data-box p {
        max-width: 480px
    }

    .qwaser-page .survey-data-box h2 {
        font-size: 28px;
        max-width: 480px;
        margin: 20px auto 0
    }

    .qwaser-page .survey-data-box .triangle-image {
        left: 0;
        top: 0;
        max-width: 110px
    }

    .qwaser-page .survey-data-box .polygon-image {
        right: 0;
        bottom: 0;
        max-width: 110px
    }

    .qwaser-page .survey-data-box:after,
    .qwaser-page .survey-data-box:before {
        height: 40px
    }

    .qwaser-page .survey-data-box:before {
        top: -32px
    }

    .qwaser-page .survey-data-box:after {
        bottom: -32px
    }
}

@media(max-width: 767px) {
    .container {
        padding-left: 20px;
        padding-right: 20px
    }

    .hero .banner-content h1,
    .hero .banner-content h1 span {
        font-size: 28px;
        line-height: 30px
    }

    .hero .banner-content h1 b,
    .hero .banner-content h1 span b {
        font-size: 45px;
        line-height: 50px
    }

    .hero p {
        margin-bottom: 25px
    }

    .hero h1 {
        font-size: 26px
    }

    h2,
    h3,
    h4,
    h5 {
        font-size: 20px
    }

    h5 {
        line-height: 30px
    }

    h6 {
        font-size: 20px
    }

    p {
        font-size: 14px;
        line-height: 28px
    }

    .pb {
        padding-bottom: 0
    }

    .subtitle {
        font-size: 18px;
        margin: 0;
                padding: 0 0 10px;
    }

    .subtitle:before {
        width: 40px;
        margin-left: 0;
        display:none;
    }

    .portfolio-list {
        display: none
    }

    .portfolio-list-mobile {
        display: block
    }

    .portfolio-list-mobile .portfolio-mobile-image {
        margin-bottom: 40px;
        display: block
    }

    .portfolio-list-mobile .portfolio-mobile-image:last-child {
        margin: 0
    }

    .inner-title {
        font-size: 40px
    }

    .inner-title .small-title {
        font-size: 40px;
        margin-bottom: -25px
    }

    .blogs-wrapper .blog-content {
        padding: 25px
    }

    .blogs-wrapper .blog-content .common-btn {
        margin-top: 40px
    }

    .culture-of-multiqos .title h2 {
        font-size: 50px;
        line-height: 75px
    }

    .cta .cta-content .title p {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .get-in-touch .get-in-touch-content h2 {
        font-size: 27px
    }

    .get-in-touch .get-in-touch-content h2 span {
        margin-left: 7px;
        display: inline-block
    }

    .faq-content .accordion-item {
        margin-bottom: 20px
    }

    .faq-content .accordion-body {
        padding: 10px;
        font-size: 15px
    }

    .faq-content .accordion-body .inner-accordian {
        padding: 20px 0
    }

    .faq-content .accordion-body p {
        font-size: 16px;
        line-height: 23px
    }

    .faq-content .accordion-body p:last-child {
        margin: 0
    }

    .faq-content .icon-wrapper {
        flex-wrap: wrap
    }

    .faq-content .icon-wrapper .view {
        width: 50%;
        margin: 10px 0
    }

    .faq-content .icon-wrapper .view .icon-box {
        padding: 0
    }

    .copyright .copyright-text p {
        font-size: 16px;
        text-align: center
    }

    .footer-content .company-links .footer-title {
        padding-bottom: 10px
    }

    .footer-content .comapny-info {
        padding: 30px 0
    }

    .footer-content .comapny-info .footer-text {
        padding-top: 24px
    }

    .footer-content .comapny-info .footer-text h5 {
        font-size: 18px
    }

    .footer-content .comapny-info .footer-text address {
        font-size: 16px;
        padding: 10px 0;
        margin: 0
    }

    .footer-content .comapny-info .footer-text a {
        font-size: 16px
    }

    .tools-and-tech .accordion-item .content .view.right.in-view {
        width: 50%;
        margin-right: 0
    }

    .who-we-are .title {
        margin-bottom: 20px
    }

    .who-we-are .row {
        row-gap: 15px
    }

    .who-we-are .who-we-content .content-detail .content-description p:first-child:before {
        left: 30px;
        top: -8px;
        height: 35px
    }

    .count-box .number {
        font-size: 40px
    }

    .platform-title {
        font-size: 30px
    }

    .platform-title img {
        margin-left: 10px;
        max-width: 60px
    }

    .top-industry .content-text {
        text-align: center
    }

    .our-blog {
        padding-top: 30px
    }

    .our-blog .title {
        margin-bottom: 20px
    }

    .our-blog .blog-wrapper .box {
        border-radius: 10px;
        padding: 15px 10px 23px
    }

    .our-blog .blog-wrapper .box .content {
        flex-direction: column;
        align-items: flex-start
    }

    .our-blog .blog-wrapper .box .content span {
        max-width: 100%;
        padding-bottom: 10px
    }

    .aboutus-page .meet-multiqos .what-we-do {
        padding-top: 15px
    }

    .aboutus-page .our-values .title {
        margin-bottom: 0
    }

    .aboutus-page .counter-box .experience-box {
        padding: 0;
        background: transparent
    }

    .aboutus-page .counter-box .experience-box .info {
        background: #cdb9ff;
        border-radius: 6px;
        padding: 10px 10px 18px
    }

    .aboutus-page .counter-box .experience-box .info .number-text {
        font-size: 30px;
        line-height: 50px
    }

    .aboutus-page .founder .about-founder {
        background: transparent;
        padding: 0
    }

    .aboutus-page .founder .about-founder .about-founder-content h4 {
        margin-top: 15px
    }

    .aboutus-page .socical-info .info-wrapper .blur-box {
        padding: 20px;
        height: 100%;
        text-align: center;
        border-radius: 10px
    }

    .aboutus-page .socical-info .info-wrapper .blur-box .image-box {
        width: 100%;
        height: auto
    }

    .aboutus-page .socical-info .info-wrapper .blur-box .image-box img {
        width: 80px
    }

    .aboutus-page .socical-info .info-wrapper .blur-box h3 {
        font-size: 30px;
        line-height: normal;
        margin-top: 10px
    }

    .career .hiring-box-wrapper .hiring-box .tech-details h4 {
        font-size: 18px
    }

    .our-process .process-steps {
        margin-top: 0;
        padding: 0
    }

    .our-process .process-steps .step-bottom {
        margin-top: 0
    }

    .solution-page .trending .blackbox {
        padding: 20px;
        margin-bottom: 20px
    }

    .solution-page .trending .blackbox h2 {
        font-size: 26px
    }

    .solution-page .trending .blackbox .contact-btn {
        margin-left: 0;
        margin-top: 20px
    }

    .solution-page .trending .blackbox .icon img {
        max-width: 60px
    }

    .testimonial .testimonial-wrapper .client-name-bg,
    .testimonial .testimonial-wrapper .client-review:before {
        display: none
    }

    .testimonial .testimonial-wrapper .client-review .client-name h6 {
        font-size: 24px;
        margin: 0
    }

    .testimonial .testimonial-wrapper .client-review .quote-image {
        margin: 0 0 10px;
        max-width: 30px
    }

    .culture-of-multiqos .memories-slider .memories-image {
        margin: 0
    }

    .get-in-touch .subtitle:before {
        margin-left: 0
    }

    .get-in-touch .purple-box {
        padding: 20px 10px
    }

    .faq-content {
        padding-top: 0 !important
    }

    .faq-content .content-list-left .content h4 {
        font-size: 15px;
        text-transform: capitalize
    }

    .faq-content .icon-wrapper .view .icon-box span {
        margin-top: 10px
    }

    .faq-content .right-arrow-icon {
        height: 40px;
        width: 40px
    }

    .contact-us .contact-form-inner {
        padding: 30px 20px 45px
    }

    .contact-us .contact-form-inner h5 {
        font-size: 25px;
        margin-bottom: 25px
    }

    .contact-us .contact-form-inner .input-wrapper {
        font-size: 18px
    }

    .contact-details a {
        font-size: 20px;
        display: flex;
        align-items: center
    }

    .contact-details a .icon {
        margin-right: 10px;
        transform: scale(.8)
    }

    .copyright {
        grid-gap: 8px
    }

    .copyright .copyright-text {
        flex-direction: column;
        text-align: center
    }

    .copyright .copyright-text p {
        font-size: 14 px
    }

    .copyright .copyright-text .copyright-img {
        margin-left: 0;
        margin-top: 20px
    }

    .copyright .copyright-text .policy-text a {
        font-size: 16px
    }

    .social-link-wrapper ul {
        font-size: 25px;
        flex-direction: column;
        padding-bottom: 15px
    }

    .social-link-wrapper ul li {
        margin-bottom: 15px
    }

    .footer-content .contact-links {
        padding: 30px 0 10px
    }

    .cta .cta-content {
        padding: 20px 15px
    }

    .cta .cta-content .title h5 {
        font-size: 25px;
        line-height: 34px
    }

    .error-page {
        padding-top: 160px
    }

    .error-page .error-message-wrapper .inner-title {
        font-size: 110px;
        margin-bottom: -30px
    }

    .error-page .error-message-wrapper p {
        margin: 10px 0 25px
    }

    .error-page .thanku-page .inner-title {
        font-size: 80px
    }

    .error-page .sorry-text,
    .error-page .thanku-text {
        display: none
    }

    .portfolio-inner-page .hero .inner-title {
        font-size: 50px
    }

    .portfolio-inner-page .hero .inner-title .explore-crypto {
        position: relative;
        right: 16px;
        top: 45px;
        margin: 20px 0;
        font-size: 18px;
        max-width: 240px
    }

    .portfolio-inner-page .hero h1 {
        font-size: 30px
    }

    .portfolio-inner-page .about-project {
        margin-left: 0;
        padding: 30px 0
    }

    .portfolio-inner-page .about-project .row {
        flex-direction: column-reverse
    }

    .portfolio-inner-page .about-project .row .about-image {
        margin-bottom: 50px
    }

    .portfolio-inner-page .crypto-currency .heading {
        font-size: 30px
    }

    .portfolio-inner-page .crypto-currency .subheading {
        font-size: 60px;
        margin: 0
    }

    .portfolio-inner-page .mrsnark-data .title {
        margin-bottom: 0
    }

    .portfolio-inner-page .mrsnark-data .title .heading {
        font-size: 46px
    }

    .portfolio-inner-page .ready-to-multiqos .blogs-wrapper {
        margin-top: 0
    }

    .technology-stack .heading {
        font-size: 36px
    }

    .technology-stack .subheading {
        font-size: 60px
    }

    .technology-stack .icon-wrapper .icon-box {
        width: 50%;
        flex-direction: column
    }

    .technology-stack .icon-wrapper .icon-box .image {
        margin-right: 0
    }

    .technology-stack .icon-wrapper .icon-box img {
        width: 40px;
        margin-right: 0
    }

    .technology-stack .icon-wrapper .icon-box span {
        font-size: 18px;
        margin-top: 10px
    }

    .multibrand-page .title h2 .double-dot {
        max-width: 16px;
        top: 4px;
        right: -30px
    }

    .multibrand-page .showcase-website .title h2 .double-dot {
        right: -30px
    }

    .multibrand-page .hero .hero-content .main-title {
        font-size: 45px
    }

    .multibrand-page .hero .hero-content .content {
        margin-top: 20px
    }

    .multibrand-page .hero .hero-content .content img {
        max-height: 30px
    }

    .multibrand-page .hero .hero-content .content .inner-title,
    .multibrand-page .hero .hero-content .content .title {
        font-size: 40px
    }

    .multibrand-page .design-content h3 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .multibrand-page .design-content .font-family-name {
        flex-direction: column;
        align-items: flex-start
    }

    .multibrand-page .design-content .font-family-name img {
        height: auto;
        margin-bottom: 20px
    }

    .multibrand-page .design-content .colors {
        margin-top: 20px
    }

    .multibrand-page .design-content .colors .color-circle .circle {
        height: 30px;
        width: 30px
    }

    .multibrand-page .technology-wrapper ul li {
        flex-direction: column;
        margin-bottom: 20px
    }

    .multibrand-page .technology-wrapper ul li h5 {
        margin-left: 0;
        margin-top: 20px
    }

    .hire-developers .hero .inner-title .small-title {
        margin-bottom: -30px;
        margin-left: 0;
        font-size: 45px
    }

    .sports-app .hero .contact-btn {
        margin-top: 20px
    }

    .sports-app .features-list {
        padding: 30px 20px 30px 30px
    }

    .sports-app .features-list ul li {
        font-size: 16px;
        line-height: 20px
    }

    .hire-dedicated .hire-content {
        padding: 20px
    }

    .hire-dedicated .hire-content p {
        margin: 15px 0
    }

    .mobile-app .platform-box {
        border-radius: 10px;
        padding: 20px
    }

    .hire-ios-dev .white-box {
        padding: 20px;
        height: auto
    }

    .hire-ios-dev .white-box .content h6 {
        padding-top: 10px
    }

    .hire-ios-dev .white-box .content p {
        padding: 10px 0 20px
    }

    .hire-ios-dev .white-box .content .hire-dev {
        padding: 8px 14px
    }

    .ios-services .icon-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 30px
    }

    .ios-services .icon-wrapper .icon-box {
        margin-right: 0;
        max-width: 70px
    }

    .ios-services .icon-wrapper .icon-box img {
        height: 80px
    }

    .portfolio-page .portfolio-gallery ul li .portfolio-content h5 {
        margin-bottom: 0
    }

    .who-we-content .row {
        row-gap: 0
    }

    .inner-pages .hero p {
        margin-bottom: 30px
    }

    .ios-app .conter-wrapper .count-box,
    .uiux-page .content-detail .count-box {
        margin-right: 0
    }

    .uiuxdesign .uiux-slider .uiux-slider-imgs img {
        margin: 0 auto
    }

    .portfolio-inner-page .mobil-app .heading {
        font-size: 40px
    }

    .portfolio-inner-page .mobil-app .subheading {
        font-size: 36px;
        text-align: left
    }

    .hire-developers .grid-content .content .contact-btn {
        min-width: 35px;
        width: 35px;
        height: 35px
    }

    .hire-developers .grid-content .bg-yellow {
        width: 100%;
        position: static
    }

    .hire-developers .grid-content .bg-white {
        width: 100%;
        height: auto
    }

    .hire-developers .grid-content .bg-white img,
    .hire-developers .grid-content .bg-yellow {
        height: auto
    }

    .tools-and-tech .accordion-item .accordion-body {
        padding: 10px 0
    }

    .tools-and-tech .accordion-item .accordion-body .content .view.right.in-view span {
        font-size: 13px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list {
        justify-content: center;
        align-items: center
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title .title {
        font-size: 40px;
        line-height: 48px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title.active img {
        height: 210px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(2).active img {
        left: 122px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3).active img {
        left: 250px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row {
        grid-column-gap: 0;
        grid-row-gap: 24px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col {
        min-height: auto;
        padding: 30px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-4,
    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-8 {
        width: 100%
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-8 p {
        font-size: 18px;
        line-height: 34px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-4 img {
        position: static;
        margin-bottom: -30px
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li {
        font-size: 18px;
        line-height: 34px
    }

    .portfolio-inner-page.queso-page .challenges-content-wrapper .wrapper-item .content .list li:before {
        top: 30px
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow.slick-next {
        right: 0
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slick-arrow.slick-prev {
        left: 0
    }

    .portfolio-inner-page.queso-page .client-testimonial-wrapper .client-testimonial-slider .slider-item .client-image {
        width: 110px
    }

    .portfolio-inner-page.queso-page .queso-static-wrapper .image {
        padding: 50px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col .card-inner p {
        font-size: 20px;
        line-height: 32px;
        text-align: center !important
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col .card-inner p:after,
    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col .card-inner p:before {
        display: none
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(4) .card-inner p {
        max-width: 210px
    }

    .portfolio-inner-page.queso-page .content-wrapper {
        font-size: 28px;
        line-height: 36px;
        grid-gap: 18px
    }

    .portfolio-inner-page.queso-page .technology-stack .icon-wrapper .icon-box {
        width: 50%
    }

    .portfolio-inner-page.queso-page .technology-stack .icon-wrapper .icon-box span {
        text-align: center;
        max-width: 100%
    }

    .libf-page .banner-pattern {
        padding: 0 30px 40px
    }

    .libf-page .banner-pattern .banner-content {
        text-align: center
    }

    .libf-page .banner-pattern .banner-content .inner-title {
        font-size: 80px;
        line-height: 90px
    }

    .libf-page .africa-calling {
        flex-direction: column
    }

    .libf-page .africa-calling .libf-blue-bg {
        width: 100%;
        padding: 50px 0
    }

    .libf-page .africa-calling .libf-blue-bg .libf-text {
        font-size: 30px
    }

    .libf-page .africa-calling .libf-blue-bg .inner-text {
        font-size: 18px
    }

    .libf-page .africa-calling .libf-gradiant-bg {
        width: 100%;
        text-align: center
    }

    .libf-page .africa-calling .libf-gradiant-bg img {
        max-width: 240px
    }

    .libf-page .about-libf .title {
        margin-bottom: 0
    }

    .libf-page .design-process .custom-row {
        row-gap: 40px
    }

    .libf-page .design-process .custom-row .design-process-box {
        width: 50%
    }

    .libf-page .typography .typography-wrapper .font-content p {
        margin-bottom: 15px
    }

    .libf-page .typography .wrap img {
        max-width: 200px
    }

    .libf-page .technology-stack .icon-wrapper .icon-box {
        width: 50%
    }

    .libf-page .technology-stack .icon-wrapper .icon-box span {
        margin-top: 20px
    }

    .michael-john-page .hero .main-title {
        font-size: 25px
    }

    .michael-john-page .hero .inners-title {
        font-size: 60px;
        line-height: 55px
    }

    .michael-john-page .hero .inners-title br {
        display: block
    }

    .michael-john-page .process-wrapper {
        background-image: none;
        padding: 0
    }

    .michael-john-page .process-wrapper ul li {
        margin-bottom: 25px
    }

    .michael-john-page .process-wrapper ul li:nth-child(2),
    .michael-john-page .process-wrapper ul li:nth-child(3),
    .michael-john-page .process-wrapper ul li:nth-child(4) {
        margin-left: 0
    }

    .michael-john-page .process-wrapper ul li:nth-child(5) {
        text-align: left
    }

    .michael-john-page .process-wrapper ul li .our-process-title {
        display: block;
        font-size: 14px;
        padding: 16px 20px 16px 50px
    }

    .michael-john-page .process-wrapper ul li .our-process-title:before {
        font-size: 14px;
        height: 30px;
        width: 30px;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .michael-john-page .design-fonts .font-weight span {
        margin-right: 15px
    }

    .michael-john-page .design-element {
        padding-bottom: 0
    }

    .michael-john-page .design-element .btn-color-wrapper .content .arrow {
        height: 55px;
        width: 55px
    }

    .michael-john-page .design-element .btn-color-wrapper .content .btn-style .custom-btn {
        max-width: 180px;
        padding: 8px
    }

    .michael-john-page .design-element .btn-color-wrapper .content .color-code {
        display: block;
        width: 100%
    }

    .michael-john-page .design-element .btn-color-wrapper .content .color-code ul {
        flex-direction: column
    }

    .michael-john-page .design-element .btn-color-wrapper .content .color-code ul li {
        margin-bottom: 15px
    }

    .michael-john-page .design-element .btn-color-wrapper .content .color-code ul li:first-child .color {
        border-radius: 33px 33px 0 0
    }

    .michael-john-page .design-element .btn-color-wrapper .content .color-code ul li span {
        margin-top: 0
    }

    .michael-john-page .technology-stack .icon-wrapper .icon-box {
        width: 50%
    }

    .skin-dr-page .hero .banner-text-img {
        margin: 0 20px
    }

    .skin-dr-page .features .wrapper {
        padding-top: 0
    }

    .skin-dr-page .main-title .border-pattern {
        left: 10px;
        bottom: -20px
    }

    .skin-dr-page .main-title .border-pattern img {
        max-width: 60px
    }

    .skin-dr-page .workflow {
        padding-top: 20px
    }

    .skin-dr-page .workflow-mobile .workflow-box {
        padding: 40px 10px;
        height: 250px
    }

    .skin-dr-page .workflow-mobile .slick-slide div {
        margin: 0
    }

    .skin-dr-page .cta-box {
        padding: 15px
    }

    .skin-dr-page .cta-box .cta-content .quote-icon {
        max-width: 35px
    }

    .skin-dr-page .user-persona .design-elements .typography-content .typography-main-text {
        font-size: 30px;
        line-height: 40px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .typo-box {
        padding: 15px;
        width: 170px;
        min-height: 200px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .purple-box span {
        font-size: 20px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .purple-box .design-text {
        font-size: 50px;
        line-height: 50px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .white-box:before {
        width: 15px;
        height: 15px
    }

    .skin-dr-page .user-persona .design-elements .colors {
        padding: 30px 0 50px
    }

    .skin-dr-page .user-persona .design-elements .colors ul {
        column-gap: 0;
        row-gap: 20px
    }

    .skin-dr-page .user-persona .design-elements .colors ul li {
        width: 33%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .skin-dr-page .user-persona .design-elements .colors ul li .color-box {
        margin-bottom: 10px;
        border-radius: 15px
    }

    .skin-dr-page .user-persona .design-elements .colors .inner-text {
        font-size: 24px
    }

    .skin-dr-page .user-persona .design-elements .typography-content h1 {
        font-size: 30px
    }

    .skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab .icon-wrapper {
        width: 100px
    }

    .skin-dr-page .mobile-and-web .tab-wrapper .mobile-tab .icon-wrapper .icon {
        width: 50px;
        height: 50px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image {
        min-height: 400px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image img {
        max-height: 400px
    }

    .skin-dr-page .technology-stack .icon-wrapper .icon-box .image {
        margin-right: 0
    }

    .irpg-page .irpg-title {
        font-size: 35px
    }

    .irpg-page .hero .main-title {
        line-height: normal;
        font-size: 80px
    }

    .irpg-page .hero .caption {
        font-size: 14px
    }

    .irpg-page .hero .caption:before {
        left: -15px
    }

    .irpg-page .hero .caption:after {
        right: -15px
    }

    .irpg-page .typography .aa-icon {
        max-height: 150px
    }

    .irpg-page .typography .font-family {
        font-size: 30px;
        border-radius: 10px;
        margin-top: 20px;
        width: 100%
    }

    .irpg-page .typography .typography-content .color-box-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 0
    }

    .irpg-page .typography .typography-content .color-box-wrapper .color-code-box {
        width: 50%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .irpg-page .irpg-box {
        padding: 50px 0
    }

    .irpg-page .irpg-box .inner-title {
        font-size: 80px;
        line-height: normal
    }

    .gameday .gameday-title {
        font-size: 22px;
        line-height: 20px
    }

    .gameday .hero {
        padding: 120px 0 60px
    }

    .gameday .hero .gameday-main-title {
        font-size: 70px;
        line-height: 80px
    }

    .gameday .hero .gameday-main-title .banner-img img {
        max-width: 50px
    }

    .gameday .events .inner-title {
        font-size: 110px
    }

    .gameday .design-elements .gameday-title {
        margin-bottom: 30px
    }

    .gameday .design-elements .design-content:before {
        display: none
    }

    .gameday .design-elements .design-content .color-box-design .color-box-wrapper li {
        width: 60px;
        height: 60px;
        border-radius: 15px
    }

    .gameday .design-elements .design-content .color-box-design .color-code span {
        margin-left: 20px
    }

    .gameday .design-elements .design-content .element-content .element-icon {
        max-width: 250px
    }

    .gameday .design-elements .design-content .typography-content .font-weight span {
        font-size: 20px
    }

    .virtual-ics-page .title-wrapper .virtual-title {
        font-size: 25px;
        line-height: 25px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-text {
        font-size: 80px;
        padding: 0 29px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-virtual-text {
        top: -5%;
        transform: translate(0)
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-virtual-text.custom-transform {
        transform: translate(0)
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-image-box {
        max-width: 300px;
        transform: translateY(0);
        animation-delay: 0s
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-ics-text {
        bottom: -6%;
        transform: translate(0)
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-ics-text.custom-transform {
        transform: translate(0)
    }

    .virtual-ics-page .virtual-ics-text-wrapper .text-animate li {
        font-size: 70px;
        line-height: 60px
    }

    .virtual-ics-page .virtual-text-box {
        height: 210px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span {
        font-size: 100px;
        line-height: 130px
    }

    .virtual-ics-page .design-elements .design-bg .circle-box {
        width: 160px;
        height: 160px
    }

    .virtual-ics-page .design-elements .design-bg .circle-box .big-text {
        font-size: 70px;
        line-height: 80px
    }

    .virtual-ics-page .design-elements .design-bg .circle-box .font-text {
        font-size: 22px;
        line-height: 25px
    }

    .virtual-ics-page .design-elements .font-weight span {
        font-size: 18px;
        line-height: 30px
    }

    .virtual-ics-page .design-elements .icons-wrap .icons {
        padding: 25px
    }

    .virtual-ics-page .design-elements .icons-wrap .icons .title-text span {
        font-size: 20px
    }

    .virtual-ics-page .design-elements .icons-wrap .icons .icon-list {
        margin-top: 30px
    }

    .virtual-ics-page .design-elements .icons-wrap .icons .icon-list ul li img {
        max-width: 25px
    }

    .virtual-ics-page .design-elements .icons-wrap .color-box-wrap {
        flex-wrap: wrap
    }

    .infosechire-page .title-wrapper .wrap .infosec-title {
        font-size: 40px;
        line-height: 50px
    }

    .infosechire-page .infosec-features .faq-content .accordion-features-list {
        margin-top: 20px
    }

    .infosechire-page .dashboard-slider {
        padding-top: 0
    }

    .infosechire-page .dashboard-slider .infosec-title {
        font-size: 50px;
        line-height: 100px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .font-content p {
        font-size: 20px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul {
        grid-template-columns: repeat(2, 1fr)
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li {
        width: auto
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li span {
        font-size: 18px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:first-child,
    .infosechire-page .infosec-branding .branding-wrapper .typography-info .color-wrapper ul li:nth-child(2) {
        height: 150px
    }

    .infosechire-page .technology-stack {
        padding-top: 60px
    }

    .infosechire-page .technology-stack .icon-wrapper .icon-box {
        padding: 10px;
        border-radius: 0 !important
    }

    .infosechire-page .technology-stack .icon-wrapper .icon-box .image {
        width: 50px;
        height: 50px
    }

    .infosechire-page .technology-stack .icon-wrapper .icon-box span {
        margin: 0
    }

    .infosechire-page .technology-stack .icon-wrapper .icon-box:nth-child(3) {
        border-left: 1px solid hsla(0, 0%, 100%, .2);
        border-top: none
    }

    .oufer-page .oufer-title {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 30px
    }

    .oufer-page .hero .hero-pattern {
        padding: 20px 0 10px
    }

    .oufer-page .hero .hero-pattern span {
        font-size: 22px
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper h4 {
        font-size: 25px;
        margin-bottom: 20px
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper .font-title {
        font-size: 25px;
        line-height: 25px
    }

    .oufer-page .design-elemnts .elements-wrapper .fonts-wrapper .font-content {
        margin-top: 25px
    }

    .oufer-page .design-elemnts .elements-wrapper .design-element-right .design-image {
        max-width: 260px
    }

    .oufer-page .design-elemnts .elements-wrapper .design-element-right .font-weight span {
        margin-right: 30px
    }

    .go-for-me-page .hero img {
        min-height: 300px;
        object-position: top
    }

    .go-for-me-page .hero .banner-title {
        font-size: 64px;
        line-height: 64px
    }

    .go-for-me-page .hero .spotlight {
        background-image: radial-gradient(circle, transparent 0, #000 159px) !important
    }

    .go-for-me-page .title {
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 10px
    }

    .go-for-me-page .gofrome-about .gofrome-title {
        font-size: 64px;
        line-height: 64px
    }

    .go-for-me-page .design-alignments-text {
        flex-wrap: wrap;
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .go-for-me-page .design-alignments-text .font {
        font-size: 90px;
        line-height: 72px;
        grid-row-gap: 16px
    }

    .go-for-me-page .design-alignments-text .font span {
        font-size: 36px;
        line-height: 32px
    }

    .go-for-me-page .design-alignments-text p {
        font-size: 16px
    }

    .go-for-me-page .design-alignments-colo-list li {
        width: 70px;
        height: 100px
    }

    .go-for-me-page .design-alignments-colo-list li span {
        font-size: 16px;
        bottom: 12px
    }

    .go-for-me-page .technology-stack .icon-wrapper .icon-box .icon {
        margin: 0
    }

    .go-for-me-page .solution-list li {
        padding: 10px 10px 10px 34px;
        border-radius: 6px
    }

    .platform-content .platform-wrapper .platform-list {
        gap: 20px;
        flex-direction: column;
        text-align: center;
        margin-top: 0
    }

    .platform-content .platform-wrapper .platform-list .icon img {
        max-width: 150px
    }

    .job-market-analysis .job-market-title {
        font-size: 40px
    }

    .job-market-analysis .data-search .job-market-title {
        font-size: 80px
    }

    .job-market-analysis .visualization .job-market-title {
        font-size: 60px
    }

    .fitzoh-page .hero .fitzoh-main-title {
        font-size: 50px
    }

    .fitzoh-page .counter-col {
        width: 50%;
        max-width: 50%
    }

    .fitzoh-page .counter {
        margin-top: 0
    }

    .fitzoh-page .counter .counter-box .count {
        font-size: 34px
    }

    .fitzoh-page .counter .counter-box .count:before {
        display: none
    }

    .fitzoh-page .counter .counter-box span {
        font-size: 14px
    }

    .fitzoh-page .color-picker ul {
        display: flex;
        flex-wrap: wrap
    }

    .fitzoh-page .color-picker ul li {
        width: 50%
    }

    .fitzoh-page .image-slider {
        padding-bottom: 20px
    }

    .fitzoh-page .image-slider .slick-slide div img {
        padding: 20px
    }

    .fitzoh-page .font-family .mostret-font {
        font-size: 40px
    }

    .fitzoh-page .font-family .aa {
        font-size: 90px
    }

    .fitzoh-page .font-family .font-style span {
        display: inline-block;
        word-break: break-all;
        font-size: 18px
    }

    .fitzoh-page .font-family .font-style span.small-font {
        font-size: 18px
    }

    .nft-coin-page .nft-ptb {
        padding: 50px 0
    }

    .nft-coin-page .nft-title {
        margin-bottom: 20px
    }

    .nft-coin-page .nft-title h2 {
        font-size: 22px
    }

    .nft-coin-page .hero {
        padding-top: 70px;
        padding-bottom: 60px
    }

    .nft-coin-page .hero .hero-title {
        margin: 50px 0
    }

    .nft-coin-page .hero .hero-title .nft-coin {
        display: none
    }

    .nft-coin-page .hero .hero-title h1 {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 0
    }

    .nft-coin-page .hero .hero-title h1 br,
    .nft-coin-page .hero .lines-bottom,
    .nft-coin-page .hero .lines-top,
    .nft-coin-page .hero:after,
    .nft-coin-page .hero:before {
        display: none
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper {
        flex-direction: column-reverse
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap {
        flex-direction: column
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper {
        flex-direction: row;
        padding: 20px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper {
        margin-top: 30px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .icons-wrapper {
        padding: 18px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .icons-wrapper ul {
        gap: 20px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .icons-wrapper ul li {
        width: 40px;
        height: 40px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .icons-wrapper ul li img {
        width: 28px;
        height: 20px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .design-text {
        writing-mode: inherit;
        transform: rotate(0deg);
        width: 100%;
        padding: 30px 30px 0;
        margin: 0
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .design-text span {
        font-size: 40px;
        line-height: normal
    }

    .nft-coin-page .nft-typography .typography-wrapper .typo-wrap {
        flex-direction: column
    }

    .nft-coin-page .nft-typography .typography-wrapper .typo-wrap .nft-image {
        margin-top: 30px
    }

    .nft-coin-page .nft-typography .typography-wrapper .mobile-wrap .image-box {
        max-width: 200px
    }

    .nft-coin-page .nft-testimonial .nft-testimonial-wrap .client-review-box .client-image {
        position: inherit;
        top: unset;
        right: unset;
        margin-bottom: 20px
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap {
        padding: 30px 20px 10px
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap .client-review-box {
        width: 100% !important;
        height: 100%;
        border: none;
        padding: 10px 30px 30px
    }

    .fidelizacion .branding-card .bottom,
    .fidelizacion .branding-card .top {
        padding: 30px
    }

    .fidelizacion .faq-content .accordion-item p {
        font-size: 16px
    }

    .fidelizacion .faq-content .accordion-item h3 {
        font-size: 18px
    }

    .fidelizacion .title-wrapper p {
        font-size: 16px
    }

    .sales-analytics .big-title,
    .sales-analytics h2 {
        font-size: 24px;
        line-height: 32px
    }

    .sales-analytics p {
        font-size: 16px;
        line-height: 1.2
    }

    .sales-analytics .hero-banner {
        padding: 80px 0 0
    }

    .sales-analytics .hero-banner .banner-inner {
        overflow: hidden;
        min-height: 400px
    }

    .sales-analytics .hero-banner .banner-inner h1,
    .sales-analytics .hero-banner .banner-inner h2 {
        font-size: 40px
    }

    .sales-analytics .hero-banner .banner-inner h1 span,
    .sales-analytics .hero-banner .banner-inner h2 span {
        font-size: 14px;
        margin-top: -8px
    }

    .sales-analytics .hero-banner .banner-inner .bg-circle {
        width: 350px
    }

    .sales-analytics .hero-banner .banner-inner .banner-diamond {
        width: 350px;
        height: 200px
    }

    .sales-analytics .sales-nalyti-card .sales-analytic-list {
        display: none
    }

    .sales-analytics .analytics-counter-list {
        flex-wrap: wrap
    }

    .sales-analytics .analytics-counter-list li {
        width: 48% !important
    }

    .sales-analytics .center-card .static-card {
        padding: 24px
    }

    .sales-analytics .budget-country .budget-country-list h3 {
        font-size: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .sales-analytics .budget-country .budget-country-list p {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .sales-analytics .budget-country .budget-country-list li:before {
        top: 25px
    }

    .sales-analytics .budget-country .budget-country-list li span {
        width: 50px;
        height: 50px;
        font-size: 18px
    }

    .sales-analytics .sales-analyics-animation {
        max-height: 270px
    }

    .sales-analytics .people-saying .people-saying-list .people-item .description {
        font-size: 14px;
        line-height: 1.5
    }

    .fitzoh-page .about-us .about-images {
        opacity: .3
    }

    .fitzoh-page .about-us .about-content p {
        font-size: 16px;
        max-width: 100%;
        text-align: center
    }

    .contact-details .title-text {
        font-size: 18px
    }

    .contact-details ul .contact-link a p {
        font-size: 14px;
        margin: 0
    }

    .follow-links-wrap ul li a {
        width: 40px;
        height: 40px
    }

    .follow-links-wrap ul li a svg {
        transform: scale(.8)
    }

    .follow-links-wrap ul li a span {
        width: 40px;
        height: 40px
    }

    .follow-links-wrap ul li a:hover span {
        top: -1px;
        left: -4px
    }

    .follow-links-wrap ul li a:hover span svg {
        transform: scale(.9)
    }

    .footer-content .company-links {
        padding: 16px
    }

    .footer-content .company-links .footer-menu-links {
        width: 100%
    }

    .footer-content .company-links .footer-menu-links ul li a {
        font-size: 16px;
        line-height: 30px
    }

    .footer-content .company-links .footer-title h5 {
        font-size: 20px;
        line-height: 28px
    }

    .custom-form,
    .footer-content .company-links {
        margin-top: 30px
    }

    .comapny-info .slick-slide div img {
        max-width: 100%
    }

    .contact-details ul .contact-link {
        min-width: 160px
    }

    .qwaser-page .qwaser-title-list ul {
        gap: 5px
    }

    .qwaser-page .hero {
        padding-top: 90px
    }

    .qwaser-page .hero:before {
        display: none
    }

    .qwaser-page .hero .hero-content h1 {
        font-size: 26px;
        margin-bottom: 10px
    }

    .qwaser-page .hero .hero-content h1 img {
        max-width: 115px
    }

    .qwaser-page .hero .hero-content p {
        font-size: 18px
    }

    .qwaser-page .badge-btn {
        width: 132px;
        font-size: 16px;
        margin: 20px auto 0
    }

    .qwaser-page .qwaser-about-project .faq-content ul {
        row-gap: 15px
    }

    .qwaser-page .qwaser-about-project .faq-content ul .counter-box {
        width: 50%
    }

    .qwaser-page .about-project-slider .slick-slide img,
    .qwaser-page .breadboarding-slider .slick-slide img {
        max-width: 300px
    }

    .qwaser-page .breadboarding .badge-btn {
        width: 145px
    }

    .qwaser-page .ui-design-image .scan-gradient {
        width: 75px
    }

    .qwaser-page .ui-design-accordion .accordion-body .content img {
        max-width: 200px
    }

    .qwaser-page .survey-data-box {
        padding: 40px
    }

    .qwaser-page .survey-data-box img {
        display: none
    }

    .qwaser-page .survey-data-box p {
        font-size: 18px;
        max-width: 100%
    }

    .qwaser-page .survey-data-box h2 {
        max-width: 100%;
        font-size: 24px;
        line-height: 32px
    }

    .qwaser-page .faq-content .accordion-button {
        font-size: 16px
    }
}

@media(max-width: 575px) {

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(2),
    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(4),
    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) {
        min-height: 450px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image {
        min-height: 330px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image img {
        max-height: 330px
    }

    .virtual-ics-page .virtual-text-box {
        height: 180px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span {
        font-size: 80px;
        line-height: 110px
    }

    .qwaser-page .ptb {
        padding-top: 50px
    }

    .qwaser-page .about-project-slider .slick-slide img,
    .qwaser-page .breadboarding-slider .slick-slide img {
        max-width: 200px
    }

    .qwaser-page .breadboarding .badge-btn {
        width: 132px;
        margin: 50px auto 30px
    }

    .qwaser-page .survey-data-box {
        border-radius: 20px;
        padding: 20px
    }

    .qwaser-page .survey-data-box:after,
    .qwaser-page .survey-data-box:before {
        display: none
    }

    .qwaser-page .survey-data-box h2 {
        font-size: 20px
    }

    .qwaser-page .ui-design-image .scan-gradient {
        width: 50px;
        bottom: -20px
    }
}

@media(max-width: 480px) {

    .sales-analytics .big-title,
    .sales-analytics h2 {
        font-size: 20px
    }

    .sales-analytics .hero-banner .banner-inner {
        min-height: 350px
    }

    .sales-analytics .hero-banner .banner-inner .bg-circle {
        width: 280px
    }

    .sales-analytics .hero-banner .banner-inner h1,
    .sales-analytics .hero-banner .banner-inner h2 {
        font-size: 32px
    }

    .sales-analytics .hero-banner .banner-inner .banner-diamond {
        width: 250px;
        height: 142px
    }

    .sales-analytics .hero-banner .banner-inner .analytics {
        bottom: 34px
    }

    .sales-analytics .discover-our-sales .content-wrapper {
        padding: 0 12px;
        z-index: 1
    }

    .sales-analytics .discover-our-sales .content-wrapper:after,
    .sales-analytics .discover-our-sales .content-wrapper:before {
        opacity: .5;
        z-index: -1
    }

    .sales-analytics .discover-our-sales .content-wrapper:before {
        top: -20px
    }

    .sales-analytics .discover-our-sales .content-wrapper:after {
        bottom: -20px
    }

    .sales-analytics .empowering-growth h2 {
        margin-bottom: 16px
    }

    .sales-analytics .analytics-counter-list li {
        font-size: 14px;
        padding: 10px;
        width: 47% !important
    }

    .sales-analytics .analytics-counter-list li span {
        font-size: 14px
    }

    .sales-analytics .sales-analyics-animation {
        max-height: 200px
    }

    .sales-analytics .sales-analyics-animation .sales-analyics-circle {
        padding: 6px
    }

    .sales-analytics .sales-analyics-animation .sales-analyics-circle .graph-body {
        padding-top: 40px
    }

    .sales-analytics .budget-country .budget-country-list li {
        padding: 0 4px
    }

    .sales-analytics .budget-country .budget-country-list li:before {
        top: 22px
    }

    .sales-analytics .budget-country .budget-country-list li span {
        width: 42px;
        height: 42px;
        font-size: 14px
    }

    .sales-analytics .budget-country .budget-country-list h3 {
        font-size: 16px
    }

    .sales-analytics .center-card .static-card {
        padding: 16px
    }
}

@media(max-width: 479px) {
    .hero .banner-content h1 {
        font-size: 24px;
        line-height: 28px
    }

    .hero .banner-content h1 b {
        font-size: 34px;
        line-height: 36px
    }

    h6 {
        font-size: 18px
    }

    .aboutus-page .meet-multiqos .text-content h2 {
        font-size: 34px;
        line-height: 60px
    }

    .aboutus-page .meet-multiqos .what-we-do {
        padding-top: 25px
    }

    .aboutus-page .founder .about-founder {
        row-gap: 20px
    }

    .aboutus-page .founder .about-founder .about-founder-content p {
        margin-top: 15px;
        line-height: 30px
    }

    .blogs-wrapper .blog-content .common-btn {
        margin-top: 25px;
        padding: 8px 16px;
        font-size: 16px
    }

    .solution-list li h5 {
        font-size: 12px
    }

    .contact-us .contact-form-inner h5 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .career .hiring-box-wrapper .requirement h5 {
        font-size: 20px
    }

    .our-solution .title p {
        text-align: left
    }

    .cta .cta-content .title h5 {
        font-size: 17px;
        line-height: 25px
    }

    .cta .cta-content .title p {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 24px
    }

    .policy h1 {
        margin-bottom: 20px
    }

    .error-page h1 {
        margin-bottom: 10px;
        font-size: 24px
    }

    .error-page .thanku-page .inner-title {
        font-size: 55px;
        margin-bottom: -5px
    }

    .portfolio-page .portfolio-gallery ul li .portfolio-content {
        padding: 15px 0
    }

    .portfolio-page .portfolio-gallery ul li .portfolio-content h5 {
        margin-bottom: 5px
    }

    .portfolio-page .portfolio-gallery ul li .portfolio-content p {
        text-align: left
    }

    .multibrand-page .title h2 {
        font-size: 16px
    }

    .multibrand-page .title h2 .double-dot {
        max-width: 12px;
        right: -20px
    }

    .multibrand-page .showcase-website .title h2 .double-dot {
        right: 0
    }

    .hire-developers .custom-row {
        gap: 20px 15px;
        margin: 0
    }

    .hire-developers .grid-content .content {
        padding: 15px
    }

    .hire-developers .grid-content .content h2 {
        font-size: 25px
    }

    .hire-developers .grid-content .content h3 {
        font-size: 22px
    }

    .hire-developers .benefits .benefits-box {
        padding: 12px
    }

    .hire-developers .benefits .benefits-box .img-box {
        border-radius: 10px;
        height: 110px
    }

    .hire-developers .benefits .benefits-box h6 {
        font-size: 16px
    }

    .hire-developers .benefits .benefits-box .icons {
        width: 55px
    }

    .hire-developers .benefits .benefits-box .midnight {
        width: 70px
    }

    .our-hiring-models .hiring-model-box {
        padding: 20px 15px
    }

    .our-hiring-models .hiring-model-box p {
        margin-top: 15px
    }

    .working-time-details h6 {
        font-size: 16px
    }

    .hire-ios-developers .how-hiring-ios-dev .oriented-app-wrapper .list {
        font-size: 16px;
        line-height: 24px
    }

    .hire-ios-developers .how-hiring-ios-dev .oriented-app-wrapper .list .list-icon {
        margin-right: 12px
    }

    .ios-services .icon-wrapper {
        gap: 20px 15px
    }

    .ios-services .icon-wrapper .icon-box {
        max-width: 50px
    }

    .ios-services .icon-wrapper .icon-box img {
        height: 60px
    }

    .uiuxdesign .uiux-slider {
        padding: 20px 15px 10px;
        margin-top: 40px
    }

    .uiuxdesign .slick-dots {
        margin-top: 0
    }

    .uiuxdesign .custom-list ul li {
        padding: 7px 16px;
        font-size: 16px
    }

    .portfolio-inner-page.polished-page .inner-title {
        font-size: 29px
    }

    .portfolio-list-mobile .portfolio-mobile-image {
        margin-bottom: 24px
    }

    .solution-list li {
        padding: 10px 20px 10px 30px
    }

    .who-we-content .content-detail .content-description p:first-child:before {
        left: 34px;
        height: 26px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title {
        margin-bottom: 30px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title .title {
        font-size: 30px;
        line-height: 42px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title.active img {
        height: 175px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:first-child.active img {
        left: 0
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(2).active img {
        left: 90px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3).active img {
        left: 170px
    }

    .portfolio-inner-page.queso-page .content-wrapper {
        font-size: 24px;
        line-height: 30px;
        grid-gap: 14px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col {
        padding: 20px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col h6 {
        line-height: 26px
    }

    .portfolio-inner-page.queso-page .queso-about .queso-about-row .queso-about-col.about-col-8 p {
        line-height: 30px
    }

    .portfolio-inner-page.queso-page .queso-static-wrapper .image {
        padding: 30px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(2),
    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(4),
    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) {
        min-height: 350px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list li .card-body {
        padding: 30px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list li .card-body:before {
        background-position: top;
        width: auto;
        height: 190px
    }

    .portfolio-inner-page.queso-page .features-wrapper .features-card-list li .card-body h6 {
        margin: 20px 0 0
    }

    .sitemap-content .accordion-item h3 {
        font-size: 18px
    }

    .sitemap-content .accordion-item h4 {
        font-size: 16px
    }

    .location-page .searchSection .common-btn {
        position: static;
        max-width: 100%;
        width: 100%;
        margin-top: 12px;
        padding: 10px 20px
    }

    .libf-page .banner-pattern .banner-content .description {
        max-width: 100%;
        padding-top: 15px
    }

    .libf-page .africa-calling .libf-gradiant-bg {
        padding: 30px
    }

    .libf-page .design-process .custom-row .design-process-box {
        width: 100%
    }

    .libf-page .typography .typography-wrapper .color-box-wrapper .color-code-box {
        width: 70px;
        height: 70px
    }

    .libf-page .typography .typography-wrapper .color-box-wrapper .color-code-box p {
        font-size: 12px
    }

    .skin-dr-page .workflow-mobile .workflow-box {
        min-height: 275px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .typo-box {
        padding: 15px 10px;
        width: 120px;
        min-height: 150px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .purple-box .design-text {
        font-size: 40px;
        line-height: 40px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .purple-box h5 {
        font-size: 18px;
        line-height: 25px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .purple-box span {
        font-size: 16px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .white-box {
        margin: -20px 0 0 -10px
    }

    .skin-dr-page .user-persona .design-elements .typography-design .white-box p {
        padding-bottom: 0;
        font-size: 16px
    }

    .skin-dr-page .user-persona .design-elements .typography-design:before {
        width: 90px;
        height: 90px;
        left: 80px;
        bottom: -30px
    }

    .skin-dr-page .user-persona .design-elements .typography-content p {
        font-size: 18px
    }

    .skin-dr-page .user-persona .design-elements .colors ul li {
        width: 50%
    }

    .skin-dr-page .user-persona .design-elements .colors ul li span {
        font-size: 18px
    }

    .skin-dr-page .mobile-and-web {
        padding: 50px 0
    }

    .skin-dr-page .mobile-and-web .tab-image .desktop-image img,
    .skin-dr-page .mobile-and-web .tab-image .mobile-image img {
        height: 190px
    }

    .skin-dr-page .technology-stack .icon-wrapper .icon-box .image {
        width: 60px;
        height: 60px
    }

    .skin-dr-page .technology-stack .icon-wrapper .icon-box .image img {
        width: 25px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image {
        min-height: 250px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image img {
        max-height: 250px
    }

    .gameday .hero .gameday-main-title {
        font-size: 45px;
        line-height: 55px
    }

    .gameday .hero .gameday-main-title .banner-img img {
        max-width: 31px
    }

    .gameday .about-project .about-image {
        max-width: 200px
    }

    .gameday .events .inner-title {
        font-size: 60px
    }

    .gameday .design-elements .design-content .color-box-design .color-code span {
        font-size: 16px
    }

    .gameday .design-elements .design-content .color-box-design .color-code span:first-child {
        margin-left: 0
    }

    .gameday .design-elements .design-content .typography-content .rubik-text {
        font-size: 45px;
        line-height: 50px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-text {
        font-size: 50px;
        padding: 0 20px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-image-box {
        max-width: 240px
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-virtual-text {
        top: -12%
    }

    .virtual-ics-page .hero .virtual-ics-banner .banner-ics-text {
        bottom: -20%
    }

    .virtual-ics-page .design-elements .font-weight span {
        margin-right: 25px
    }

    .virtual-ics-page .our-key-aspects .key-aspect-slider .dashboard-image img {
        max-width: 200px
    }

    .virtual-ics-page .virtual-ics-text-wrapper .text-animate {
        padding: 15px 0
    }

    .virtual-ics-page .virtual-ics-text-wrapper .text-animate li {
        font-size: 45px;
        line-height: 45px
    }

    .virtual-ics-page .dashboard-slider .dashboard-image img {
        max-width: 200px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span {
        font-size: 60px;
        line-height: 90px
    }

    .infosechire-page .infosec-aboutus .mobile-accordion .accordion-body img {
        max-width: 200px
    }

    .infosechire-page .dashboard-slider .infosec-title {
        font-size: 32px;
        line-height: 80px
    }

    .infosechire-page .dashboard-slider .dashboard-image {
        padding: 0 15px
    }

    .infosechire-page .dashboard-slider .slick-next,
    .infosechire-page .dashboard-slider .slick-prev {
        width: 35px;
        height: 35px
    }

    .infosechire-page .dashboard-slider .slick-next:before,
    .infosechire-page .dashboard-slider .slick-prev:before {
        width: 17px;
        height: 12px
    }

    .infosechire-page .dashboard-slider .slick-prev {
        left: 5px
    }

    .infosechire-page .dashboard-slider .slick-next {
        right: 5px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info {
        margin-top: 40px
    }

    .infosechire-page .infosec-branding .branding-wrapper .typography-info .text-info .inter-title {
        font-size: 70px;
        line-height: 60px
    }

    .nft-coin-page .hero .hero-title {
        margin: 30px 0 0
    }

    .nft-coin-page .hero .hero-title h1 {
        font-size: 34px;
        line-height: 45px
    }

    .nft-coin-page .nft-about-project {
        padding: 40px 0
    }

    .nft-coin-page .nft-what-we-provide {
        padding-bottom: 20px
    }

    .nft-coin-page .mobile-nft-what-we-provide .slick-slide div img {
        max-width: 260px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .design-text span {
        font-size: 30px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper {
        flex-direction: column;
        gap: 20px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .button-wrapper .nft-btn {
        width: 100%
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .colorbox {
        padding: 20px 8px;
        gap: 10px;
        flex-wrap: wrap
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .colorbox span {
        width: 60px;
        height: 60px;
        font-size: 10px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons {
        padding: 15px 5px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul {
        column-gap: 10px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li {
        width: 35px;
        height: 35px
    }

    .nft-coin-page .nft-typography .typography-wrapper .content-wrapper .typography-content .nav-wrap .box-wrapper .navicons ul li:before {
        top: -16px
    }

    .nft-coin-page .mobile-nft-testimonial .nft-testimonial-wrap .client-review-box {
        padding: 10px
    }

    .nft-coin-page .nft-screens .slick-initialized .slick-slide div img {
        max-width: 180px;
        margin: 0 auto
    }
}

@media(max-width: 375px) {
    .hero h1 {
        font-size: 20px
    }

    .our-blog .blog-wrapper .box .content {
        font-size: 16px
    }

    .copyright .policy-text a:first-child {
        margin: 0
    }

    .hire-developers .custom-row {
        column-gap: 0;
        margin: 0
    }

    .hire-developers .benefits .benefits-box {
        width: 100%
    }

    .portfolio-inner-page .launch-web .feature-area .feature-list li a,
    .portfolio-inner-page .launch-web .feature-area .feature-list li a span {
        font-size: 16px
    }

    .portfolio-inner-page.queso-page .hero {
        padding-top: 120px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title .title {
        font-size: 26px;
        line-height: 38px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(2).active img {
        left: 70px
    }

    .portfolio-inner-page.queso-page .hero .queso-title-list .inner-title:nth-child(3).active img {
        left: 130px
    }

    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(2),
    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(4),
    .portfolio-inner-page.queso-page .card-wrapper .card-row .card-col:nth-child(6) {
        min-height: 280px
    }

    .portfolio-inner-page.queso-page .content-wrapper {
        font-size: 22px;
        line-height: 28px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image {
        min-height: 210px
    }

    .skin-dr-page .mobile-and-web .tab-image-wrapper .tab-image img {
        max-height: 210px
    }

    .virtual-ics-page .virtual-text-box {
        height: 140px
    }

    .virtual-ics-page .virtual-text-box .virtual-ics-word span {
        font-size: 50px;
        line-height: 80px
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(https://d19cx7uv5wsln6.cloudfront.net/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(https://d19cx7uv5wsln6.cloudfront.net/_next/static/media/slick.25572f22.eot);
    src: url(https://d19cx7uv5wsln6.cloudfront.net/_next/static/media/slick.25572f22.eot?#iefix) format("embedded-opentype"), url(https://d19cx7uv5wsln6.cloudfront.net/_next/static/media/slick.653a4cbb.woff) format("woff"), url(https://d19cx7uv5wsln6.cloudfront.net/_next/static/media/slick.6aa1ee46.ttf) format("truetype"), url(https://d19cx7uv5wsln6.cloudfront.net/_next/static/media/slick.b3ffb517.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.PhoneInput {
    display: flex;
    align-items: center
}

.PhoneInputInput {
    flex: 1 1;
    min-width: 0
}

.PhoneInputCountryIcon {
    width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
    height: var(--PhoneInputCountryFlag-height)
}

.PhoneInputCountryIcon--square {
    width: var(--PhoneInputCountryFlag-height)
}

.PhoneInputCountryIcon--border {
    background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)
}

.PhoneInputCountryIconImg {
    display: block;
    width: 100%;
    height: 100%
}

.PhoneInputInternationalIconPhone {
    opacity: var(--PhoneInputInternationalIconPhone-opacity)
}

.PhoneInputInternationalIconGlobe {
    opacity: var(--PhoneInputInternationalIconGlobe-opacity)
}

.PhoneInputCountry {
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    margin-right: var(--PhoneInputCountrySelect-marginRight)
}

.PhoneInputCountrySelect {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    border: 0;
    opacity: 0;
    cursor: pointer
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
    cursor: default
}

.PhoneInputCountrySelectArrow {
    display: block;
    content: "";
    width: var(--PhoneInputCountrySelectArrow-width);
    height: var(--PhoneInputCountrySelectArrow-width);
    margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
    border-style: solid;
    border-color: var(--PhoneInputCountrySelectArrow-color);
    border-top-width: 0;
    border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    border-left-width: 0;
    border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    transform: var(--PhoneInputCountrySelectArrow-transform);
    opacity: var(--PhoneInputCountrySelectArrow-opacity)
}

.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow {
    opacity: 1;
    color: var(--PhoneInputCountrySelectArrow-color--focus)
}

.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border {
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)
}

.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
    opacity: 1;
    color: var(--PhoneInputCountrySelectArrow-color--focus)
}

/* input:-webkit-autofill:hover, input:-webkit-autofill, input:-webkit-autofill, input:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
} */

.boxes-slider .figure-st-two--img {
        width: 132px;
        height: 85px;
}

.boxes-slider .figure-st-two--img {
    width: auto;
    width: auto;
}