@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --color-white:#ffffff;
    --color-black:#000000;
    --color-ebony:#0B091C;
    --color-primary: #6252ED;
    --color-dark:#0C0B1F;
    --periwinkleblue-to-bluelotus-gradient: linear-gradient(to right, #9C8FFF 0%, #6252ED 100%);
    --theme-gradient: linear-gradient(67deg, #9C8FFF 0%,#6252ED 27%, #6252ED 100%);

/*fonts */
    --orbitron-font: "Orbitron", sans-serif;
    --poppins-font: 'Poppins', sans-serif;
    --transition-all-35: all 0.35s ease-in-out;
}
*{
    box-sizing: border-box;
}
body {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 0;
    font-family: var(--poppins-font);
    color: var(--color-black);
}
img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
ul,ul li{
    padding: 0;
    margin: 0;
    list-style: none;
}
body a:where(:not(.wp-element-button)),
body a{ text-decoration: none;}
hr {
    border-color: #D0D0D0;
    margin: 30px auto;
}
a:hover,
a:focus,
a:active{
   text-decoration: none !important;
}
p:last-child{
    margin-bottom: 0px;
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--orbitron-font);
    font-weight: 500;
    color: var(--color-black);
    line-height: normal;
    margin: 0;
}
h1{
    font-size: 100px;
    line-height: 120px;
    font-weight: 400;
}
h2 {
    font-size: 45px;
    line-height: 60px;
    font-weight: 500;
    text-transform: uppercase;
}
h3{
    font-size: 35px;
}
h4{
    font-size: 30px;
}
h5,
.f-25{font-size: 25px;line-height: 31px}

/*font css*/
.body-font-large{font-size: 18px;line-height: normal;}
.body-font-normal{font-size: 16px;line-height: normal;}

.fw-500{font-weight: 500}

/*padding css*/
.pt-120{padding-top: 120px}
.pb-120{padding-bottom: 120px}
.ptb-120{padding: 120px 0;}

