/* @font-face {
    font-family: 'ExtraBold';
    src: url(../fonts/EquipExtended-ExtraBold.ttf) format('TrueType');
    src: url(../fonts/EquipExtended-ExtraBold.otf);
}
@font-face {
    font-family: 'Bold';
    src: url(../fonts/EquipExtended-Bold.ttf) format('TrueType');
    src: url(../fonts/EquipExtended-Bold.otf)
}
@font-face {
    font-family: 'Medium';
    src: url(../fonts/EquipExtended-Medium.ttf) format('TrueType');
    src: url(../fonts/EquipExtended-Medium.otf)
}
@font-face {
    font-family: 'Regular';
    src: url(../fonts/EquipExtended-Regular.ttf) format('TrueType');
    src: url(../fonts/EquipExtended-Regular.otf)
}
@font-face {
    font-family: 'Light';
    src: url(../fonts/EquipExtended-Light.ttf) format('TrueType');
    src: url(../fonts/EquipExtended-Light.otf);
}
@font-face {
    font-family: "Poppins", sans-serif;
    src: url('../fonts/EquipExtended-Black.woff2') format('woff2'),
        url('../fonts/EquipExtended-Black.woff') format('woff'),
        url('../fonts/EquipExtended-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins", sans-serif;
    src: url('../fonts/EquipExtended-Italic.woff2') format('woff2'),
        url('../fonts/EquipExtended-Italic.woff') format('woff'),
        url('../fonts/EquipExtended-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Poppins", sans-serif;
    src: url('../fonts/EquipExtended-Bold.woff2') format('woff2'),
        url('../fonts/EquipExtended-Bold.woff') format('woff'),
        url('../fonts/EquipExtended-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins", sans-serif;
    src: url('../fonts/EquipExtended-Light.woff2') format('woff2'),
        url('../fonts/EquipExtended-Light.woff') format('woff'),
        url('../fonts/EquipExtended-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins", sans-serif;
    src: url('../fonts/EquipExtended-Medium.woff2') format('woff2'),
        url('../fonts/EquipExtended-Medium.woff') format('woff'),
        url('../fonts/EquipExtended-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins", sans-serif;
    src: url('../fonts/EquipExtended-Regular.woff2') format('woff2'),
        url('../fonts/EquipExtended-Regular.woff') format('woff'),
        url('../fonts/EquipExtended-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/
:root {
    --primary-color: #F26419;
    --light-primary: #FEF0E8;
    --secondary-color: #0092DB;
    --dark-black: #1A1A1A;
    --seconadary-black: #333333;
    --light-black: #4D4D4D;
    --text-color: #6A6A6A;
    --white: #fff;
    --font-200: 200px;
    --font-174: 174px;
    --font-80: 80px;
    --font-62: 62px;
    --font-48: 48px;
    --font-32: 32px;
    --font-24: 24px;
    --font-20: 20px;
    --font-18: 18px;
    --font-16: 16px;
    --font-15: 15px;
    --font-14: 14px;
    --font-13: 13px;
    --font-12: 12px;
}
*,
body {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    /* font-family: 'Regular'; */
    font-family: "Poppins", sans-serif;
    color: var(--dark-black);
    scroll-behavior: smooth;
}
a.orange-a {
    color: #ff5600;
    font-weight: 400;
    text-decoration: none;
}
.container {
/*
    max-width: 1200px;
*/
    position: relative;
}
p {
    margin: 0;
    color: var(--text-color);
    line-height: 26px;
    font-size: var(--font-16);
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    transition: 0.5s all;
}
a,
button,
input {
    outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}
