.roboto-black, .roboto-bold, .roboto-light, .roboto-medium, .roboto-regular, .roboto-thin {
    font-family: Roboto, sans-serif;
    font-style: normal;
}
li, nav ul, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bg-img-career::before, .bg-img::before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.bg-img-career::before, .bg-img::before, .bg-wires::before {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(50%);
}
#successMessage, input, textarea {
    padding-left: 10px;
}
.roboto-thin {
    font-weight: 100;
}
.roboto-light {
    font-weight: 300;
}
.roboto-regular {
    font-weight: 400;
}
.roboto-medium {
    font-weight: 500;
}
.roboto-bold {
    font-weight: 700;
}
.roboto-black {
    font-weight: 900;
}
.roboto-black-italic, .roboto-bold-italic, .roboto-light-italic, .roboto-medium-italic, .roboto-regular-italic, .roboto-thin-italic {
    font-family: Roboto, sans-serif;
    font-style: italic;
}
.roboto-thin-italic {
    font-weight: 100;
}
.roboto-light-italic {
    font-weight: 300;
}
.roboto-regular-italic {
    font-weight: 400;
}
.roboto-medium-italic {
    font-weight: 500;
}
.roboto-bold-italic {
    font-weight: 700;
}
.roboto-black-italic {
    font-weight: 900;
}
:root {
    --ff-brand: "Roboto", sans-serif;
    --ff-heading: "Roboto", sans-serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --clr-light-blue: #4577F7;
    --clr-dark-blue: #3D4EF7;
    --clr-purple: #C423D3;
    --clr-black: #000000;
    --clr-white: #ffffff;
    --container-inline-padding: 80px;
    --container-padding-block: 60px;
}
@media (max-width:2700px) {
    :root {
    --container-padding-inline: 150px;
    --container-padding-block: 100px;
}
}@media (max-width:1470px) {
    :root {
    --container-padding-inline: 65px;
    --container-padding-block: 100px;
}
}@media (max-width:1175px) {
    :root {
    --container-padding-inline: 45px;
    --container-padding-block: 40px;
}
}@media (max-width:768px) {
    :root {
    --container-padding-inline: 60px;
    --container-padding-block: 40px;
}
}@media (max-width:600px) {
    :root {
    --container-padding-inline: 20px;
    --container-padding-block: 30px;
}
}*, ::after, ::before {
    box-sizing: border-box;
    margin: 0;
    scroll-behavior: smooth;
}
.container{
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--container-padding-inline);
    padding-block: var(--container-padding-block);
}
body {
    font-family: var(--ff-brand);
    font-weight: var(--fw-regular);
    font-size: 1rem;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
}
canvas, img, picture, svg, video {
    display: block;
    max-width: 100%}
button, input, select, textarea {
    font: inherit;
}
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5 {
    font-family: var(--ff-heading);
    font-weight: var(--fw-bold);
    line-height: 1.2;
    color: var(--clr-black-body);
}
h1, h2, h3, h4, h5, h6, p {
    overflow-wrap: break-word;
}
button {
    border: 0;
    background-color: transparent;
    cursor: pointer;
}
h1 {
    font-size: clamp(2.5rem,  2vw,  3rem);
}
h2 {
    font-size: clamp(2rem,  2vw,  3rem);
    font-weight: 400 !important;
}
h3 {
    font-size: clamp(1rem,  1vw,  1.2rem);
    font-weight: 500 !important;
}
h4 {
    font-size: clamp(1.2rem,  1.2vw,  2.6rem);
}
h5 {
    font-size: clamp(.9rem,  1vw,  2rem);
}
.para {
    font-family: var(--ff-brand);
    color: var(--clr-black-body);
    font-weight: var(--fw-regular);
    font-size: clamp(.6rem,  1.5vw,  1.5rem);
}
.center {
    text-align: center;
}
.left-align {
    text-align: left;
}
.navigation {
    position: fixed;
    height: 55px;
    z-index: 2;
    transition: background-color .3s;
}
.brand, nav ul li {
    position: relative;
    margin-right: 10px;
}
.brand {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.nav-mobile, .navbar-dropdown {
    position: absolute;
    display: none;
}
.nav-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
nav ul li {
    float: left;
}
nav ul li a, nav ul li a:visited {
    display: flex;
    white-space: nowrap;
    padding: 10px 20px;
    text-decoration: none;
}
@media(min-width:1100px) and (max-width:1300px) {
    nav ul li a, nav ul li a:visited {
    padding: 10px;
}
}nav ul li a {
    background: 0 0;
    color: #fff;
    font-size: 18px;
}
nav ul li a:hover, nav ul li a:visited:hover {
    border-radius: 6px;
    background: #EFF6FF;
    color: #1758b8;
}
.navbar-dropdown li a {
    background: #1758b8;
    width: 290px;
}
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
    content: ' \025BE'}