.mt-60{margin-top: 60px !important;}
.mb-60{margin-bottom: 60px !important;}
.mt-50{margin-top: 50px !important;}
.mb-50{margin-bottom: 50px !important;}
.mt-40{margin-top: 40px !important;}
.mb-40{margin-bottom: 40px !important;}
/* text css*/
.text-white{color: var(--color-white);}
.text-black{color: var(--color-black);}
.text-theme{color: var(--color-primary);}
.text-gradient{
    background: var(--periwinkleblue-to-bluelotus-gradient);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*bg color*/
.bg-white{background-color: var(--color-white);}
.bg-black{background-color: var(--color-black);}
.bg-theme{background-color: var(--color-primary);}
.bg-dark-theme{background-color: var(--color-dark);}
.bg-theme-gradient{background-image: var(--theme-gradient);}
.container{max-width: 1456px;}
/*button css*/
.custom-btn {
    padding: 20px 40px;
    transition: var(--transition-all-35);
    text-transform: capitalize;
    font-size: 16px;
    font-family: var(--orbitron-font);
    line-height: normal;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
}
.fill-btn-white{
    background-color: var(--color-white);
    color: var(--color-black);
}
.fill-btn-white:hover{
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 0 30px 0 30px;
}
.fill-btn-primary{
    background-color: var(--color-primary);
    color: var(--color-white);
}
.fill-btn-primary:hover{
    background-color: var(--color-white);
    color: var(--color-black);
    border-radius: 0 30px 0 30px;
}
.button_link{
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    font-family: var(--orbitron-font);
    transition: var(--transition-all-35);
    display: inline-block;
    letter-spacing: 1px;
}
.button_link:after{
    content: "";
    height: 50px;
    width: 50px;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 0 0 12px;    
    transition: var(--transition-all-35);
    background-image: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9904 6.60562L12.9299 0.545105C12.7122 0.29089 12.3296 0.261255 12.0754 0.479012C11.8212 0.696717 11.7916 1.07931 12.0093 1.33353C12.0296 1.35723 12.0517 1.37936 12.0754 1.39962L17.0996 6.42984L1.43934 6.42984C1.10466 6.42984 0.833313 6.70119 0.833313 7.03593C0.833313 7.37066 1.10466 7.64196 1.43934 7.64196L17.0996 7.64196L12.0754 12.6661C11.8212 12.8838 11.7916 13.2664 12.0093 13.5206C12.2271 13.7748 12.6096 13.8045 12.8638 13.5867C12.8875 13.5664 12.9097 13.5443 12.9299 13.5206L18.9905 7.46009C19.2254 7.22379 19.2254 6.84203 18.9904 6.60562Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    text-transform: capitalize;
    display: inline-block;
}
.button_link.no-arrow:after{display: none;}
.primary-icon-link{
    color: var(--color-white);
}
.white-icon-link{
    color: var(--color-white);
}
.black-icon-link{
    color: var(--color-black);
}
.primary-icon-link:after,
.black-icon-link:after{
    background-color: var(--color-primary);
    background-image: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9904 6.60562L12.9299 0.545105C12.7122 0.29089 12.3296 0.261255 12.0754 0.479012C11.8212 0.696717 11.7916 1.07931 12.0093 1.33353C12.0296 1.35723 12.0517 1.37936 12.0754 1.39962L17.0996 6.42984L1.43934 6.42984C1.10466 6.42984 0.833313 6.70119 0.833313 7.03593C0.833313 7.37066 1.10466 7.64196 1.43934 7.64196L17.0996 7.64196L12.0754 12.6661C11.8212 12.8838 11.7916 13.2664 12.0093 13.5206C12.2271 13.7748 12.6096 13.8045 12.8638 13.5867C12.8875 13.5664 12.9097 13.5443 12.9299 13.5206L18.9905 7.46009C19.2254 7.22379 19.2254 6.84203 18.9904 6.60562Z" fill="white"/></svg>');
}
.white-icon-link:after{
    background-color: var(--color-white);
    background-image: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9904 6.60562L12.9299 0.545105C12.7122 0.29089 12.3296 0.261255 12.0754 0.479012C11.8212 0.696717 11.7916 1.07931 12.0093 1.33353C12.0296 1.35723 12.0517 1.37936 12.0754 1.39962L17.0996 6.42984L1.43934 6.42984C1.10466 6.42984 0.833313 6.70119 0.833313 7.03593C0.833313 7.37066 1.10466 7.64196 1.43934 7.64196L17.0996 7.64196L12.0754 12.6661C11.8212 12.8838 11.7916 13.2664 12.0093 13.5206C12.2271 13.7748 12.6096 13.8045 12.8638 13.5867C12.8875 13.5664 12.9097 13.5443 12.9299 13.5206L18.9905 7.46009C19.2254 7.22379 19.2254 6.84203 18.9904 6.60562Z" fill="black"/></svg>');
}

.button_link:hover::after{
    transform: rotate(-45deg);
}

.bg-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.divider-line{
    height: 1px;
    width: 100%;
    margin: 60px 0;
    background-color: #DADADF;
}
.rowgap-30{row-gap: 30px}
/**/
.sec-head h2{
    text-transform: uppercase;
}
.sec-head{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.sec-head .sec-discription {
    font-size: 18px;
    line-height: normal;
}
/*form*/
.grid-outer {
    row-gap: 30px;
}
.form-group input:not([type="file"]), 
.form-group select, 
.form-group textarea {
    height: 41px;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    outline: none;
    box-shadow: none !important;
    background-color: transparent;
    border-radius: 0;
    color: var(--color-white);
    padding: 0px 20px 20px 0px;
    font-size: 14px;
    line-height: normal;
}
.form-group textarea {
    height: 122px;
    resize: none;
}
.form-group input::placeholder,
.form-group textarea::placeholder{
    color: var(--color-white);
}
.form-control:focus,
.form-control:hover {
    color: var(--color-white);
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.15);
    outline: 0;
    box-shadow: none;
}
.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 136px;
    max-width: 100%;
    padding: 10px;
    border: 1px dashed rgba(255, 255, 255, 0.15);
    border-radius: 3px;
    transition: 0.2s;
    background-color: rgb(170 170 170 / 7%);
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.fake-btn {
  flex-shrink: 0;
  background-color: transparent;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  padding: 8px 16px;
  color: #fff;
  font-size: 11px;
  text-transform: capitalize;
}

.file-msg {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.file-input:focus {
  outline: none;
}


/**/
.header-main {
    width: 100%;
    background-color: rgb(0 0 0 / 4%);
    padding: 20px 0px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: solid 1px rgb(255 255 255 / 13%);
    z-index: 99;
}
.mobile-view{display: none;}
.header-main.is-sticky {
  position: fixed;
    background-color: rgb(0 0 0 / 60%);
    padding: 10px 0px;
  backdrop-filter: blur(10px);
  animation: slideDown 0.35s ease-out;
}
a.navbar-brand img {
    max-width: 240px;
}
.header-main .container{
    max-width: 1844px;
}
ul.navbar-nav > li:not(:last-child){
    margin-right: 50px;
}
ul.navbar-nav .nav-link.active,
ul.navbar-nav .nav-link:hover{
    color: var(--color-primary);
}
ul.navbar-nav .nav-link.active{
    font-weight: 700;
}
ul.navbar-nav > li.nav-item > a {
    color: var(--color-white);
    font-size: 16px;
    line-height: normal;
    text-transform: capitalize;
    font-family: var(--orbitron-font);
    font-weight: 500;
    padding: 0 !important;
}
.header-main nav.navbar.navbar-expand-lg {
    padding: 0;
}

.header-btns ul {
    display: flex;
    align-items: center;
    padding-left: 40px;
}
.header-btns ul li:not(:last-child) {
    margin-right: 40px;
}
.navbar li {
    position: relative;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/*banner css*/
.home-banner{
    padding: 263px 0 0;
}
.reward-icon {
    position: absolute;
    top: 101px;
    left: 50%;
    max-width: 1844px;
    padding: 0 12px;
    width: 100%;
    text-align: right;
    transform: translateX(-50%);
}
.banner-text{padding-bottom: 313px;}
.banner-text h1 {
    margin: 0 0 20px;
}
.text-left-border{
    padding-left: 28px;
    position: relative;
}
.text-left-border:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 14px;
    border: solid 1px var(--color-white);
    border-radius: 30px;
    left: 0;
    top: 0;
}
.max-724{
    max-width: 724px;
}
.home-banner-contact {
    background: rgb(204 204 204 / 7%);
    border: solid 1px rgb(255 255 255 / 12%);
    border-bottom: none;
    padding: 30px 30px 35px;
    backdrop-filter: blur(38px);
    width: calc(100% + 56px);
    margin-left: 50px;
}
.home-banner-contact .form-group textarea {
    padding-right: 150px;
}
.form-head p {
    font-size: 12px;
    line-height: normal;
}
.form-head h5 {
    margin: 0 0 12px;
}
.file-input-outer {
    position: absolute;
    right: 0;
    top: 0;
}

/**/
.our-solution-left {
    height: calc(100% + 115px);
    margin-top: -115px;
    position: relative;
    padding: 64px 142px 64px 12px;
}
.our-solution-left .sec-head{
    max-width: 571px;
    margin-left: auto;
}
.partner-right {
    height: 100%;
    padding: 64px 0 58px 40px;
}
.partner-right h5 {
    margin: 0 0 30px;
}
.logos {
    position: relative;
}
.logos:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(90deg, #ffffff00 0%, #ffffff 100%);
    width: 200px;
    z-index: 1;
}
.partner-right .swiper-slide:not(.swiper-slide-active) .image {
    text-align: center;
    padding: 10px 15px;
}
.partner-right .swiper-slide .image {
    border-right: solid 1px rgb(0 0 0 / 13%);
    padding: 10px 15px 10px 0px;
}

/**/
.top-tier-list-outer .top-tier-list:not(:last-child) {
    margin: 0 0 30px;
}
.top-tier-list {
    position: relative;
    width: 100%;
    background-color: transparent;
    background-image: linear-gradient(rgb(83 63 232 / 0%), rgb(255 255 255 / 0%));
    border-width: 1px;
    border-style: solid;
    transition: var(--transition-all-35);
    border-image: linear-gradient(to right, rgb(255 255 255 / 15%), rgb(255 255 255 / 7%)) 1;
}
.top-tier-list-inner {
    display: flex;
    position: relative;
    padding: 40px 50px;
    z-index: 1;
    align-items: center;
}
.top-tier-list-inner .top-tier-count {
    font-family: var(--orbitron-font);
    font-size: 60px;
    line-height: normal;
    background: rgba(255,255,255,0.29);
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px transparent;
    color: #0C0B1F;
    transition: var(--transition-all-35);
    width: 156px;
    padding-right: 20px;
}
.top-tier-list-inner .top-tier-title {
    width: 305px;
}
.top-tier-link {
    width: 34px;
}
.top-tier-list-inner  .top-tier-dis {
    width: calc(100% - 495px);
    padding: 0 80px;
}
.top-tier-list-inner .top-tier-dis .top-tier-dis-inner {
    max-width: 580px;
}
.top-tier-list-inner .top-tier-dis .top-tier-dis-inner p {
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    margin: 0 0 30px;
}
.top-tier-list-inner .top-tier-dis .top-tier-dis-inner ul {
    display: flex;
    gap: 25px;
}
.top-tier-list-inner .top-tier-dis .top-tier-dis-inner ul li {
    width: 65px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgb(124 109 255 / 14%), rgb(255 255 255 / 0%));
    border-radius: 10px;
    border: solid 1px rgb(98 82 237 / 19%);
}
.top-tier-link svg {
    fill: #fff;
}
.top-tier-list:hover{
    background-image: linear-gradient(rgb(83 63 232 / 5%), rgb(255 255 255 / 0%));
    border-image: linear-gradient(to left, #6252ED,#6252ED 80%, #9C8FFF 100%) 1;
}
.top-tier-list:hover .top-tier-count{
    background: -webkit-linear-gradient(180deg, #6252ED 5%, #6252ED 53%, #9C8FFF 100%);
    transition: var(--transition-all-35);
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px transparent;
}
.top-tier-link span {
    position: relative;
}
.top-tier-list:hover .top-tier-link span svg:not(.hover-img) {
    opacity: 0;
}
.top-tier-link span svg.hover-img {
    position: absolute;
    left: 0;
    transition: var(--transition-all-35);
    opacity: 0;
}

.top-tier-list:hover .top-tier-link span svg.hover-img {
    opacity: 1;
}
/**/
.top-feature-list {
    padding: 50px 30px;
    border-radius: 10px;
    background-color: #fff;
    border: solid 1px #DADADF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 136px;
}
.top-feature-list:not(:last-child){
    margin-bottom: 30px;
}
.top-feature-list .top-feature-content {
    display: flex;
    align-items: center;
    gap: 30px;
}
.top-feature-list .top-feature-content .top-feature-iocn {
    width: 54px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    background: rgb(98 82 237 / 40%);
    border-radius: 10px;
    min-width: 54px;
}
.top-feature-list .top-feature-content h5 {
    font-weight: 700;
    margin: 0 0 13px;
    line-height: normal;
}
.top-feature-list .button_link:after{
    margin: 0;
}
.feature-counter{
    max-width: 1335px;
    margin: 0 auto;
}
.feature-counter {
    max-width: 1335px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 80px;
}
.feature-counter .counter-card {
    text-align: center;
}
.feature-counter .counter-card .couter-count {
    font-size: 80px;
    line-height: 100px;
    font-family: var(--orbitron-font);
    margin: 0 0 30px;
}
.feature-counter .counter-card  .counter-discription {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--color-primary);
}

/**/
.bg-light-grad {
    background: linear-gradient(to right, rgb(255 255 255 / 15%) 0%, rgb(255 255 255 / 7%) 100%);
}
.horizontal-scoll-wrapper {
  overflow: hidden;
}

.horizontal {
    display: flex;
    height: 100%;
    width: calc(50% + 705px);
    margin-left: auto;
}

.horizontal > div {
  display: flex;
  flex-shrink: 0;
}
.horizontal > div:not(:last-child){
    margin-right: 70px;
}
.case-studies-text .card-title{
    font-size: 18px;
    line-height: 29px;
    margin: 0 0 30px;
}

.case-studies-card {
    max-width: 1197px;
    display: flex;
    align-items: center;
}
.case-studies-card .case-studies-text {
    width: 425px;
}
.case-studies-card .case-studies-text h3 {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
}
.case-studies-card  .case-studies-img {
    width: calc(100% - 425px);
    padding-left: 58px;
}
.case-studies-card  .case-studies-img img{
    border-radius: 30px;
    width: 100%;
}

.industries-card {
    padding: 30px 20px 20px;
    background: #F5F5F5;
    border-radius: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 34px;
    transition: var(--transition-all-35);
}
.industries-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 26px;
    border-bottom: solid 1px rgb(0 0 0 / 21%);
    margin-bottom: 26px;
}
.industries-card-img {
    border-radius: 20px;
    overflow: hidden;
    height: 245px;
    transition: var(--transition-all-35);
}
.industries-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.industries-card-head a.button_link:before {
    content: "";
    height: 94px;
    width: 94px;
    border: solid 4px #FFFFFF;
    position: absolute;
    border-radius: 50%;
    background-color: #7B6DE4;
    bottom: 0;
    transform: scale(0);
    left: 0;
    transition: var(--transition-all-35);
    background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45.5037 8.92073L28.835 8.92066C28.186 8.87045 27.6191 9.35585 27.5689 10.0049C27.5187 10.6539 28.0041 11.2208 28.6532 11.2709C28.7137 11.2756 28.7745 11.2757 28.835 11.2709L42.6617 11.2793L9.66579 44.2752C9.20553 44.7355 9.20553 45.4818 9.66586 45.9421C10.1262 46.4025 10.8724 46.4024 11.3327 45.9421L44.3286 12.9462L44.3286 26.7646C44.2784 27.4136 44.7638 27.9805 45.4129 28.0306C46.0619 28.0807 46.6287 27.5954 46.6789 26.9464C46.6835 26.8858 46.6836 26.825 46.6789 26.7646L46.6789 10.0957C46.677 9.44767 46.152 8.92267 45.5037 8.92073Z" fill="white"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
}
.industries-card:hover .industries-card-head{
    border-bottom: solid 1px rgb(255 255 255 / 15%);
}
.industries-card .industries-card-head h3,
.industries-card .industries-card-text p,
.industries-card .industries-card-head a.button_link:after{
    transition: var(--transition-all-35);
}
.industries-card:hover  .industries-card-head h3,
.industries-card:hover .industries-card-text p{
    color: #fff;
}
.industries-card:hover{
    background-color: #0B091C;
}
.industries-card:hover,
.industries-card:hover .industries-card-img{
    border-radius: 20px 20px 20px 160px;
}
.industries-card:hover .industries-card-head a.button_link:after{
    transform: scale(0);
}
.industries-card:hover .industries-card-head a.button_link:before {    
    transform: scale(1);
}


/**/
.lang-logos {
    max-width: 1316px;
    margin: 0 auto;
}
.lang-logos ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}
.lang-logos ul li {
    width: calc(20% - 20px);
    border-radius: 35px;
    height: 65px;
    display: flex;
    align-items: center;
    font-weight: 500;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    border: solid 1px rgb(255 255 255 / 15%);
    position: relative;
    cursor: pointer;
    background: rgb(249 249 249 / 3%);
    overflow: hidden;
    font-family: var(--orbitron-font);
}
.lang-logos ul li span{position: relative; z-index: 2;}
.lang-logos ul li span img {
    margin-right: 10px;
}
.lang-logos ul li:after {
    content: "";
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    position: absolute;
    top: 1px;
    left: 1px;
    background: rgb(24 22 53);
    z-index: 1;
    border-radius: 35px;
    transform: scale(1.1);
    transition: var(--transition-all-35);
}