h1 {
    font-size: var(--font-62);
}
h2 {
    position: relative;
    font-size: var(--font-48);
}
/* h2::after {
    content: '.';
    position: absolute;
    color: var(--primary-color);
} */
h3 {
    font-size: var(--font-32);
}
h4 {
    font-size: var(--font-24);
}
h5 {
    font-size: var(--font-20);
}
h6 {
    font-size: var(--font-16);
}
/*===============header-section=================*/
.header-section {
    width: 100%;
    min-height: 100vh;
    position: relative;
}
.header-section video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header-section::after {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 0;
}
.hero-section {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    padding: 180px 0;
}
.hero-content {
    max-width: 895px;
    text-align: center;
}
.over-flow {
    overflow: hidden;
    margin-bottom: 64px;
}
.hero-section h1 {
    position: relative;
    color: var(--white);
    overflow: hidden;
}
.hero-section h1::after {
    content: '.';
    position: absolute;
    color: var(--primary-color);
}
.btn-all {
    border: 1px solid var(--primary-color);
    text-decoration: none;
    padding: 15px 43px;
    color: var(--primary-color);
    border-radius: 50px;
    font-size: var(--font-16);
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: inset 0 0 0 0px var(--primary-color);
    overflow: hidden;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    cursor: pointer;
}
.header-section .btn-all {
    font-size: var(--font-20);
    height: 43px;
    border: 1px solid var(--white);
    color: var(--white);
    padding: 12px 24px;
}
.btn-all:hover {
    color: var(--white);
    box-shadow: inset 0 0 0 50px var(--primary-color);
    transition: 0.5s ease-in-out;
}
.header-section .btn-all:hover {
    border: 1px solid var(--primary-color);
}
.company {
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
}
.c-box {
    width: 236px;
    height: 212px;
    border-radius: 12px;
    border: 1px solid var(--white);
    text-align: center;
    padding: 31px 24px;
}
.c-box img {
    margin-bottom: 28px;
}
.c-box h3 {
    /* font-family: 'Medium'; */
    font-family: "Poppins", sans-serif;
    color: var(--white);
}
.c-box p {
    color: var(--white);
    font-size: var(--font-14);
    letter-spacing: 1px;
}
/*===============company-info====================*/
.company-info {
    padding: 100px 0;
}
.heading-title {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}
/*
.over-h2 {
    overflow: hidden;
} */
.heading-title h3 {
    /* font-size: var(--font-200); */
    font-size: 150px;
    color: transparent;
    -webkit-text-stroke: rgba(26, 26, 26, 0.1);
    -webkit-text-stroke-width: 1.5px;
    /* font-family: 'ExtraBold'; */
    font-family: "Poppins", sans-serif;
    position: absolute;
    /* top:-109px; */
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
}
.heading-title p {
    max-width: 869px;
    text-align: center;
    display: inline-block;
    margin-top: 60px;
}
.comapny-strategy {
    display: flex;
    gap: 63px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.strategy-box {
    text-align: center;
    cursor: context-menu;
}
.box-icon {
    width: 180px;
    height: 180px;
    background-color: var(--light-primary);
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
    transition: 0.5s all;
}
.box-icon::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    background: var(--primary-color);
    left: 0;
    top: 0;
    transition: 0.5s all;
    border-radius: 86px;
}
.strategy-box:hover {
    transform: translateY(-5px);
}
.strategy-box:hover .box-icon::after {
    width: 100%;
    height: 100%;
}
.strategy-box:hover svg {
    filter: brightness(100);
    z-index: 1;
    transition: 0.5s all;
}
/*========company-solutions============*/
.company-solutions {
    border-top: 1px solid rgb(26, 26, 26, 0.1);
    border-bottom: 1px solid rgb(26, 26, 26, 0.1);
}
.sol-heading {
    padding-top: 32px;
    position: sticky;
    width: 100%;
    top: 62px;
}
.sol-heading h2 {
    max-width: 467px;
}
.sol-heading svg {
    max-width: 300px;
    width: 100%;
    margin-top: 40px;
}
.com-animatoion {
    margin-bottom: 30px;
    overflow: hidden;
}
.toptip-line {
    font-size: 20px;
    margin-bottom: 20px;
    color: var(--primary-color);
}
.sol-box {
    display: flex;
    flex-wrap: wrap;
}
.sol-topic {
    padding: 26px;
    border-left: 1px solid rgb(26, 26, 26, 0.1);
    border-bottom: 1px solid rgb(26, 26, 26, 0.1);
    border-right: 1px solid rgb(26, 26, 26, 0.1);
    width: 50%;
    position: relative;
    transition: 0.5s all;
}
.sol-topic::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    transition: 0.5s all;
}
.sol-topic:hover::after {
    content: '';
    position: absolute;
    background-color: var(--primary-color);
    width: 100%;
    height: 100%;
    z-index: -1;
}
.sol-topic:nth-child(even) {
    border-left: 0px solid rgb(26, 26, 26, 0.1);
}
.sol-icon-box {
    background: var(--light-primary);
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-bottom: 24px;
}
.sol-topic h4 {
    margin-bottom: 16px;
    transition: 0.5s all;
}
.sol-topic a {
    color: var(--primary-color);
    transition: 0.5s all;
}
.sol-topic:hover h4,
.sol-topic:hover p,
.sol-topic:hover a,
.sol-topic:hover a svg path {
    color: var(--white);
    fill: var(--white);
}
a.btn-link {
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
}
a.btn-link svg {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}
a.btn-link svg path {
    fill: var(--primary-color);
    transition: 0.5s all;
}
.sol-topic:hover a svg path {
    fill: var(--white);
}
/*===========company-project==============*/
.company-project {
    padding: 80px 0;
    padding-bottom: 60px;
}
.company-project .container-fluid {
    padding: 0
}
.project-slider .img-slide img {
    width: 100%;
    border-radius: 12px;
}
.technology {
    margin-top: 22px;
}
.technology ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 16px;
}
.technology ul li {
    display: inline-block;
    margin-right: 15px;
}
.technology ul li a {
    padding: 10px 32px;
    color: var(--primary-color);
    text-decoration: none;
    border-radius: 50px;
    background-color: var(--light-primary);
    display: block;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
}
.slick-group.slick-slide {
    padding: 0 30px;
}
/*==============company-expertise=================*/
.company-expertise {
    padding: 90px 0;
    padding-bottom: 60px;
    background-color: var(--dark-black);
}
.company-expertise h2 {
    color: var(--white);
}
.company-expertise h3 {
    -webkit-text-stroke: rgba(255, 255, 255, 0.1);
    color: transparent;
    -webkit-text-stroke-width: 1px;
}
.expertise-box {
    width: 100%;
    min-height: 488px;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: end;
    padding: 30px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.expertise-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 99.48%);
}
.expertise-content {
    position: relative;
}
.expertise-content h4 {
    color: var(--white);
    margin-bottom: 24px;
}
.expertise-content p {
    color: var(--white);
    margin-bottom: 32px;
    line-height: 24px;
}
.height-278 {
    min-height: 278px;
}
.e-box-hide {
    opacity: 0;
    position: relative;
    transition: 0.5s all;
    margin-bottom: -186px;
}
.expertise-box:hover .e-box-hide {
    opacity: 1;
    margin-bottom: 0;
}
/*===================brand-section=================*/
.brand-section {
    margin-top: 0px;
    margin-bottom: 0px;
}
.brand-section h6 {
    font-size: var(--font-14);
    color: #626262;
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 21px;
    position: relative;
    z-index: 5;
}
.branding-head {
    text-align: center;
    position: relative;
    margin-bottom: -12px;
}
.branding-head::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgb(25 25 25 / 6%);
    top: 50%;
    z-index: 1;
}
.brand-logo {
    background-color:#fcfcfc;
    padding: 40px 0;
}
.brand-item img {
    margin-right: 140px;
    height: 60px;
    /* filter: brightness(0.5); */
}
/*=============company-client=================*/
.company-client {
    padding: 100px 0 60px;
}
.company-client-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content-left {
    max-width: 1000px;
}
.content-left h4 span {
    color: var(--primary-color);
}
.content-left h4 {
    line-height: 36px;
    font-size: 22px;
}
.testimonial-slider {
    margin-top: 60px;
}
.testimonial-slider .testimonial-item {
    padding: 0 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.testimonial-content {
    border-radius: 12px;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.14);
    padding: 30px;
    background-color: var(--white);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.profile-image {
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.profile-left {
    margin-right: 25px;
}
.circle-img {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
}
.circle-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.profile-right-text h6 {
    color: var(--primary-color);
}
.profile-right-text p {
    font-size: var(--font-14);
    line-height: 20px;
}
.dot-flex .slick-arrow {
    height: 54px;
    width: 54px;
    background: transparent;
    border: 1px solid var(--dark-black);
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s all;
}
.dot-flex {
    display: flex;
    justify-content: flex-end;
}
.dot-flex .next.slick-arrow {
    margin-left: 11px;
    transform: rotate(-180deg);
}
.dot-flex .slick-arrow:hover {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.dot-flex .slick-arrow:hover img {
    filter: invert(1);
}
.testimonial-slider .slick-track {
    display: flex !important;
}
.testimonial-slider .slick-slide {
    height: inherit !important;
}
/*=============company-blog==============*/
/* .company-blog{
 padding-bottom:0px;
} */
.company-blog .heading-title {
    margin-bottom: 40px;
}
.company-blog a {
    display: block;
    text-decoration: none;
}
.company-blog .e-box-hide {
    margin-bottom: inherit;
    opacity: 1;
}
.company-blog .expertise-content p {
    margin-bottom: 0;
    margin-top: 24px;
}
.company-blog .expertise-content h4 {
    margin-bottom: 0;
    transition: 0.2s all;
}
.company-blog a:hover h4 {
    color: var(--primary-color);
}
.company-blog .expertise-content h6 {
    margin-bottom: 6px;
    color: var(--primary-color);
}
.company-blog a:hover h4 {
    background-color: var(--secondary-color);
    padding: 5px;
    color: var(--white);
}
/*=============footer======================*/
.footer {
    padding: 56px 0px 0;
    background-color: var(--dark-black);
}
.cont-info {
    background-color: #F37430;
    padding: 60px 30px 30px 30px;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.cont-info svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.information-content {
    position: relative;
    z-index: 1;
}
.information-content h2 {
    color: var(--white);
    text-align: center;
}
.information-content h2::after {
    content: none;
}
.information-content h4 {
    margin-top: 45px;
    text-align: center;
}
.information-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 45px;
}
.information-content ul li {
    display: block;
    margin-bottom: 15px;
}
.information-content ul li a {
    text-decoration: none;
    color: var(--dark-black);
}
.information-content ul li a span {
    width: 30px;
    display: inline-block;
    height: 30px;
    margin-right: 11px;
}
.contact-form {
    background-color: var(--seconadary-black);
    padding: 50px;
    height: 100%;
}
.contact-form label {
    color: var(--white);
    font-size: var(--font-14);
    margin-bottom: 6px;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
}
.contact-form .form-control {
    height: 48px;
    border-radius: 6px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: var(--white);
}
.contact-form .form-control:focus,
.contact-form [type="checkbox"],
.subs-input .form-control:focus {
    box-shadow: none;
}
.contact-form::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.contact-form textarea {
    min-height: 150px;
}
.contact-form [type="checkbox"] {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    min-width: 24px;
    height: 24px;
    margin-right: 16px;
}
.contact-form .btn-all {
    background-color: var(--primary-color);
    color: var(--white);
}
.footer-container {
    margin-top: 80px;
}
.footer-container.footer-margin {
    margin-top: 30px;
}
.subs-text {
    margin-right: 32px;
}
.subs-text h4 {
    color: var(--white);
}
.subs-input.d-flex {
    position: relative;
}
#email-error {
    /*    position: absolute;*/
    left: 0;
    top: 100%;
    font-size: 14px;
}
.subscribe-form #email-error {
    position: absolute;
}
.subs-input .form-control {
    height: 56px;
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    min-width: 287px;
    color: var(--dark-black);
}
.subs-input button {
    height: 56px;
    width: 56px;
    background-color: var(--primary-color);
    border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.subs-input .form-control::placeholder {
    color: var(--text-color);
}
.social-icon ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-icon ul li {
    display: inline-block;
    margin-left: 17px;
}
.page-link-section {
    margin-top: 70px;
}
.footer-logo p {
    margin-top: 20px;
    font-size: var(--font-14);
    color: rgba(255, 255, 255, 0.5);
}
.footer-logo ul {
    margin: 0;
    padding: 0;
    margin-top: 64px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-logo ul li {
    display: inline-block;
}
.footer-menu h6 {
    /* font-family: 'Medium'; */
    font-family: "Poppins", sans-serif;
    /* color: var(--primary-color); */
    color: var(--white);
    text-transform: uppercase;
    font-size: 14px;
}
.footer-menu ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    list-style: none;
}
.footer-menu ul li {
    display: block;
    margin-bottom: 12px;
}
.footer-menu ul li:last-child {
    margin-bottom: 0;
}
.footer-menu ul li a {
    color: rgba(255, 255, 255, 0.918);
    text-decoration: none;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    /* font-size: var(--font-14); */
    font-size: 13px;
    transition: 0.2s all;
}
.footer-menu ul li a:hover {
    /* color: var(--white); */
    color: var(--primary-color);
}
.footer-padding {
    padding-left: 100px;
}
.loaction {
    margin-top: 50px;
    padding: 50px 0;
    border-top: 1px solid var(--seconadary-black);
    border-bottom: 1px solid var(--seconadary-black);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.area {
    width: 240px;
    display: flex;
}
.loc-text h5 {
    font-size: var(--font-16);
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 3px;
}
.loc-text h6 {
    font-size: var(--font-14);
    color: var(--primary-color);
}
.loc-text p {
    margin-top: 12px;
    font-size: var(--font-14);
}
.loc-icon {
    margin-right: 20px;
}
.loc-icon svg {
    height: 50px;
}
.copy-right {
    text-align: center;
}
.copy-right p {
    color: rgba(255, 255, 255, 0.5);
    font-size: var(--font-14);
    padding: 20px 0;
}
/*===================header-menu==================*/
.full-width-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 12px .75rem;
    z-index: 2;
    transition: 0.5s;
}
.header-menu {
    display: flex;
    justify-content: space-between;
}
.menu-item ul.primary-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch;
}
.menu-item .primary-menu>li {
    display: grid;
    place-items: center;
}
.nav-menu .nav-bar {
    color: var(--white);
    text-decoration: none;
    letter-spacing: 0.5px;
    /* font-size: var(--font-16); */
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    /* padding: 0px 20px; */
    padding: 0px 16px;
    font-size: 14px;
    font-weight: 400;
}
.nav-bar.btn-all {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    /* font-size: var(--font-16); */
    font-size: 15px;
    padding: 15px 16px;
    margin-left: 20px
}
.primary-menu li .nav-bar svg {
    margin-left: 2px;
}
.mega-menu {
    display: flex;
    align-items: center;
    /* width: 1019px; */
    justify-content: space-between;
}
.left-border {
    width: 145px;
    margin-right: 15px;
    height: 1px;
    background: var(--white);
}
.hide-mega-menu {
    background-color: #fff;
    width: 100%;
    min-height: 276px;
    position: absolute;
    left: 0;
    top: 56px;
    transition: 0.5s all;
    display: none;
    box-shadow: 0px 5px 10px #00000017;
}
.nav-menu:hover .hide-mega-menu,
.nav-menu .nav-bar:hover .hide-mega-menu {
    display: block;
}
.menu-show-top {
    display: flex;
    width: 100%;
    height: 100%;
}
.left-mega-menu {
    background-color: var(--primary-color);
    /* height: 100%; */
    width: 370px;
}
.left-mega-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.left-mega-menu ul>li {
    list-style: none;
}
.left-mega-menu ul>li:last-child {
    margin-bottom: 0;
}
.left-mega-menu ul>li a {
    color: var(--white);
    font-size: var(--font-18);
    transition: 0.5s all;
    text-decoration: none;
    display: block;
    padding: 16px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.left-mega-menu ul>li a span svg {
    transform: rotate(-90deg);
}
/* .left-mega-menu ul>li a:hover{
    color: var(--dark-black);
    background-color: var(--light-primary);
} */
.nav-list li.active a,
.nav-list li:hover a {
    color: var(--dark-black);
    background-color: var(--light-primary);
}
.left-mega-menu ul>li.active a span svg path {
    fill: var(--dark-black);
}
.left-mega-menu ul>li:last-child a {
    border: 0;
}
.right-side-menu-hide {
    padding: 17px 30px 17px;
    width: calc(100% - 370px);
}
.right-side-menu-hide .tab-content {
    display: none;
}
.right-side-menu-hide .tab-content:first-child {
    display: block;
}
.right-menu-show {
    display: flex;
    width: 100%;
}
.menu-list-show {
    width: 50%;
}
.menu-img-show {
    width: 50%;
}
.img-sub-service {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
}
.img-sub-service img {
    width: 100%;
    height: 325px;
    object-fit: cover;
    object-position: top;
}
.sub-services {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sub-services li {
    display: block;
    margin-bottom: 20px;
}
.sub-services li a {
    text-decoration: none;
    color: var(--text-color);
    font-size: var(--font-16);
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
}
.sub-services li a span svg {
    height: 18px;
    width: 18px;
    fill: var(--text-color);
    margin-right: 15px;
}
.sub-services li a span svg path {
    fill: var(--text-color);
}
.sub-services li:hover a,
.sub-services li a:hover svg path {
    color: var(--primary-color);
    fill: var(--primary-color);
}
.full-width-menu.menu-fixed {
    background-color: var(--white);
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
    box-shadow: 0px 5px 15px #0000000d;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}
.full-width-menu.menu-fixed .nav-menu .nav-bar,
.full-width-menu.menu-fixed .nav-menu .nav-bar svg path,
.full-width-menu.menu-fixed .left-border {
    color: var(--text-color);
    fill: var(--text-color);
}
.full-width-menu.menu-fixed .nav-menu .nav-bar.btn-all {
    color: var(--white);
}
.full-width-menu.menu-fixed .left-border {
    background-color: var(--text-color);
}
/*==============.layout-menu==============*/
.layout-menu {
    background-color: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    top: 56px;
    transition: 0.5s all;
    display: none;
    border: 1px solid rgb(26, 26, 26, 0.1);
    min-height: 359px;
    height: 100%;
}
.compnay-menu {
    height: 100%;
}
.menu-head h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: var(--white);
}
.menu-head p {
    font-size: 15px;
    color: var(--white);
}
.img-menu {
    padding: 5px;
    border-right: 1px solid rgb(26, 26, 26, 0.1);
    height: 100%;
}
.menu-head.img-menu {
    padding: 15px;
    background: #f26419;
}
.img-div {
    width: 100%;
    height: 100%;
    position: relative;
}
.img-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-div span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    background: rgba(26, 26, 26, 0.8);
    color: var(--white);
    text-decoration: none;
    font-size: var(--font-16);
    letter-spacing: 1px;
}
.img-menu a:hover span {
    color: var(--primary-color);
}
.compnay-menu .row {
    margin-left: 0;
    margin-right: 0;
    height: 100%;
}
.compnay-menu .row .col-md-3 {
    padding: 0;
}
.img-menu a:hover img {
    filter: grayscale(0.8);
}
.menu-hover:hover .layout-menu {
    display: block;
}
/*================mobile-menu==============================*/
.mobile-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
    padding: 0px .75rem;
    z-index: 2;
    overflow-y: auto;
}
.mobile-menu.overlay-open {
    background-color: var(--white);
    height: 100vh;
    width: 100%;
    overflow-y: auto;
}
.mobile-container {
    display: flex;
    width: 100%;
    padding: 12px;
    justify-content: space-between;
    align-items: center;
}
.mobile-icon {
    width: 183px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#nav-toggle {
    cursor: pointer;
    height: 40px;
    width: 40px;
    position: relative;
    display: grid;
    place-items: center;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 35px;
    background: #fff;
    position: absolute;
    display: block;
    content: "";
    transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
    top: -10px;
}
#nav-toggle span:after {
    bottom: -10px;
}
#nav-toggle.active span {
    background-color: transparent;
}
#nav-toggle.active span:before,
#nav-toggle.active span:after {
    top: 0;
}
#nav-toggle.active span:before {
    transform: rotate(45deg);
}
#nav-toggle.active span:after {
    transform: rotate(-45deg);
}
.mobile-menu.overlay-open #nav-toggle span:before,
.mobile-menu.overlay-open #nav-toggle span:after {
    background: var(--dark-black);
}
.mobile-section {
    background-color: var(--white);
    position: relative;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.mobile-section.active {
    display: block
}
.mobile-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mobile-nav>li {
    padding: 20px 0.75rem;
    border-bottom: 1px solid #eee;
    display: block;
    position: relative;
}
.mobile-nav>li:last-child {
    border: 0;
}
.mobile-nav>li>a {
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--font-16);
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
}
.mobile-nav>li>a span svg path {
    fill: var(--text-color);
}
.mobile-nav>li>a span:last-child {
    width: 30px;
    height: 30px;
    background-color: transparent;
    display: grid;
    place-items: center;
}
.item-box {
    display: none;
    background-color: var(--primary-color);
    margin-top: 15px;
}
.item-box.active {
    display: block;
}
.company-box {
    display: none;
    background-color: var(--primary-color);
    margin-top: 15px;
}
.company-box.active {
    display: block;
}
.build-box {
    display: none;
    background-color: var(--primary-color);
    margin-top: 15px;
}
.build-box.active {
    display: block;
}
.rotate-x.rotate-icon {
    transform: rotate(-180deg);
}
.rotate-y.rotate-icon {
    transform: rotate(-180deg);
}
.rotate-z.rotate-icon {
    transform: rotate(-180deg);
}
.open-list-ui {
    margin: 0;
    padding: 0;
    list-style: none;
}
.open-list-ui>li {
    padding: 20px 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    position: relative;
}
.open-list-ui>li:last-child {
    border: 0;
}
.open-list-ui>li>a {
    text-decoration: none;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    font-size: var(--font-16);
}
.sub-dropdown {
    position: absolute;
    width: 40px;
    height: 66px;
    right: 0;
    top: 0;
    display: grid;
    place-items: center;
}
.sub-dropdown-box {
    display: none;
    background-color: var(--light-primary);
    margin-top: 15px;
}
.sub-dropdown-box.active {
    display: block;
}
.sub-dropdown-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sub-dropdown-list>li {
    padding: 20px 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.sub-dropdown-list>li:last-child {
    border: 0;
}
.sub-dropdown-list>li>a {
    text-decoration: none;
    color: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    font-size: var(--font-16);
}
.sub-dropdown.active {
    transform: rotate(-180deg);
}
.mobile-item .btn-all {
    background-color: var(--primary-color);
    text-align: center;
    color: var(--white);
    display: block;
    font-size: var(--font-16);
}
.logo-blue {
    display: none;
}
.mobile-menu.overlay-open .logo-white,
.full-width-menu.menu-fixed .logo-white,
.mobile-menu.mobile-scroll .logo-white {
    display: none;
}
.mobile-menu.overlay-open .logo-blue,
.full-width-menu.menu-fixed .logo-blue,
.mobile-menu.mobile-scroll .logo-blue {
    display: block;
    width: 118px;
}
.mobile-menu.overlay-open .logo-blue img,
.full-width-menu.menu-fixed .logo-blue img,
.mobile-menu.mobile-scroll .logo-blue img {
    width: 118px;
}
.mob-btn {
    height: 36px !important;
    padding: 12px 17px;
    font-size: 15px !important;
}
.mobile-menu-fixed .mob-btn,
.overlay-open .mob-btn {
    background-color: var(--primary-color);
    color: var(--white);
}
/*==================service-page-css================================*/
.header-section.service-section {
    min-height: inherit;
    height: 100%;
}
.header-section.service-section::after {
    background: linear-gradient(100deg, #1A1A1A 38.54%, rgba(26, 26, 26, 0.92) 66.68%, rgba(26, 26, 26, 0.91) 97.51%);
}
.header-section .service-background {
    width: 100%;
    height: 588px;
    background-image: url(../img/services-background.png);
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 133px;
}
.service-background h1,
.service-background h2 {
    -webkit-text-stroke: rgba(255, 255, 255, 0.2);
    color: transparent;
    -webkit-text-stroke-width: .8px;
    position: relative;
    z-index: 1;
    font-size: 80px;
    text-align: center;
}
.service-background h2::after {
    content: unset;
}
/*=========services-box-info===============*/
.services-box-info {
    position: relative;
    margin-top: -312px;
}
.services-box-background {
    background-image: url(../img/services-box.png);
    background-position: center;
    background-size: cover;
    padding: 120px 0;
    text-align: center;
    position: relative;
}
.services-box-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
}
.services-title {
    position: relative;
    z-index: 1;
}
.services-title h2 {
    max-width: 975px;
    margin: 0 auto;
    color: var(--white);
}
.services-title h1{
    max-width: 975px;
    margin: 0 auto;
    color: var(--white);
    font-size: 48px;
    line-height: 1.2;
}
.services-title .btn-all {
    margin-top: 40px;
    background-color: var(--primary-color);
    color: var(--white);
    font-size: 20px;
}
/*==============about-services================*/
.about-services {
    padding: 80px 0 40px;
}
.about-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-content {
    flex-basis: 60%;
}
.about-content-img {
    flex-basis: 40%;
    display: grid;
    place-items: center;
    height: 700px;
    position: relative;
}
.about-content-img::after {
    right: 0;
    top: 0;
    position: absolute;
    content: '';
    background-color: #F0F0F0;
    width: 345px;
    height: 100%;
    z-index: -1;
}
.about-img-info {
    background-color: var(--primary-color);
    padding: 52px 52px 30px;
    position: relative;
    text-align: center;
    width: 345px;
}
.about-img-info h2 {
    color: var(--white);
    position: relative;
    z-index: 1;
}
.about-img-info img {
    margin-top: 50px;
    position: relative;
    z-index: 1;
}
.about-img-info svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.about-info h1 {
    margin-bottom: 40px;
    position: relative;
    font-size: var(--font-48);
}
.about-info h2 {
    margin-bottom: 40px;
    position: relative;
    font-size: var(--font-48);
}
/* .about-info h1::after {
    content: '.';
    position: absolute;
    color: var(--primary-color);
} */
.about-info h2 {
    margin-bottom: 40px;
}
.about-info p {
    margin-bottom: 15px;
    text-align: justify;
}
.about-info p:last-child {
    margin-bottom: 0px;
}
.about-info ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    list-style: none;
}
.about-info ul li {
    position: relative;
    margin-bottom: 15px;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    color: var(--text-color);
    padding-left: 30px;
    line-height: 26px;
    text-align: justify;
}
.about-info ul li:last-child {
    margin-bottom: 0;
}
.about-info ul li::before {
    position: absolute;
    content: url(../img/li-arrow.png);
    left: 0;
    top: 5px;
}
.about-info .btn-all {
    margin-top: 40px;
}
/*===========company-all-services============*/
.company-all-services {
    padding: 80px 0 80px;
}
.mobile-app {
    padding-bottom: 40px;
}
.all-services-details {
    padding: 54px 36px;
    text-align: center;
    background-image: url(../img/all-ser-img.png);
    background-position: center;
    background-size: cover;
    position: relative;
    height: 100%;
}
.all-services-details svg {
    position: relative;
    z-index: 1;
    height: 130px;
    width: 130px;
}
.all-services-details svg path {
    fill: var(--white);
}
.main-shopify {
    fill: #95bf47 !important;
}
.all-services-details::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(248, 146, 28, 0.9);
}
.services-details-content {
    position: relative;
    z-index: 1;
    color: var(--white);
    margin-top: 45px;
    text-align: center;
}
.services-details-content p {
    color: var(--white);
    margin-top: 32px;
}
.services-details-content .btn-all {
    border-color: var(--white);
    color: var(--white);
    margin-top: 40px;
}
.services-details-content .btn-all:hover {
    box-shadow: inset 0 0 0 50px #fff;
    color: var(--primary-color);
}
.company-all-services .heading-title {
    margin-bottom: 100px;
}
.company-all-services.digital-experience .heading-title {
    margin-bottom: 80px;
}
.company-all-services .col-md-6 {
    margin-bottom: 20px;
}
.all-services-details.green-overlay::after {
    background-color: rgba(59, 170, 156, 0.9);
}
.all-services-details.blue-overlay::after {
    background-color: rgba(74, 129, 195, 0.9);
}
.all-services-details.pink-overlay::after {
    background-color: rgba(220, 53, 69, 0.9);
}
/*================service-solution-content===============*/
.service-solution-content {
    padding: 100px 0;
    background-color: var(--dark-black);
}
.solution-content-flex {
    display: flex;
    justify-content: center;
}
.left-flex {
    flex-basis: 50%;
    padding-right: 50px;
}
.left-flex-text {
    color: var(--white);
}
.left-flex-text .left-overflow {
    margin-bottom: 30px;
    overflow: hidden;
}
.left-flex-text p {
    margin-bottom: 15px;
    color: var(--white);
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
}
.left-flex-text p:last-child {
    margin-bottom: 0px;
}
.left-flex-text .btn-all {
    margin-top: 20px;
}
.right-flex {
    flex-basis: 50%;
    position: relative;
    padding: 50px;
}
.right-flex::after {
    content: '';
    position: absolute;
    right: 0;
    width: 70%;
    height: 100%;
    top: 0;
    background-color: var(--seconadary-black);
}
.right-flex-img {
    height: 638px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.right-flex-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
/*========sub-services-container=====================*/
.sub-services-container {
    padding: 100px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: stretch;
    justify-content: center;
}
.sub-services-box {
    border-radius: 12px;
    background: #FCFCFC;
    width: 342px;
    padding: 20px;
}
.sub-services-content {
    text-align: center;
}
.sub-services-content svg {
    margin-bottom: 32px;
    height: 48px;
}
.sub-services-content h5 {
    margin-bottom: 24px;
}
/*===============call-box=============*/
.call-box {
    background-color: #282828;
    padding: 56px 40px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-self: center;
    justify-content: space-between;
}
.call-text {
    align-items: center;
    display: flex;
}
.call-btn {
    margin-left: 50px;
}
.call-btn .btn-all {
    background-color: var(--primary-color);
    color: var(--white);
}
.call-box svg {
    position: absolute;
    right: 0;
    top: 0;
}
.call-text h3 {
    color: var(--white);
}
.call-btn,
.call-text {
    position: relative;
    z-index: 1;
}
/*========sub-services-box-info==========*/
.sub-services-box-info {
    position: relative;
    margin-top: -312px;
}
.sub-services-box-heading {
    background-color: var(--seconadary-black);
    padding: 40px 50px;
}
.sub-services-title {
    display: flex;
    align-items: center;
    height: 100%;
}
.sub-services-title h2 {
    color: var(--white);
}
.sub-services-title-img {
    position: relative;
    height: 100%;
    text-align: center;
}
.sub-services-title-img .svg-pos {
    position: absolute;
    left: 50%;
    height: 100%;
    top: 0;
    transform: translateX(-50%);
}
.sub-title-img {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 415px;
}
/*=============content-box-sub-services============*/
.content-box-sub-services {
    padding: 80px 0;
}
.heading-sub-services-content h2 {
    margin-bottom: 40px;
}
.heading-sub-services-content h1 {
    margin-bottom: 40px;
    position: relative;
    font-size: var(--font-48);
}
/* .heading-sub-services-content h1::after {
    content: '.';
    position: absolute;
    color: var(--primary-color);
} */
.heading-sub-services-content p {
    margin-bottom: 15px;
    text-align: justify;
}
.heading-sub-services-content .btn-all {
    margin-top: 20px;
}
.heading-sub-services-img {
    padding: 60px;
    position: sticky;
    top: 100px;
}
.heading-sub-services-img img {
    position: relative;
    z-index: 1;
}
.heading-sub-services-img svg:first-child {
    position: absolute;
    left: 0;
    top: 0;
}
.heading-sub-services-img svg:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 0;
}
/*===============why-choose-section===============*/
.why-choose-section {
    padding: 0px 0 100px;
}
.seo-extra h2::after {
    content: none;
}
.seo-extra h2 span {
    color: var(--primary-color);
}
.why-choose-left.seo-extra {
    position: sticky;
    top: 120px;
}
.why-choose-left h2 {
    margin-bottom: 40px;
}
.why-choose-left p {
    margin-bottom: 15px;
    text-align: justify;
}
.why-choose-left p:last-child {
    margin-bottom: 0;
}
.why-choose-left .btn-all {
    margin-top: 20px;
}
.why-choose-Right {
    padding-left: 60px;
}
.why-choose-content {
    margin-bottom: 40px;
}
.why-choose-content:last-child {
    margin-bottom: 0px;
}
.img-icon-text {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.img-area img {
    margin-right: 20px;
}
.why-choose-section.development-point .img-area img {
    margin-right: 20px;
    height: 30px;
}
.why-choose-section.development-point .why-choose-content {
    margin-bottom: 30px;
}
.why-choose-section.development-point .img-icon-text {
    align-items: flex-start
}
/*============company-do-solution============*/
.company-do-solution {
    padding: 100px 0;
    background-color: var(--dark-black);
    position: relative;
    overflow: hidden;
}
.company-do-solution .current-opening b.bold{
    color: #000;
    font-weight: 600;
}
.company-do-solution .current-opening ul li, .company-do-solution .current-opening p{
    color: #1a1a1a;
}
.line-svg {
    position: absolute;
    bottom: 0;
    right: 0;
}
.how-do-heading {
    max-width: 961px;
    margin: 0 auto;
    margin-bottom: 60px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.how-do-heading h2 {
    margin-bottom: 40px;
    color: var(--white);
}
.how-do-heading p {
    color: var(--white);
}
.seo-question span {
    color: var(--primary-color);
}
.seo-question h2::after {
    content: none;
}
.how-do-box {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.how-do-content {
    width: 219px;
    padding: 20px 24px;
    border-radius: 12px;
    background-color: #fcfcfc;
}
.how-do-content img {
    margin-bottom: 16px;
}
.industrie-links .how-do-box a {
    text-decoration: none;
    color: var(--dark-black);
}
.industrie-links .how-do-content {
    height: 100%;
}
.how-do-content h6 {
    text-transform: capitalize;
}
/*================Contact-page-section=================*/
.contact-page-section .services-box-background {
    background-color: var(--seconadary-black);
    background-image: none;
    position: relative;
}
.contact-page-section .services-box-background::after {
    content: none;
}
.contact-page-section .services-box-background svg {
    position: absolute;
    right: 0;
    bottom: -33px;
}
/*===============contact-page-form============*/
.contact-page-form {
    padding: 100px 0 20px;
}
.contact-page-form .contact-form textarea {
    min-height: 150px;
}
.contact-page-form .contact-form .btn-all {
    margin-top: 40px;
}
.contact-form select {
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    color: var(--white);
}
.contact-form select option {
    color: var(--text-color)
}
select.form-control {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    -o-appearance: menulist !important;
    appearance: menulist !important;
}
/*==============location-address===============*/
.location-address {
    padding: 100px 0 80px;
}
.location-area {
    display: flex;
    gap: 100px 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.country {
    background-color: var(--seconadary-black);
    padding: 22px 22px 28px;
    text-align: center;
    border-radius: 12px;
    flex-basis: 279px;
}
.location-icon {
    background-color: var(--white);
    padding: 18px;
    border-radius: 12px;
    position: relative;
    display: grid;
    place-items: center;
    width: 108px;
    height: 108px;
    margin: 0 auto;
    margin-top: -80px;
    border: 1px solid #eee;
}
.country-name {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.country-icon svg {
    margin-right: 8px;
}
.location-content h5 {
    text-transform: uppercase;
    color: #fcfcfc;
}
.location-content h6 {
    color: var(--primary-color);
    margin-top: 9px;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}
.location-content p {
    color: #fcfcfc;
    font-size: 14px;
}
.location-address .heading-title {
    margin-bottom: 145px;
}
.country.country-info {
    padding-bottom: 0;
}
.country.country-info p {
    margin-top: 9px;
}
.country.country-info p a {
    color: #fcfcfc;
    text-decoration: none;
}
.country-info .info-img {
    width: 136px;
    height: 119px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 6px 6px 0px 0px;
    margin-top: 29%;
}
.country-info .info-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.contact-info-icon {
    display: flex;
    margin-bottom: 12px;
}
.all-icon-use svg {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}
.all-icon-use svg path {
    fill: var(--white);
}
.contact-info-icon a {
    text-decoration: none;
    color: #fcfcfc;
    font-size: 14px;
}
.contact-info-icon p {
    color: #fcfcfc;
    font-size: 14px;
    text-align: left;
}
.location-content .contact-info-icon:last-child {
    margin-bottom: 0;
}
/*=========why-choose================*/
.company-choose {
    padding: 90px 0 60px;
    background-color: #fcfcfc;
}
.itxit-pro-section {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    position: relative;
}
.itxit-pro-box {
    background-color: var(--dark-black);
    background-image: url(../img/why.jpg);
    background-blend-mode: overlay;
    background-position: center center;
    background-size: cover;
    border-radius: 12px;
    padding: 50px 30px 30px;
    width: 320px;
}
.itxit-pro-section .slick-dots {
    display: block;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    margin: 0;
    bottom: -40px;
    list-style: none;
}
.itxit-pro-section .slick-dots li {
    display: inline-block;
    margin-right: 10px;
}
.itxit-pro-section .slick-dots li button {
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    text-indent: -999999px;
}
.itxit-pro-section .slick-dots li.slick-active button {
    background-color: var(--primary-color);
}
.itxit-pro-section .slick-track {
    display: flex;
    gap: 1rem;
}
.itxit-pro-section svg {
    margin-bottom: 40px;
    position: relative;
    filter: drop-shadow(0px 0px 33px #F26419);
}
.itxit-pro-section svg g path {
    fill: var(--primary-color);
}
.itxit-pro-content h4 {
    margin-bottom: 20px;
    color: var(--white);
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    letter-spacing: 1px;
}
.itxit-pro-content p {
    color: var(--white);
}
.ios-heading-title {
    text-align: center;
}
.ios-heading-title h2 {
    color: var(--white);
}
.ios-heading-title p {
    color: var(--white);
    margin-top: 40px;
}
/*================software-use-section==================*/
.software-use-section {
    background-color: #fcfcfc;
    padding: 80px 0;
}
.software-image-content {
    padding-right: 140px;
    position: relative;
    padding: 60px 140px 60px 112px;
}
.software-image-content::after {
    content: '';
    position: absolute;
    width: 56%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 0;
    border: 40px solid var(--secondary-color);
}
.software-image-box {
    height: 450px;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.software-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.software-image-content .btn-all {
    position: absolute;
    bottom: 16px;
    z-index: 1;
    padding: 29px 18px;
    right: 33px;
    width: 66%;
    border-radius: 50px;
    background: var(--primary-color);
    color: var(--white);
    font-size: 24px;
}
.software-box-text h2 {
    margin-bottom: 40px;
}
.software-box-text p {
    margin-bottom: 20px;
}
.list-box {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-box li {
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    color: var(--text-color);
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
}
.list-box li::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 10px;
}
.list-box li:last-child {
    margin-bottom: 0;
}
.software-use-section.software-use-black {
    background-color: var(--dark-black);
}
.software-use-section.software-use-black h2,
.software-use-section.software-use-black ul li,
.software-use-section.software-use-black p {
    color: var(--white);
}
.software-use-section.software-use-black .software-image-content::after {
    border: 40px solid var(--seconadary-black);
}
/*============our-digital-toolkit====================*/
.our-digital-toolkit {
    border-bottom: 1px solid rgb(26, 26, 26, 0.1);
    overflow: hidden;
}
.toolkit-section {
    display: flex;
}
.toolkit-left {
    width: 194px;
    padding: 20px 0;
    background-color: var(--dark-black);
    position: relative;
    display: grid;
    place-items: center;
}
.toolkit-left::before {
    content: '';
    position: absolute;
    width: 600%;
    height: 100%;
    right: 100%;
    top: 0;
    background-color: var(--dark-black);
}
.toolkit-heading h2 {
    font-size: 28px;
    color: var(--white);
}
.toolkit-right {
    width: calc(100% - 194px);
    display: grid;
    place-items: center;
}
.toolkit-logo {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 25px;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.toolkit-logo img {
    height: 47px;
}
.toolkit-slider {
    display: none;
}
/*============career-img==============*/
.career-info-section {
    padding-bottom: 0;
}
.career-img {
    width: 100%;
    overflow: hidden;
    background-color: var(--light-black);
    padding: 20px 20px 0px 20px;
}
.career-img img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.career-time {
    justify-content: center;
    flex-direction: column;
    align-items: start;
}
.career-time p {
    margin-top: 30px;
    text-align: justify;
}
.career-choose {
    padding: 100px 0 80px;
}
.career-pro-box {
    position: relative;
    box-shadow: 0px 5px 15px #00000069;
}
.career-pro-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #00000014;
}
.career-pro-box img {
    width: 100%;
}
.career-pro-content {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    height: 100px;
    background-color: rgba(26, 26, 26, 0.8);
    padding: 15px 10px;
}
.career-pro-content h2 {
    line-height: 30px;
    color: var(--white);
    font-size: var(--font-24);
}
.current-opening {
    position: relative;
    z-index: 1;
}
.c-left {
    background-color: #fcfcfc;
    min-width: 215px;
    min-height: 337px;
}
.c-left .nav-link {
    border-radius: 0;
    /* font-family: 'Regular'; */
    font-family: "Poppins", sans-serif;
    padding: 15px;
    color: var(--text-color);
}
.c-left .nav-link.active,
.c-left .show>.nav-link {
    color: #fff;
    background-color: var(--primary-color);
}
.r-left {
    background-color: #fcfcfc;
    width: 100%;
    padding: 30px;
    height: 337px;
    overflow-y: auto;
}
.r-left p {
    margin-bottom: 15px;
}
.r-left p span {
    color: #1a1a1a;
    /* font-family: 'Medium'; */
    font-family: "Poppins", sans-serif;
}
.r-left ul {
    margin: 0;
}
.r-left ul li {
    color: var(--text-color);
    margin-bottom: 8px;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
}
.r-left ul li:last-child {
    margin-bottom: 0;
}
/*===============free-quote-section========================*/
.free-quote-section .services-title h4 {
    color: var(--white);
}
.free-quote-section .services-title h4 span {
    color: #ff4f4f;
}
.free-quote-section .services-box-background {
    padding: 60px;
}
.free-quote-section .contact-form {
    text-align: left;
    padding: 50px 70px 0;
}
.free-quote-section .contact-form label span {
    color: #ff4f4f;
}
.label-margin {
    margin-right: 1rem;
}
/*========dedicated-team=============*/
.dedicated-team .services-title h2 {
    max-width: 916px;
    margin-bottom: 15px;
}
.dedicated-team .services-title p {
    color: rgba(255, 255, 255, 0.8)
}
/*=============hire-dedicated-section===============*/
.service-solution-content.hire-dedicated-section {
    background: #ffff;
    padding: 80px 0 0;
}
.service-solution-content.hire-dedicated-section h2 {
    color: var(--dark-black);
}
.service-solution-content.hire-dedicated-section h1 {
    color: var(--dark-black);
    position: relative;
    font-size: var(--font-48);
}
.service-solution-content.hire-dedicated-section h1::after {
    content: '.';
    position: absolute;
    color: var(--primary-color);
}
.service-solution-content.hire-dedicated-section .left-flex p {
    color: var(--text-color);
    text-align: justify;
}
.service-solution-content.hire-dedicated-section .right-flex::after {
    background-color: #e8e8e8;
}
.company-do-solution.dedicated-point {
    background-color: var(--white);
}
.company-do-solution.dedicated-point .how-do-heading h2 {
    color: var(--dark-black);
}
.company-do-solution.dedicated-point .how-do-heading p {
    color: var(--text-color);
}
.company-do-solution.dedicated-point .how-do-content {
    border: 1px solid rgb(26, 26, 26, 0.1);
    width: 235px;
    border-radius: 0;
    margin: -1px 0 0 -1px;
}
.company-do-solution.dedicated-point .how-do-box {
    gap: 0;
}
/*===================hiring-box=================*/
.hiring-box {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.hiring-item {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    font-size: 15px;
    width: 20%;
    vertical-align: top;
    text-align: center;
}
.item-icon {
    display: inline-block;
    min-height: 85px;
    min-width: 85px;
    padding: 15px 10px;
    border-radius: 50%;
    background-color: var(--primary-color);
    position: relative;
    z-index: 1;
    margin: auto;
}
.item-icon svg {
    max-width: 48px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.item-icon svg path {
    fill: var(--white);
}
.item-name p {
    font-size: var(--font-14);
    color: var(--white);
}
.hiring-box:after {
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
    margin: auto;
    width: 80%;
    height: 1px;
    border: 1px dashed #ffffff;
    content: "";
    opacity: 0.3;
    padding: 0 50px;
}
.professionals-experts-section .sub-services-container {
    padding: 0;
    position: relative;
    z-index: 1;
}
.professionals-experts-section {
    margin-top: 40px;
}
.professionals-experts-section .sub-services-content span {
    color: var(--primary-color);
}
.extra-padding {
    padding-bottom: 0 !important;
}
/*==================managed-service-offers================*/
.manage-it-experts {
    margin-top: 40px;
}
.software-use-section.managed-service-offers {
    background: var(--white);
}
.managed-service-offers .heading-title p {
    margin-top: 40px;
}
.extra-reverse {
    padding: 80px 0;
}
.extra-reverse .software-image-content::after {
    left: inherit;
    right: 0;
    border: 40px solid var(--primary-color)
}
.managed-service-offers .software-box-text h2 {
    font-size: 36px;
}
.managed-service-offers .list-box li {
    font-size: 20px;
    margin-bottom: 15px;
}
.managed-service-offers .list-box li::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 11px;
}
/*=============case-studies================*/
.case-studies {
    padding: 60px 0 40px;
}
.case-studies-box {
    border: 1px solid #c1c1c1;
    padding: 16px 16px 30px;
    box-shadow: 9px 9px 19px #b3b2b2;
    margin-bottom: 40px;
    border-radius: 8px;
}
.case-content {
    margin-top: 15px;
    text-align: center;
}
.case-content h4 {
    font-size: 20px;
    /* font-family: 'Medium'; */
    font-family: "Poppins", sans-serif;
}
.case-content p {
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.case-btn {
    margin-top: 20px;
}
.case-btn .btn-all {
    background-color: var(--primary-color);
    color: var(--white);
}
.case-studies-box img {
    width: 100%;
}
/*==============blog-tabs-section===================*/
.header-section.extra-space-remove .service-background {
    height: 475px;
}
.blogs-section {
    position: relative;
    margin-top: -306px;
}
.blogs-section .services-title p {
    max-width: 975px;
    margin: 0 auto;
    margin-top: 15px;
}
.blog-tabs-section {
    padding: 60px 0;
}
.blog-img {
    padding: 15px;
    margin-bottom: 30px;
    display: none;
}
.blog-img img {
    height: 440px;
    width: 100%;
    object-fit: cover;
    object-position: top;
    position: relative;
    margin-top: -151px;
    border: 20px solid #fff;
    box-shadow: 0px 5px 15px #000;
}
.blogs-tab-heading {
    margin-top: 20px;
}
.blogs-tab-heading ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blogs-tab-heading ul li {
    margin-bottom: 15px;
}
.blogs-tab-heading ul li:last-child {
    margin-bottom: 0;
}
.blogs-tab-heading ul li a {
    color: var(--text-color);
    text-decoration: none;
    /* font-family: "Light"; */
    font-family: "Poppins", sans-serif;
}
.blogs-tab-heading ul li a:active,
.blogs-tab-heading ul li a.active {
    color: var(--primary-color);
}
.blogs-section .services-title h1 {
    font-size: var(--font-48) !important;
    color: var(--white) !important;
    max-width: 975px;
    margin: 0 auto;
}
/* .blog-content-tab-box h3 {
    margin-bottom: 32px;
    padding-top: 120px;
    margin-top: -60px;
} */
.blog-content-tab-box h3, .blog-content-tab-box h2 {
    margin-bottom: 18px;
    padding-top: 10px;
    font-size: 24px;
    margin-top: 0;
}
.blog-content-tab-box h3:first-child {
    padding-top: 0px;
    margin-top: 0px;
}
.blog-content-tab-box p {
    margin-bottom: 20px;
    font-size: var(--font-20);
    /* font-family: "Light"; */
    font-family: "Poppins", sans-serif;
    line-height: 32px;
    color: var(--light-black);
}
.blog-content-tab-box p {
	text-align: justify;
	font-size: var(--font-16);
	font-weight: 400;
}
.blog-content-tab-box ul,
.blog-content-tab-box ol {
    padding-left: 8px;
    margin-left: 12px;
    box-sizing: border-box;
}
.blog-content-tab-box ul li,
.blog-content-tab-box ol li {
    margin-bottom: 10px;
    color: var(--light-black);
    /* font-family: "Light"; */
    font-family: "Poppins", sans-serif;
    font-size: var(--font-20);
    line-height: 32px;
}
.blog-content-tab-box a {
    font-size: var(--font-20);
    /* font-family: "Light"; */
    font-family: "Poppins", sans-serif;
    color: var(--primary-color);
    text-decoration: none;
}
.blog-content-tab-box a:hover {
    text-decoration: underline;
}
.blog-content-tab-box img {
    width: 100%;
    margin-bottom: 20px;
}
.blog-table-section {
    position: sticky;
    top: 140px;
    max-height: 715px;
    overflow-y: auto;
}
.more-blog {
    padding: 60px 0 30px;
    border-top: 1px solid rgb(26, 26, 26, 0.1);
}
.more-blog-content a {
    text-decoration: none;
    color: var(--dark-black);
    font-size: var(--font-24);
    margin-bottom: 20px;
    display: block;
    line-height: 32px;
}
.more-blog-content a:hover {
    color: var(--primary-color);
}
.more-blog-content p {
    /* font-family: "Light"; */
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
    line-height: 1.65;
}
.more-blog-content span {
    color: var(--dark-black);
    font-size: var(--font-14);
    /* font-family: "Light"; */
    font-family: "Poppins", sans-serif;
    display: block;
}
.more-blog h2 {
    margin-bottom: 40px;
}
.more-blog .col-md-6 {
    margin-bottom: 30px;
}
/*================company-policy-section================*/
.company-policy-section {
    padding: 147px 0;
}
.blog-content-tab-box h4 {
    margin-bottom: 20px;
}
.blog-content-tab-box h5 {
    margin-bottom: 20px;
}
/*======================engagement-model==============*/
.engagement-model {
    padding: 80px 0 60px;
}
.engagement-box {
    text-align: center;
}
.engagement-box img {
    border-radius: 24px;
    margin-bottom: 15px;
}
.engagement-box:hover img {
    filter: grayscale(1);
}
.engagement-box h4 {
    margin-bottom: 15px;
}
.engagement-box:hover h4 {
    color: var(--primary-color);
}
/*===========Tools and Technologies================*/
.tools-technologies {
    padding: 60px 0 40px;
}
.tools-technologies .heading-title {
    margin-bottom: 20px;
}
.tools-technologies a {
    color: var(--dark-black);
    text-decoration: none;
}
.tools-box {
    box-shadow: 0 0px 10px #b9b9b93d;
    background-color: var(--white);
    padding: 20px 10px;
    text-align: center;
    border-radius: 12px;
    transition: 0.5s all;
    width: 100%;
}
.tools-box svg {
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
}
.tools-box:hover {
    transform: translateY(-15px);
}
.tools-box:hover svg path {
    filter: grayscale(1);
}
.tools-box:hover svg {
    filter: grayscale(1);
}
.tools-box h6 {
    /* font-family: 'Medium'; */
    font-family: "Poppins", sans-serif;
}
.tools-technologies .row .col-md-2 {
    margin-right: 30px;
    padding: 20px 0;
    width: 200px;
}
/*================frequently-questions==============*/
.frequently-questions {
    padding: 60px 0 60px;
}
.frequently-ask-content {
    position: sticky;
    top: 100px;
}
.frequently-ask-content h3 {
    text-transform: capitalize;
    font-size: 48px;
}
.frequently-ask-content h6 {
    color: var(--primary-color);
}
.frequently-ask-content h5 {
    margin-bottom: 10px;
}
.frequently-contact-form {
    margin-top: 50px;
}
.frequently-contact-form .btn-all {
    margin-top: 30px;
}
.accordion-boxes-side {
    padding-left: 40px;
}
.accordion-boxes-side .accordion-item {
    margin-bottom: 20px;
    border-radius: 16px;
    border-top: 1px solid rgb(26, 26, 26, 0.1);
}
.accordion-boxes-side .accordion-header {
    display: block;
    cursor: pointer;
    font-size: 18px;
    line-height: 24px;
    color: var(--dark-black);
    padding: 20px 20px;
    position: relative;
    text-decoration: none;
    transition: 0.5s all;
    display: flex;
}
.accordion-boxes-side .accordion-header .icon {
    float: left;
    margin-right: 12px;
    font-size: 25px;
    color: var(--text-color);
}
.accordion-boxes-side .accordion-content {
    display: none;
    padding: 0px 20px 20px;
}
.accordion-item.active .accordion-content {
    display: block;
}
.accordion-item.active .icon {
    content: "−";
    /* minus sign */
    color: var(--primary-color);
}
.accordion-boxes-side .accordion-item:not(:first-of-type) {
    border-top: 1px solid rgb(26, 26, 26, 0.1);
}
.accordion-boxes-side .accordion-item.active {
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.08);
}
.follow-work-process {
    padding: 80px 0 60px;
}
/*=====================follow-tabs==========================*/
.follow-steps .tabs-block {
    display: flex;
    align-items: center;
    justify-content: center;
}
.follow-steps .tabs {
    display: flex;
}
.follow-steps .tabs .entry-content h3 {
    margin-bottom: 20px;
}
.follow-steps .tabs>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-width: 397px;
    padding-right: 50px;
}
.follow-steps .tabs>ul li {
    display: block;
    margin-bottom: 20px;
}
.follow-steps .tabs>ul li:last-child {
    margin-bottom: 0;
}
.follow-steps .tabs>ul li a,
.follow-steps .tabs>ul li a:visited {
    display: flex;
    border-bottom: none;
    text-decoration: none;
    background-color: var(--white);
    color: var(--text-color);
    padding: 20px 25px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    align-items: center;
}
.follow-steps .tabs>ul li a:hover,
.follow-steps .tabs>ul li a:focus,
.follow-steps .tabs>ul li a:active {
    border-bottom: none;
    outline: 0;
}
.follow-steps .tabs>ul li a.active {
    background-color: var(--primary-color);
    color: var(--white);
}
.follow-steps .tabs>ul li a:hover:not(.active) {
    color: var(--dark-black);
}
.follow-steps .tabs>ul li a>span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}
.follow-steps .tabs>ul li a>span svg {
    width: 50px;
    height: 50px;
}
.follow-steps .tab-link span svg path {
    fill: var(--text-color);
}
.follow-steps .tab-link.active span svg path {
    fill: var(--white);
}
.follow-steps .tabs>ul li a>span.tab-label {
    display: none;
    font-size: 18px;
    /* font-family: 'Medium'; */
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
}
.follow-steps .tabs section {
    width: 85%;
    background-color: #fff;
    padding: 1rem;
    display: none;
    word-wrap: break-word;
}
.follow-steps .tabs section>* {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.2s, transform 0.2s;
}
.follow-steps .tabs section>*:nth-child(1) {
    transition-delay: 0.2s;
}
.follow-steps .tabs section>*:nth-child(2) {
    transition-delay: 0.3s;
}
.follow-steps .tabs section>*:nth-child(3) {
    transition-delay: 0.4s;
}
.follow-steps .tabs section>*:nth-child(4) {
    transition-delay: 0.5s;
}
.follow-steps .tabs section>*:nth-child(5) {
    transition-delay: 0.6s;
}
.follow-steps .tabs section>*:nth-child(6) {
    transition-delay: 0.7s;
}
.follow-steps .tabs section>*:nth-child(7) {
    transition-delay: 0.8s;
}
.follow-steps .tabs section>*:nth-child(8) {
    transition-delay: 0.9s;
}
.follow-steps .tabs section>*:nth-child(9) {
    transition-delay: 1s;
}
.follow-steps .tabs section>*:nth-child(10) {
    transition-delay: 1.1s;
}
.follow-steps .tabs section>*:nth-child(11) {
    transition-delay: 1.2s;
}
.follow-steps .tabs section>*:nth-child(12) {
    transition-delay: 1.3s;
}
.follow-steps .tabs section>*:nth-child(13) {
    transition-delay: 1.4s;
}
.follow-steps .tabs section>*:nth-child(14) {
    transition-delay: 1.5s;
}
.follow-steps .tabs section>*:nth-child(15) {
    transition-delay: 1.6s;
}
.follow-steps .tabs section>*:nth-child(16) {
    transition-delay: 1.7s;
}
.follow-steps .tabs section>*:nth-child(17) {
    transition-delay: 1.8s;
}
.follow-steps .tabs section>*:nth-child(18) {
    transition-delay: 1.9s;
}
.follow-steps .tabs section>*:nth-child(19) {
    transition-delay: 2s;
}
.follow-steps .tabs section>*:nth-child(20) {
    transition-delay: 2.1s;
}
.follow-steps .tabs section.active {
    display: block;
}
.follow-steps .tabs section.active-content>* {
    opacity: 1;
    transform: translateY(0);
}
.center-img {
    text-align: center;
}
.center-img img {
    margin-top: 50px;
}
.center-img img {
    max-height: 372px;
}
/*=================thankyou-section-page======================*/
.service-background.thankyou-section-page {
    height: 87px !important;
    padding-top: 0 !important;
}
.thankyou-content {
    padding: 90px 0;
    text-align: center;
    background-image: url(../img/thank-you.png);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    height: calc(100vh - 100px);
}
.thankyou-content .container {
    height: 100%;
}
.thankyou-content::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.thanks-para {
    position: relative;
    z-index: 1;
    margin: auto;
    text-align: center;
    max-width: 980px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.thanks-para p {
    margin-bottom: 30px;
    color: var(--white);
    font-size: var(--font-20);
    line-height: 36px;
}
.thanks-para h1 {
    /* font-family: 'Medium'; */
    font-family: "Poppins", sans-serif;
    position: relative;
    color: var(--primary-color);
    margin-bottom: 20px;
}
.thanks-para .btn-all {
    border: 1px solid var(--white);
    color: var(--white);
}
/*================Our-team===================*/
.header-section.header-comman-height {
    min-height: 100%;
    height: 100%;
}
.itxitpro-team {
    width: 100%;
    height: 654px;
    background-image: url(../img/our-team.png);
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 133px 0 70px;
}
.itxitpro-team .container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.team-content {
    text-align: center;
}
.team-content h1 {
    color: var(--white);
    text-transform: uppercase;
}
.team-content h1 span {
    color: var(--primary-color);
}
.team-content .white-btn {
    background-color: var(--white);
    color: var(--primary-color);
    border: 0;
    margin-top: 30px;
}
.team-content .white-btn:hover {
    color: var(--white);
}
/*============Life-in-itxitpro==================*/
.life-in-itxitpro {
    padding: 80px 0 0;
}
.life-in-itxitpro h2>span {
    text-transform: uppercase;
    color: var(--secondary-color);
    /* font-family: 'medium'; */
    font-family: "Poppins", sans-serif;
}
.life-in-itxitpro h2>span>span {
    color: var(--primary-color);
}
.life-in-itxitpro .heading-title {
    margin-bottom: 60px;
}
.life-in-itxitpro .heading-title p {
    margin-top: 20px;
}
.col-row {
    margin-left: 0;
    margin-right: 0;
}
.col-pad {
    padding: 0;
}
.gallery-box {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}
.gallery-box figure {
    position: relative;
    overflow: hidden;
    max-width: 788px;
    max-height: 450px;
    width: 100%;
    background: #f9f9f9;
    text-align: center;
    margin: 0;
}
.gallery-box .figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
}
.event-text {
    top: 20px;
    background-color: transparent;
    position: absolute;
    right: 0;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.event-text h6 {
    text-align: right;
    color: var(--white);
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    opacity: 1;
    display: block;
    padding: 10px 5px;
    position: relative;
    background-color: var(--primary-color);
    letter-spacing: 1px;
}
.event-text h6::before {
    content: "";
    background-image: url(../img/Frame.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    position: absolute;
    right: 0;
    left: -39px;
    top: 0;
    bottom: 0;
    z-index: 0;
    display: block;
    height: auto;
    width: 40px;
}
/*=================culture-content=================*/
.culture-content {
    padding: 80px 0 0;
}
.culture-box {
    padding-right: 130px;
}
.culture-box h2 {
    margin-bottom: 20px;
    font-size: 32px;
}
.culture-box h2 span {
    color: var(--primary-color)
}
.culture-box P:not(:last-child) {
    margin-bottom: 16px;
}
.ceo-speech>p {
    border-left: 3px solid var(--primary-color);
    padding-left: 20px;
}
.ceo-profile {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.ceo-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 20px;
}
.ceo-name p {
    font-size: 14px;
}
/*============join-our-team========*/
.join-our-team{
    padding-top: 80px;
}
/*============join-itxitpro-section========*/
.join-itxitpro-section {
    padding: 80px 0 60px;
}
.join-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.blog-content-tab-box ul li, .blog-content-tab-box ol li {
    margin-bottom: 10px;
    color: var(--light-black);
    font-size: var(--font-16);
    line-height: 32px;
    text-align: justify;
}
.join-app {
    padding-right: 50px;
    width: 550px;
    max-width: 100%;
}
.join-itxitpro-content h2 {
    max-width: 300px;
    margin-bottom: 20px;
}
.join-itxitpro-content h2>span {
    text-transform: uppercase;
    /* font-family: 'medium'; */
    font-family: "Poppins", sans-serif;
}
.join-itxitpro-content h2>span>span {
    color: var(--primary-color);
}
.join-itxitpro-content p:not(:last-child) {
    margin-bottom: 16px;
}
.join-itxitpro-content .btn-all {
    margin-top: 30px;
}
.join-image-grid {
    width: 55%;
    max-width: 100%;
}
.display-flex-wrap {
    display: flex;
    flex-wrap: nowrap;
    /* align-items: center; */
}
.img-wrap {
    width: 45%;
    max-width: 100%;
}
.img-wrap figure {
    margin: 0;
}
.img-wrap img {
    width: 100%;
}
.img-wrap+.img-wrap {
    margin-left: 12px;
}
.img-wrap-inner {
    width: calc(100% - 7px);
}
.x-gap .img-wrap-inner:not(:last-child) {
    margin-bottom: 12px;
}
/*==============team-page=================*/
.itxitpro-team.team-background {
    background-image: url(../img/team-pack.png);
}
.our-team-leaders {
    display: flex;
    gap: 50px 40px;
    flex-wrap: wrap;
    justify-content: center;
}
.team-member {
    width: 250px;
    text-align: center;
}
.round-circle {
    width: 250px;
    height: 250px;
    padding: 2px;
    border: 1px solid var(--secondary-color);
    border-radius: 50%;
    margin-bottom: 8px;
}
.round-none.round-circle {
    border: none;
    padding: 0;
}
.round-circle img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    filter: grayscale(1);
}
.team-member:hover .round-circle img {
    filter: unset;
}
.team-member h5 {
    font-size: 18px;
}
.team-member p {
    font-size: 14px;
    line-height: 20px;
}
.team-member .round-circle~p {
    color: var(--primary-color);
}
.team-member .round-none.round-circle~p {
    color: var(--text-color);
}
.team-social-name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 9px;
}
.linkedin-link a img {
    width: 20px;
}
.team-flag {
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.country-team h5 {
    font-size: var(--font-14);
    color: var(--text-color);
    text-transform: uppercase;
    font-style: italic;
}
.line-separater-wrapper {
    padding: 0 17.5px;
}
.line-separater {
    width: 1px;
    height: 25px;
    background: #bbb;
}
.linkedin-link a {
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*========blog-section=============*/
.blog-background {
    background-image: url(../img/our-blogs.jpg);
    height: 500px
}
.our-blogs-list {
    padding: 60px 0 20px;
}
.blog-list-content img {
    border-radius: 12px;
    height: 240px;
    width: 100%;
    object-fit: fill;
}
.blog-list-content a {
    text-decoration: none;
    display: block;
}
.blog-list-content span {
    font-size: var(--font-13);
    color: var(--dark-black);
    display: block;
    margin-top: 15px;
}
.blog-list-content span svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.blog-list-content span svg path {
    fill: var(--dark-black);
}
.blog-list-content h4 {
    margin-top: 15px;
    color: var(--dark-black);
}
.blog-list-content h4:hover {
    color: var(--secondary-color);
}
.blog-list-content p {
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.our-blogs-list .col-md-4 {
    margin-bottom: 40px;
}
.our-blogs-list .easy-wp-page-navigation {
    text-align: center !important;
}
.our-blogs-list .easy-wp-page-navigation ul {
    margin: 0;
    padding: 0;
}
/*================page-not-found-section=================*/
.page-not-found-section {
    width: 100%;
    min-height: 100vh;
    display: flex;
    place-items: center;
}
.page-not-found-section .container {
    width: 100%;
    height: 100%;
}
.error-section {
    text-align: center;
}
.error-section h4 {
    margin-top: 50px;
}
.error-section p {
    margin-top: 20px;
}
.error-section .btn-all {
    margin-top: 20px;
}
/*=======Woocommerce===================*/
.woo-padding {
    padding-bottom: 0;
}
/*================case-stuies-details=============*/
.case-stuies-result {
    margin-top: 40px;
}
.case-stuies-result .case-studies-box {
    padding: 32px 20px;
    border: none;
    text-align: center;
    height: 100%;
    margin-bottom: 0;
}
.case-stuies-result .case-studies-box svg {
    margin-bottom: 30px;
}
.case-stuies-result .case-content h4 {
    font-size: var(--font-32);
    color: var(--primary-color);
    margin-bottom: 5px;
}
.case-stuies-result .case-content h5,
.case-stuies-result .case-content h4 {
    /* font-family: 'Medium'; */
    font-family: "Poppins", sans-serif;
}
.case-stuies-result .case-content p,
.case-studies-details .accordion-item p {
    font-size: var(--font-16);
    margin-bottom: 0;
    line-height: 26px;
}
.case-studies-details .accordion-boxes-side {
    padding-left: 0px;
}
.case-studies-details .accordion-boxes-side .accordion-item a {
    text-decoration: none;
}
.case-studies-details .accordion-item.active a {
    color: var(--primary-color);
}
.case-studies-details .accordion-item span {
    color: var(--primary-color);
    margin-right: 5px;
}
.case-studies-details .blog-content-tab-box ul li::marker {
    color: var(--primary-color);
}
.case-studies-details .blog-content-tab-box ul li b, .case-studies-details .blog-content-tab-box ol li b, .case-studies-details .blog-content-tab-box p b,
.case-studies-details .blog-content-tab-box p strong {
    color: var(--dark-black);
    font-weight: 600;
}
.case-studies-details .blog-content-tab-box img {
    width: auto;
    margin-bottom: 0;
}
/*=========Staff-page===============*/
.staff-content-left {
    text-align: left;
}
.sub-services-content h5 {
    margin-bottom: 15px;
}
.staff-content-left ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 15px;
}
.staff-content-left ul li {
    margin-bottom: 6px;
    color: var(--text-color);
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    padding-left: 30px;
    position: relative;
}
.staff-content-left ul li:last-child {
    margin-bottom: 0;
}
.staff-content-left ul li::before {
    position: absolute;
    content: url(../img/staff-list-icon.svg);
    left: 0;
    top: 3px;
}
.staff-content-left .st-gap-bootom:not(:last-child) {
    margin-bottom: 15px;
}
.staff-content-left h6 {
    margin-bottom: 6px;
}
/*==============extra-menu-changes====================================*/
.right-side-menu-hide.extra-menu-changes {
    padding: 0;
}
.extra-menu-changes .row {
    margin-left: 0;
    margin-right: 0;
    height: 100%;
}
.extra-menu-changes .col-md-4 {
    padding: 0;
}
.extra-menu-changes .img-div img {
    width: 100%;
    object-fit: cover;
    height: 349px;
}
/*==================expertise-slider==================*/
.slider-row {
    margin-top: 70px;
}
.expertise-slider {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 15px;
}
.expertise-slider h4 {
    color: var(--white);
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-size: var(--font-20);
}
.expertise-slider h4 span {
    font-size: 28px;
    color: var(--primary-color);
}
.expertise-slider img {
    border-radius: 3px;
}
.expertise-slider p {
    color: var(--white);
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    margin-top: 15px;
    letter-spacing: 0.5px;
}
.slider-row .slick-slider {
    overflow: hidden;
}
.slider-row .col-md-4 {
    padding: 0 15px;
}
/*=============Captcha-css==================*/
.captcha-flex {
    display: flex;
}
.captcha-flex img {
    height: 48px !important;
}
.label-hide label {
    display: none;
}
.cap-img img {
    height: 48px !important;
}
/*===============about-color=============*/
.about-color h2>span {
    text-transform: uppercase;
    /* font-family: 'medium'; */
    font-family: "Poppins", sans-serif;
}
.about-color h2>span>span {
    color: var(--primary-color);
}
/*=========why-itxitpro-best===================*/
.why-itxitpro-best {
    padding: 60px 0;
}
.best-content {
    max-width: 961px;
    margin: 0 auto;
    margin-bottom: 60px;
    text-align: center;
    position: relative;
}
.best-content h2 {
    margin-bottom: 40px;
}
.best-content h2>span {
    text-transform: uppercase;
    /* font-family: 'medium'; */
    font-family: "Poppins", sans-serif;
}
.best-content h2>span>span {
    color: var(--primary-color);
}
.best-content h2 span:last-child {
    color: var(--primary-color);
}
.best-content h2::after {
    content: inherit;
}
.slider-row.itxitpro-slider {
    margin-top: 60px;
}
.itxitpro-slider .expertise-slider {
    border-top: 1px solid rgba(26, 26, 26, 0.1);
}
.itxitpro-slider .expertise-slider h4 {
    color: var(--dark-black);
    letter-spacing: normal;
}
.itxitpro-slider .expertise-slider p {
    color: var(--text-color);
    letter-spacing: normal;
}
/*====================mobile-menu-fixed=============*/
.mobile-menu-fixed {
    background-color: var(--white);
    position: fixed;
    width: 100%;
    box-shadow: 0px 3px 10px #0000000e;
}
.mobile-menu-fixed #nav-toggle span,
.mobile-menu-fixed #nav-toggle span:before,
.mobile-menu-fixed #nav-toggle span:after {
    background-color: var(--dark-black);
}
.mobile-menu-fixed .logo-white {
    display: none;
}
.mobile-menu-fixed .logo-blue {
    display: block;
}
.mobile-menu-fixed .logo-blue img {
    width: 118px;
}
.mobile-menu-fixed #nav-toggle.active span {
    background-color: transparent;
}
.mobile-menu #nav-toggle svg{
    width: 26px;
}
.mobile-menu.mobile-menu-fixed.overlay-open .on-tab #nav-toggle svg{
    width: 18px;
    filter: contrast(0.5);
}
.mobile-menu.overlay-open .on-tab #nav-toggle svg{
    width: 18px;
    filter: contrast(0.5);
}
.mobile-menu.mobile-menu-fixed.overlay-open #nav-toggle svg{
    width: 18px;
    filter: contrast(0.5);
}
.mobile-menu.mobile-menu-fixed #nav-toggle svg{
    filter: invert(1);
}
/*============popup-form==============*/
.it-popup.modal {
    background: rgba(0, 0, 0, 0.7);
}
.it-popup .modal-body {
    padding: 0
}
.it-popup .contact-form h2 {
    color: var(--white);
    font-size: 40px;
    margin-bottom: 10px;
    text-align: center;
}
.it-popup .contact-form h5 {
    color: var(--white);
    margin-bottom: 50px;
    text-align: center;
}
.it-popup .contact-form {
    background-color: var(--dark-black);
    padding: 50px;
    padding-top: 70px;
}
.it-popup img {
    width: 100%;
    height: 100%;
}
.it-popup .btn-close {
    background: none;
    position: absolute;
    right: 30px;
    color: #fff;
    z-index: 5;
    top: 15px;
}
.it-popup .btn-close svg {
    width: 20px;
    height: 20px;
}
.it-popup .btn-close svg path {
    fill: var(--white);
}
.it-popup .modal-content {
    border: none;
    box-shadow: 0px 2px 13px #0093dd1c;
    border-radius: 0;
}
.popup-form .contact-form textarea {
    min-height: 150px;
}
.header-section a.nav-bar.btn-all {
    cursor: pointer;
}
form .error {
    color: red;
    font-size: var(--font-14);
    margin-bottom: 6px;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
}
/*================company-info-contact======================*/
.company-info-contact {
    padding: 60px 0 40px;
    background-image: linear-gradient(to top, #ffffff00, #ffffff00), url(../img/map-box.jpg);
    background-position: top center;
    background-size: cover;
    position: relative;
}
.company-info-details {
    max-width: 522px;
}
.company-info-details h2 {
    font-size: 40px;
    margin-bottom: 15px;
}
.company-info-details p {
    margin-bottom: 15px;
}
.detail-icon-info {
    margin-top: 50px;
}
.detail-icon-info img {
    height: 80px;
    margin-bottom: 20px;
}
.detail-icon-info h5 {
    margin-bottom: 5px;
}
.detail-icon-info p a,
.detail-icon-info p {
    text-decoration: none;
    color: #f26419;
    font-size: 18px;
}
/*===================breadcrumb====================*/
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 0rem;
    margin-bottom: 0rem;
    list-style: none;
    background-color: transparent;
    position: relative;
    z-index: 2;
    justify-content: center;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}
.breadcrumb-item {
    display: flex;
    align-items: center;
    list-style-type: none;
}
.breadcrumb-item a {
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    text-decoration: none;
    /* font-family: 'Light'; */
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
}
.breadcrumb-item a:hover {
    color: rgba(242, 100, 25, 0.5);
}
.breadcrumb-item a.active {
    color: rgba(242, 100, 25, 0.5);
}
.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    color: rgba(255, 255, 255, 0.3);
    content: ">";
}
.breadcrumb-bottom .breadcrumb {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
}
.hyfun {white-space: pre;}
a.inline-a{
    color: var(--primary-color);
}
a.inline-a:hover{
    color: var(--primary-color);
}
/* --------------------------other css-------------------------------  */
.Industries-image div h6, .Industries-image div .industries-h {
    position: absolute;
    width: 100%;
    top: 50%;
    color: #fff;
    text-align: center;
    font-size: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tools-box h6, .tools-box .h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}