nav ul li ul li {
    min-width: 190px;
}
nav ul li ul li a {
    padding: 15px;
    line-height: 20px;
}
.navbar-dropdown {
    z-index: 2;
    background-color: #1758b8;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .25);
    white-space: nowrap;
}
.nav-mobile {
    top: 0;
    right: 0;
    background: 0 0;
    height: 55px;
    width: 70px;
}
@media only screen and (max-width:1099px) {
    .nav-mobile {
    display: block;
}
.brand, nav ul li {
    position: relative;
    margin-inline: 10px;
}
nav {
    width: 100%;
    padding: 55px 0 15px;
}
nav ul {
    display: none;
}
nav ul li {
    float: none;
}
nav ul li a {
    padding: 15px;
    line-height: 20px;
    background: #1758b8;
}
nav ul li ul li a {
    padding-left: 30px;
}
.navbar-dropdown {
    position: static;
}
}@media screen and (min-width:1100px) {
    .nav-list {
    display: block!important;
}
}#navbar-toggle {
    position: absolute;
    left: 18px;
    top: 15px;
    cursor: pointer;
    padding: 10px 35px 16px 0;
}
#navbar-toggle span, #navbar-toggle span:after, #navbar-toggle span:before {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 30px;
    background: #fff;
    position: absolute;
    display: block;
    content: '';
    transition: .3s ease-in-out;
}
#navbar-toggle.active span, .landing-button:hover, .navigation.transparent {
    background-color: transparent;
}
#navbar-toggle span:before {
    top: -10px;
}
#navbar-toggle span:after {
    bottom: -10px;
}
#navbar-toggle.active span:after, #navbar-toggle.active span:before {
    top: 0;
}
#navbar-toggle.active span:before {
    transform: rotate(45deg);
}
#navbar-toggle.active span:after {
    transform: rotate(-45deg);
}
.landing-section {
    overflow: hidden;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.first-landing-section, .landing-section-others {
    align-items: center;
    text-align: center;
    color: #fff;
    display: flex;
    overflow: hidden;
}
.landing-section-others {
    padding-block: 50px;
    justify-content: center;
}
.first-landing-section {
    padding-top: 150px;
    padding-bottom: 150px;
    justify-content: center;
}
.first-landing-section-privacy {
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 150px;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: center;
    color: #fff;
}
.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.landing-content {
    position: relative;
    z-index: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.landing-button, .landing-button:hover {
    padding-inline: 20px;
    width: max-content;
    padding-block: 15px;
    font-weight: 500;
}
.nowrap {
    display: flex;
    flex-wrap: nowrap;
}
.landing-button {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #1758b8;
    box-shadow: 0 0 10px rgba(23, 88, 184, .5);
}
.landing-button:hover {
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    box-shadow: 0 0 10px rgba(23, 88, 184, .5);
}
.bg-strip-blue, .navigation.black, .submit-button {
    background-color: #1758b8;
}
.submit-button, .submit-button:hover {
    padding-block: 10px;
    padding-inline: 25px;
    box-shadow: 0 0 10px rgba(23, 88, 184, .5);
}
.footer-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    align-items: flex-start;
    color: #fff;
}
.footer-link-contact {
    display: grid;
    grid-template-columns: 25px 350px;
    align-items: center;
    gap: 10px;
    align-items: flex-start;
    color: #9CA3AF;
}
.footer-main-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    margin-bottom: 40px;
}
.footer-main-grid-child {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-main-grid-child img{
    width: 200px;
}
.footer-svg, .strip-button:hover svg path {
    fill: #ffffff;
}
.links-flex {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.footer-link:hover {
    color: #1758b8;
}
.logo-nav {
    color: #fff;
    font-weight: 500;
    font-size: 25px;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
}
.logo-nav img{
    width: 200px !important;
}
.landing-value-para {
    text-align: left;
    font-size: clamp(18px,  1vw,  30px);
}
#typingEffect {
    white-space: nowrap;
    overflow: hidden;
    animation: 5s steps(30) infinite alternate typewriter, 1.6s steps(25) infinite blink;
    border-right: 5px solid #1758b8;
}
@keyframes typewriter {
    from {
    width: 0%}
to {
    width: 40%}
}@keyframes blink {
    from {
    border-color: #1758b8;
}
to {
    border-color: transparent;
}
}@media(max-width:900px) {
    .footer-main-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.logo-nav {
    align-items: flex-start;
}
.landing-content {
    align-items: center;
}
.landing-value-para {
    text-align: center;
}
@keyframes typewriter {
    from {
    width: 0%}
to {
    width: 100%}
}}.center-align-nav {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: end;
}
@media(min-width:1100px) {
    .brand {
    align-items: center;
}
.nav-container {
    margin-top: -10px;
}
}.form-col-flex-parent {
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 700px;
}
.form-col-flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.form-col-flex1 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: left;
}
.required-star {
    color: red;
}
.field-warning {
    color: red;
    font-size: 13px;
    padding-top: 4px;
    text-align: left;
}
.submit-button {
    border-radius: 30px;
    color: #fff;
    border: 1px solid #1758b8;
}
.bg-grey, .submit-button:hover {
    background-color: #fff;
}
.submit-button:hover {
    border-radius: 30px;
    color: #1758b8;
    border: 1px solid #1758b8;
}
.contact-form-parent, .select-field, input, textarea {
    border: 1px solid #ccc;
}
.input-width, .select-field {
    width: 100%!important;
}
.form-col-flex1 label {
    font-weight: 500;
}
.select-field, input {
    height: 35px;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px;
    color: #000;
}
.intl-tel-input {
    position: relative;
    display: flex!important;
}
.intl-tel-input .country-list .country, .intl-tel-input .country-list .country .dial-code {
    color: #000;
}
.contact-form-parent {
    padding: 50px;
    box-shadow: 0 0 10px rgba(23, 88, 184, .3);
}
.landing-main-heading {
    color: #fff;
}
.AI-bg-img, .AI-bg-img2, .AI-bg-img3, .AI-bg-img4, .AI-bg-img5, .AI-bg-img6, .automation-image-1, .automation-image-2, .automation-image-3, .automation-image-4, .automation-image-5, .automation-image-6, .bg-img, .bg-img-career, .bg-wires, .business-image-1, .business-image-2, .business-image-3, .business-image-4, .business-image-5, .cto-image-1, .cto-image-2, .cto-image-3, .cto-image-4, .cto-image-5, .cyber-image-1, .cyber-image-2, .cyber-image-3, .cyber-image-4, .enterprise-image-1, .enterprise-image-2, .enterprise-image-3, .enterprise-image-4, .marketing-image-1, .marketing-image-2, .marketing-image-3, .marketing-image-4, .marketing-image-5, .marketing-image-6, .marketing-image-7, .marketing-image-8, .our-bg-img, .our-bg-img2, .product-image-1, .product-image-2, .product-image-3, .product-image-4, .product-image-5, .staffing-image-1, .staffing-image-2, .staffing-image-3, .stratergy-image-1, .stratergy-image-2, .stratergy-image-3, .stratergy-image-4, .stratergy-image-5, .stratergy-image-6 {
    position: relative;
    overflow: hidden;
}
.bg-img::before {
    position: absolute;
    background-image: url('/assets/images/contact-us-5.webp');
}
.bg-img-career::before {
    position: absolute;
    background-image: url('/assets/images/hiring.jpg');
}
.bg-wires::before {
    position: absolute;
    background-image: url('/assets/images/bg-wires.webp');
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.AI-bg-img2::before, .AI-bg-img3::before, .AI-bg-img4::before, .AI-bg-img5::before, .AI-bg-img6::before, .AI-bg-img::before, .cyber-image-1::before, .our-bg-img2::before, .our-bg-img::before {
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
}
.AI-bg-img::before, .our-bg-img::before {
    background-image: url('/assets/images/team-work.webp');
}
.AI-bg-img2::before, .our-bg-img2::before {
    background-image: url('/assets/images/cloud-migration.webp');
}
.AI-bg-img3::before {
    background-image: url('/assets/images/nlp.png');
}
.AI-bg-img4::before {
    background-image: url('/assets/images//dataAI.png');
}
.AI-bg-img5::before {
    background-image: url('/assets/images/arti-5.webp');
}
.AI-bg-img6::before {
    background-image: url('/assets/images/ai6.png');
}
.cyber-image-1::before {
    background-image: url('/assets/images/cyber1.webp');
}
.cyber-image-2::before {
    position: absolute;
    background-size: cover;
    background-image: url('/assets/images/cyber2.webp');
    background-position: top;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.cyber-image-3::before, .cyber-image-4::before, .marketing-image-1::before {
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
}
.cyber-image-3::before {
    background-image: url('/assets/images/cyber3.webp');
}
.cyber-image-4::before {
    background-image: url('/assets/images/cyber4.webp');
}
.marketing-image-1::before {
    background-image: url('/assets/images/marketing1.webp');
}
.marketing-image-2::before {
    position: absolute;
    background-size: cover;
    background-image: url('/assets/images/marketing2.webp');
    background-position: top;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.cto-image-5::before, .marketing-image-3::before, .marketing-image-4::before, .marketing-image-5::before, .marketing-image-6::before, .marketing-image-7::before, .marketing-image-8::before, .product-image-1::before, .stratergy-image-1::before {
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
}
.marketing-image-3::before {
    background-image: url('/assets/images/marketing3.webp');
}
.marketing-image-4::before {
    background-image: url('/assets/images/marketing4.webp');
}
.marketing-image-5::before {
    background-image: url('/assets/images/marketing5.webp');
}
.marketing-image-6::before {
    background-image: url('/assets/images/marketing6.webp');
}
.marketing-image-7::before {
    background-image: url('/assets/images/marketing7.webp');
}
.marketing-image-8::before {
    background-image: url('/assets/images/marketing8.webp');
}
.cto-image-5::before, .product-image-1::before, .stratergy-image-1::before {
    background-image: url('/assets/images/consultation.webp');
}
.stratergy-image-2::before {
    position: absolute;
    background-size: cover;
    background-image: url('/assets/images/strategy2.webp');
    background-position: top;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.cto-image-1::before, .cto-image-2::before, .cto-image-3::before, .cto-image-4::before, .product-image-2::before, .product-image-3::before, .stratergy-image-3::before, .stratergy-image-4::before, .stratergy-image-5::before, .stratergy-image-6::before {
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
}
.stratergy-image-3::before {
    background-image: url('/assets/images/strategy3.webp');
}
.stratergy-image-4::before {
    background-image: url('/assets/images/strategy4.webp');
}
.stratergy-image-5::before {
    background-image: url('/assets/images/strategy5.webp');
}
.stratergy-image-6::before {
    background-image: url('/assets/images/strategy6.webp');
}
.cto-image-1::before {
    background-image: url('/assets/images/cto1.webp');
}
.cto-image-2::before {
    background-image: url('/assets/images/cto2.webp');
}
.cto-image-3::before {
    background-image: url('/assets/images/cto3.webp');
}
.cto-image-4::before {
    background-image: url('/assets/images/team-work.webp');
}
.product-image-2::before {
    background-image: url('/assets/images/design\ and\ develop.webp');
}
.product-image-3::before {
    background-image: url('/assets/images/quality-assurance.png');
}
.product-image-4::before {
    position: absolute;
    background-size: cover;
    background-image: url('/assets/images/devops-continious-integration.webp');
    background-position: top;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.automation-image-1::before, .automation-image-2::before, .automation-image-3::before, .product-image-5::before {
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
}
.product-image-5::before {
    background-image: url('/assets/images/scaleup.webp');
}
.automation-image-1::before {
    background-image: url('/assets/images/functionaltesting.png');
}
.automation-image-2::before {
    background-image: url('/assets/images/performancetesting.webp');
}
.automation-image-3::before {
    background-image: url('/assets/images/regression.png');
}
.automation-image-4::before {
    position: absolute;
    background-size: cover;
    background-image: url('/assets/images/securityTesting.webp');
    background-position: top;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.automation-image-5::before, .automation-image-6::before, .enterprise-image-1::before, .enterprise-image-2::before, .enterprise-image-3::before {
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
}
.automation-image-5::before {
    background-image: url('/assets/images/apitesting.webp');
}
.automation-image-6::before {
    background-image: url('/assets/images/RPA.webp');
}
.enterprise-image-1::before {
    background-image: url('/assets/images/enterprise1.webp');
}
.enterprise-image-2::before {
    background-image: url('/assets/images/enterprise3.webp');
}
.enterprise-image-3::before {
    background-image: url('/assets/images/datatransform.webp');
}
.business-image-4::before, .enterprise-image-4::before {
    position: absolute;
    background-size: cover;
    background-image: url('/assets/images/enterprise4.webp');
    background-position: top;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.business-image-1::before, .business-image-2::before, .business-image-3::before, .staffing-image-1::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}
.business-image-1::before {
    background-image: url('/assets/images/business-intelligence5.webp');
}
.business-image-2::before {
    background-image: url('/assets/images/business-intelligence2.webp');
}
.business-image-3::before {
    background-image: url('/assets/images/business-intelligence.webp');
}
.staffing-image-1::before {
    background-image: url('/assets/images/permanent-staff.webp');
}
.staffing-image-2::before {
    position: absolute;
    background-size: cover;
    background-image: url('/assets/images/temperary-staff.webp');
    background-position: top;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.staffing-image-3::before {
    position: absolute;
    background-size: cover;
    background-image: url('/assets/images/RPO.webp');
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.business-image-5::before {
    position: absolute;
    background-size: cover;
    background-image: url('/assets/images/business-intelligence4.webp');
    background-position: top;
    background-repeat: no-repeat;
    filter: brightness(35%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.sec-2-contact {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    text-align: center;
    padding-top: 80px;
    width: 50%}
.main-heading-privacy, .space-between-parent-div-new {
    z-index: 1;
    text-align: left;
    color: #fff;
    position: relative;
}
.sec-2-contact-parent, .service-flex-image {
    display: flex;
    justify-content: center;
}
@media(max-width:860px) {
    .form-col-flex {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}
.form-col-flex-parent {
    width: 500px;
}
.sec-2-contact {
    width: 80%!important;
}
}@media(max-width:640px) {
    .form-col-flex-parent {
    width: 400px;
}
}@media(max-width:490px) {
    .form-col-flex-parent {
    width: 300px;
}
}@media(max-width:650px) {
    .contact-form-parent {
    padding: 25px!important;
}
}.contact-icon-parent {
    display: flex;
    flex-direction: row;
    gap: 50px;
    justify-content: center;
    align-items: center;
}
.circle-parent, .contact-icon-child {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
@media(max-width:673px) {
    .contact-icon-parent {
    flex-direction: column;
    gap: 20px;
}
}.space-between-parent-div-new {
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.bg-blue {
    background-color: #d3d3d3;
}
.section-padding-block {
    padding-block: var(--container-padding-block);
}
#successMessage {
    display: none;
    color: green;
    margin-bottom: 10px;
    width: 100%;
    justify-content: center;
}
.icons-flex {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.contact-icons-flex {
    display: grid;
    grid-template-columns: 0.07fr 1fr;
    gap: 5px;
    color: #fff;
}
.bull-para-parent, .contact-icons-parent {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.services-col2-grid {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    gap: 30px;
}
.services-main-image {
    border-radius: 30px;
    width: 100%}
.landing-services-button, .landing-services-button:hover {
    padding-inline: 20px;
    width: max-content;
    padding-block: 15px;
}
.services-main-image-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.landing-services-button {
    background-color: #1758b8;
    border: 1px solid #1758b8;
    border-radius: 30px;
    color: #fff;
    align-items: center;
    display: flex;
    flex-direction: row;
    font-weight: 500;
    box-shadow: 0 0 10px rgba(23, 88, 184, .5);
}
.landing-services-button:hover {
    background-color: #f6f6f3;
    border-radius: 30px;
    border: 1px solid #1758b8;
    color: #1758b8;
    font-weight: 500;
    box-shadow: 0 0 10px rgba(23, 88, 184, .5);
}
.strip-button, .strip-button:hover {
    padding-inline: 20px;
    width: max-content;
    padding-block: 10px;
    font-weight: 500;
    box-shadow: 0 0 10px rgba(23, 88, 184, .5);
}
.landing-services-button:hover svg path {
    fill: #1758b8;
}
.strip-button {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #1758b8;
    align-items: center;
    display: flex;
    flex-direction: row;
}
.strip-button:hover {
    background-color: #1758b8;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
}
.landing-section-services {
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: center;
    background-color: #fff;
    color: #000;
}
.landing-services-para {
    text-align: left;
    font-size: clamp(18px,  1vw,  30px);
    width: 80%}
.landing-services-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: left;
    justify-content: center;
}
.service-card, .service-card-grid2 {
    flex-direction: column;
    box-shadow: 0 0 10px rgba(23, 88, 184, .3);
}
.service-cards-grid4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.service-cards-grid3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.service-card {
    background-color: #f8f8f8;
    padding-inline: 15px;
    padding-block: 30px;
    display: flex;
    gap: 30px;
    justify-content: space-between;
}
.service-card-grid2 {
    background-color: #fff;
    padding: 45px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.section-parent {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.bull-para {
    display: flex;
    flex-direction: row;
    gap: 4px;
}
.our-service-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.services-provide-images {
    height: auto;
    width: auto;
}
.space-between-parent-div {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.accordian .content-box {
    position: relative;
    margin: 10px 0;
    border: 1px solid #f6f6f6;
    overflow: hidden;
    transition: height 1s ease-in-out, padding 1s ease-in-out;
}
.accordian .content-box .accordian-head:hover {
    background-color: #fff!important;
    border: 1px solid #f6f6f6;
}
.accordian .content-box .accordian-head {
    position: relative;
    padding: 20px;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    color: #fff;
    cursor: pointer;
}
.accordian .content-box .accordian-head:hover::before {
    background-color: #f6f6f6;
}
.accordian .content-box .accordian-head::before {
    content: '+';
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 25px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background-color: #f6f6f6;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    font-weight: 400;
    transition: 1s;
}
.accordian .content-box.active .accordian-head::before {
    content: '-';
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%) rotate(180deg);
    color: #fff;
    background-color: #1758b8;
}
.accordian .content-box .accordian-item {
    position: relative;
    height: 0;
    background-color: #fff;
    overflow: hidden;
    transition: height .5s;
}
.accordian .content-box.active .accordian-item {
    height: auto;
    padding: 0 20px 20px!important;
    font-size: medium;
}
.panel {
    display: none;
}
.accordian, .accordion {
    display: grid;
    grid-template-columns: 90% 10%;
    gap: 20px;
}
.active .panel {
    display: block;
}
.accordion {
    align-items: center;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: 0;
    transition: .4s;
    display: flex;
    justify-content: space-between;
    padding: 0!important;
}
.acc-card-child {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    background: #f6f6f6;
    padding: 30px;
    width: 75%}
.circle-div, .circle-div.front {
    background-color: #f8f8f8;
    text-align: center;
}
.accor-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.plus-image {
    width: 20px;
}
.strip-div {
    display: flex;
    flex-direction: row;
    gap: 30px;
    color: #fff;
    justify-content: center;
    align-items: center;
}
@media(max-width:1100px) {
    .services-col2-grid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.landing-section-services {
    justify-content: center;
}
.nowrap {
    text-align: center;
}
.landing-services-content {
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    align-items: center;
}
.landing-services-para {
    width: 50%;
    text-align: center;
}
.services-main-image {
    height: 400px;
    width: auto;
}
.our-service-grid, .service-cards-grid3, .service-cards-grid4 {
    gap: 10px;
}
.services-provide-images {
    height: auto;
}
.acc-card-child {
    width: 90%}
}@media(max-width:950px) {
    .service-cards-grid3, .service-cards-grid4 {
    grid-template-columns: 1fr 1fr;
}
.landing-services-para {
    width: 80%}
.our-service-grid {
    grid-template-columns: 1fr;
}
}@media(max-width:590px) {
    .landing-services-button, .landing-services-button:hover {
    padding-block: 10px;
    padding-inline: 15px;
}
.strip-div {
    flex-direction: column;
    gap: 15px;
}
.section-parent {
    gap: 30px;
}
}
@media(max-width:500px) {
    .footer-main-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
}
.service-cards-grid3, .service-cards-grid4 {
    grid-template-columns: 1fr;
}
.acc-card-child {
    width: 100%;
    padding: 15px;
}
.plus-image {
    width: 12px;
}
.accordion, .services-col2-grid {
    gap: 10px;
}
.strip-div {
    text-align: center;
}
.strip-button {
    padding-block: 5px;
    padding-inline: 10px;
}
.service-card-grid2 {
    padding-inline: 25px;
    padding-block: 35px;
}
.service-card {
    padding-block: 25px;
}
.landing-services-content {
    padding-top: 10px;
}
.landing-services-para {
    width: 100%}
.services-main-image {
    height: auto;
}
.landing-section-services {
    justify-content: center;
}
}.magnify {
    transition: transform .7s;
}
.magnify:hover {
    transform: scale(1.05);
}
.circle-div-container:hover .front, .circle-div.back {
    transform: rotateY(180deg);
}
.circle-div-container {
    position: relative;
    width: 350px;
    height: 150px;
    perspective: 1000px;
}
.circle-div {
    border-radius: 0;
    box-shadow: 2px 2px 10px rgba(23, 88, 184, .2);
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    transition: transform .6s;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}
.circle-div.back {
    background-color: #1758b8;
    color: #fff;
    text-align: center;
}
.circle-div-container:hover .back {
    transform: rotateY(360deg);
}
@media(max-width:768px) {
    .first-landing-section, .first-landing-section-privacy {
    padding-bottom: 50px;
}
.magnify {
    transition: none;
}
.circle-parent {
    flex-direction: column;
    gap: 20px;
}
.arrow {
    transform: rotate(90deg);
}
}.card-home {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 35px;
}
.card-home-child {
    border: 1px solid #d3d3d3;
    padding-inline: 20px;
    background-color: #fff;
    padding-block: 35px;
    gap: 30px;
    display: flex;
    transition: box-shadow .4s;
    flex-direction: column;
    border-radius: 10px;
}
.card-home-child:hover {
    box-shadow: 0 0 10px rgba(186, 192, 201, .5);
}
.card-home-child h3, .card-home-child p {
    line-height: 27px;
}
.home-icons {
    height: 70px;
    width: auto;
}
.img-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
}
.image-cntr-circle {
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 65px;
    position: absolute;
    bottom: -20px;
    background: #fff;
}
@media(max-width:1200px) {
    .card-home {
    gap: 15px;
}
}@media(max-width:900px) {
    .card-home {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}
.card-home-child {
    margin-bottom: 50px;
}
}@media(max-width:550px) {
    .card-home {
    display: grid;
    grid-template-columns: 1fr;
    gap: 35px;
}
}
.demo-btn a{
    color: #0F172A;
    display: flex;
    gap:10px;
}
.star{
    color: #EF4444;
}
.contact-sales-card-1{
    border-radius: 12px;
    border: 1px solid #FFF2C0;
    background: #FFF5EA;
    padding: 15px;
    width: 400px;
}
.contact-sales-card-2{
    border-radius: 12px;
    border: 1px solid #D3E1FF;
    background: #EFF5FF;
    padding: 15px;
    width: 400px;
}
.contact-sales-card-3{
    border-radius: 12px;
    border: 1px solid #C4FFDA;
    background: #EDFFF4;
    padding: 15px;
    width: 400px;
}
.contact-sales-card-4{
    border-radius: 12px;
    border: 1px solid #D0DEFF;
    background: #E5EBFF;
    padding: 15px;
    width: 400px;
}
#resumeVolume{
    display: flex;
    width: 100%;
    height: 35px;
    padding-left: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    font-size: 0.9rem;
    color: #020817;
}
    #resumeVolume:focus {
        outline: none;
        border-color: #0066cc;
        box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.2);
    }