.lang-logos ul li:before {
    content: "";
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--periwinkleblue-to-bluelotus-gradient);
    border-radius: 35px;
    transform: scale(1.1);
    transition: var(--transition-all-35);
}
.lang-logos ul li:hover::before,
.lang-logos ul li:hover::after{
    transform: scale(1);
}
@keyframes rotate {
  to {
    transform: rotate(-360deg);
  }
}
.hext-large > span{
    background: -webkit-linear-gradient(90deg, rgb(11 9 28 / 12%), rgb(255 255 255 / 12%) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 100px;
    line-height: 80px;
    font-family: var(--orbitron-font);
}
.hext-large > span:after, .hext-large > span:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.8281 15.8415C32.7794 13.5184 30.0054 12.0956 26.7759 12.3987C26.1484 12.4565 25.4298 12.5758 24.6851 12.7285C25.3015 12.2806 25.8731 11.8336 26.344 11.4125C28.7538 9.24354 29.5817 6.23466 27.9062 4.62799C26.2308 3.02132 23.2592 3.97447 21.1931 6.47295C20.7921 6.95809 20.3665 7.55101 19.9477 8.1855C20.0691 7.43508 20.1552 6.7122 20.1897 6.08278C20.3573 2.84639 18.8166 0.131459 16.4965 0.180058C14.1764 0.228657 12.7507 3.00275 13.0537 6.23226C13.1115 6.85975 13.2309 7.57832 13.3835 8.323C12.9356 7.70666 12.4886 7.135 12.0675 6.6641C9.89862 4.25731 6.88969 3.42646 5.28301 5.10188C3.67634 6.7773 4.62949 9.74887 7.12797 11.815C7.61311 12.2161 8.20603 12.6416 8.84052 13.0604C8.0901 12.9391 7.36722 12.8529 6.7378 12.8184C3.50141 12.6508 0.78648 14.1915 0.835079 16.5116C0.883678 18.8317 3.65777 20.2575 6.88728 19.9544C7.51477 19.8966 8.23334 19.7773 8.97802 19.6246C8.36169 20.0725 7.79002 20.5195 7.31913 20.9406C4.91233 23.1095 4.08148 26.1184 5.7569 27.7251C7.43232 29.3318 10.4039 28.3786 12.4701 25.8801C12.8711 25.395 13.2967 24.8021 13.7154 24.1676C13.5941 24.918 13.5079 25.6409 13.4734 26.2703C13.3058 29.5067 14.8465 32.2216 17.1667 32.173C19.4868 32.1244 20.9125 29.3504 20.6095 26.1208C20.5516 25.4934 20.4323 24.7748 20.2796 24.0301C20.7275 24.6464 21.1745 25.2181 21.5956 25.689C23.7645 28.0958 26.7735 28.9266 28.3801 27.2512C29.9868 25.5758 29.0337 22.6042 26.5352 20.5381C26.05 20.137 25.4571 19.7115 24.8226 19.2927C25.573 19.414 26.2959 19.5002 26.9253 19.5347C30.1617 19.7023 32.8767 18.1616 32.8281 15.8415Z" fill="%236252ED"/></svg>');
    display: inline-block;
    height: 33px;
    width: 33px;
    vertical-align: middle;
    webkit-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
}
.hext-large > span:after{margin-left: 23px;}
.hext-large > span:before {margin-right: 23px;}

