@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap');

body {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #121212;
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
}


/* comman */

html {
    scroll-behavior: smooth;
    margin: 0!important;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
a{
    color: #000;
}

/*comman-area*/

ol,
ul {
    margin: 0;
    padding: 0;
}

img {
    display: block;
}

a {
    text-decoration: none;
    transition: all 0.5s ease;
}

a:focus,
a:hover,
a:active {
    text-decoration: none;
    outline: none;
    color: #FF5B2E;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
}

h1,
h2 {
    font-size: 78px;
    font-style: normal;
    font-weight: 300;
    line-height: 86px;
    /* 110.256% */
    letter-spacing: -1.56px;
}

h3 {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    /* 116.667% */
    letter-spacing: -0.96px;
}

h4 {
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

h5 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

h6 {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

p {
    margin: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    color: #434343;
}

figure {
    margin: 0!important;
}

img {
    max-width: 100%;
    height: auto;
}

button:focus {
    outline: none;
    box-shadow: none;
}

.container,
.container-fluid {
    padding: 0 15px;
}
.offcanvas{
    z-index: 1111;
}

/* Header */
.top-closebar,.mobile-menu,.mobile-btn{
    display: none;
}
.header {
    z-index: 11111111111;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
}





.navbar-toggler {
    padding: 0;
    z-index: 1;
    position: relative;
    border: none;
    margin: 0 0 0 auto;
}

.navbar-toggler-icon {
    width: auto;
    height: auto;
}

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

.bar1,
.bar2,
.bar3 {
    width: 20px;
    height: 2px;
    background: #fff;
    margin: 5px 0;
    border-radius: 100px;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-3px, 6px);
    transform: rotate(-45deg) translate(-3px, 6px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -7px);
    transform: rotate(45deg) translate(-4px, -7px);
}

.navbar-brand {
    margin: 0 64px 0 0;
    padding: 0 0px 0 0;
    max-width: 97px;
    width: 100%;
    position: relative;
}

.navbar {
    min-height: auto;
    padding: 0px 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.navbar-expand-lg .navbar-nav {
    margin: 0;
}

.navbar-expand-lg .navbar-nav .nav-item {
    margin: 0 32px 0 0;
    position: static;
}

.navbar-expand-lg .navbar-nav .nav-link,
.head-dropdown {
    padding: 28px 0;
    background-color: transparent;
    border: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    position: relative;
}
.navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::before,
.head-dropdown.dropdown-toggle::before{
    content: "";
    width: 22px;
    height: 22px;
    background-image: url('../images/menu-arrow.svg');
    background-size: 22px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.navbar-expand-lg .navbar-nav .nav-link.active{
    background: var(--Gradients-G-02, linear-gradient(100deg, #FF5B2E 30.1%, #F5E12D 98.71%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.dropdown-toggle::after {
    border: none;
    background-image: url('../images/arrow-down-sm.svg');
    width: 10px;
    height: 7px;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: -1px 0 0 6px;
}

.head-dropdown::after {
    margin: -1px 0 0 6px;
}

.head-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.head-contact {
    position: relative;
    margin: 0 0 0 20px;
}

.head-contact::before {
    content: "";
    width: 1px;
    height: 40px;
    background: #AEAEAE;
    position: absolute;
    top: 0;
    left: 0;
}

.head-contact ul {
    list-style: none;
    margin: 0 0 0 0;
    display: flex;
    align-items: center;
}

.head-contact ul li {
    margin: 0 0 0 20px;
    display: inline-block;
}

.head-contact ul li a {
    display: block;
    width: 36px;
    height: 36px;
    /* border: 1px solid #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
    border-radius: 100px;
}
.offcanvas .head-right{
    display: none;
}


/* Mega Menu */
.navbar-expand-lg .navbar-nav .dropdown-menu,
.head-right .dropdown-menu{
    border-radius: 0;
    padding: 0px 0 0 0;
    margin: 0;
    width: 100%;
    background-color: transparent;
    border: none;
    left: 0;
    right: 0;
    top: 80px;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    margin: 0 auto;
    max-width: 1360px;
}
.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.dropdown-toggle::before,
.head-right .dropdown:hover .head-dropdown.dropdown-toggle::before{
    opacity: 1;
}
.megamenu-parent{
    padding: 0;
    border-radius: 12px;
    background-color: #fff;
    /* box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.18);  */
    box-shadow: 0px 10px 12px 6px rgba(0,0,0,.18);
}
.dropdown-menu-parent{
    padding: 24px;
}


.navbar-brand,
.navbar-expand-lg .navbar-nav .nav-link, .head-dropdown,
.head-contact{
    z-index: 1111;
    position: relative;
}
/* .ninjatech-logo-bl{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
} */
.header-black-menu .head-contact ul li a{
    filter: brightness(0) saturate(100%) invert(0%) sepia(88%) saturate(7454%) hue-rotate(205deg) brightness(85%) contrast(78%);
}
.header-black-menu .ninjatech-logo-bl{
    opacity: 1;
}
.head-right .dropdown {
    position: static;
}

.services-menu{
    padding-left: 30px;
    padding-bottom: 40px;
}
.services-links ul {
    list-style: none;
    margin: 0;
}
.services-links ul li {
    margin: 0 0 0 0;
}
.services-links ul li a {
    display: flex;
    align-items: center;
    padding: 3.5px 0;
    color: #000;
    position: relative;
    transition: all 0.5s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.services-links ul li:first-child a{
    padding-top: 0;
}
.services-links ul li:last-child a{
    padding-bottom: 0;
    border-bottom: 0;
}
.services-links ul li a:hover h4
, .services-links ul li a.active h4,.hiretech-menu .services-links ul li a.active:hover h4 {
    background-image: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.5s ease;
}
.hiretech-menu .services-links ul li a.active h4 {
    color: #000;
    background-image: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #000;
}
.services-links-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    margin: 0 12px 0 0;
}
.services-links-title {
    padding: 0 0 0 0px;
    width: calc(100% - 44px);
    transform: translateX(-44px);
    transition: all 0.5s ease;
}
.services-links-title h4{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    position: relative;
    display: table;
    padding: 0 44px 0 0;
}
.services-links-title h4::before {
    content: "";
    width: 32px;
    height: 32px;
    background-image: url('../images/arrow-right-32.svg');
    background-size: cover;
    position: absolute;
    right: 0;
    opacity: 0;
    top: -3px;
    transition: all 0.5s ease;
    transform: translateX(-10px);
}
.services-links ul li a:hover .services-links-title h4::before
,.services-links ul li a.active .services-links-title h4::before,.hiretech-menu .services-links ul li a.active:hover .services-links-title h4::before
{
    opacity: 1;
    transform: translateX(-0px);
}
.hiretech-menu .services-links ul li a.active .services-links-title h4::before{
    opacity: 0;
}
.services-links-icon{
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease;
}
/* .services-links ul li a:hover .services-links-icon{
    visibility: visible;
    opacity: 1;
} */
/* .services-links ul li a:hover .services-links-title{
    transform: translateX(-0px);
} */

.services-links ul .services-links-title{
    transform: translateX(-0px);
}

.menu-block{
    padding: 0 0 0 7px;
}
.menu-block h4{
    margin: 0 0 16px 0;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.menu-block-img{
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 16px;
}
.menu-block p{
    color: #4E4E4E;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 24px 0;
}

.menu-info-block{
    padding: 24px 32px;
    background-color: #ff5b2e;
    border-radius: 0 0 12px 12px;
    margin-top: 0px;
    background-image: url('../images/white-shape.png');
    background-size: auto 100%;
    background-position: 71% 100%;
    background-repeat: no-repeat;
}
.menu-info-block .btn.btn-primary {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    padding: 9px 23px;
    border: 1px solid #fff;
    border-radius: 100px;
    background-color: transparent;
}
.menu-info-block .btn.btn-primary:hover, .menu-info-block .btn.btn-primary:focus {
    border-color: #fff;
    background-color: #ff5b2e;
    color: #fff;
}
.menu-info-block-text p {
    color: #fff;
}
.menu-info-block-text h5{
    margin: 0 0 8px 0;
    color: #fff;
}
.menu-info-block-text p{
    color: #D7D7D7;
}
.menu-info-block-button{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 100%;
}

/* Technology Menu*/
.technology-menu{
    margin: 0 0 0px 0;
    padding-bottom: 20px;
}
.technology-menu-data{
    padding: 0 0 24px 0;
    margin: 0 24px 24px 0;
    border-bottom: 1px solid rgba(215, 215, 215, 1);
}
.technology-menu-data:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.technology-menu-links{
    position: relative;
}
.technology-menu-links::before{
    content: "";
    width: 1px;
    height: 100%;
    background-color: rgba(215, 215, 215, 1);
    position: absolute;
    right: 0;
    top: 0;
}
.technology-col:last-child .technology-menu-links::before{
    display: none;
}
.technology-menu-links h5{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #121212;
    margin: 0 0 16px 0;
}
.technology-menu-links ul{
    list-style: none;
    margin: 0 0 12px 0;
}
.technology-menu-links ul li{
    display: block;
}
.technology-menu-links ul li a{
    line-height: normal;
    padding: 0 0 4px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 16px;
    font-style: normal;
    font-weight: 400; 
    color: #121212;
    position: relative;
}
.technology-menu-links ul li a::after{
    content: "";
    width: 28px;
    height: 28px;
    background-image: url('../images/arrow-right-32.svg');
    background-size: cover;
    opacity: 0;
    transition: all 0.5s ease;
    transform: translateX(-10px);
}
.technology-menu-links ul li a:hover::after
/* ,.technology-menu-links ul li a.active::after */
{
    opacity: 1;
    transform: translateX(-0px);
}
.technology-menu-links ul li a:hover span
/* ,.technology-menu-links ul li a.active span */
{
    background: var(--Gradients-G-01, linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.technology-menu-links ul li:last-child a{
    padding-bottom: 0;
}
.technology-menu-links ul li a img{
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.technology-menu-links ul li a span{
    padding: 0 12px 0 8px;
    display: table;
    transition: all 0.5s ease;
}
.view-all-btn{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: #797979;
}


.technology-menu-wrape{
    padding: 16px 0 0 10px;
}
.technology-menu-block-img{
    width: 100%;
    height: 258px;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
}
.technology-menu-block-text{
    padding: 24px;
    padding-bottom: 20px;
    background-color: #121212;
    border-radius: 0 0 12px 12px;
}
.technology-menu-block-text p{
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 24px 0;
}


/* Solutions Menu */
.solutions-menu{
    padding-bottom: 40px;
}
.solutions-menu .services-links-title{
    width: 100%;
    transform: translateX(-0px);
}
.solutions-menu .menu-block p{
    margin-bottom: 24px;
    color: #434343;
}
.solutions-menu .services-links-title h4::before{
    top: -2px;
}
.solutions-menu .services-links ul{
    margin-bottom: 12px;
}
.solutions-menu .services-links ul li a{
    padding: 8px 0;
    border-color: rgba(215, 215, 215, 0.5);
}
.solutions-menu .services-links ul li:last-child a{
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}
.solutions-menu .services-links ul li:first-child a{
    padding-top: 0;
}

/* Insights Menu */
.insights-menu{
    padding-top: 8px;
    padding-bottom: 40px;
}
.insights-links{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.insights-links ul{
    list-style: none;
    margin: 0;
    width: 50%;
    padding: 0 15px;
}
.insights-links ul li{
    display: block;
}
.insights-links ul li a{
    display: block;
    font-size: 24px;
    font-weight: 400; 
    color: #121212;
    padding: 16px 0;
    position: relative;
    line-height: 32px;
    border-bottom: 1px solid #D7D7D7;
}
.insights-links ul li a span{
    position: relative;
    padding: 0 51px 0 0;
}
.insights-links ul li a span::before{
    content: "";
    width: 33px;
    height: 15px;
    background-image: url('../images/arrow-menu.svg');
    background-size: cover;
    position: absolute;
    right: 0;
    top: 8px;
    opacity: 0;
    transition: all 0.5s ease;
    transform: translateX(-10px);
}
.insights-links ul li a:hover span,
.insights-links ul li a.active span
{
    background: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.insights-links ul li a:hover span::before,.insights-links ul li a.active span::before{
    opacity: 1;
    transform: translateX(0px);
}
.insights-links ul li:last-child a{
    padding-bottom: 0;
    border-bottom: 0;
}


/* Work Menu */
.work-menu {
    padding-bottom: 40px;
}
.work-menu-block{
    cursor: pointer;
}
.work-menu-block h4{
    color: #121212;
    position: relative;
    display: table;
    margin: 0 0 16px 0;
    padding: 0 70px 0 0;
}
.work-menu-block h4::before{
    content: "";
    width: 33px;
    height: 15px;
    background-image: url('../images/arrow-menu.svg');
    background-size: cover;
    position: absolute;
    right: 0;
    top: 12px;
    opacity: 0;
    transition: all 0.5s ease;
    transform: translateX(-10px);
}
.work-menu-block h4 a{
    color: #121212;
}
.work-menu-block:hover h4{
    background: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
    background-clip: text;
    -webkit-background-clip: text;  
    -webkit-text-fill-color: transparent; 
}
.work-menu-block:hover h4::before{
    transform: translateX(-0px);
    opacity: 1;
}
.work-menu-block p{
    margin: 0 0 20px 0;
    color: #434343;
}
.work-menu-block-image{
    position: relative;
    z-index: 1;
    border-radius: 12px;
}
.work-menu-block-image::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  opacity: 0;
  transition: all 0.5s ease;
  border-radius: inherit;
  background: linear-gradient(93.3deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.work-menu-block:hover .work-menu-block-image::before{
    opacity: 1;
}
.work-menu-block-image img{
    width: 100%;
    height: 369px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 4px 4px 18px 0px rgba(0, 0, 0, 0.12);
}


/* Hire Tech Talent Menu*/
.hiretech-menu {
    padding-bottom: 40px;
}
.hiretech-menu-data{
    padding: 0 82px 0 0;
}
.hiretech-menu .services-links ul li a{
    padding: 7.5px 0;
}
.hiretech-menu .services-links-title h4{
    display: block;
}
.hiretech-menu .services-links-icon img{
    width: 24px;
    height: 24px;
    margin-right: 14px;
}
.services-links-title{
    width: calc(100% - 38px);
    transform: translateX(-38px);
}
.hiretech-menu-sidebar{
    padding: 0 0 0 0px;
}
.hiretech-menu-block{
    padding: 24px 32px;
    min-height: 452px;
    background-color: #121212;
    border-radius: 12px;
}
/* .hiretech-menu-block img{
    margin: 0 auto;
}
 */
.hiretech-menu-block-text{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    font-family: "Arbutus Slab", serif;
    color: #fff;
}
.color-blue{
    color: #2B8ABF;
}
.color-red{
    color: #E94057;
}
.color-green{
    color: #2EFFA7;
}

.typewriter {
  margin: 0;
}
.typewriter:after {
  content: "|";
  -webkit-animation: blink 500ms linear infinite alternate;
          animation: blink 500ms linear infinite alternate;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




.gx-90 {
    --bs-gutter-x: 90px;
}
.gx-18 {
    --bs-gutter-x: 18px;
}
.gx-30{
    --bs-gutter-x: 30px;
}
.gx-32{
    --bs-gutter-x: 32px;
}
.gx-20{
    --bs-gutter-x: 20px;
}
.gx-48 {
    --bs-gutter-x: 48px;
}
.gy-30{
    --bs-gutter-y: 30px;
}
.gy-32{
    --bs-gutter-y: 32px;
}
.gy-27{
    --bs-gutter-y: 27px;
}



/* Banner */

.hero-banner-image {
    position: relative;
    z-index: 11;
}

.hero-banner-image::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    position: absolute;
    top: 0;
    left: 0;
}

.hero-banner-image video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    margin-bottom: -6px;
}

.hero-banner-inner {
    padding-bottom: 16px;
}

.hero-banner-wrape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 111;
    padding: 0 0 60px 0;
}

.hero-banner-text h6 {
    color: #fff;
    font-weight: 500;
}

.hero-banner-text h1 {
    color: #fff;
    margin: 12px 0 0 0;
}

.color-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: glow 5s linear infinite;
    animation: glow 5s linear infinite;
    background-size: 200%;
    display: inline-block;
}

.color-1 {
    background-image: linear-gradient(45deg, #FF5B2E 0%, #FF5B2E 35%, #F5E12D 66%, #F5E12D 100%);
}
.color-3 {
    background-image: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.color-4 {
    background-image: linear-gradient(66deg, #DCE35B 15.34%, #45B649 84.66%);
}

@-webkit-keyframes glow {
    0% {
        background-position: 0% 43%;
    }
    50% {
        background-position: 100% 58%;
    }
    100% {
        background-position: 0% 43%;
    }
}

@keyframes glow {
    0% {
        background-position: 0% 43%;
    }
    50% {
        background-position: 100% 58%;
    }
    100% {
        background-position: 0% 43%;
    }
}

.hero-banner-logo-wrape {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-height: 100%;
    padding: 0 0 16px 0;
}

.hero-banner-logo-text {
    text-align: right;
}

.hero-banner-logo-text p{
    color: #fff;
    margin: 0 0 32px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.hero-banner-logo-text ul {
    list-style: none;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hero-banner-logo-text ul li {
    margin: 0 0 0 24px;
}

.hero-banner-logo-text ul li img {
    height: 64px;
    width: 64px;
    object-fit: contain;
}

.hero-banner-bottom {
    padding: 32px 0 0 0;
    border-top: 1px solid #5E5E5E;
}

.hero-banner-bottom-text p {
    color: #fff;
}

.btn.btn-primary {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    padding: 9px 23px;
    border: 1px solid #FF5B2E;
    border-radius: 100px;
    background-color: transparent;
}

.btn.btn-primary span {
    vertical-align: middle;
    display: inline-block;
}

.btn.btn-primary img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    transition: all 0.5s ease;
    width: 24px;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    border-color: #FF5B2E;
    background-color: #FF5B2E;
}

.btn.btn-primary:hover img {
    transform: translateX(5px);
    filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(12%) hue-rotate(103deg) brightness(105%) contrast(105%);
}

.hero-banner-bottom-button .btn.btn-primary {
    display: table;
    margin: 0 0 0 auto;
}


/* Our Achievements Section */

.our-achievements-section {
    /* padding: 128px 0 23px 0; */
    padding: 128px 0 128px 0;
    background-color: #121212;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* .our-achievements-section::before {
    content: "";
    width: 100%;
    height: 70%;
    background: radial-gradient(50% 50% at 50% 50%, #121212 0%, rgba(18, 18, 18, 0.92) 48.57%, rgba(18, 18, 18, 0.00) 100%);
    position: absolute;
    left: 0;
    top: 10.5%;
    filter: blur(77px);
    border-radius: 100%;
} */

/* .our-achievements-slide {
    position: absolute;
    top: 22%;
    left: 0;
    width: 100%;
    z-index: -1;
}
 */
.ellipse-block {
    position: absolute;
    top: -182px;
    left: -38px;
    width: 475px;
    height: 475px;
    border-radius: 50%;
    background: rgba(46, 255, 167, 0.10);
    filter: blur(77px);
}

.ellipse-block-2 {
    position: absolute;
    top: 152px;
    right: -305px;
    width: 698px;
    height: 60%;
    border-radius: 50%;
    background: rgba(143, 0, 255, 0.10);
    filter: blur(77px);
}

.our-achievements-parent {
    z-index: 1;
    position: relative;
}

.our-achievements-content {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /* margin-bottom: 128px; */
    margin-bottom: 40px;
}

.our-achievements-content h4 {
    color: #fff;
    margin: 0 0 32px 0;
}

.our-achievements-data {
    /* margin: 0 0 100px 0; */
    margin: 0;
}

.our-achievements-data h5 {
    margin: 0 0 46px 0;
    color: #fff;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
}

.our-achievements-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -40px;
}

.our-achievements-col {
    padding: 0 40px;
}

.our-achievements-block {
    text-align: center;
}

.our-achievements-block h3 {
    color: #24FBA0;
}

.our-achievements-block h3 span {
    color: #fff;
}

.our-achievements-data p {
    color: #D7D7D7;
    margin-top: 3px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
}

.hand-group {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.left-hand {
    margin: 0 0 0 0;
}

.right-hand {
    margin: 169px 0 0 0;
}
.dot {
    width: 44px;
    height: 44px;
    background-color: #FF5B2E;
    border-radius: 100px;
    margin: 130px 0 0 6px;
    fill: #FF5B2E;
}
.circle{
    background-color: #FF5B2E;
    border-radius: 100px;
    position: absolute;
    transform: translateX(-50%);
    bottom: 421px;
    left: 53.34%;
    z-index: 111;
}
.circle-content{
    display: none;
    padding: 50px;
}
.circle-content h2{
    color: #fff;
    margin-bottom: 20px;
}
.circle-content p{
    color: #fff;
    margin: 0 0 20px 0;
}


/****** Start Image Slide Animation (HOME) *******/
.numbers_screen {
  z-index: 0;
  opacity: 0.5;
  -webkit-perspective: 1412px;
          perspective: 1412px;
  position: absolute;
  top: -15%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
  z-index: -1;
}
.numbers_screen .numbers_screen-left {
  z-index: -1;
  -webkit-transform-origin: 0%;
          transform-origin: 0%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  -webkit-transform: rotate3d(0, 1, 0.0000949539, 80deg);
          transform: rotate3d(0, 1, 0.0000949539, 80deg);
}
.numbers_screen .numbers_screen-left .numbers_screen-box-left {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.numbers_screen .numbers_screen-left .numbers_screen-box-left .numbers_image {
  width: 40vw;
  -webkit-perspective: 100px;
          perspective: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: perspective(100px);
          transform: perspective(100px);
}
.numbers_screen .numbers_screen-right {
  z-index: -1;
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  -webkit-transform: rotateX(0) rotateY(-80deg) rotate(0);
          transform: rotateX(0) rotateY(-80deg) rotate(0);
}
.numbers_screen .numbers_screen-right .numbers_screen-box-right {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.numbers_screen .numbers_screen-right .numbers_screen-box-right .numbers_image {
  width: 40vw;
  -webkit-perspective: 100px;
          perspective: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: perspective(100px);
          transform: perspective(100px);
}
.numbers_screen .numbers_grad {
  z-index: 0;
  width: 290vw;
  height: 50vw;
  -webkit-transform-origin: 0%;
          transform-origin: 0%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #121212), color-stop(80%, transparent));
  background-image: linear-gradient(270deg, #121212 50%, transparent 80%);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  -webkit-transform: rotate3d(0, 1, 0.0000949539, 80deg);
          transform: rotate3d(0, 1, 0.0000949539, 80deg);
}
.numbers_screen .numbers_grad.is-right {
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #121212), color-stop(80%, transparent));
  background-image: linear-gradient(90deg, #121212 50%, transparent 80%);
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  -webkit-transform: rotateX(0) rotateY(-80deg) rotate(0);
          transform: rotateX(0) rotateY(-80deg) rotate(0);
}
.numbers_screen .numbers_screen-box-left {
  -webkit-transform: translate(0%, 0px);
          transform: translate(0%, 0px);
  -webkit-animation-name: bgshots;
          animation-name: bgshots;
  -webkit-animation-duration: 45s;
          animation-duration: 45s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes bgshots {
  from {
    -webkit-transform: translate(0%, 0px);
            transform: translate(0%, 0px);
  }
  to {
    -webkit-transform: translate(-100%, 0px);
            transform: translate(-100%, 0px);
  }
}
@keyframes bgshots {
  from {
    -webkit-transform: translate(0%, 0px);
            transform: translate(0%, 0px);
  }
  to {
    -webkit-transform: translate(-100%, 0px);
            transform: translate(-100%, 0px);
  }
}
.numbers_screen .numbers_screen-box-right {
  -webkit-transform: translate(0%, 0px);
          transform: translate(0%, 0px);
  -webkit-animation-name: bgshotsright;
          animation-name: bgshotsright;
  -webkit-animation-duration: 45s;
          animation-duration: 45s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes bgshotsright {
  from {
    -webkit-transform: translate(0%, 0px);
            transform: translate(0%, 0px);
  }
  to {
    -webkit-transform: translate(100%, 0px);
            transform: translate(100%, 0px);
  }
}
@keyframes bgshotsright {
  from {
    -webkit-transform: translate(0%, 0px);
            transform: translate(0%, 0px);
  }
  to {
    -webkit-transform: translate(100%, 0px);
            transform: translate(100%, 0px);
  }
}

/****** End Image Slide Animation (HOME) *******/






/* Capabilities Section */

.capabilities-section {
    padding: 128px 0;
    position: relative;
    /* overflow-x: hidden; */
}

.rectangle-block-1 {
    position: absolute;
    left: 0;
    top: -38px;
    max-width: 513px;
    width: 100%;
}

.rectangle-block-2 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 96px;
    width: 100%;
    width: 509px;
    height: 1240px;
    /* transform: rotate(165deg); */
    flex-shrink: 0;
    background: var(--Gradients-G-01, linear-gradient(90deg, #8A2387 31.86%, #E94057 64.79%, #F27121 97.99%));
    opacity: 0.15;
    filter: blur(97px);
}

.capabilities-title-wrape {
    min-height: 100%;
    position: relative;
}

.capabilities-title {
    position: sticky;
    top: 150px;
}

.capabilities-title h2 {
    color: #121212;
    margin: 0 0 32px 0;
}

.color-2 {
    background-image:linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%); 
}

.capabilities-title p {
    color: #434343;
    margin: 0 0 32px 0;
}

.btn.btn-black {
    color: #121212;
}

.capabilities-links ul {
    list-style: none;
    margin: 0;
}

.capabilities-links ul li {
    margin: 0 0 0 0;
}

.capabilities-links ul li a {
    display: flex;
    align-items: center;
    padding: 16px 0;
    color: #121212;
    position: relative;
    transition: all 0.5s ease;
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}

.capabilities-links ul li a::before {
    content: "";
    width: 48px;
    height: 48px;
    background-image: url('../images/arrow-right-bl.svg');
    background-size: cover;
    position: absolute;
    right: 0;
    opacity: 0;
    top: 18px;
    transform: translateX(-10px);
    transition: all 0.5s ease;
}
.capabilities-links ul li:last-child a{
    border-bottom: 0;
    padding-bottom: 0;
}
.capabilities-links ul li a h3 {
    display: table;
    transition: all 0.5s ease;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
}
.capabilities-links ul li a:hover h3{
    background: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.capabilities-links ul li a:hover::before {
    opacity: 1;
    transform: translateX(-0px);
}

.capabilities-links-icon img {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

.capabilities-links-title {
    padding: 0 0 0 16px;
    width: calc(100% - 52px);
}


/* Our Brands Section */

.our-brands-section {
    padding: 128px 0;
    background-color: #121212;
    position: relative;
    /* overflow-x: hidden; */
}

.our-brands-shape-1 {
    position: absolute;
    top: 82px;
    left: 0;
    max-width: 210px;
    width: 80%;
    width: 530px;
    height: 500px;
    /* transform: rotate(58.461deg); */
    flex-shrink: 0;
    background: var(--Gradients-G-01, linear-gradient(90deg, #8A2387 31.86%, #E94057 64.79%, #F27121 97.99%));
    opacity: 0.15;
    filter: blur(97px);
}
.our-brands-shape-2 {
    position: absolute;
    bottom: 10px;
    right: 0;
    max-width: 182px;
    width: 80%;
    width: 740px;
    height: 460px;
    flex-shrink: 0;
    background: rgba(143, 0, 255, 0.30);
    filter: blur(97px);
    /* transform: rotate(120deg); */
}

.our-brands-wrape .nav-tabs {
    margin: 0;
    border: none;
}

.our-brands-wrape .nav-item {
    width: 100%;
}

.our-brands-wrape .nav-tabs .nav-link {
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 100%;
    position: relative;
    background: transparent;
    border-radius: 0;
    border: none;
    color: #fff;
    display: block;
    padding: 0 0 32px 0;
    margin: 0 0 32px 0;
    text-align: left;
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
    transition: all 0.5s ease;
}

.our-brands-wrape .nav-item:last-child .nav-link {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
}

.our-brands-wrape .nav-tabs .nav-link::before {
    content: "";
    width: 48px;
    height: 48px;
    background-image: url('../images/arrow-right-wh-lg.svg');
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.5s ease;
}

.our-brands-wrape .nav-tabs .nav-link .tabs-title {
    display: flex;
    align-items: center;
    margin: 0 0 24px 0;
}

.our-brands-wrape .nav-tabs .nav-link .tabs-title img {
    margin-right: 20px;
}

.our-brands-wrape .nav-tabs .nav-link p {
    color: #AEAEAE;
}

.our-brands-wrape .nav-tabs .nav-link span {
    transition: all 0.5s ease;
    font-weight: 300;
}

/* .our-brands-wrape .nav-tabs .nav-link.active span {
    background: linear-gradient(100deg, #FF5B2E 30.1%, #F5E12D 98.71%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */

.our-brands-wrape .nav-tabs .nav-link:hover span {
    background: linear-gradient(100deg, #FF5B2E 30.1%, #F5E12D 98.71%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* .our-brands-wrape .nav-tabs .nav-link.active::before, */
.our-brands-wrape .nav-tabs .nav-link:hover::before {
    opacity: 1;
    transform: translateX(-0px);
}

.our-brands-content {
    min-height: 100%;
    margin: 0 -30px 0 0;
    position: relative;
}

.our-brands-content .tab-content {
    position: sticky;
    top: 150px;
}

.our-brands-tab-text h2 {
    color: #fff;
    margin: 0 0 32px 0;
}

.our-brands-tab-text p {
    color: #AEAEAE;
    margin: 0 0 32px 0;
}


/* Projects Section */

.projects-section {
    padding: 128px 0;
}
.project-inside-section{
    padding-bottom: 0;
}
.project-inside-section .projects-parent{
    padding-bottom: 128px;
}
.title {
    margin: 0 0 80px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}




.projects-text h3 {
    margin: 32px 0 16px 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
}

.projects-text p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 32px 0;
}

.projects-image img {
    width: 100%;
    border-radius: 12px;
}

.projects-info {
    padding: 32px 0 0 0;
    border-top: 1px solid rgba(215, 215, 215, 1.0);
}

.projects-info-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -36px;
}

.projects-info-col {
    padding: 0 36px;
    width: auto;
}

.projects-info h4 {
    color: #949494;
    margin: 0 0 16px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.projects-info-block h3,.projects-info-block h5 {
    margin: 0 0 0 0;
    background-image: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.projects-info-block h5{
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px;
}

.projects-info-block h6 {
    color: #434343;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}
.projects-wrape{
    padding: 0 0 50px 0;
}
.projects-slide-buttons{
    display: flex;
    align-items: center;
    margin: -44px 0 0 0;
    position: relative;
    z-index: 1;
}
.projects-button-prev{
    margin-right: 16px;
}
.projects-button-prev,.projects-button-next{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: #F2F2F2;
}
.projects-button-prev:active, .projects-button-next:active{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}



/* Client Feedback Section */

.client-feedback-section {
    padding: 128px 0 91px 0;
    background-color: #121212;
}

.client-feedback-block {
    padding: 32px;
    background-color: #252525;
    border-radius: 20px;
    min-height: 292px;
}

.client-feedback-block p {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin: 0 0 16px 0;
}

.client-feedback-block h6 {
    color: #FF5B2E;
}

.client-feedback-data {
    position: relative;
}

.slide-arrow-prev,
.slide-arrow-next {
    width: 44px;
    height: 44px;
    background-color: #121212;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: -22px;
    transform: translateY(-50%);
    z-index: 1;
}

.slide-arrow-next {
    left: auto;
    right: -22px;
}

.slide-arrow-prev img,
.slide-arrow-next img {
    width: 24px;
}

.logo-slider-section {
    padding: 37px 0;
    background-color: #121212;
    position: relative;
}

.logo-slider-section::before,
.logo-slider-section::after {
    content: "";
    width: 19.3%;
    height: 100%;
    background: linear-gradient(270deg, rgba(18, 18, 18, 0.00) 0%, #121212 23.47%, #121212 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.logo-slider-section::after {
    right: 0;
    left: auto;
    background: linear-gradient(90deg, rgba(18, 18, 18, 0.00) 0%, #121212 23.47%, #121212 100%);
}

.logo-slide {
    padding: 10px 0px;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-wrape {
    border-top: 1px solid #323232;
}

.logo-wrape:last-child {
    border-bottom: 1px solid #323232;
}

.logo-wrape .swiper-slide {
    border-right: 1px solid #323232;
    padding: 0 60px;
    width: fit-content!important;
}


/* Blog Section */
.blog-section {
    background-color: #121212;
    padding: 91px 0 126px 0;
    position: relative;
}
.blog-shape {
    position: absolute;
    bottom: 150px;
    left: -80px;
    z-index: 11;
    background: var(--Gradients-G-01, linear-gradient(90deg, #8A2387 31.86%, #E94057 64.79%, #F27121 97.99%));
    opacity: 0.15;
    filter: blur(97px);
    width: 340px;
    height: 470px;
    /* transform: rotate(58.461deg); */
    flex-shrink: 0;
}
.blog-parent {
    z-index: 111;
    position: relative;
}
.title-small {
    margin-bottom: 40px;
}
.text-wh h3,.text-wh h2 {
    color: #fff;
}
.blog-block{
    transition: all 0.5s ease;
}
.blog-block-image{
    border-radius: 12px;
    position: relative;
    z-index: 1;
}
.blog-block-image::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: inherit;
    background: linear-gradient(93.3deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.blog-block:hover .blog-block-image::before{
    opacity: 1;
}
.blog-block-image img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 12px;
    object-fit: fill;
}
.blog-block h5{
    color: #fff;
    line-height: 32px;
    font-weight: 300;
    margin: 24px 0 0 0;
}
.blog-block h5 strong{
    font-weight: 500;
}




/* Contact us to Section */
.contact-us-to-section{
    padding: 128px 0;
    z-index: 1;
    position: relative;
    background-color: #fff;
}
.contact-us-to-tab h6{
    margin: 0 0 12px 0;
    color: #AEAEAE;
}
.contact-us-to-tab-data .nav-tabs{
    margin: 0 0 48px 0;
    border-bottom: 2px solid rgba(215, 215, 215, 0.5);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.contact-us-to-tab-data .nav-tabs .nav-item{
    margin: 0 48px 0 0;
    display: inline-block;
}
.contact-us-to-tab-data .nav-tabs .nav-item:last-child{
    margin-right: 0;
}
.contact-us-to-tab-data .nav-tabs .nav-link{
    color: #AEAEAE;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; 
    letter-spacing: -0.96px; 
    margin: 0;
    padding: 0 0 20px 0;
    border-radius: 0;
    border: none;
    position: relative;
    transition: all 0.5s ease;
}
.contact-us-to-tab-data .nav-tabs .nav-link::before{
    content: "";
    width: 0;
    height: 2px;
    background: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%); 
    opacity: 0.5;
    position: absolute;
    bottom: -2px;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
}
.contact-us-to-tab-data .nav-tabs .nav-link.active{
    background-image: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.contact-us-to-tab-data .nav-tabs .nav-link.active::before{
    opacity: 1;
    width: 100%;
}
.contact-check-wrape h6{
    margin: 0 0 28.95px 0;
    font-weight: 300;
}
.contact-check-data{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 1280px;
    width: 100%;
    padding: 0 0 0 4.95px;
}
.checkbox-group{
    margin: 0 28px 17.9px 0;
}
.checkbox-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.checkbox-group label {
    position: relative;
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    color: #121212;
    vertical-align: middle;
}
.checkbox-group label::before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #8C8C8C;
    padding: 0px;
    width: 26px;
    height: 26px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px;
    border-radius: 100px;
}
.checkbox-group input:checked + label::after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(42deg);
}
.checkbox-group input:checked + label::before{
   background-color: #FF5B2E;
   border-color: #FF5B2E;
}
.checkbox-group input:checked + label{
   color: #FF5B2E;
}


.contact-from{
    padding: 24px 0 0 0;
}
.form-group{
    margin: 0 0 40px 0;
}
.form-control{
    width: 100%;
    padding: 0 0 13px 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #D7D7D7;
    outline: none;
    box-shadow: none!important;
    background-color: transparent!important;
    color: #121212;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}
.form-control:focus{
    border-bottom: 1px solid #FF5B2E;
}
.form-control::placeholder{
    color: #AEAEAE;
}

.file-upload-button{
    position: relative;
}
.file-input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    cursor: pointer;
}
.file-upload-button span,.file-upload-button label{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 24px */
    letter-spacing: -0.176px; 
    font-family: "Archivo", sans-serif;
}
.file-upload-button span img{
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 12px;
}




/* Footer */
.footer{
    padding: 48px 0 1px 0;
    background-color: #121212;
}
.footer-logo-data{
    margin: 0 0 48px 0;
}
.foot-row{
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 -12.5px; */
}
.foot-col-contact{
    width: 35%;
    /* padding: 0 12.5px; */
}
.foot-col-navigation,
.foot-col-sevices,
.foot-col-talent,
.foot-col-other{
    width: 16.25%;
    /* padding: 0 12.5px; */
}
.foot-text h6{
    color: #fff;
    margin: 0 0 16px 0;
}
.foot-address{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 375px;
    width: 100%;
    margin: 0 0 24px 0;
}
.foot-address:last-child{
    margin-bottom: 32px;
}
.foot-address img{
    width: 32px;
    height: 32px;
}
.foot-address p{
    width: calc(100% - 32px);
    padding: 0 0 0 24px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: #AEAEAE;
}
.foot-contact ul,.foot-social ul{
    list-style: none;
    margin: 0 0 30px 0;
}
.foot-contact ul li,
.foot-social ul li,
.foot-link ul li a{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    color: #AEAEAE;
    line-height: normal; 
    margin: 0 0 12px 0;
}
.foot-contact ul li a,.foot-social ul li a{
    color: #AEAEAE;
}
.foot-contact ul li a:hover,
.foot-social ul li a:hover,.foot-link ul li a:hover
,.foot-link ul li a.active
{
    color: #FF5B2E;
}
.foot-col-talent .foot-link ul li a.active {
    color: #AEAEAE;
}
.faq-section .accordion-btn {
    padding-right: 45px;
}
.faq-section .container{
    position: relative;
}
.foot-social ul{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.foot-social ul li{
    display: inline-block;
    margin: 0 16px 0 0;
}
.foot-social ul li:last-child{
    margin-right: 0;
}

.foot-link ul{
    list-style: none;
    margin: 0;
}
.foot-link ul li{
    display: block;
    margin: 0 0 0 0;
}
.foot-link ul li a{
    display: table;
}
.copyright{
    margin-top: 48px;
    border-top: 1px solid rgba(94, 94, 94, 0.5);
    padding: 24px 0;
}
.copyright-text p{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal; 
    color: #AEAEAE;
}



/*================================= Work - Portfolio - Option 02 =================================*/

/* Header Black */
.header-black .navbar-expand-lg .navbar-nav .nav-link,
.header-black .head-dropdown,
.header-black-menu .navbar-expand-lg .navbar-nav .nav-link,
.header-black-menu .head-dropdown{
    color: #121212;
}
.header-black .dropdown-toggle::after,
.header-black-menu .dropdown-toggle::after {
    background-image: url('../images/arrow-down-sm-bl.svg');
}
.header-black .head-contact::before,
.header-black-menu .head-contact::before {
    background-color: #121212;
}
.header-black .bar1, 
.header-black .bar2, 
.header-black .bar3,
.header-black-menu .bar1, 
.header-black-menu .bar2, 
.header-black-menu .bar3{
    background-color: #121212;
}
.header.fixed{
    position: fixed!important;
    background-color: #121212;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    animation: slideDown 0.5s ease-out;
}
.header.header-black.fixed{
    background-color: #fff;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Banner Text Section */
.banner-text-section{
    padding: 96px 0 0 0;
}
.banner-text-parent{
    margin: 0 0 128px 0;
}
.banner-text-content{
    max-width: 650px;
    width: 100%;
    margin: 0 0 0 auto;
}
.inside-banner-text .banner-text-parent{
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}


/* Portfolio Section */
.portfolio-image{
    /* min-height: 100vh; */
    display: flex;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.portfolio-image::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%); 
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.portfolio-text{
    max-width: 680px;
    width: 100%;
}
.portfolio-text h2{
    color: #fff;
    margin: 28px 0 32px 0;
}   
.portfolio-text h6{
    color: #fff;
    margin: 0 0 16px 0;
}  
.portfolio-text ul{
    margin: 0 0 48px 22px;
}
.portfolio-text ul li{
    color: #fff;
    margin: 0 ;
    line-height: 26px;
    font-weight: normal;
    font-size: 20px; 
}   

#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color: #fff !important;
}
.fp-warning, .fp-watermark{
    display: none;
}


/*================================= Work - Portfolio - Option 01 =================================*/



/* Portfolio Option 1 Section */
.portfolio-opt1-parent{
    padding: 0 0 130px 0;
}
.border-bottom-gray{
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}
.portfolio-opt1-item{
    margin: 0 0 80px 0;
}

.image-left .portfolio-opt1-image-wrape {
    padding: 0 98px 0 0;
}
.image-right .portfolio-opt1-image-wrape{
    padding: 0 0 0 98px;
}
.portfolio-opt1-image{
    overflow: hidden;
    display: table;
    border-radius: 12px;
    transition: all 0.5s ease;
}
.portfolio-opt1-image img{
    transition: all 0.5s ease;
    border-radius: 12px;
}
.portfolio-opt1-image:hover img{
    transform: scale(1.1);
}
.portfolio-opt1-wrape{
    display: flex;
    align-items: center;
    min-height: 100%;
}
.portfolio-opt1-text h2{
    margin: 32px 0;
    color: #121212;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.portfolio-opt1-text h3{
    margin: 0 0 16px 0;
    color: #5E5E5E;
        font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: normal;
}
.portfolio-opt1-text ul{
    margin: 0 0 32px 22px;
}
.portfolio-opt1-text ul li{
    color: #121212;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.btn.arrow-btn{
    width: 44px;
    padding-right: 0;
    padding-left: 0;
}
.btn.arrow-btn img{
    margin: 0;
}




/*=========================== Our Case Studies ===========================*/

/* Our Case Studies Section */
.case-studie-parent{
    padding-bottom: 48px;
}
.image-zoom{
    overflow: hidden;
    display: table;
}
.image-zoom img{
    transition: all 0.5s ease;
}
.image-zoom:hover img{
    transform: scale(1.1);
}


.card-block{
    margin: 0 0 80px 0;
}
.card-block-img{
    width: 100%;
}
.card-block-img,
.card-block-img img{
    border-radius: 12px;
}
.card-block-img img{
    height: 369px;
    width: 100%;
    object-fit: cover;
}
.card-block h2{
    color: #121212;
    margin: 24px 0 12px 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
}
.card-block p{
    color: #434343;
    margin: 0 0 16px 0;
}
.card-block ul{
    margin: 0;
    list-style: none;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.card-block ul li{
    margin: 0 12px 0 0;
}
.card-block ul li p{
    display: table;
    padding: 10px 16px 8px 16px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background-color: #121212; 
}



/*======================= Contact Us Page =======================*/


/* Contact Section */
.contact-section{
    padding: 208px 0 83px 0;
    background-color: #121212;
    position: relative;
}
.contact-parent{
    position: relative;
    z-index: 111;
}
.logo-slider-section{
    position: relative;
}
.contact-shape-1 {
    position: absolute;
    bottom: 0;
    left: -170px;
    z-index: 99;
    width: 370px;
    height: 300px;
    transform: rotate(-28.132deg);
    flex-shrink: 0;
    background: var(--Gradients-G-01, linear-gradient(90deg, #8A2387 31.86%, #E94057 64.79%, #F27121 97.99%));
    opacity: 0.15;
    filter: blur(97px);
}
.contact-shape-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 509px;
    height: 1240px;
    flex-shrink: 0;
    width: 119px;
    height: 790px;
    flex-shrink: 0;
    background: #2EFFA7;
    opacity: 0.15;
    filter: blur(97px);
}
.contact-title-data{
    margin: 0 0 64px 0;
}
.contact-title h1{
    color: #fff;
}
.contact-content-wrape {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-height: 100%;
    padding: 0 0 16px 0;
}
.contact-content-text {
    text-align: right;
}
.contact-content-text h6 {
    background-image: linear-gradient(94deg, #8A2387 -17.9%, #E94057 39.72%, #F27121 97.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    margin: 0 0 32px 0;
}
.contact-content-text ul {
    list-style: none;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.contact-content-text ul li {
    margin: 0 0 0 24px;
}
.contact-content-text ul li img {
    height: 64px;
    width: 64px;
    object-fit: contain;
}


.contact-form-block-wrape{
    padding: 1px;
    background-image: linear-gradient(93.3deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
    border-radius: 12px;
}
.contact-form-block{
    padding: 42px 65px 48px 32px;
    border-radius: 12px;
    background-color: #121212;
}
.contact-form{
    padding: 6px 19px 0 0px;
}
.contact-form .form-control{
    color: #fff;
    padding-left: 12px;
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
}
.contact-form .form-control::placeholder{
    color: #949494;   
}
.contact-form .form-group{
    margin: 0 0 32px 0;
}

.contact-info{
    padding: 0 0 0 45px;
    position: relative;
}
.contact-info::before{
    content: "";
    width: 1px;
    height: 100%;
    background-color: #5E5E5E;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 13px;
}
.contact-info h6{
    color: #949494;
    margin: 0 0 16px 0;
}
.contact-address{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 375px;
    width: 100%;
    margin: 0 0 24px 0;
}
.contact-address:last-child{
    margin-bottom: 32px;
}
.contact-address img{
    width: 32px;
    height: 32px;
}
.contact-address p{
    width: calc(100% - 32px);
    padding: 0 0 0 24px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: #fff;
}
.text-contact ul,.contact-social ul{
    list-style: none;
    margin: 0 0 30px 0;
}
.text-contact ul li,
.contact-social ul li{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    line-height: normal; 
    margin: 0 0 12px 0;
}
.text-contact ul li a,.contact-social ul li a{
    color: #fff;
}
.text-contact ul li a:hover,
.contact-social ul li a:hover{
    color: #FF5B2E;
}

.contact-social ul{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.contact-social ul li{
    display: inline-block;
    margin: 0 16px 0 0;
}
.contact-social ul li:last-child{
    margin-right: 0;
}


.contact-section .intl-tel-input.separate-dial-code .selected-dial-code{
    color: #949494;
    /* vertical-align: top; */
}
.contact-section .intl-tel-input .selected-flag .iti-arrow{
    background-image: url('../images/arrow-down-gr.svg');
    /* top: -8px; */
}




/* Info Block Section */
.info-block-section{
    padding: 60px 0;
    background-color: #121212;
}
.info-block-parent{
    padding-bottom: 128px;
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
}
.info-block-wrape{
    position: relative;
    z-index: 1;
    border-radius: 12px;
}
.info-block-wrape::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: 12px;
    border-radius: inherit;
    background-image: linear-gradient(93.3deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.info-block-wrape:hover::before{
    opacity: 1;
}
.info-block{
    width: 100%;
    min-height: 190px;
    background-color: #252525;
    border-radius: 12px;
    padding: 32px;
}
.info-block-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}
.info-block-text h2,.info-block-text h4{
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
}
.info-block-btn{
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    transform: translateX(-20px);
}
.info-block-wrape:hover .info-block-btn{
    opacity: 1;
    visibility: visible;
    transform: translateX(-0px);
}



/*=========================== Solutions ===========================*/

/* Solutions Section */
.solutions-parent{
    padding-bottom: 96px;
}
.solutions-block{
    position: relative;
    border-radius: 12px;
    margin: 0 0 32px 0;
    z-index: 1;
    transition: all 0.5s ease;
    cursor: pointer;
}
.solutions-block::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: 12px;
    border-radius: inherit;
    background-color: #FF5B2E;
}

.solutions-block figure img{
    width: 100%;
    height: 243px;
    object-fit: cover;
    border-radius: 12px 12px 0px 0px;
}
.solutions-block-text{
    padding: 32px;
    padding-bottom: 50px;
    background-color: #F2F2F2;
    border-radius: 0px 0px 12px 12px;
    position: relative;
    min-height: 236px;
    transition: all 0.5s ease;
}
.solutions-block-text h5{
    margin: 0 0 12px 0;
}
.solutions-block-text p{
    margin: 0 0 12px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: #434343;
}
.solutions-block-text .btn-secondary{
    position: absolute;
    bottom: 32px;
    left: 32px;
}
.btn.btn-secondary{
    background-color: transparent;
    color: #121212;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    padding: 0;
    border-radius: 0;
    border: none;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus{
    color: #FF5B2E;
    background-color: transparent;
}
.btn.btn-secondary img{
    transition: all 0.5s ease;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.btn.btn-secondary:hover img,
.btn.btn-secondary:focus img{
    transform: translateX(10px);
    filter: brightness(0) saturate(100%) invert(41%) sepia(86%) saturate(761%) hue-rotate(333deg) brightness(99%) contrast(108%);
}

.solutions-block:hover::before{
    opacity: 1;
}
.solutions-block:hover .solutions-block-text{
    background-color: #fff;
    box-shadow: 12px 12px 32px 0px rgba(0, 0, 0, 0.10); 
}



/*==================== Technology Main Page ====================*/

/* Inside Hero Banner */
.inside-hero-image{
    width: 100%;
    min-height: 720px;
    display: grid;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.inside-hero-text{
    text-align: center;
    max-width: 635px;
    width: 100%;
    margin: 0 auto;
}
.inside-hero-text h1{
    color: #fff;
    margin: 0 0 24px 0;
}
.inside-hero-text p{
    color: #fff;
}



/* Our Tech Section */
.ourtech-section{
    background-color: #121212;
    padding: 100px 0 128px 0;
}
.line{
    width: 100%;
    height: 1px;
    margin: 96px 0;
    background: linear-gradient(90deg, rgba(87, 217, 228, 0.00) 0%, #57D9E4 51.04%, rgba(87, 217, 228, 0.00) 100%); 
}
.ourtech-wrape{
    display: flex;
    align-items: center;
    min-height: 100%;
}
.ourtech-text h2{
    margin: 0 0 16px 0;
}
.ourtech-text p {
    color: #AEAEAE;
    margin: 0 0 32px 0;
    font-weight: 400;
}
.ourtech-left .ourtech-text{
    margin: 0 -7px 0 0;
}
.ourtech-right .ourtech-text{
    margin: 0 0 0 -7px;
}
.ourtech-left .ourtech-services-wrape{
    padding: 0 0 0 102px;
}
.ourtech-right .ourtech-services-wrape{
    padding: 0 102px 0 0;
}
.ourtech-services-block{
    width: 100%;
    min-height: 200px;
    border-radius: 12px; 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.5s ease;
    text-align: center;
    margin: 0 0 0px 0;
    cursor: pointer;
}
.ourtech-services-block img{
    width: 96px;
    height: 96px;
    object-fit: contain;
    transition: all 0.3s ease;
}
.ourtech-services-block h5{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: "Archivo", sans-serif;
    color: #808080;
    margin: 16px 0 0 0;
    transition: all 0.5s ease;
}


.ios-hover:hover{
    background-color: #000;
}
.android-hover:hover{
    background-color: #3DDB85;
}
.react-hover:hover{
    background-color: #61DAFB;
}
.flutter-hover:hover{
    background-color: #02539A;
}
.xamarin-hover:hover{
    background-color: #3498DB;
}
.ionic-hover:hover{
    background-color: #478AFF;
}
.angular-hover:hover{
    background-color: #DD0031;
}
.vue-hover:hover{
    background-color: #4DBA87;
}
.javaacript-hover:hover{
    background-color: #F0DB4F;
}
.tailwind-hover:hover{
    background-color: #06B6D4;
}
.html-hover:hover{
    background-color: #E34F26;
}
.net-hover:hover{
    background-color: #168CD4;
}
.php-hover:hover{
    background-color: #8993BE;
}
.java-hover:hover{
    background-color: #525AC4;
}
.node-hover:hover{
    background-color: #6ABF4B;
}
.python-hover:hover{
    background-color: #0277BD;
}
.laravel-hover:hover{
    background-color: #FF2D20;
}
.sql-server-hover:hover{
    background-color: #A91D22;
}
.mysql-hover:hover{
    background-color: #00546B;
}
.mongodb-hover:hover{
    background-color: #13AA52;
}
.dynamodb-hover:hover{
    background-color: #2D72B8;
}
.oracle-hover:hover{
    background-color: #EA1B22;
}
.firebase-hover:hover{
    background-color: #FFA712;
}
.magneto-hover:hover{
    background-color: #EC6737;
}
.wordpress-hover:hover{
    background-color: #00749A;
}
.drupal-hover:hover{
    background-color: #009DDE;
}
.shopify-hover:hover{
    background-color: #95BF46;
}
.joomla-hover:hover{
    background-color: #EE4035;
}
.umbraco-hover:hover{
    background-color: #3544B1;
}
.aws-hover:hover{
    background-color: #F90;
}
.google-cloud-hover:hover{
    background-color: #4285F4;
}
.sharepoint-hover:hover{
    background-color: #105557;
}
.microsoft-dynamics-hover:hover{
    background-color: #7252AA;
}
.azure-hover:hover{
    background-color: #2892DF;
}
.net-core-hover:hover{
    background-color: #621EE5;
}

.ourtech-services-block figure{
    position: relative;
}
.ourtech-hover-icon{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}

/* .ourtech-services-block:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(47deg) brightness(103%) contrast(100%);
} */
.ourtech-services-block:hover h5{
    color: #fff;
}
.ourtech-services-block:hover .ourtech-hover-icon{
    opacity: 1;
}





/*=============================== About Page ===============================*/

/* About Section */
.about-section{
    padding: 96px 0 128px 0;
    position: relative;
}
.about-shape-left {
    position: absolute;
    bottom: 210px;
    width: 111px;
    height: 371px;
    transform: rotate(126.569deg);
    flex-shrink: 0;
    background: #2EFFA7;
    opacity: 0.13;
    filter: blur(77px);
    display: block !important;
}
.about-shape-right {
    position: absolute;
    top: 190px;
    right: 0;
    width: 484.635px;
    height: 60.484px;
    /* transform: rotate(-69.99deg); */
    flex-shrink: 0;
    background: var(--Gradients-G-01, linear-gradient(90deg, #8A2387 31.86%, #E94057 64.79%, #F27121 97.99%));
    opacity: 0.1;
    filter: blur(77px);
    display: block !important;
    border-radius: 150%;
}
.about-parent{
    position: relative;
    z-index: 1;
}
.about-text{
    max-width: 1123px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 64px;
    text-align: center;
}
.about-text h1{
    margin: 0 0 32px 0;
    color: #000;
}
.about-text p{
    color: #434343;
}
.about-video video{
    width: 100%;
    border-radius: 12px;
}



/* Evidence Numbers Section */
.evidence-numbers-section{
    padding: 80px 0 136px 0;
    background-color: #121212;
}
.evidence-numbers-text h6,.evidence-numbers-text p{
    color: #AEAEAE;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.evidence-numbers-text h2{
    color: #fff;
    margin: 12px 0 24px 0;
}

.evidence-numbers-count{
    padding: 48px 0 128px 0;
    border-top: 1px solid #5E5E5E;
}
.evidence-numbers-count-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px;
}
.evidence-numbers-count-col{
    padding: 0 15px;
}
.evidence-numbers-count-block h3{
    color: #24FBA0;
}
.evidence-numbers-count-block h3 strong{
    font-weight: 400;
    color: #fff;
}
.evidence-numbers-count-block h3 span{
    color: #fff;
}
.evidence-numbers-count-block h5{
    color: #AEAEAE;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin: 6px 0 0 0;
}

.mission-block{
    padding: 32px;
    background-color: #252525;
    border-radius: 12px;
    min-height: 292px;
}
.mission-block h4{
    color: #fff;
    margin: 24px 0;
}
.mission-block p{
    color: #AEAEAE;
}



/* Story Section */
.story-section{
    padding: 128px 0;
}
.story-wrape{
    display: flex;
    align-items: center;
    min-height: 100%;
}
.story-text h6{
    color: #949494;
    margin: 0 0 12px 0;
}
.story-text p{
    color: #121212;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 32px 0;
}
.story-image img{
    border-radius: 12px;
    margin: 0 0 0 auto;
}


/* Differences Section */
.differences-section{
    padding: 0 0 96px 0;
}
.differences-wrape{
    margin: 0 0 32px 0;
    display: flex;
    align-items: center;
    min-height: 100%;
}
.differences-text h3,.differences-text h2{
    color: #000;
    margin: 0 0 16px 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
}
.differences-block{
    min-height: 284px;
    background-color: #F2F2F2;
    padding: 32px;
    border-radius: 12px;
    margin: 0 0 32px 0;
    height: calc(100% - 32px);
}
.differences-block h4{
    color: #121212;
    margin: 24px 0 16px 0;
}




/* Capabilities Dark Section */
.capabilities-dark-section{
    background-color: #121212;
    padding: 132px 0 0 0;
    overflow: unset;
}
.capabilities-dark-section .capabilities-parent{
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
    padding-bottom: 128px;
}
.capabilities-dark-section .capabilities-title h2,
.capabilities-dark-section .capabilities-title p,
.capabilities-dark-section .capabilities-links ul li a{
    color: #fff;
}
.capabilities-dark-section .capabilities-links ul li a::before{
    background-image: url('../images/arrow-right-48.svg');
}



/* Team Section */
.team-section{
    padding: 128px 0;
    background-color: #121212;
}
.team-parent .title h2{
    color: #fff;
}
.team-block {
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease;
}
.team-image img{
    width: 317px;
    height: 317px;
    object-fit: cover;
    border-radius: 50%;
    background-color: #171717;
    transition: all 0.5s ease;
    mix-blend-mode: luminosity; 
    margin: 0 auto;
}
.team-block h5{
    color: #fff;
    margin: 32px 0 8px 0;
}
.team-block p{
    color: #AEAEAE;
}
.team-block:hover .team-image img{
    background-color: #FF5B2E;
    mix-blend-mode: normal; 
}


/* Life Section */
.life-section{
    padding: 128px 0 0 0;
}
.life-title-data{
    margin: 0 0 80px 0;
}
.life-title-content{
    max-width: 635px;
    width: 100%;
    margin: 0 0 0 auto;
}
.life-title-content p{
    margin: 0 0 32px 0;
    color: #434343;
    font-weight: 400;
}

.life-gallery-block{
    position: relative;
}
.life-gallery-block::before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%); 
    position: absolute;
    bottom: 0;
    left: 0;
}
.life-gallery-block img{
    width: 100%;
    height: 549px;
    object-fit: cover;
    border-radius: 12px;
}
.life-gallery-block-text{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 21px 24px;
    z-index: 1;
}
.life-gallery-block-text h4{
    color: #fff;
}



/* Start Adventure Section */
.start-adventure-section{
    padding: 128px 0;
}
.start-adventure-block{
    background-image: url('../images/graphic-2.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    border-radius: 12px; 
    padding: 48px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.start-adventure-parent{
    position: relative;
    border-radius: 12px;
}
.start-adventure-parent::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    transition: all 0.5s ease;
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(255,91,46,1) 0%, rgba(245,225,45,1) 100%); 
}
.start-adventure-block h3{
    margin: 0 0 32px 0;
}
.start-adventure-block h2{
    margin: 0 0 32px 0;
    color: #fff;
}


.life-gallery-slider .swiper-wrapper {
  -webkit-transition-timing-function:linear!important;
   -o-transition-timing-function:linear!important;
   transition-timing-function:linear!important;
}




/* Career Section */

.mg-32 .banner-text-parent{
    margin-bottom: 0px!important;
    border-bottom: 2px solid #7777774D;
}

.career-item a{
    position: relative;
    display: block;
    padding: 32px 0;
    border-bottom: 2px solid #7777774D;
    transition: all 0.5s ease;
}
.career-item a::before{
    content: "";
    width: 44px;
    height: 44px;
    background-color: #FF5B2E;
    position: absolute;
    top: 48px;
    right: 0;
    background-image: url('../images/arrow-right-wh.svg');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100px;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.5s ease;
}
.career-item h2{
    margin: 0 12px 12px 0;
    color: #121212;
    display: inline-block;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
}
.career-item p{
    color:#434343;
    font-weight: 400;
}
.career-badge{
    background-color: #F2F2F2;
    padding: 6px 12px;
    color: #434343;
    font-size: 16px;
    line-height: normal;
    font-weight: 400; 
    border-radius: 100px;
    margin: 4px 0 0 0px;
    display: inline-block;
    vertical-align: top;
}
.career-item a:hover::before{
    opacity: 1;
    transform: translateX(-0px);
}
.career-item a:hover h4{
    background: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}



/* Application Section */
.application-section .start-adventure-block{
    background-image: url('../images/graphic-3.png');
}
.application-section .start-adventure-parent::after{
    background: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.application-section .start-adventure-block h2,
.application-section .start-adventure-block p{
    margin-bottom: 24px;
    max-width: 587px;
    width: 100%;
}
.application-section .start-adventure-block h2 {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px;
    color: #121212;
}
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{
    font-size: 78px;
    font-style: normal;
    font-weight: 300;
    line-height: 86px;
    letter-spacing: -1.56px;
}
/* Hiring Process Section */

.hiring-process-parent{
    padding-bottom: 128px;
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}
.hiring-process-title-data{
    margin-bottom: 56px;
}
.hiring-process-title h2{
    color: #000;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px;
}
.hiring-process-title-contant{
    margin:0 60px 0 auto;
    max-width: 635px;
    width: 100%;
}

.hiring-process-block{
    position: relative;
    margin-bottom: 30px;
}
.hiring-process-block::before{
    content: "";
    width: 215px;
    height: 11px;
    background-image: url('../images/process-arrow.png');
    background-size: cover;
    position: absolute;
    right: 0;
    top: 35px;
    background-repeat: no-repeat;
    z-index: -1;
}
.process-col:last-child .hiring-process-block::before{
    display: none;
}
.hiring-process-icon{
    width: 80px;
    height: 80px;
    border-radius: 100px;
    border: 1px solid #D1D1D1;
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: center;
    z-index: 1;
    position: relative;
}
.hiring-process-icon img{
    width: 54px;
}
.hiring-process-block h3{
    margin: 32px 0 12px 0;
    color: #121212;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal
}





/*============================ Career Detail ============================*/

/* Career Detail Section */
.career-detail-section{
    padding: 96px 0 0 0;
}
.career-detail-parent{
    padding-bottom: 82px;
}
.career-detail-width{
    max-width: 896px;
    width: 100%;
    margin: 0 auto;
}
.back-btn{
    display: flex;
    align-items: center;
    color: #949494;
}
.back-btn img{
    margin: 0 14px 0 0;
}
.back-btn:hover img{
    filter: brightness(0) saturate(100%) invert(76%) sepia(69%) saturate(6835%) hue-rotate(340deg) brightness(99%) contrast(104%);
}
.career-detail-data h1{
    padding: 12px 0 16px 0;
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}
.career-detail-data-item{
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}
.career-detail-data-item-inner{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.career-detail-data-item h5{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.career-detail-data-item h5 span{
    margin: 0 15px;
}
.career-detail-data-item .career-badge{
    margin: 0 16px 0 0;
}
.apply-btn{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: #121212;
}
.apply-btn:hover{
    color: #FF5B2E;
}


.career-detail-text{
    padding: 80px 0 0 0;
}
.career-detail-text h4{
    margin: 0 0 16px 0;
}
.career-detail-text p{
    margin: 0 0 40px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.career-detail-text ol{
    margin: 0 0 40px 20px;
}
.career-detail-text ol li{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #434343;
}

.border-block-wrape{
    max-width: 936px;
    width: 100%;
    margin: 0 auto;
    border-radius: 12px;
    position: relative;
}
.border-block-wrape::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    transition: all 0.5s ease;
    border-radius: 12px;
    background-image: linear-gradient(93.3deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.border-block{
    padding: 32px;
    border-radius: 12px;
    background-color: #fff;
}
.border-block p{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.border-block h4{
    margin: 0 0 32px 0;
}



/* Job Career Detail */
.job-career-detail .contact-us-to-tab-data .nav-tabs .nav-link::before {
    display: none;
}
.job-career-detail .contact-from{
    padding: 0;
}
.job-career-detail .contact-us-to-tab-data .nav-tabs{
    margin-bottom: 80px;
}

.intl-tel-input{
    width: 100%;
    display: block;
}
.iti-flag,.flag-box{
    display: none!important;
}
.intl-tel-input.separate-dial-code .selected-flag{
    background-color: transparent!important;
}
.intl-tel-input.separate-dial-code .selected-dial-code{
    padding: 0 0 0 22px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #121212;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{
    padding: 0 0 0 0px;
    width: auto;
}
.intl-tel-input .selected-flag{
    height: auto;
    padding: 0;
}
.intl-tel-input .selected-flag .iti-arrow{
    right: auto;
    left: 0;
    top: 10px;
    border: none;
    width: 10px;
    height: 10px;
    background-image: url('../images/arrow-down-sm-bl.svg');
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}
.input-group .form-control{
    padding-left: 75px!important;
    appearance: none;
}
.input-group .form-control::-webkit-outer-spin-button,
.input-group .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-group .form-control[type=number] {
  -moz-appearance: textfield;
}


.choose-file-data{
    padding: 24px;
    border-radius: 10px;
    border: 1px dashed #D7D7D7;
    text-align: center;
    cursor: pointer;
}
.choose-file-data p{    
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #949494;
}
.choose-file-btn{
    padding: 10px 24px;
    background-color: #D7D7D7;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: #121212;
    margin-top: 10px;
    border-radius: 100px;
    border: none;
}




/*===================== Life @ Ninja Tech =====================*/


/* Discover Section */
.discover-section{
    padding: 96px 0 0 0;
    position: relative;
}
.discover-section::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FFF 46.28%, #121212 100%); 
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.discover-text{
    text-align: center;
    margin: 0 auto 44px auto;
    max-width: 1123px;
    width: 100%;
}
.discover-text h1{
    margin: 0 0 32px 0;
}
.discover-text h1 span{
    font-style: italic; 
    font-family: "Playfair Display", serif;
    line-height: 78px; 
    background-image: linear-gradient(96deg, #8A2387 30.79%, #E94057 42.44%, #F27121 54.19%);
}

.slideshow-row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.slideshow-col{
    padding: 0 10px;
}
.slideshow-col-lg{
    width: 40%;
}
.slideshow-col-sm{
    width: 20%;
}
.slideshow-image{
    margin: 20px 0 0 0;
}
.slideshow-image img{
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
}
.height-368 img{
    height: 368px;
}
.height-756 img{
    height: 756px;
}



/* Work Balance Section */
.work-balance-section{
    padding: 128px 0;
    background-color: #121212;
    position: relative;
    z-index: 1;
}
.work-balance-shape{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.work-balance-title-data{
    margin: 0 0 80px 0;
}
.work-balance-title p.work-balance-sub-title{
    color: #AEAEAE;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.work-balance-title h2{
    margin: 12px 0 16px 0;
    color: #fff;
}
.work-balance-title p{
    max-width: 665px;
    width: 100%;
    color: #AEAEAE;
}
.work-balance-title-image{
    display: flex;
    align-items: flex-end;
    min-height: 100%;
}

.work-balance-block{
    padding: 32px;
    background-color: #252525;
    border-radius: 12px;
    margin: 0 0 0px 0;
    min-height: 100%;
}
.work-balance-block h3{
    color: #fff;
    margin: 24px 0 12px 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
}
.work-balance-block p{
    color: #AEAEAE;
}




/* NinjaTech Gallery */

.ninjatech-gallery{
    padding: 128px 0;
}
.ninjatech-gallery .banner-text-parent{
    margin-bottom: 48px;
    padding-bottom: 72px;
    border-bottom: 1px solid #AEAEAE;
}
.ninjatech-gallery-item{
    margin: 0 0 48px 0;
}
.ninjatech-gallery-item-title{
    margin-bottom: 15px;
}
.ninjatech-gallery-item-title h3{
    margin: 0 8px 0 0;
    display: inline-block;
    letter-spacing: normal;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.ninjatech-gallery-item-image img{
    width: 100%;
    height: 243px;
    border-radius: 12px;
    object-fit: cover;
}


/* Connect Section */
.connect-section{
    padding-bottom: 128px;
}
.connect-block-wrape{
    position: relative;
    border-radius: 12px;
}
.connect-block-wrape::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    transition: all 0.5s ease;
    border-radius: 12px;
    background-image: linear-gradient(93.3deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.connect-block{
    padding: 108px 20px 96px 20px;
    background-color: #fff;
    border-radius: 12px;
    position: relative;
}
.connect-img-right{
    position: absolute;
    left: 0;
    top: 40px;
}
.connect-img-left{
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0 0 12px 12px;
}
.connect-block-text{
    max-width: 666px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.connect-block-text h3{
    margin: 0 0 24px 0;
    font-weight: 600;
    line-height: 64px;
}
.connect-block-text p{
    margin: 0 0 40px 0;
    line-height: 30px;
}
.connect-block-text ul{
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.connect-block-text ul li{
    margin: 0 24px 0 0;
}
.connect-block-text ul li:last-child{
    margin-right: 0;
}
.connect-block-text ul li a{
    display: block;
}


/* Voices Section */
.voices-section{
    padding: 128px 0;
    background-color: #121212;
}
.voices-text{
    max-width: 635px;
    width: 100%;
}
.voices-text h2{
    color: #fff;
    margin: 0 0 16px 0;
}
.voices-text p{
    color: #AEAEAE;
    margin: 0 0 32px 0;
}
.voices-data{
    max-width: 665px;
    width: 100%;
    margin: 0 0 0 auto;
}
.voices-block h4{
    padding-bottom: 32px;
    border-bottom: 1px solid #7777774D;
    color: #FF5B2E;
}
.voices-profile{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 24px 0 0 0;
}
.voices-profile img{
    width: 64px;
    height: 64px;
    object-fit: cover;
}
.voices-profile-text{
    width: calc(100% - 64px);
    padding: 0 0 0 16px;
}
.voices-profile-text h5{
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 8px 0;
}
.voices-profile-text h6{
    color: #AEAEAE;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.voices-slide-arrow{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin: -55px 0 0 0;
    z-index: 11;
    position: relative;
}
.voices-button-prev{
    margin-right: 16px;
}
.voices-button-prev,.voices-button-next{
    width: 44px;
    height: 44px;
    background-color: #434343;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}


/*========================= Hire Tech Talent =========================*/

/* Hire Banner */
.hire-banner{
    padding: 114px 0 0 0;
    position: relative;
}
.hire-shape-left {
    position: absolute;
    bottom: 300px;
    left: 0;
    width: 484.635px;
    height: 119.484px;
    /* transform: rotate(-69.99deg); */
    flex-shrink: 0;
    background: var(--Gradients-G-01, linear-gradient(90deg, #8A2387 31.86%, #E94057 64.79%, #F27121 97.99%));
    opacity: 0.1;
    filter: blur(77px);
}
.hire-shape-right {
    position: absolute;
    bottom: 140px;
    right: 0px;
    z-index: 111;
    width: 531.868px;
    height: 151.251px;
    transform: rotate(40.01deg);
    flex-shrink: 0;
    background: #2EFFA7;
    opacity: 0.09;
    filter: blur(77px);
}
.hire-banner-text{
    margin: 0 0 152px 0;
    position: relative;
    z-index: 111;
}
.hire-banner-text h1{
    text-align: center;
    margin: 0 0 24px 0;
}
.hire-banner-text ul{
    list-style: none;
    margin: 0 0 44px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.hire-banner-text ul li{
    margin: 0 52px 0 0;
    position: relative;
}
.hire-banner-text ul li::before{
    content: "";
    width: 10px;
    height: 18px;
    background-image: url('../images/arrow-right-gray.svg');
    background-size: cover;
    position: absolute;
    right: -30px;
    top: 3px;
}
.hire-banner-text ul li:last-child{
    margin-right: 0;
}
.hire-banner-text ul li:last-child::before{
    display: none;
}
.hire-banner-text ul li{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.hire-banner-text ul li span{
   padding: 0 0 0 10px;
}

.hire-banner-logo{
    position: relative;
}
.hire-banner-logo::before,.hire-banner-logo::after {
  content: "";
  width: 19.3%;
  height: 100%;
  background: linear-gradient(270deg, rgba(18, 18, 18, 0.00) 0%, #fff 23.47%, #fff 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.hire-banner-logo::after {
  right: 0;
  left: auto;
  background: linear-gradient(90deg, rgba(18, 18, 18, 0.00) 0%, #fff 23.47%, #fff 100%)
}
.hire-banner-logo .logo-slide img{
    mix-blend-mode: exclusion; 
    filter: brightness(0) saturate(100%) invert(0%) sepia(48%) saturate(4629%) hue-rotate(99deg) brightness(68%) contrast(86%);
}
.hire-banner-logo .logo-wrape,
.hire-banner-logo .logo-wrape .swiper-slide{
    border-color: #D7D7D7;
}


/* Hire Section */
.hire-section{
    background-color: #121212;
    padding: 64px 0 0 0;
    position: relative;
}
.hire-shape {
    position: absolute;
    top: 163px;
    left: -70px;
    width: 279px;
    height: 980px;
    transform: rotate(-6.495deg);
    flex-shrink: 0;
    background: #2EFFA7;
    opacity: 0.15;
    filter: blur(97px);
}
.hire-section .evidence-numbers-count{
    border: none;
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
    padding: 0 0 58px 0;
}
.hire-section .evidence-numbers-count-block h3{
    color: #2EFFA7;
}

.talent-exploration{
    padding: 100px 0 0 0;
}
.section-title-data{
    margin: 0 0 80px 0;
}
.section-title h2{
    color: #D9D9D9;
}
.section-title-content{
    max-width: 631px;
    width: 100%;
    margin: 0 0 0 auto;
}
.section-title-content p{
    margin: 0 0 32px 0;
    color: #AEAEAE;
}
.differences-dark-section .differences-text h3{
    color: #D9D9D9;
}
.differences-dark-section .differences-block p,
.differences-dark-section .differences-text p{
    color: #AEAEAE;
}
.differences-dark-section .differences-block{
    background-color: #252525;
    min-height: 100%;
    margin: 0;
}
.differences-dark-section .differences-block h4{
    color: #fff;
}


.start-adventure-dark{
    padding: 128px 0;
}
.start-adventure-parent::after {
    z-index: 0;
    background-image:linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.start-adventure-dark .start-adventure-block{
    background-color: #121212;
    background-image: url('../images/graphic-4-op.png');
}
.start-adventure-dark .start-adventure-block h2,
.start-adventure-dark .start-adventure-block p{
    max-width: 588px;
    width: 80%;
}
.start-adventure-dark .start-adventure-block h2{
    color: #fff;
    margin: 0 0 16px 0;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px;
}
.start-adventure-dark .start-adventure-block p{
    color: #fff;
    margin: 0 0 32px 0;
}


/* Clients trust Section */
.clients-trust-section{
    padding: 128px 0 0 0;
    position: relative;
    overflow: hidden;
}
.clients-trust-graphic {
    position: absolute;
    top: 0;
    right: 0;
    top: -500px;
    right: -140px;
    width: 549px;
    height: 620px;
    transform: rotate(-305.49deg);
    flex-shrink: 0;
    background: var(--Gradients-G-01, linear-gradient(90deg, #8A2387 31.86%, #E94057 64.79%, #F27121 97.99%));
    opacity: 0.15;
    filter: blur(97px);
    border-radius: 30%;
}
.clients-trust-parent{
    z-index: 1;
    position: relative;
}
.section-bl .section-title h2{
    color: #121212;
}
.section-bl .section-title-content{
    max-width: 635px;
}
.section-bl .section-title-content p{
    color: #434343;
}


.clients-trust-item{
    margin: 0 0 16px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #D7D7D7;
}
.clients-trust-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.clients-trust-title{
    min-height: 112px;
    padding: 10px 24px;
    background: #F2F2F2;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.clients-trust-title::before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%); 
    position: absolute;
    left: 0;
    top: 0;
    z-index:-1;
    opacity: 0;
    transition: all 0.5s ease;
}
.clients-trust-title h3{
    margin: 0 0 10px 0;
    transition: all 0.5s ease;
    letter-spacing: normal;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.clients-trust-title h6{
    font-size: 20px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
}
.clients-trust-title h6 img{
    margin: 0 0 0 10px;
    transition: all 0.5s ease;
}
.clients-trust-title:hover::before{
    opacity: 1;
}
.clients-trust-title:hover h3,
.clients-trust-title:hover h6{
    color: #fff;
}
.clients-trust-title:hover h6 img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(5021%) hue-rotate(25deg) brightness(100%) contrast(114%);
}

.clients-trust-links{
    display: flex;
    align-items: center;
    min-height: 100%;
}
.clients-trust-links ul{
    list-style: none;
    margin: 0;
}
.clients-trust-links ul li{
    display: block;
    margin: 0 0;
}
.clients-trust-links ul li:last-child{
    margin: 0;
}
.clients-trust-links ul li a{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    color: #434343;
    line-height: 32px;
    padding: 10px 32px;
    display: block;
    position: relative;
}
.clients-trust-links ul li a span{
    position: relative;
    transition: all 0.5s ease;
}
.clients-trust-links ul li a span::before{
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../images/arrow-right-bl-sm.svg');
    background-size: cover;
    position: absolute;
    top: 52%;
    right: -36px;
    transform: translateY(-50%);
    transition: all 0.5s ease;
    opacity: 0;
}
.clients-trust-links ul li a:hover span{
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    background-image: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.clients-trust-links ul li a:hover span::before{
    opacity: 1;
}


/* Hiring Process--Section */
.hiring-process--section{
    padding: 128px 0 0 0;
}
.hiring-process--section .hiring-process-parent{
    border-bottom: 0;
}
.hiring-process-block h4{
    color: #121212;
    margin: 32px 0 16px 0;
}
.hiring-process-block p{
    color: #5E5E5E;
    font-weight: 400;
}



/* FAQ Section */
.faq-section{
    padding: 39px 0 0 0;
    background-color: #121212;
    position: relative;
    /* overflow: hidden; */
}
/* section#faq {
    overflow: hidden;
} */
.adventure-section-shape-2{
    position: absolute;
    top: -400px;
    /* right: -80px; */
    right: 0px;
}
.faq-title{
    color: #fff;
}
.faq-accordion-item{
    margin: 0 0 0 0;
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
}
.accordion-btn{
    padding: 8px 0;
    width: 100%;
    background-color: transparent;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    border: none;
    border-radius: 0;
    transition: all 0.5s ease;
    position: relative;
}
.accordion-btn::before{
    content: "";
    width: 48px;
    height: 48px;
    background-image: url('../images/minus.svg');
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.faq-accordion-item .collapsed::before{
    background-image: url('../images/plus.svg');
}
.faq-accordion-item .collapsed{
    padding: 24px 50px 24px 0;
}
.faq-accordion-body{
    padding: 8px 0 16px 0;
}
.faq-accordion-body p, .faq-accordion-body li{
    color: #AEAEAE;
}
.faq-accordion-body ul {
    padding-left: 20px;
}
.figma-hover:hover {
    background: #000000;
}
.adobe-photoshop-hover:hover {
    background: #001E36;
}
.adobe-xd-hover:hover {
    background: #470137;
}
.adobe-illustrator-hover:hover {
    background: #251200;
}
.adobe-after-effect-hover:hover {
    background: #00005B;
}
.sketch-hover:hover {
    background: #000;
}


/* Start Adventure Dark Section */
.start-adventure-dark-section{
    background-color: #121212;
    position: relative;
}
.adventure-section-shape-1 {
    position: absolute;
    bottom: -150px;
    /* left: -50px; */
    left: 0px;
    background: var(--Gradients-G-02, linear-gradient(100deg, #FF5B2E 30.1%, #F5E12D 98.71%));
    opacity: 0.2;
    filter: blur(97px);
    width: 186.5px;
    height: 560.5px;
    flex-shrink: 0;
}
.start-adventure-dark-section .start-adventure-block{
    background-color: #121212;
    background-image: url('../images/graphic-5.png');
}
.start-adventure-dark-section .start-adventure-block h3{
    color: #fff;
}





/*========================== Solution inside ==========================*/

/* Solution inside Section */
.solution-inside-section{
    padding: 48px 0 0 0;
}
.solution-inside-parent{
    padding-bottom: 128px;
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}
.solution-inside-sidebar-wrape{
    min-height: 100%;
    position: relative;
}
.solution-inside-sidebar{
    position: sticky;
    top: 160px;
    width: 100%;
}
.solution-inside-sidebar h1{
    margin: 12px 0 42px 0;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 116.667% */
    letter-spacing: -0.96px; 
}
.list-group-item{
    border: none;
    margin: 0 0 24px 0;
    padding: 0;
    background-color: transparent!important;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    color: #949494;
}
.list-group-item.active span{
    background-image: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}

.list-item-text{
    margin-bottom: 80px;
}
.list-item-text h4{
    margin: 0 0 12px 0;
}
.list-item-text p{
    margin: 0 0 40px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.features-item-text h4{
    margin-bottom: 24px;
}
.list-item-text ul{
    list-style: none;
    margin: 0 0 0 0;
}
.list-item-text ul li{
    padding: 0 0 0 37px;
    color: #434343;
    margin: 0 0 12px 0;
    transition: all 0.5s ease;
    position: relative;
    cursor: pointer;
}
.list-item-text ul li::before{
    content: "";
    width: 21px;
    height: 21px;
    background-image: url('../images/star-icon.svg');
    background-size: cover;
    position: absolute;
    top: 2px;
    left: 0;
    transition: all 0.5s ease;
}
.list-item-text ul li:hover::before{
    background-image: url('../images/star-icon-hover.svg');
    opacity: 1;
}
.list-item-text ul li:last-child{
    margin-bottom: 0;
}
.chart-img{
    margin: 0 auto;
}
.solutions-inside-button{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.solutions-inside-button .btn.btn-primary{
    margin-right: 24px;
}
.solutions-inside-btn{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
    color: #121212;
}



/* Explore Section */
.explore-section{
    padding: 128px 0 0 0;
}
.explore-parent{
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
}



/*================================== Services Main Page ==================================*/

/* Inside Banner Video */
.inside-banner-video .hero-banner-bottom{
    border-color: rgba(245, 245, 245, 0.5);
}


/* Technology Services Section */
.technology-services-section{
    background-color: #121212;
    padding: 100px 0 0 0;
    position: relative;
}
/* .technology-shape{
    position: absolute;
    top: -25%;
    left: 0;
    z-index: 11;
} */
.technology-shape {
    position: absolute;
    top: -25%;
    left: -400px;
    z-index: 0;
    background: var(--Gradients-G-01, linear-gradient(90deg, #8A2387 31.86%, #E94057 64.79%, #F27121 97.99%));
    opacity: 0.15;
    filter: blur(97px);
    width: 330px;
    height: 1180px;
    transform: rotate(-135.49deg);
    flex-shrink: 0;
}
.technology-services-parent{
    position: relative;
    z-index: 111;
}
.technology-services-parent .title-small{
    margin-bottom: 44px;
}
.technology-services-wrape{
    position: relative;
    border-radius: 12px;
    z-index: 1;
}
.technology-services-wrape::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px;
    opacity: 0;
    transition: all 0.5s ease;
    border-radius: 12px;
    background-image: linear-gradient(93.3deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}
.technology-services-wrape:hover::before{
    opacity: 1;
}
.technology-services-block{
    background-color: #171717;
    padding: 32px;
    border-radius: 12px;
    min-height: 100%;
}
.technology-services-block h4{
    color: #FFF;
    margin: 24px 0 0 0;
    position: relative;
    padding: 0 30px 0 0;
    display: block;
}
.technology-services-block h4::before{
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../images/arrow-right-wh.svg');
    background-size: cover;
    position: absolute;
    top: 9px;
    right: 0;
    opacity: 0;
    transition: all 0.5s ease;
}
.technology-services-wrape:hover .technology-services-block h4::before{
    opacity: 1;
}



/* Start Adventure--Dark */
.start-adventure--dark{
    padding: 97px 0 100px 0;
}
.start-adventure--dark .start-adventure-block{
    padding: 76px;
}



/* Services Block Section */
.services-block-section{
    background-color: #F6F6F6;
    padding: 100px 0 4px 0;
}
.services-block-item{
    background-color: #121212;
    border-radius: 12px;
    position: relative;
    margin-bottom: 100px;
    min-height: 576px;
}
.services-block-right .services-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 16px;
}
.app-shape-img{
    position: absolute;
    bottom: 0;
    right: 0;
}
.services-block-data{
    padding: 48px;
}
.services-block-data-text{
    max-width: 605px;
    width: 100%;
    z-index: 1;
    position: relative;
}
.services-block-data-text h3{
    margin: 0 0 28px 0;
    color: #fff;
}
.services-block-data-text p{
    margin: 0 0 48px 0;
    color: #C5C5C5;
}
.services-block-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0px;
}
.services-block-list ul{
    list-style: none;
    margin: 0 -10px 32px -10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.services-block-list ul li{
    margin: 0 0 24px 0;
    padding: 0 10px;
    width: 50%;
}
.services-block-list ul li:last-child{
    margin-bottom: 0;
}
.services-block-list li a{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    position: relative;
}
.services-block-list li a::before{
    content: "";
    width: 23px;
    height: 10px;
    background-image: url('../images/arrow-right-grad.svg');
    background-size: cover;
    position: absolute;
    right: -35px;
    top: 10px;
    opacity: 0;
    transition: all 0.5s ease;
}
.services-block-list li a:hover::before{
    opacity: 1;
}
.services-block-list li a:hover{
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
}


.services-block-left .services-block-data-text{
    max-width: 573px;
    width: 100%;
    margin: 0 0 0 auto;
}
.services-block-left .services-img{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.services-block-left .services-block-data-text h3{
    margin-bottom: 32px;
}
.services-block-left .services-block-data-text p{
    margin-bottom: 32px;
}
.services-block-left .services-block-data-text ul{
    margin-bottom: 8px;
}
.development-shape-img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    width: 100%;
}

.product-block .services-img{
    bottom: auto;
    top: 21px;
}
.product-shape-img{
    position: absolute;
    bottom: 0;
    right: 0;
}

.graphic-shape-img{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    width: 100%;
}




/* Quality Section */
.quality-section{
    background-color: #121212;
    padding: 100px 0 0 0;
}
.quality-data{
    padding-bottom: 87px;
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
}
.quality-data h3{
    margin-bottom: 44px;
    color: #fff;
}


/* Hiring Process- Section Dark */
.hiring-process--section-dark{
    background-color: #121212;
    padding: 100px 0 0 0;
}
.hiring-process--section .hiring-process-parent{
    padding-bottom: 112px;
    border-bottom: 1px solid rgba(206, 206, 206, 0.10);
}
.hiring-process--section-dark .section-title h2,
.hiring-process--section-dark .section-title p,
.hiring-process--section-dark .section-title-content p{
    color: #fff;
}
.hiring-process--section-dark .section-title p{
    margin-bottom: 0;
}
.hiring-process--section-dark .hiring-process-icon{
    border: 2px solid rgba(255, 255, 255, 0.20); 
    background: linear-gradient(136deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.20) 51.01%), rgba(49, 48, 54, 0.30);
    backdrop-filter: blur(2px); 
}
.hiring-process--section-dark .hiring-process-block::before {
    background-image: url('../images/process-arrow-wh.png');
    z-index: 1;
}
.hiring-process--section-dark .hiring-process-block h4{
    color: #FFF;
    margin-bottom: 21px;
}
.hiring-process--section-dark .hiring-process-block p{
    color: #9D9D9D;
}



/* Industries Section */
.industries-section{
    padding: 100px 0 0 0;
    background-color: #121212;
    position: relative;
    /* overflow-x: hidden; */
}
.industries-shape-img,.adventure-section-shape-2 {
    bottom: -30%;
    position: absolute;
    right: 0px;
    background: rgba(143, 0, 255, 0.30);
    filter: blur(97px);
    width: 560px;
    height: 210px;
    flex-shrink: 0;
    /* transform: rotate(45deg); */
}
.industries-title{
    max-width: 896px;
    width: 100%;
    margin-bottom: 57px;
}
.industries-title h3{
    color: #fff;
}
.industries-block{
    position: relative;
    border-radius: 12px;
}
.industries-block img{
    width: 100%;
    height: 200px;
    border-radius: 12px;
    object-fit: cover;
}

.industries-block::before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%); 
    position: absolute;
    bottom: 0;
    left: 0;
}
.industries-block-text{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 24px;
    z-index: 11;
    width: 100%;
}
.industries-block-text h4{
    color: #fff;
}

.industries-bottom-text{
    padding: 60px 0 108px 0;
    border-bottom: 1px solid rgba(206, 206, 206, 0.10);
    z-index: 1;
    position: relative;
}
.industries-bottom-text p{
    color: #fff;
    max-width: 635px;
    width: 100%;
}



/* Services Client Feedback */
.services-client-feedback{
    padding: 100px 0 52px 0;
}
.services-client-feedback .client-feedback-parent{
    position: relative;
    z-index: 11;
}
.services-client-feedback .title-small{
    margin-bottom: 36px;
}
.services-client-feedback .client-feedback-block h6{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    background: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.services-client-feedback .slide-arrow-prev, 
.services-client-feedback .slide-arrow-next{
    border: 1px solid #fff;
    transition: all 0.5s ease;
}
.services-client-feedback .client-feedback-block{
    background-color: #171717;
}
.slide-arrow-prev:active, .slide-arrow-next:active{
    background-color: #FF5B2E;
}





/* Service Logo Slider Section */
.service-logo-slider-section{
    padding-bottom: 60px;
}





/*====================== Thank You ======================*/

/* Thank You Section */
.thankyou-section{
    padding: 96px 0 128px 0;
}
.thankyou-text{
    max-width: 666px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.ninja-img{
    margin: 40px auto;
    display: table;
    max-width: 171px;
    width: 100%;
}
.thankyou-text p{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #434343;
    margin: 0 0 40px 0;
}
.btn-1{
    margin-right: 20px;
}



/* One Col Section */
.one-col-block{
    margin: 0 0 48px 0;
}
.one-col-image{
    min-height: 100%;
}
.one-col-image img{
    height: 504px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px 0px 0px 12px; 
}
.one-col-wrape{
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
    background-color: #F2F2F2;
    border-radius: 0px 12px 12px 0px; 
}
.one-col-text h6{
    color: #949494;
}
.one-col-text h2{
    margin: 12px 0 24px 0;
    color: #121212;
    /* font-size: 48px; */
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    /* line-height: 56px; */
    line-height: 42px;
    letter-spacing: -0.96px;
}
.blog-list-wrap .one-col-text.blog-list-content h2 {
    font-size: 30px;
    line-height: 33px;
}
.one-col-text p{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px 0;
    color: #434343;
}



/* Two Col Section */
.two-col-block{
    margin: 0 0 48px 0;
}
.two-col-block-img img{
    width: 100%;
    height: 369px;
    object-fit: cover;
    border-radius: 12px 12px 0px 0px; 
}
.two-col-block-text{
    padding: 32px;
    border-radius: 0px 0px 12px 12px; 
    background-color: #F2F2F2;
}
.two-col-block-text h6{
    color: #949494;
}
.two-col-block-text h2{
    margin: 8px 0 24px 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
}


/* Three Col Section */
.three-col-section .two-col-block-img img{
    height: 236px;
}
.loadmore-btn{
    display: table;
    margin: 0 auto;
    margin-top: 48px;
}

.col-block-title{
    margin: 0 0 40px 0;
}
.read-section{
    padding: 82px 0 32px 0;
}
.shared-section{
    padding: 0 0 0 0;
}
.shared-section .two-col-parent{
    padding: 0 0 80px 0;
}





/* Blog Inside Section */
.blog-inside-section{
    padding:206px 0 0 0;
}
.blog-inside-parent{
    padding: 0 0 80px 0;
}
.blog-inside-text{
    max-width: 896px;
    width: 100%;
    margin: 0 auto;
}
.breadcrumb-area {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #949494;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.breadcrumb-area a{
    color: #949494;
}
.breadcrumb-area img{
    margin: 0 12px;
}
.blog-inside-text h1{
    color: #121212;
    margin: 12px 0 32px 0;
}
.blog-inside-img{
    width: 100%;
    border-radius: 12px;
}
.blog-inside-text figcaption{
    color: #434343;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 32px 0 0px 0;
}
/* .blog-inside-inner{
    margin: 0 0 74px 0;
} */
.blog-inside-inner{
    margin: 0;
}
.blog-inside-info{
    margin: 0 0 80px 0;
}
.blog-inside-info h4{
    margin: 0 0 38px 0;
}
.blog-inside-info ol{
    padding-left: 20px;
    padding-top: 10px;
}
.blog-inside-info ol li{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #121212;
}
.blog-inside-info ol li strong{
    font-weight: 700;
    display: block;
    margin-bottom: 16px;
}
.blog-inside-info ol li p{
    margin: 0 0 24px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    color: #121212;
}

.blog-inner-block-wrape{
    max-width: 960px;
}

/* Recommended Section */
.recommended-section{
    padding: 80px 0 0px 0;
}
.recommended-section .two-col-parent{
    padding-bottom: 80px;
}


.career-hiring-process-section .hiring-process-block p{
    color: #434343;
}



.banner-text-content.terms-title {
    max-width: 100%;
}
.banner-text-content.terms-title span {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
}
.banner-text-content.terms-title h4 {
    margin-bottom: 24px;
}
.personal-details p {
    font-size: 20px;
    font-weight: 700;
}
section.info-sec {
    padding: 80px 0;
}
.personal-inner {
    margin-bottom: 25px;
}
hr {
    margin: 0;
}

/*** holiday page css start ***/
.holiday-main {
    padding:200px 0 134px 0;
    background: #121212;
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
}
.holiday-heading {
    margin:0 auto 160px;
    max-width: 665px;
}
.holiday-main .nav-tabs .nav-item.show .nav-link, 
.holiday-main .nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: transparent;
    border-color: transparent;
}
.holiday-main .nav-tabs .nav-item.show .nav-link svg path, 
.holiday-main .nav-tabs .nav-link.active svg path{
    fill: #FF5B2E;
}
.holiday-main .nav-tabs .nav-item.show .nav-link svg rect, 
.holiday-main .nav-tabs .nav-link.active svg rect{
    stroke: #FF5B2E;
}
.holiday-main .nav-tabs {
    border: 0;
    margin-bottom: 32px;
}
.holiday-main .nav-tabs .nav-link{
    padding: 0 8px 8px;
    border: 0;
}
.grid-view .day-date {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 32px;
}
.holiday-badge {
    background: #fff;
    font-size: 16px;
    color: #434343;
    border-radius: 23px;
    padding: 3px 12px 2px;
    text-transform: capitalize;
    text-align: center;
}
.festival-name {
    color: #fff;
    font-size: 48px;
    position: absolute;
    bottom: 23px;
    left: 28px;
    font-weight: 400;
    line-height:56px
}
.grid-view .holiday-img:before{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    content: "";
}
.holiday-box{
border: 4px solid transparent;
border-radius: 15px;
overflow: hidden;
}
.holiday-box.active{
    border-color: #FF5B2E;
}
section.holiday-main .tab-content .col-lg-6 {
    padding-bottom: 24px;
}
.holiday-heading img{
    margin: 0 auto;
}
.festival-list {
    font-weight: 300;
    font-size: 32px;
    color: #fff;
    line-height: normal;
    text-transform: capitalize;
}
.list-view .day-date {
    gap: 12px;
}
.holiday-list-row {
    border-top: 1px solid rgba(67, 67, 67, 0.5);
    padding: 35px 0;
    position: relative;
    align-items: center;
}
.list-view .holiday-img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%,-50%);
    width: 250px;
    height: 250px;
    border-radius: 200px;
    border: 4px solid transparent;
    display: none;
    z-index: 9;
    overflow: hidden;
}
.list-view .holiday-list-row.active .holiday-img {
    border-color:#FF5B2E;
    display: block;
}
.list-view .holiday-img > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.festival-list.color-1{
    -webkit-text-fill-color:#fff
}
.list-view .holiday-list-row.active .festival-list.color-1{
    -webkit-text-fill-color:transparent
}
.holiday-heading span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-top: -10px;
    display: inline-block;
    vertical-align: top;
}
.holiday-list-row:last-child {
    border-bottom: 1px solid rgba(67, 67, 67, 0.5);
}
.holiday-img > img {
    width: 100%;
}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group {
    margin: 0;
}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group .wpcf7-list-item {
    margin: 0 28px 17.9px 0;
}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group .wpcf7-list-item label:before{
    content: none;
}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group .wpcf7-list-item-label::before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #8C8C8C;
    padding: 0px;
    width: 26px;
    height: 26px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px;
    border-radius: 100px;
}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group input:checked + .wpcf7-list-item-label::before {
    background-color: #FF5B2E;
    border-color: #FF5B2E;
}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group input:checked + .wpcf7-list-item-label::after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(42deg);
}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group input:checked + .wpcf7-list-item-label {
    color: #FF5B2E;
}
.contact-us-to-tab-body form.wpcf7-form .project-file-open {
    background: url(../images/file-upload.svg) no-repeat left center;
    padding-left: 36px;
}
input.wpcf7-submit {
    background: #fff url(../images/arrow-right-bl-sm.svg) no-repeat 88% center !important;
    padding: 10px 57px 10px 23px !important;
    transition: 0.4s;
}
input.wpcf7-submit:hover,.page-template-tpl-contact input.wpcf7-submit:hover{
    border-color: #FF5B2E !important;
    background: #FF5B2E url(../images/arrow-right-wh.svg) no-repeat 90% center !important;
}
.wpcf7 form .wpcf7-response-output {
    font-size: 14px;
}
.page-template-tpl-contact .wpcf7 form .wpcf7-response-output {
   color: #fff;
}
div#Contcat_Form .input-group.input-group-sm p {
    width: 100%;
}
.page-template-tpl-contact input.wpcf7-submit {
    background: #121212 url(../images/arrow-right-wh.svg) no-repeat 88% center !important;
}
.solution-inside-body {
    margin-top: 105px;
}
.page-template-tpl-blog .banner-text-section {
    padding: 96px 0 0 0;
    margin-top: 98px;
}
.intl-tel-input .country-list .country {
    padding: 5px 10px !important;
    font-size: 14px !important;
    line-height: normal !important;
}
video, embed, object {
    max-width: inherit;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
}
.hire-from .input-group.input-group-sm p {
    width: 100%;
}
.recommended-section a {
    color: #000;
}
.two-col-section a{
    color: #000;
}
.hiring-process-parent .section-title-content p,.start-adventure-block p,.banner-text-content p,.hiring-process-title-contant p  {
    font-weight: 400;
}
section.info-sec .personal-inner ul,.page-template-tpl-blog .banner-text-content ul {
    padding-left: 20px;
}
.copyright-text a {
    color: #AEAEAE;
}
.copyright-text a:hover{
    color: #fff;
}
/*** technology details page css start ***/
section.technology-details-main {
    padding: 208px 0 128px 0;
    background: #121212;
    color: #fff;
}
section.technology-details-main p{
    color: #fff;
}
.technology-details-main h1{
    margin-bottom: 30px;
}
.tech-achievements-col .tech-achievements-block h2 {
    display: flex;
    flex-direction: row;
    position: relative;
}
.tech-achievements-row {
    display: flex;
    gap: 24px;
    margin: 40px 0 0 0;
}
.tech-achievements-block .count {
    font-size: 52px;
    font-weight: 500;
    line-height: 86px;
    letter-spacing: -1.04px;
    position: relative;
}
.tech-achievements-block h6 {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
}
.tech-achievements-block i{
    background: linear-gradient(90deg, #8A2387 -0%, #B9326F -0%, #F27121 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Roboto;
    font-size: 52px;
    font-style: normal;
    font-weight: 500;
    line-height: 86px;
    letter-spacing: -1.04px;
}
.tech-achievements-block h2 > svg {
    position: absolute;
    z-index: 0;
    bottom: 8px;
    left: -10px;
}
.technology-details-img {
    display: flex;
    justify-content: flex-end;
}
a.btn.btn-primary.gradient-btn {
    background: linear-gradient(90deg, #8A2387 0%, #BA326F 50%, #F27121 100%);
    border: 0;
}
.technology-details-top .btn {
    margin-top: 25px;
}
.technology-details-top p {
    max-width: 767px;
}
.technology-services-main {
    background: #121212;
    position: relative;
    color: #fff;
    padding-bottom: 189px;
}
.technology-services::before{
    position: absolute;
    left: 0;
    top: 0px;
    background: url(../images/lines.png) no-repeat;
    content: "";
    width: 100%;
    height: 121px;
    background-size: contain;
}
.technology-services {
    border-radius: 87px 87px 0px 0px;
    /* box-shadow: -20px -10px 40px 0px rgba(0, 0, 0, 0.78); */
    position: relative;
    padding: 170px 0 128px 0;
}
.welcom-text h3, .welcom-text h2 {
    margin-bottom: 25px;
}
.welcom-text h2{
font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px
}
.welcom-text p {
    color: #AEAEAE;
    max-width: 1100px;
    margin: 0 auto;
    font-weight: 400;
}
.tech-services-block {
    border-top: 1px solid rgba(94, 94, 94, 0.5);
    padding-top: 20px;
    margin-top: 50px;
    transition: 0.4s;
}
.tech-services-block h3 {
    margin-bottom: 19px;
    position: relative;
    transition: 0.4s;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.tech-services-block h3::before {
    content: "";
    width: 25px;
    height: 24px;
    background-image: url('../images/arrow-right-wh.svg');
    background-size: cover;
    position: absolute;
    right: 0;
    opacity: 0;
    top: 6px;
    transform: translateX(0px);
    transition: all 0.5s ease;
    background-repeat: no-repeat;
}
.tech-services-block:hover h3::before {
    opacity: 1;
    transform: translateX(-10px);
}
.tech-services-block:hover h3{
background: linear-gradient(93deg, #8A2387 4.23%, #E94057 50.82%, #F27121 97.8%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tech-services-block p {
    color: #AEAEAE;
    font-weight: 400;
}
.tech-services-block p a {
    color: #AEAEAE;
    border-bottom: 1px solid;
}
.tech-services-block p a:hover {
    color: #AEAEAE;
    border: 0;
}
.technology-services .col-md-6 {
    padding: 0 15px;
}
.technology-services .row {
    margin:0 -15px;
}
.lookingfor-dev-inner {
    border-radius: 30px;
    background: linear-gradient(90deg, #8A2387 0%, #B9326F 50%, #F27121 100%);
    padding: 0 0 0 60px;
    overflow: hidden;
}
.lookingfor-img {
    display: flex;
    justify-content: flex-end;
}
.lookingfor-img > img {
    max-width: 472px;
    border-radius: 30px;
    margin-right: -1px;
    width: 100%;
}
.lookingfor-development .btn {
    background: #fff;
    border: 0;
}
.lookingfor-development h3 {
    font-size: 38px;
    line-height: 52px;
    color: #fff;
}
.lookingfor-left p {
    color: rgba(255, 255, 255, 0.50);
    margin: 6px 0 30px 0;
}
.lookingfor-development {
    margin: -189px 0 0 0;
    position: relative;
}
.technology-integrated-main {
    padding: 120px 0 150px 0;
}
.tech-integrated-box {
    border-radius: 30px;
    background: #F2F2F2;
    padding: 30px;
    margin-top: 44px;
    height: calc(100% - 44px);
    transition: 0.4s;
}
.tech-integrated-box:hover {
box-shadow:0px 0 22px 0px rgba(0, 0, 0, 0.18);
}
.tech-integrated-box h4 {
    font-weight: 600;
    color: #000;
    margin: 13px 0 10px 0;
}
.tech-integrated-box p {
    color: rgba(0, 0, 0, 0.50);
}
section.development-success-stories {
    background: #121212;
    padding: 128px 0 46px 0;
    color: #fff;
}
section.development-success-stories .card-block h5,section.development-success-stories .card-block p {
    color: #fff;
}
section.development-success-stories .card-block ul li a,section.development-success-stories .card-block ul li p{
    background: #fff;
    color: #000;
}
img.tech-shape-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tech-shape-right {
    position: absolute;
    right: 0;
    top: 159px;
    z-index: -1;
}
.suc-shape-left,.suc-shape-right {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.suc-shape-right {
    left: auto;
    right: 0;
}
.tech-services-block h3 {
    padding-right: 60px;
}
/*** blog page css start ***/
.blog-inside-info p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #434343;
    /* padding-left: 17px; */
}
.blog-inside-info h3.wp-block-heading strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #121212;
    letter-spacing: normal;
}


/*** mobile app development page css start ***/
.services-shape {
    position: absolute;
    z-index: -1;
}
.technology-details-main.mobile-app-development {
    background: #121212;
    color: #fff;
  }
  .technology-details-main.mobile-app-development{
    padding: 230px 0 0 0;
  }
  .service-top-space,.top-sec-space {
    padding: 188px 0 0 0;
  }
  .top-sec-space-top{
    padding-top: 188px;
  }
  .technology-details-top.mobile-app-development-top {
    max-width: 1274px;
    margin: 0 auto;
  }
  .technology-details-top.mobile-app-development-top p {
    max-width: 100%;
    font-weight: 400;
  }
  
  .technology-details-main.mobile-app-development h1 {
    margin-bottom: 24px;
  }
  
  .technology-details-main.mobile-app-development .btn {
    margin-top: 40px;
  }
  .mobile-app-img-block {
    margin-top: 100px;
    gap: 32px;
    margin-bottom: -160px;
  }
  .mobile-app-service .mobile-app-img:first-child {
    margin-bottom: 32px;
  }
  .mobile-app-service:nth-child(even) {
    margin-top: 100px;
  }
  
  .mobile-app-service-main .technology-services {
    padding-top: 121px;
  }
  section.technology-services-main.mobile-app-service-main
    .technology-services::before {
    top: -48px;
  }
  
.mobile-app-service-main .welcom-text p {
    margin: 0 0;
    font-weight: 400;
    max-width: 100%;
  }
  .mobile-app-shape-right {
    right: 0;
    top: 0;
    z-index: 0;
  }
  .mobile-app-shape-left {
    left: 0;
    top: 0;
    z-index: 0;
  }
  .technology-services-main.mobile-app-service-main {
    padding-bottom: 0;
  }
  .technology-services-main.mobile-app-service-main .tech-services-block h3 {
    margin-bottom: 29px;
  }
  
  .mobile-app-hiring-process-section {
    padding: 128px 0;
  }
  .hiring-process-section.mobile-app-hiring-process-section
    .hiring-process-title {
    max-width: 539px;
  }
  .hiring-process-section.mobile-app-hiring-process-section
    .hiring-process-title-contant {
    margin: 0;
    max-width: 780px;
  }
  .hiring-process-section.mobile-app-hiring-process-section
    .hiring-process-title-data {
    margin-bottom: 80px;
  }
  .differences-section.mobile-app-differences-section h3 {
    margin-bottom: 16px;
}
.differences-section.mobile-app-differences-section h2 {
    margin-bottom: 16px;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px;
}
.differences-section.mobile-app-differences-section .differences-block h3{
    color: #121212;
    margin: 24px 0 16px 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
}
  .differences-section.mobile-app-differences-section {
    padding-bottom: 0;
  }
  .differences-section.mobile-app-differences-section .differences-parent {
    padding-bottom: 100px;
    border-bottom: 1px solid rgba(215, 215, 215, 0.5);
  }
  .award-icon-wrap {
    background-color: #252525;
    display: flex;
    flex-wrap: wrap;
    max-width: 780px;
    margin: 0 0 0 auto;
    row-gap: 52px;
    padding: 58px 96px;
    align-items: center;
    justify-content: space-evenly;
    column-gap: 88px;
    border-radius: 12px;
  }
  .award-wrap {
    display: flex;
    align-items: center;
    min-height: 100%;
  }
  .award-text {
    color: #fff;
  }
  .award-text p,.our-achievements-block h4 {
    color: #aeaeae;
    font-weight: 400;
}
  .award-text h2 {
    margin-bottom: 20px;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px;
  }
  .award-text h4 {
    color: #aeaeae;
    font-weight: 400;
    margin: 0;
    font-size: 20px;
    font-style: normal;
    line-height: 26px;
    /* color: #434343; */
}
  .project-icon {
    max-width: 80px;
}
.project-icon-main {
    flex: 0 0 calc(25% - 70px);
    width: 100%;
}
  .award-wrap .our-achievements-block {
    margin-top: 30px;
  }
  .green {
    color: #24fba0;
  }
  .normal-line {
    width: 100%;
    height: 1px;
    margin: 100px 0;
    background: #cecece4d;
  }
  
  .stack-feedback .client-feedback-section {
    padding: 0;
  }
  
  .related-services-section .title h3 {
    color: #fff;
  }
  .related-services-section .title {
    margin-bottom: 30px;
  }
  .related-services-section .service-wrap .btn {
    color: #fff;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
  }
  .related-services-section .service-wrap .btn:hover,
  .related-services-section.service-wrap .btn:focus {
    background-color: transparent;
  }
  .related-services-section h4 {
    color: #fff;
    margin-bottom: 20px;
  }
  /* .related-services-section .btn{
    filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(12%) hue-rotate(103deg) brightness(105%) contrast(105%);
  } */
  .service-block .service-wrap {
    min-height: 488px;
    z-index: 1;
    padding: 50px
  }
  .service-block .service-wrap:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .service-block:nth-child(1) .service-wrap:after {
    background: url(../images/gradient-bg1.png);
    background-size: cover;
  }
  .service-block:nth-child(2) .service-wrap:after {
    background: url(../images/gradient-bg2.png);
    background-size: cover;
  }
  .service-block:nth-child(3) .service-wrap:after {
    background: url(../images/gradient-bg3.png);
    background-size: cover;
  }
  .service-bg {
    width: 383px;
    height: 326px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 100%;
  }
  .text-green {
    color: #0eba59 !important;
  }
  
  .artificial-intelligence-top {
    max-width: 1274px;
    margin: 0 auto;
  }
  .artificial-intelligence-top h1 b {
    font-weight: 400;
    color: #d7d7d7;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    display: block;
    letter-spacing: normal;
}
.artificial-intelligence-top h1 br{
    display: none;
}
  .artificial-intelligence-top .title {
    margin-bottom: 69px;
  }
  .servicess-details-main {
    background-color: #121212;
    color: #fff;
  }
  .servicess-details-main .wpcf7-response-output {
    color: #121212;
}
  .artificial-details-main {
  }
  .ai-hero-banner {
    max-width: 1128px;
    position: relative;
    overflow: hidden;
    margin-bottom: 59px;
    height: 345px;
  }
  .ai-hero-banner ul {
    display: flex;
  }
  .ai-hero-banner ul li:nth-child(1) {
    position: absolute;
    left: 0;
    bottom: 60px;
  }
  .ai-hero-banner ul li:nth-child(2) {
    position: absolute;
    left: 137px;
    bottom: 181px;
  }
  .ai-hero-banner ul li:nth-child(3) {
    position: absolute;
    left: 313px;
    bottom: 290px;
  }
  .ai-hero-banner ul li:nth-child(4) {
    position: absolute;
    right: 313px;
    bottom: 290px;
  }
  .ai-hero-banner ul li:nth-child(5) {
    position: absolute;
    right: 137px;
    bottom: 181px;
  }
  .ai-hero-banner ul li:nth-child(6) {
    position: absolute;
    right: 13px;
    bottom: 60px;
  }
  .ai-hero-banner ul li a {
    color: #fff;
    padding: 18px 32px;
    font-size: 16px;
    line-height: 18px;
  }
  .ai-hero-banner:after {
    content: "";
    position: absolute;
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      #2effa7 50%,
      rgba(0, 0, 0, 0) 100%
    );
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .ai-hero-banner ul li::marker {
    font-size: 0;
  }
  .hero-banner-img img {
    margin: 0 auto;
  }
  .hero-banner-img {
    margin-bottom: -175px;
  }
  
  .ai-services .welcom-text {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
    margin-bottom: 16px;
  }
  .srvices-details-banner-desc {
    max-width: 895px;
    margin: 60px auto 128px auto;
  }
  .srvices-details-banner-desc p {
    color: #fff;
    font-weight: 400;
    margin-bottom: 32px;
  }
  .ai-services-block {
    padding: 24px 0;
    margin: 0 !important;
    transition: 0.4s;
    border-top: 0;
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
  }
  .ai-services-block h3 {
    margin-bottom: 24px;
    transition: all 0.5s ease;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
  .ai-services-block h3 img {
    opacity: 0;
    transition: all 0.5s ease;
  }
  .ai-services-block:hover h4,.ai-services-block:hover h3 {
    background-image: linear-gradient(66deg, #dce35b 15.34%, #45b649 84.66%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: glow 5s linear infinite;
    animation: glow 5s linear infinite;
  }
  .ai-services-block:hover h4 img,.ai-services-block:hover h3 img {
    transform: translateX(5px);
    opacity: 1;
  }
  .ai-services-block p {
    color: #aeaeae;
  }
  .ai-process-section .hiring-process-icon {
    border: 2px solid rgba(255, 255, 255, 0.20);
    background: linear-gradient(136deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.20) 51.01%), rgba(49, 48, 54, 0.30);
    backdrop-filter: blur(2px);
    z-index: 9;
}
  .ai-process-section .hiring-process-block h3 {
    margin: 32px 0 21px 0;
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
  
  .ai-process-section .hiring-process-block p {
    color: #9d9d9d;
  }
  
  a.btn.btn-primary.btn-white.desktop-btn img {
    filter: invert(100%) sepia(12%) saturate(7452%) hue-rotate(185deg)
      brightness(117%) contrast(91%);
  }
  
  .ai-differences-section .differences-text h3 {
    margin-bottom: 16px;
  }
  .ai-differences-section .differences-text p,
  .ai-differences-section .differences-block h4,
  .ai-differences-section .differences-block p {
    color: #aeaeae;
  }
  .ai-differences-section .differences-block {
    background-color: #252525;
  }
  
  .ai-differences-section .differences-block img {
    filter: brightness(0) saturate(100%) invert(80%) sepia(4%) saturate(0%)
      hue-rotate(153deg) brightness(87%) contrast(93%);
  } 
  .mobile-app-development .services-right-shape{
    right: 0;
    top: 0;
    z-index: 0;
 }
 .mobile-app-development .services-left-shape{
    left: 0;
    top: 150px;
    z-index: 0;
 }
.mobile-app-hiring-process-section .hiring-process-title-data .row {
    align-items: center;
}
.our-process-shape-left {
    left: 0;
    top: 0;
}
.our-process-shape-right {
    right: 0;
    top: 0;
}
.differences-block p {
    font-weight: 400;
}
.mobile-app-differences-section .differences-text p {
    color: #797979;
    font-weight: 400;
}
.different-shape-left{
    left: 0;
    top:0;
}
.different-shape-right{
    right: 0;
    top:310px;
}

.mobile-app-development .container,.mobile-app-service-main .container {
    position: relative;
}
.service-wrap .btn {
    color: #aeaeae;
}
.service-wrap .btn img {
    opacity: 0.6;
}
.service-wrap .btn:hover img{
    opacity: 1;
}
.ourtech-left-shape{
    left: 0;
    top: 0;
    z-index: 0;
}
section.ourtech-section.stack-feedback .container {
    position: relative;
}
.related-services-section .title h3 {
    padding-right: 20px;
}
/* section.ourtech-section.stack-feedback {
    padding-bottom: 0;
} */
section.Awards-and-project {
    background: #121212;
    padding-bottom: 100px;
}
.related-services-section {
    background: #121212;
    padding:120px 0 120px 0;
}
/*** artificial intelligence page css start ***/
.services-inner-top-banner {
    position: relative;
    overflow: hidden;
}
.services-inner-top-banner > img {
    margin: 0 auto;
}
.services-video {
    max-width: 644px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: 345px;
    overflow: hidden;
    width: 100%;
    background: transparent;
    mix-blend-mode: screen;
}
.services-video video {
    height: 500px;
}
.ai-services .welcom-text h2 {
    font-size: 18px;
    line-height: 20px;
    color: #aeaeae;
    font-weight: 700;
    margin: 0;
    letter-spacing: normal;
}
.ai-process-section .hiring-process-block::before{
    background-image: url('../images/process-arrow-wh.png');
    z-index: 9;
}
.ai-process-section .hiring-process-parent {
    border-bottom: 1px solid rgba(94, 94, 94, 0.5);
}
.project-service-details .projects-text p{
    color: #aeaeae;
}
.projects-info {
    border-color:#5e5e5e;
}
.project-service-details .projects-info-block h5 {
    background-image: linear-gradient(66deg, #DCE35B 15.34%, #45B649 84.66%);
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px;
}
.project-service-details .projects-info-block h6 {
    color: #fff;
    font-weight: 400;
}
.project-service-details .projects-button-prev, .project-service-details .projects-button-next {
    border: 1px solid #434343;
    background: transparent;
}
.ai-services:before{
    content: none;
}
.technology-services.ai-services {
    padding-top: 0;
    border-radius: 0;
}
.client-feedback-services-details{
    margin-top: -32px;
}
.award-services-details .our-achievements-block h3 span{
    color:#2EFFA7
}
.award-services-details .our-achievements-block h3, .our-achievements-block h3 {
    /* color: #fff; */
    font-size: 78px;
    font-style: normal;
    font-weight: 300;
    line-height: 86px;
    letter-spacing: -1.56px;

}
.servicess-details-main .normal-line {
    background: rgba(206,206,206,0.3);
    opacity: 0.5;
}
.ai-process-section .section-title-content p {
    color: #fff;
}
.ai-process-section .section-title h2 {
    color: #fff;
    font-size: 53px;
    line-height: normal;
}
.project-service-details a.btn.btn-primary.btn-white.mobile-btn img {
    filter: invert(100%) sepia(12%) saturate(7452%) hue-rotate(185deg)
      brightness(117%) contrast(91%);
}
.service-top-left-shape{
    top: 0;
    left: 0;
    z-index: 0;
}
.service-top-right-shape{
    right: 0;
    top: 0;
    z-index: 0;
}
.color-5 {
    background-image: linear-gradient(99deg, #55C1F0 7.34%, #5666F5 98.47%);
}
.services-video.video-lighten {
    /* mix-blend-mode: lighten; */
    mix-blend-mode: color-dodge;
    /* border-radius: 100% 100% 0 0; */
    top: 0px;
}
/*** case study details page css start ***/
.casestudy-details-top-img {
    margin-top: 40px;
}
.casestudy-details-top-img > img{
   width: 100%;
   border-radius: 30px;
}
.casestudy-top-text {
    margin: 0 auto 58px;
    max-width: 1200px;
}
.casestudy-top-text h1 {
    margin-bottom: 22px;
}
.casestudy-top-text p{
    font-weight: 400;
}
.casestudy-details-top .row {
    margin: 0 -20px;
}
.casestudy-details-top [class^="col-"] {
    padding: 0 20px;
}
.casestudy-details-text h2 {
    font-size: 60px;
    font-weight: 500;
    line-height: 86px;
    letter-spacing: -1.2px;
    color: #121212;
}
.casestudy-details-text p {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.50);
    max-width: 700px;
    margin-left: auto;
}
.case-sec-space{
    padding: 120px 0;
}
.case-challenges{
    padding-bottom: 120px;
}
.casestudy-app-design {
    background: #000;
    padding-bottom: 100px;
    position: relative;
}
.casestudy-app-design .casestudy-details-text p{
    color: rgba(255, 255, 255, 0.50);
}
.casestudy-app-design .casestudy-details-text h2 {
    color: #fff;
}
.app-design-gallery {
    padding-bottom: 100px;
    margin: 0 -20px;
}
.app-design-gallery .col-lg-4:nth-child(2) {
    margin-top: 100px;
}
.app-design-gallery .col-lg-4 > img {
    max-width: 383px;
    padding-bottom: 30px;
    width: 100%;
}
section.casestudy-app-design:after {
    background: linear-gradient(0deg, #000 -8.39%, rgba(0, 0, 0, 0.00) 61.11%);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 55%;
}
.conclusion-app-design .row:last-child .casestudy-details-top-img:first-child {
    margin-top: 0;
}
.conclusion-images {
    margin: 0 -20px;
}
.conclusion-images .casestudy-details-top-img {
    padding: 0 20px;
}
.app-design-gallery .col-lg-4 {
    padding: 0 20px;
}
.ethereum-hover:hover {
    background: #8C8C8C;
}
.hyperledger-fabric-hover:hover {
    background: #000000;
}
.corda-hover:hover {
    background: #E0081C;
}
.quorum-hover:hover {
    background: #2855DE;
}
.bitcoin-hover:hover {
    background: #118DFF;
}
.ripple-hover:hover {
    background: #E25A1C;
}
.scikit-learn-hover:hover {
    background: #F89939;
}
.keras-hover:hover {
    background: #D00000;
}
.xgboost-hover:hover {
    background: #76B644;
}
.lightbgm-hover:hover {
    background: #FCB518;
}
.apache-mahout-hover:hover {
    background: #0BBCD4;
}
.mllib-hover:hover {
    background: #E25A1C;
}
.tensorflow-hover:hover {
    background: #FFB300;
}
.pytorch-hover:hover {
    background: #F44F5A;
}
.openai-gpt-hover:hover {
    background: #BAE0BD;
}
.ibm-watson-hover:hover {
    background: #7496C4;
}
.microsoft-cognitive-toolkit-hover:hover {
    background: #2776BB;
}
.h2o-ai-hover:hover {
    background: #FEC925;
}
.docker-hover:hover {
    background: #0091E2;
}
.jenkins-hover:hover {
    background: #D33833;
}
.terraform-hover:hover {
    background: #5F43E9;
}
.vault-hover:hover {
    background: #000;
}
.pappet-hover:hover {
    background: #FFA61A;
}
.project-management-tools-hover:hover {
    background: #FDBF00;
}
.collaboration-software-hover:hover {
    background: #41678A;
}
.data-analysis-tools-hover:hover {
    background: #2149F4;
}
.design-and-visualization-software-hover:hover {
    background: #39A4FA;
}
.ideation-and-brainstorming-tools-hover:hover {
    background: #E80941;
}
.strategy-development-framework-hover:hover {
    background: #1EAA96;
}
.jira-hover:hover {
    background: #2684FF;
}
.testrail-hover:hover {
    background: #0B3754;
}
.selenium-hover:hover {
    background: #01A71C;
}
.apache-jmeter-hover:hover {
    background: #EC2150;
}
.jetkings-hover:hover {
    background: #E0160F;
}
.bugzilla-hover:hover {
    background: #895CAF;
}
.page-template-tpl-technology-main .inside-hero-image{
    min-height: 450px;
}
/*** homepage new section css start ***/
section.smart-solutions {
    background: #121212;
    padding: 128px 0;
    overflow: hidden;
}
.videos-imgs > video {
    max-width: 100%;
    mix-blend-mode: screen;
    opacity: 0.5;
    max-height: 368px;
}
.videos-imgs.position-relative img {
    position: absolute;
    top: 50%;
    left: 0;
    mix-blend-mode: screen;
    transform: translateY(-50%);
}
.videos-imgs.position-relative {
    max-height: 368px;
}
.services-solutions-content h2 {
    color: #fff;
}
.services-solutions-content h2 span{
    display: unset;
}
.services-solutions-content p {
    color: #AEAEAE;
    max-width: 580px;
    margin:12px 0 24px 0;
}
.services-solutions-tags-main h3 {
    font-size: 18px;
    color: #AEAEAE;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 30px 0;
}
.services-solutions-tags ul li {
    text-align: center;
    list-style: none;
    border-radius: 75px;
    border: 1px solid #66D6A7;
    background-image: linear-gradient(to left, #121212, #121614);
    backdrop-filter: blur(2px);
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
.services-solutions-tags ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 32px;
}
/* .services-solutions-tags ul li:after {
    background: #121212;
    content: "";
    right: -9px;
    top: 10px;
    width: 20px;
    height: 30px;
    display: block;
    position: absolute;
    filter: blur(5px);
    opacity: 0.8;
} */
.smart-solutions-shape {
    position: absolute;
    right: 0;
    bottom: -210px;
}
.ecommerce-integration-content h2{
    color: #121212;
}
section.ecommerce-integration {
    padding: 128px 0;
}
.ecommerce-integration-content p {
    color: #434343;
    max-width: 620px;
}
.ecommerce-integration-tags-main h3{
    color: #434343;
}
.ecommerce-integration-tags-main .services-solutions-tags li {
    background: transparent;
    color: #121212;
}
.ecommerce-integration-tags-main .services-solutions-tags ul li:after{
    background: #fff;
}
.services-solutions-content {
    position: relative;
    z-index: 9;
}
.casestudy-details-text p span {
    font-weight: 700;
}
.faq-section .faq-title {
    position: sticky;
    top: 150px;
}
.blog-inside-info h2.wp-block-heading {
    font-size: 32px;
    color: #121212;
    line-height: 37.5px;
    font-weight: 300;
    letter-spacing: normal;
    font-family: "Roboto", sans-serif;
}
.blog-inside-info h2.wp-block-heading strong {
    font-weight: 500;
}
.blog-inside-info h2 {
    margin: 58px 0 15px 0;
}
.blog-inside-info h3.wp-block-heading {
    margin-bottom: 7px;
    font-weight: 700;
    color: #121212;
    font-size: 18px;
    line-height: 24px;
}
figure.wp-block-image > img {
    border-radius: 12px;
    margin-bottom: 25px;
}
.navbar-expand-lg a.head-dropdown.dropdown-toggle.active,.navbar-expand-lg a.head-dropdown.dropdown-toggle:hover {
    color: #FF5B2E;
    background: var(--Gradients-G-02, linear-gradient(100deg, #FF5B2E 30.1%, #F5E12D 98.71%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blog-inside-info ul {
    padding-left: 20px;
    padding-top: 10px;
}
.blog-inside-info ul li,.blog-inside-info ol li {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #434343;
}
.blog-inside-info ul li strong,.blog-inside-info ol li strong {
    font-weight: 700;
    color: #121212;
}
.blog-inside-info ol li strong{
    display: block;
    margin-bottom: 6px;
}
.blog-inside-info ol li::marker {
    font-weight: 700;
}
.blog-inside-info p{
    margin-bottom: 10px;
}
.our-achievements-content > h2 {
    color: #fff;
    margin-bottom: 25px;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px;
}
.our-achievements-content p {
    color: #fff;
    max-width: 1000px;
    margin: 0 auto;
    font-weight: 400;
}
.wpcf7-not-valid-tip{
    font-size: 16px !important;
}
section.hiring-process-section.ai-process-section .section-title h2 span {
    display: inline;
}
.section-space {
    padding: 90px 0;
}
.section-space .common_btn {
    background: #191715;
    border-radius: 3px;
    color: #FFF !important;
    display: inline-block;
    padding: 10px 25px;
    font-size: 17px;
    letter-spacing: 0px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
/* .projects-slide-buttons {
    display: none;
} */
.l-more {
    display: flex;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    gap: 10px;
}
.project-file-open {
    cursor: pointer;
}
.home-testimonial .client-feedback-block .client-names {
    color: #FF5B2E;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
section.blog-section.blog-home-sec h2{
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.96px;
}
section.blog-section.blog-home-sec .blog-block h3{
    color: #fff;
    line-height: 32px;
    font-weight: 300;
    margin: 24px 0 0 0;
    font-size: 24px;
    font-style: normal;
    letter-spacing: normal;
}
section.blog-section.blog-home-sec .blog-block h3 strong{
    font-weight: 500;
}
.home-page-form-sec .contact-us-to-tab .contact-form-subtitle{
    margin: 0 0 12px 0;
    color: #AEAEAE;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.home-page-form-sec .contact-check-wrape .form-subtitle{
    margin: 0 0 28.95px 0;
    font-weight: 300;
    color: #AEAEAE;
    font-size: 18px;
    line-height: 20px;
}
.award-services-details .our-achievements-block h3 span {
    color: #24FBA0 !important;
}
.award-services-details .our-achievements-block h3 {
    color: #fff !important;
}
.portfolio-opt1-parent .portfolio-opt1-text p {
    margin-bottom: 20px;
}
.grecaptcha-badge {
    display: none;
    visibility: hidden;
}
.dropdown-menu.megamenu.hidden {
    visibility: hidden !important;
    opacity: 0 !important;
}
.casestudy-details-text p {
    margin-bottom: 15px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #FF5B2E !important;
    background: #FF5B2E;
    color: #fff;
}
a.moreless-button{
    display: none;
}
/*** modal popup css start ***/
.modal-logo img {
	max-width: 90px;
}
.contactus-popup {
    margin-top: -50px;
}
.modal-left {
	float: left;
	width: 48%;
	background: #f46f25;
	padding: 20px;
	color: #fff;
	display: flex;
    justify-content: center;
    align-items: center;
}

.modal-left li {
	list-style: none;
	margin-bottom: 5px;
}

.modal-right {
	float: left;
	width: 52%;
	padding: 40px 40px 30px 40px;
}

.contactus-modal .modal-body {
	padding: 0;
	display: flex;
}

.contactus-modal textarea.form-control {
	height: 100px;
}

.model-contact-form h2 {
	font-size: 20px;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: center;
}

.model-contact-form h2 span {
    color: #000;
    font-weight: 600;
    letter-spacing: normal;
}
.model-contact-form p.mb-6 {
    font-size: 16px;
    text-align: center;
}
.contactus-modal input.form-control {
	border: 1px solid #ddd;
    height: 45px;
    padding-bottom: 0;
}

.contactus-modal .form-control:focus,.contactus-modal .form-control:hover {
	border: 1px solid #FF5B2E!important;
}

.contactus-modal .close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
    border: 0;
    background: transparent;
    font-size: 25px;
}

.contactus-modal input,.contactus-modal input.form-control,.contactus-modal textarea.form-control {
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
}
.modal-content .modal-left .contactus-popup h2 {
    text-align: left;
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    font-weight: 700;
}
ul.listing-mark {
    padding: 0;
    margin: 0;
}
/* .contactus-popup ul.listing-mark li {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 12px;
    width: auto;
    float: none;
    text-align: left;
    background-image: url(https://magentoninja.com/dev/wp-content/uploads/2022/10/pointer_Icon-quote.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    color: #fff;
    padding-left: 28px;
} */
.contactus-popup p {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    margin-top: 30px;
}
.modal-body .contactus-popup ul.social-details {
    text-align: left;
}
.modal-body .contactus-popup ul.social-details li {
    display: inline-block;
    margin-bottom: 0;
}
.contactus-popup li a {
    color: #fff;
}
.modal-right>p {
    margin-bottom: 5px;
}
.contactus-modal input, .contactus-modal input.form-control, .contactus-modal textarea.form-control {
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    box-shadow: none;
}
.captcha-submit {
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    justify-content: center;
}
.form-group p span.wpcf7-form-control-wrap textarea {
    text-transform: capitalize;
}
.model-contact-form {
    padding: 30px;
}
.btnSubmitContactUs {
    background: #FF5B2E !important;
}
.modal-open .header {
    z-index: 99;
}
.model-contact-form  input.wpcf7-submit:hover {
    border-color: #FF5B2E !important;
    background: #FF5B2E url(../images/arrow-right-wh.svg) no-repeat 86% center !important;
    color: #fff !important;
}
.model-contact-form .btn.btn-primary {
    color: #121212;
}
.model-contact-form .wpcf7-spinner{
    top: 16px;
}
.model-contact-form input.wpcf7-submit {
    background: #fff url(../images/arrow-right-bl-sm.svg) no-repeat 87% center !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
.contactus-modal textarea.form-control {
    padding-top: 10px;
}
.portfolio-opt1-text img {
    width: 50%;
}
.projects-text img {
    width: 210px;
}
.contact-us-to-tab-body .wpcf7-not-valid {
    border-color: #dc3232;
}
.contact-us-to-tab-body .wpcf7-not-valid-tip {
    margin-top: 5px;
}
.contact-us-to-tab-body .wpcf7 form.invalid .wpcf7-response-output{
    border-color: transparent !important;
    color: #dc3232 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0;
    font-size: 20px !important;
    margin:30px 0 0 0;
}
.blog-inside-info p a {
    color: #FF5B2E;
}
.wp-block-image figure.aligncenter {
    display: flex;
    justify-content: center;
}

.christmas-bedge {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    left: unset;
    right: 0;
    text-align: right;
    padding: 0 140px;
    z-index: 999;
}

.christmas-bedge img {
  max-width: 250px;
}

@media screen and (max-width:1920px) {
  .christmas-bedge {
    padding: 0 30px;
  }
}
@media screen and (max-width:1399px) {
  .christmas-bedge {padding: 0 15px;}
  .christmas-bedge img {max-width: 200px;}
}

@media screen and (max-width:1024px) {
  .christmas-bedge img {max-width: 180px;}
}
@media screen and (max-width:767px) {
  .christmas-bedge img {max-width: 160px;}
}

@media screen and (max-width: 575px) {
  .christmas-bedge img {max-width: 120px;}
}

.casestudy-details-inner{
    max-width: 680px;
    margin-left: auto;
}
.casestudy-details-inner ul {
    margin-bottom: 15px;
}
.casestudy-details-inner ul li{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.50);
    line-height: 26px;
    margin-bottom: 5px;
}
.casestudy-details-inner ul li strong {
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}
.casestudy-details-inner ul li::marker{
    display: none;
}
.casestudy-details-inner ul li ul{
    margin: 0 0 20px 15px;
}

section.clutch-main-section {
    padding-bottom: 128px;
}

.clutch-title h2 {
    color: #121212;
    margin-bottom: 25px;
    text-align: center;
}

.clutch-title p{
    color: #121212;
    font-weight: 400;
    text-align: center;
    margin: 0 auto 50px auto;
}
.ganesh-chaturthi img {
    object-position: top;
    height: 400px;
}
.xmas-pics img {
    height: 400px;
}
.monthend-celebrations img {
    height: 350px;
}