/**/
.blog-list-outer .blog-list:not(:last-child) {
    margin: 0 0 30px;
}
.blog-list {
    display: flex;
    padding: 40px 0;
    border-top: solid 1px #DADADF;
    border-bottom: solid 1px #DADADF;
    align-items: center;
}
.blog-list .blog-list-text {
    width: calc(100% - 580px);
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
}
.blog-date {
    margin: 0 0 20px;
    font-weight: 600;
    line-height: normal;
    font-size: 16px;
}
.blog-list .blog-list-text h3 {
    font-size: 30px;
    line-height: normal;
}
.blog-list .blog-list-img {
    width: 580px;
}
.blog-list .blog-list-img img{
    width: 100%;
    transition: var(--transition-all-35);
    mix-blend-mode: luminosity;
}
.blog-list:hover .blog-list-img img{
    mix-blend-mode: normal;
}
.blog-list .blog-list-text .blog-cat {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}
.blog-list .blog-list-text .blog-cat ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.blog-list .blog-list-text .blog-cat ul li a {
    padding: 7px 30px;
    display: inline-block;
    border: solid 1px #000000;
    border-radius: 30px;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    line-height: normal;
}
/*footer*/
.newsletter {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 50px 70px;
    background-color: var(--color-primary);
    gap: 100px;
    margin-bottom: -113px;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.newsletter form {
    max-width: 636px;
    width: 100%;
    display: flex;
    position: relative;
}
.newsletter form input.form-control {
    background-color: #ffffff;
    border: none;
    color: #000000;
    height: 88px;
    border-radius: 60px;
    font-size: 16px;
    outline: none;
    padding: 20px 92px 20px 30px;
    box-shadow: none;
}
.newsletter form button.btn.btn-primary {
    position: absolute;
    right: 8px;
    height: 72px;
    top: 8px;
    font-size: 15px;
    text-transform: uppercase;
    background-color: var(--color-primary);
    padding: 10px;
    border-radius: 50%;
    width: 72px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-main{
    padding: 213px 0 0;
    background-color: var(--color-ebony);
}

.footer-content {
    max-width: 454px;
}
.footer-content ul {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0;
    gap: 24px;
}
.footer-links h4 {
    font-size: 22px;
    line-height: normal;
    color: var(--color-white);
    text-transform: uppercase;
    margin: 0 0 34px;
    font-weight: 700;
}

.footer-links ul li:not(:last-child) {
    margin: 0 0 14px;
}
.footer-links ul li a {
    color: var(--color-white);
    line-height: 25px;
    font-size: 18px;
    transition: var(--transition-all-35);
    font-weight: 400;
}
.footer-links ul li a:hover{
    color: var(--color-primary);
}
.footer-main .divider-line{margin: 80px 0}

.footer-contact ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 50px;
    row-gap: 28px;
}
.footer-contact ul li {
    width: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer-contact ul li .contact-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(rgb(124 109 255 / 14%), rgb(255 255 255 / 0%));
    border-radius: 10px;
    border: solid 1px rgb(98 82 237 / 19%);
}
.footer-contact ul li .contact-info {
    width: calc(100% - 65px);
    padding-left: 16px;
}
.footer-contact ul li .contact-info .title-contact-type {
    display: block;
    color: var(--color-primary);
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 5px;
    font-weight: 700;
}
.footer-location .footer-contact ul li .contact-info .title-contact-type img {
    margin-right: 10px;
    vertical-align: bottom;
}
.footer-contact ul li .contact-info > p, 
.footer-contact ul li .contact-info > p a {
    font-weight: 500;
    color: var(--color-white);
    font-size: 20px;
    font-weight: 700;
}
.footer-location {
    padding: 30px 30px 43px 30px;
    background: rgb(255 255 255 / 5%);
}
.footer-location .footer-links h4 {
    padding-bottom: 20px;
    border-bottom: solid 1px rgb(255 255 255 / 12%);
}
.footer-location  .footer-contact ul li .contact-info .title-contact-type {
    font-size: 22px;
    line-height: normal;
    color: var(--color-white);
    text-transform: capitalize;
    font-weight: 500;
    margin: 0;
    letter-spacing: normal;
    font-family: var(--orbitron-font);
    margin: 0 0 10px;
}
.footer-location .footer-contact ul li .contact-info  p {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.copy-footer {
    border-top: solid 1px rgb(255 255 255 / 12%);
    margin-top: 74px;
    padding: 19px 0;
    color: #fff;
}
.copy-footer p a,
.copy-footer ul li,
.copy-footer ul li a {
    color: #fff;
    font-size: 16px;
}
.copy-footer ul {
    display: flex;
    justify-content: flex-end;
    gap: 40px;
}
.copy-footer ul li{
    position: relative;
}
.copy-footer ul li:not(:last-child)::after{
    content: "|";
    position: absolute;
    right: -22px;
    top: 0;

}
/*responsive css*/
@media screen and (max-width: 1680px) {
    .home-banner-contact {
        width: 100%;
        margin-left: 0;
    }
}
@media screen and (max-width: 1500px) {
    ul.navbar-nav > li:not(:last-child) {
        margin-right: 20px;
    }
    .custom-btn {
        padding: 15px 30px;
        font-size: 14px;
    }
    .button_link,
    ul.navbar-nav > li.nav-item > a{
        font-size: 14px;
    }
    .reward-icon {
        top: 93px;
    }
    h1 {
        font-size: 70px;
        line-height: 90px;
    }
}
@media screen and (max-width: 1366px) {
    .home-banner {
        padding: 243px 0 0;
    }
    h2 {
        font-size: 35px;
        line-height: 50px;
    }
    h5, .f-25 {
        font-size: 20px;
        line-height: 27px;
    }
    .ptb-120 {
        padding: 80px 0;
    }
    .mb-60 {
        margin-bottom: 30px !important;
    }
    .mt-60 {
        margin-top: 30px !important;
    }
    .divider-line {
        margin: 40px 0;
    }
    .feature-counter .counter-card .couter-count {
        font-size: 60px;
        line-height: 70px;
        margin: 0 0 20px;
    }
    .case-studies-card .case-studies-text {
        width: 50%;
    }
    .sec-head .sec-discription {
        font-size: 16px;
    }
    .sec-head {
        gap: 15px;
    }
    .case-studies-card  .case-studies-img {
        width: 50%;
        padding-left: 30px;
    }
    .horizontal {
        padding-left: 15px;
    }
    .feature-counter .counter-card  .counter-discription {
        font-size: 20px;
    }
    .case-studies-card .case-studies-text h3 {
        font-size: 40px;
    }
    .top-tier-list-inner {
        padding: 20px 30px;
    }
    .top-tier-list-outer .top-tier-list:not(:last-child),
    .top-feature-list:not(:last-child){
        margin: 0 0 15px;
    }
    .top-feature-list {
        padding: 30px 20px;
    }
    .partner-right {
        padding: 40px 0 40px 40px;
    }
    .our-solution-left {
        height: calc(100% + 50px);
        margin-top: -50px;
        padding: 40px 40px 40px 12px;
    }
    .banner-text {
        padding-bottom: 30px;
    }
    .reward-icon img {
        max-width: 90px;
    }
    .partner-right h5 {
        margin: 0 0 20px;
    }
    .industries-card-head {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .button_link:after {
        height: 35px;
        width: 35px;
        margin: 0 0 0 8px;
    }
    h4 {
        font-size: 24px;
    }
    .top-tier-list-inner  .top-tier-dis {
        padding: 0 20px;
    }
    .top-tier-list-inner .top-tier-dis .top-tier-dis-inner p {
        font-size: 16px;
        line-height: 27px;
        margin: 0 0 20px;
    }
    .industries-card-head a.button_link:before {
        height: 74px;
        width: 74px;
        border: solid 3px #FFFFFF;
        background-size: 35px;
    }
    .hext-large > span {
        font-size: 80px;
        line-height: 50px;
    }
    .footer-main .divider-line {
        margin: 30px 0;
    }
    .footer-links h4 {
        font-size: 20px;
        margin: 0 0 24px;
    }
    .footer-links ul li a {
        line-height: 22px;
        font-size: 14px;
    }
    .copy-footer p, .copy-footer p a {
        font-size: 14px;
    }
    .copy-footer p a, .copy-footer ul li, .copy-footer ul li a {
        font-size: 14px;
    }
    .copy-footer {
        margin-top: 40px;
        padding: 12px 0;
    }
    .copy-footer ul {
        gap: 30px;
    }
    .copy-footer ul li:not(:last-child)::after {
        right: -17px;
    }
    .footer-contact ul li .contact-info > p, .footer-contact ul li .contact-info > p a {
        font-size: 16px;
    }
    .footer-contact ul li .contact-info .title-contact-type {
        font-size: 12px;
        margin: 0 0 3px;
    }
    .footer-contact ul li .contact-icon {
        width: 50px;
        height: 50px;
    }
    .footer-contact ul li .contact-info {
        width: calc(100% - 50px);
        padding-left: 10px;
    }
    .newsletter {
        padding: 30px 40px;
        gap: 50px;
        margin-bottom: -80px;
    }
    .footer-main {
        padding: 160px 0 0;
    }
}
@media screen and (max-width: 1199px){
    .header-btns ul li:not(:last-child) {
        margin-right: 20px;
    }
    a.navbar-brand img {
        max-width: 170px;
    }
    .header-btns ul {
        padding-left: 20px;
    }
    ul.navbar-nav > li:not(:last-child) {
        margin-right: 15px;
    }
    .custom-btn {
        padding: 15px 20px;
        font-size: 14px;
    }
    h1 {
        font-size: 48px;
        line-height: 68px;
    }
    h2 {
        font-size: 28px;
        line-height: 44px;
    }
    .home-banner-contact {
        padding: 15px;
    }
    .top-tier-list-inner  .top-tier-dis {
        width: calc(100% - 334px);
    }
    .top-tier-list-inner .top-tier-dis .top-tier-dis-inner ul {
        gap: 10px;
        flex-wrap: wrap;
    }
    .top-feature-list {
        padding: 20px;
        gap: 30px;
    }
    .top-feature-list .top-feature-content {
        gap: 15px;
    }
    .ptb-120 {
        padding: 60px 0;
    }
    .top-tier-list-inner .top-tier-count {
        font-size: 40px;
        width: 100px;
        padding-right: 10px;
    }
    .top-tier-list-inner .top-tier-title {
        width: 200px;
    }
    h4 {
        font-size: 20px;
    }
    h5, .f-25 {
        font-size: 18px;
    }
    .top-tier-list-inner .top-tier-dis .top-tier-dis-inner p {
        font-size: 14px;
        line-height: 25px;
        margin: 0 0 15px;
    }
    .top-feature-list .top-feature-content h5 {
        margin: 0 0 10px;
    }
    .feature-counter .counter-card .couter-count {
        font-size: 45px;
        line-height: 50px;
        margin: 0 0 12px;
    }
    .feature-counter .counter-card  .counter-discription {
        font-size: 16px;
    }
    .case-studies-card .case-studies-text h3 {
        font-size: 30px;
    }
    .case-studies-text .card-title {
        font-size: 16px;
        line-height: 27px;
        margin: 0 0 10px;
    }
    .mt-50 {
        margin-top: 25px !important;
    }
    .mb-50 {
        margin-bottom: 25px !important;
    }
    .lang-logos ul li {
        width: calc(25% - 18px);
    }
    .blog-list .blog-list-text h3 {
        font-size: 24px;
    }
    .blog-list .blog-list-text {
        width: 50%;
        padding-right: 30px;
        gap: 30px;
    }
    .blog-list .blog-list-img {
        width: 50%;
    }
    .blog-list .blog-list-text .blog-cat ul li a {
        padding: 4px 15px;
        font-size: 12px;
    }
    .blog-date {
        margin: 0 0 10px;
        font-size: 14px;
    }
    .blog-list .blog-list-text .blog-cat {
        gap: 15px;
    }
    .blog-list {
        padding: 15px 0;
    }
    .copy-footer ul {
        flex-wrap: wrap;
        row-gap: 3px;
    }
    .footer-location {
        padding: 15px;
        background: rgb(255 255 255 / 5%);
    }
    .footer-links h4 {
        font-size: 16px;
        margin: 0 0 15px;
    }
    .footer-location .footer-contact ul li .contact-info  p {
        font-size: 14px;
        font-weight: 400;
    }
    .footer-location  .footer-contact ul li .contact-info .title-contact-type {
        font-size: 16px;
        margin: 0 0 5px;
    }
    .footer-contact ul {
        column-gap: 30px;
        row-gap: 20px;
    }
    h3 {
        font-size: 24px;
    }
    .newsletter form {
        max-width: 50%;
    }
    .newsletter form button.btn.btn-primary {
        height: 52px;
        width: 52px;
    }
    .newsletter form input.form-control {
        height: 66px;
        padding: 20px 72px 20px 30px;
    }
}
@media screen and (max-width: 1024px){
    .navbar-expand-lg .navbar-collapse.collapse:not(.show) {
        display: none !important;
    }
    .mobile-view {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .navbar-collapse + .header-btns{display: none;}
    .mobile-view button.navbar-toggler {
        background: #fff;
        padding: 5px 6px;
        display: block;
        outline: none;
        box-shadow: none;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
        position: absolute;
        background: #6858f1;
        width: 100%;
        left: 0;
        top: 62px;
        justify-content: flex-start !important;
        padding: 0px 15px 30px;
        flex-direction: column;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        width: 100%;
        padding: 20px 0;
    }
    ul.navbar-nav > li.nav-item > a {
        padding: 10px 0 !important;
        border-bottom: solid 1px #8577ff;
    }
    .reward-icon {
        top: 83px;
    }
    ul.navbar-nav > li:last-child > a{border-bottom: none !important;}
    ul.navbar-nav .nav-link.active, ul.navbar-nav .nav-link:hover{
        color: var(--color-ebony);
    }
    ul.navbar-nav > li:not(:last-child) {
        margin-right: 0;
    }
    .is-sticky .navbar-expand-lg .navbar-collapse {
        top: 52px;
    }
}
@media screen and (max-width: 991px){
    .our-solution-left {
        height: auto;
        margin-top: 0;
    }
    .our-solution-left .sec-head {
        max-width: 100%;
        margin-left: 0;
    }
    .partner-right {
        padding: 40px 0 40px 15px;
    }
    .lang-logos ul li {
        height: 55px;
        font-size: 14px;
        width: calc(25% - 12px);
    }
    .copy-footer ul {
        overflow: hidden;
    }
    .hext-large > span {
        font-size: 50px;
        line-height: 50px;
    }
    .lang-logos ul {
        gap: 15px;
    }
}
@media screen and (max-width: 767px){
    .top-tier-list-inner {
        padding: 20px 15px;
        flex-wrap: wrap;
    }
    .top-tier-list-inner .top-tier-title {
        width: calc(100% - 100px);
    }
    .top-tier-list-inner  .top-tier-dis {
        width: calc(100% - 34px);
        padding: 20px 20px 0 0;
    }
    .divider-line {
        margin: 30px 0;
    }
    .blog-list {
        flex-wrap: wrap;
    }
    .blog-list .blog-list-text {
        width: 100%;
        padding-right: 0;
        gap: 20px;
        order: 2;
        padding-top: 20px;
    }
    .blog-list .blog-list-img {
        width: 100%;
        order: 1;
    }
    .lang-logos ul li {
        width: calc(33.33% - 10px);
    }
    .case-studies-card {
        max-width: 767px;
    }
    .feature-counter {
        flex-direction: column;
        gap: 30px;
    }
    .hext-large > span {
        font-size: 30px;
        line-height: 30px;
    }
    .newsletter {
        padding: 20px 15px;
        gap: 20px;
        margin-bottom: -80px;
    }
}
@media screen and (max-width: 575px){
    .newsletter {
        flex-wrap: wrap;
    }
    .newsletter form {
        max-width: 100%;
    }
    .footer-main {
        padding: 140px 0 0;
    }
    .footer-main .divider-line {
        margin: 10px 0;
    }
    .copy-footer {
        text-align: center;
        line-height: normal;
    }
    .copy-footer ul {
        justify-content: center;
        margin: 13px 0 0;
    }
    h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .horizontal-scoll-wrapper .sec-head h2 {
        margin: 0 0 15px;
    }
    h1 {
        font-size: 34px;
        line-height: 44px;
    }
    .text-left-border:before {
        width: 5px;
    }
    .text-left-border {
        padding-left: 16px;
        position: relative;
    }
    .top-tier-list-inner  .top-tier-dis {
        width: 100%;
        padding: 15px 0px 0 0;
    }
    .top-tier-link {
        width: 100%;
    }
    .top-tier-link {
        width: 100%;
        padding-top: 30px;
    }
    .top-tier-link svg {
        width: 20px;
        height: 20px;
    }
    .top-tier-link a.stretched-link {
        display: block;
        text-align: center;
        border: solid 1px rgb(98 82 237 / 59%);
        padding: 14px;
        width: 100%;
        margin: 0 auto;
        border-radius: 5px;
        background: linear-gradient(rgb(124 109 255 / 14%), rgb(255 255 255 / 0%));
    }
    .top-tier-list-inner .top-tier-dis .top-tier-dis-inner ul li {
        width: 54px;
    }
    .top-feature-list .top-feature-content {
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .top-feature-list {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .hext-large > span {
        font-size: 23px;
        line-height: 30px;
    }
    .hext-large > span:before {
        margin-right: 10px;
    }
    .hext-large > span:after {
        margin-left: 10px;
    }
    .blog-list .blog-list-text h3 {
        font-size: 18px;
    }
    .header-btns ul {
        padding-left: 0;
    }
    .top-tier-list-inner .top-tier-count {
        font-size: 30px;
        width: 60px;
    }
    .top-tier-list-inner .top-tier-title {
        width: calc(100% - 60px);
    }
}
@media screen and (max-width: 480px){
    .lang-logos ul li {
        width: calc(50% - 10px);
    }
    .footer-content ul li img {
        max-width: 80px;
    }
}
@media screen and (max-width: 400px){
    .lang-logos ul li {
        width:100%;
    }
}
@media screen and (max-width: 375px){
    .header-btns ul {
        padding-left: 0;
        flex-direction: column;
        gap: 20px;
        justify-content: center;
    }
    .header-btns ul li:not(:last-child) {
        margin-right: 0;
    }
}