:root {
    --bs-body-line-height: 1.5;
}

*,
::after,
::before {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    list-style: none;
}

/**::-webkit-scrollbar-thumb {*/
/*    background-image: linear-gradient(45deg, #000, #000);*/
/*    border-radius: 0px;*/
/*    border: 0px solid #ffffff;*/
/*}*/

/**::-webkit-scrollbar-track {*/
/*    background: #ffffff;*/
/*}*/

/**::-webkit-scrollbar {*/
/*    width: 0px;*/
/*}*/
/*section scroll webkit*/
/*.details-part55::-webkit-scrollbar-track*/
/*{*/
/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*	border-radius: 20px;*/
/*	background-color: rgb(188 188 188);*/
/*}*/

/* .details-part55::-webkit-scrollbar*/
/*{*/
/*	width: 7px;*/
/*	background-color: rgb(188 188 188);*/
/*}*/

/*.details-part55::-webkit-scrollbar-thumb*/
/*{*/
/*	border-radius: 20px;*/
/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
/*	background-color: #000;*/
/*}*/
/*end section scrollwebkit*/

html {
    scroll-behavior: smooth;
}

body {
    scroll-behavior: smooth;
    line-height: var(--bs-body-line-height);
    font-family: 'Archivo', sans-serif;
    overflow-x: hidden;
}

.card {
    background: white;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

/*New style css - heena*/
img.about-img1 {
    height: 100%;
}
div#car_name_error {
    font-size: 14px;
    color: red;
    margin-left: 5px;
}
.energy-360 .career-pro1 {
    margin-bottom: 1.5rem;
}
 .energy-360 .career-pro-title p {text-align: center;}
section.energy-360-pointers {
    margin-bottom: 4rem !important;
}
.casestudy-single-bdy h1 {
    font: normal normal 900 45px / 60px Arial;
}

.casestudy-single-bdy h3 {
    font: normal normal normal 22px / 35px Arial;
}

.casestudy-single-bdy .first-col,
.casestudy-single-bdy .second-col {
    gap: 40px;
    justify-content: flex-start;
}

div#cont_name_error {
    color: red;
    font-size: 14px;
    margin: 2px 0 4px 0;
}
.job-desc .icon-ul li {
    color: #0e0e0e;
}
.bgimg-remove {
    background: none !important;
}

.bgimg-remove .row .col-sm-5 {
    padding-right: 0;
}

.bgimg-remove .row .col-sm-7 {
    padding-left: 0;
}

h3.heading3 {
    color: #4cc893;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
}

.content-desc p {
    color: #0C4C77 !important;
}

.bg-challenges h2 span {
    color: #4cc893;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.5;
    display: block;
    margin-top:15px;
}

main.innerPage.contactus .five-part .content {
    border-top: none;
}

h3.addressname {
    padding-top: 14px;
    text-align: left;
    font: normal normal bold 34px / 45px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    opacity: 1;
    margin-bottom: 2rem;
    text-transform: capitalize;
    border-top: 2px solid #0c4c77;
}

.brand-commPage .details-part55 p {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

section.lightblue-bg {
    background: #daeff7c9;
}

.innerPage p {
    font: normal normal normal 20px / 35px Arial !important;
}

.innerPage h2 {
    font: normal normal 800 45px / 52px Arial !important;
    text-transform: uppercase;
}

.innerPage h3 {
    font: normal normal 600 28px / 35px Arial !important;
}

.content.blue-bg {
    background: #0c4c77 !important;
}

.content.blue-bg h2 {
    color: #4cc893 !important;
}

.content.blue-bg span,
.content.blue-bg p {
    color: #fff;    margin-top: 15px;
}

h2.h2clrgreen {
    color: #4cc893 !important;
}

.career-faq .faq-item .faq-label p {
    margin-bottom: 0;
}

.career-faq .faq-item .faq-label {
    border: none;
}

.career-faq .faq-group {
    margin-bottom: 2rem;
}

/*input::placeholder,*/
/*textarea::placeholder {*/
/*    font-size: 18px !important;*/
/*}*/

main.innerPage.aboutus .banner-fixedimg {
    position: absolute;
    bottom: 70px;
    right: 13%;
    width: 20%;
    top: auto;
}

main.innerPage.aboutus .career-pro-title {
    padding: 0 20px;
    height: 150px;
}

main.innerPage.aboutus .career-pro-title h5 {
    text-align: left;
    font-weight: 700;    text-transform: uppercase;
}

main.innerPage.aboutus .career-pro-title p {
    font: normal normal normal 18px / 28px Arial !important;
    color: #fff;
}

main.innerPage.aboutus .clientsay {
    display: none;
}

main.innerPage.aboutus .clientsay .content {
    border: none !important;
}

main.innerPage.aboutus .clientsay .content p {
    font: normal normal normal 18px / 28px Arial !important;
    color: #0C4C77;
}

main.tech-drivenPage.innerPage.rapid-page .mb20 {
    margin-bottom: 2rem;
}

main.innerPage.aboutus .quotes p {
    color: #0C4C77;
    font-weight: 600 !important;
}

main.healthcare-life-science.innerPage .bg-challenges {
    background: url(/assets/frontend/images/health-whychoose.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 2rem;
}
main.fmcg.innerPage .bg-challenges {
    background: url(/assets/frontend/images/fmcg-whychoose.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    margin-bottom: 2rem;
}
section.what-our-client-say {
    background: url(/assets/frontend/images/about-stars.webp);
    height: 420px;
}

section.what-our-client-say h2.title3 {
    color: #fff;
}

section.what-our-client-say p {
    color: #fff;
}

.career-faq .faq-titl1 h5 {
    font-size: 28px;
}

.innerPage section.form-end {
    margin-bottom: 4rem;
}

.innerPage .content-detailstop.visible {
    height: auto;
    overflow: visible;
}
 .innerPage.fmcg .content-detailstop {
    height: 12vh;
 }
 
 .innerPage.fmcg .content-detailstop.visible{
       height: auto;
}
.innerPage .content-detailstop {
    height: 11vh;
   
    overflow: hidden;
    margin-bottom: 10px;
}

.innerPage .content-detailstop ul {
    padding: 0;
}

.innerPage .content-details.visible {
    height: auto;
    overflow: visible;
}

.innerPage .content-details {
    height: 300px;
    overflow: hidden;
    margin-bottom: 10px;
}

.innerPage .content-details ul {
    padding: 0;
}






main.aviation.innerPage .discover.automotive-market.py-5 {
    margin-top: 1rem;
}

/*why choose us page*/

main.aviation.innerPage .bg-challenges {
    background: url(/assets/frontend/images/aviation-whychoose.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 2rem;
}

main.healthcare-life-science.innerPage .reach-out input,
main.aviation.innerPage .reach-out input,
main.innerPage .reach-out input {
    margin-right: 1rem;
}

main.healthcare-life-science.innerPage .Ideation .content,
main.aviation.innerPage .Ideation .content,
main.travel-and-hospitality.innerPage .Ideation .content,
main.innerPage.it-and-telecom .Ideation .content,
main.innerPage .Ideation .content {
    display: block !important;
}

main.whychoose-usPage.innerPage .three-part .content img {
    width: 40px;
    height: 40px;
    margin-top: 13px;
}

main.innerPage.aboutus .bg-challenges h2,
main.innerPage.aboutus .bg-challenges p {
    padding: 0px;
}


main.chemicals.innerPage section.five-part.py-5.three-part .content {
    height: 120px !important;
}

main.chemicals.innerPage .box-left .content {
    padding: 34px 10px;
}

/*main.chemicals.innerPage .box-left h2 {*/
/*    font: normal normal 800 44px / 61px Arial !important;*/
/*}*/

main.chemicals.innerPage .box-left p, main.education.innerPage .box-left p, main.innerPage .box-left p {
    text-transform: initial;
}

main.chemicals.innerPage .details-part55 {
    display: block;

}



main.chemicals.innerPage .details-part55 {
    background: #CBE5E7;
}

main.chemicals.innerPage .details-part55 ul li {
    font-weight: 700;
}

main.chemicals.innerPage .details-part55.scrollmore {
    overflow: scroll;
}

main.chemicals.innerPage .bg-challenges {
    background: url(/assets/frontend/images/chemicals-whychoose.webp
);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
main.chemicals.innerPage .bg-challenges.we-cover {
    background: url(/assets/frontend/images/chemicals-business-ch3.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

main.chemicals.innerPage .bg-challenges .content {
    padding: 6rem 3rem;
}

main.chemicals.innerPage .content-desc p {
    font: normal normal normal 18px / 30px Arial !important;
}

.reach-out input::placeholder {
    font-size: 11px !important;
}


.innerPage .form-end h4 {
    text-align: left;
    font-size: 24px;
    color: #0C4C77;
    text-transform: uppercase;
    font-weight: 900;
    margin-left: 15px;
    margin-bottom: 15px;
}

.innerPage h2.green-clr {
    color: #4cc893 !important;
}

.innerPage form.reach-out {
    display: flex;
    width: 100%;
    gap: 1rem;
    align-items: center;
}

.innerPage .reach-out input#name {
    font-size: 15px;
    border: none;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    width: 25%;
}

.innerPage .form-back {
    background: #e8f4ff;
    padding: 30px 20px;
}

.innerPage .reach-out input#email {
    font-size: 15px;
    border: none;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    width: 25%;
}

.innerPage .reach-out input#contact {
    font-size: 19px;
    border: none;
    padding: 20px 0px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    width: 25%;
}

.innerPage .reach-out a.readmore-btn {
    width: 10%;
}



.innerPage .reach-out input::placeholder {
    color: #0C4C77;
}

.innerPage button {
    color: #4CC893;
    text-align: center;
    margin-top: 10px;
    border: 0px;
    outline: none;
    background-color: transparent;
    font: normal normal normal 20px / 30px Arial !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    cursor: pointer;
}

.casestudy-single-bdy table th, .casestudy-single-bdy table td {
    padding: 10px 16px;
    border: 1px solid #ccc;
}
main.innerPage.real-estate .five-part .content img,
main.travel-and-hospitality.innerPage .five-part .content img,
main.energy-utilities.innerPage .five-part .content img {
    width: 25px;
    height: 24px;
}
main.innerPage.real-estate .five-part.fiveimg .content img {
     width: 60px;
    height: 55px;
}
main.innerPage.real-estate .whome-weserve .content {
    height: 75px !important;
}

.casestudy-single-bdy table th, .casestudy-single-bdy table td {
    padding: 10px 16px;
    border: 1px solid #ccc;
}
.casestudy-single-bdy table.table.table-bordered.text-center {
       overflow: auto;
    display: grid
;
    align-items: center; 
}
.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}



.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}



.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.blog-description p:nth-of-type(1) {
    margin-bottom: 5px;
}

.container,
.container-fluid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}




.d-flex {
    display: flex !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-center {
    align-items: center !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1,
.pb-1 {
    margin-bottom: .25rem !important
}

.mb-2,
.pb-2 {
    margin-bottom: .5rem !important
}

.mb-3,
.pb-3 {
    margin-bottom: 1rem !important
}

.mb-4,
.pb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5,
.pb-5 {
    margin-bottom: 2rem !important
}

.mb-6,
.pb-6 {
    margin-bottom: 2.5rem !important
}

.mb-7,
.pb-7 {
    margin-bottom: 3rem !important
}

.p-0,
.m-0 {
    padding: 0 !important
}

.p-1,
.m-1 {
    padding: .25rem !important
}

.p-2,
.m-2 {
    padding: .5rem !important
}

.p-3,
.m-3 {
    padding: 1rem !important
}

.p-4,
.m-4 {
    padding: 1.5rem !important
}

.p-5,
.m-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1,
.mx-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2,
.mx-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3,
.mx-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4,
.mx-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5,
.mx-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1,
.my-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2,
.my-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3,
.my-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4,
.my-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5,
.my-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1,
.mt-1 {
    padding-top: .25rem !important
}

.pt-2,
.mt-2 {
    padding-top: .5rem !important
}

.pt-3,
.mt-3 {
    padding-top: 1rem !important
}

.pt-4,
.mt-4 {
    padding-top: 1.5rem !important
}

.pt-5,
.mt-5 {
    padding-top: 3rem !important
}

.bg-dark {
    background-color: #212529 !important;
}

a {
    text-decoration: none;
}

svg {
    width: 18px;
    height: 16px;
}

header {
    position: fixed;
    left: 0px;
    top: 0px;
    /* background-color: #bad6d7ed; */
    /* background-color: #bfd4d7bd 0% 0% no-repeat padding-box; */
    width: 100%;
    z-index: 99;
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 5px 8px #00000029; */
    border-radius: 0px 0px 25px 25px;
    opacity: 1;
    /* backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(24px); */
    height: 80px;
}

.logo-3 {
    width: 63px;
    height: 63px;
    overflow: hidden;
    border-radius: 50%;
    /* padding: 20px; */
    background: white;
    padding: 10px;
    /* contain-intrinsic-block-size: 20px; */
    box-shadow: 0px 3px 14px #00000029;
    text-align: right;
    position: absolute;
    right: 6%;
    top: 9px;
}

.logo-3 img {
    width: 100%;
}

header ul li {
    cursor: pointer;
}

.immediate:hover {
    background: #084f70;
}

.login svg {
    fill: white;
    margin-left: 0.4rem;
    width: 20px;
    height: 17px;
}

.top-row a svg {
    fill: white;
    margin-right: 0.4rem;
    width: 18px;
    height: 18px;
}

nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    /* background-color: white; */
    width: 85%;
    margin: auto;
    /* position: relative; */
}

.menue ul li {
    margin-left: 3px;
    font-size: 18px;
    /* position: relative; */
    font: normal normal normal 18px / 24px Arial;
    letter-spacing: 1.03px;
    opacity: 1;
}

.menue ul li a {
    position: relative;
}





.submenue {
    position: absolute;
    left: -35px;
    top: 100px;
    flex-direction: column;
    width: 220px;
    padding: 0px 0px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    background: #0c94c9;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    align-items: baseline !important;
}

.menue ul li:hover>.submenue {
    visibility: visible;
    transition: 0.5s;
    top: 85px;
    opacity: 1;
}

.submenue li {
    width: 100%;
    margin-left: 0px !important;
    border-bottom: 1px solid white;
    font-size: 16px !important;
}

.submenue li:hover {
    background: 000000;
}

.submenue li a {
    color: white !important;
    border: 0px !important;
    padding: 8px 18px !important;
    width: 100%;
}

.toggle-bar {
    height: 24px;
    display: none;
    width: 30px;
}

.vouchersvg svg {
    fill: #000601;
}

.vouchersvg {
    position: absolute;
    top: 30px;
    right: 1px;
}

.menue ul li a {
    color: #000601;
    padding: 30px 22px;
    display: inline-block;
    font: normal normal normal 16px/26px Arial;
}

.flex-div ul svg {
    width: 42px;
    height: 26px;
    margin-left: 1.6rem;
}

.menue ul li a:hover {
    color: #084f70;
}

.active-m {
    color: #084f70 !important;
}

.flex-div ul svg:hover {
    fill: #084f70;
}

.flex-div,
.flex-div ul {
    display: flex;
    align-items: center;
}

.mobile-logo,
.close-btn {
    display: none;
}

/* mega menue */
.my-mega1 {
    position: absolute;
    left: 0px;
    top: 80.4px;
    background: #ffffffbd 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 8px #a7a7a729;
    /* border-radius: 0px 0px 25px 25px; */
    opacity: 1;
    backdrop-filter: blur(24px);
    width: 100%;
    height: auto;
    padding: 40px 0px;
    z-index: 999;

}

.mega-row ul {
    flex-direction: column;
    width: 100%;
}

.mega-row ul {
    margin-right: 2rem;
    align-items: start !important;
}

.mega-row {
    display: flex;
    justify-content: end;
    width: 63%;
    margin: 0px 1% 0px auto;
}

.mega-row ul li a {
    text-align: left;
    font: normal normal normal 16px/28px Arial;
    letter-spacing: 1.03px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    padding: 0px;
}

.mega-row ul li {
    width: 100%;
    position: relative;
    height: 40px;
    margin-bottom: 50px;
}

.mborder-right li::after {
    position: absolute;
    right: -15px;
    content: '';
    background-color: #0a4877ad;
    height: 30px;
    top: 4px;
    width: 2px;
}








/* my style start now */
/* mount paralax part starnow */
.mount-parallax section {
    height: 384px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
}

/* Parallax background layers */

.mount-parallax .parallax-bg {
    position: relative;
    background-size: 100% 102%;
    background-position: center;
    overflow: hidden;
    margin-top: -10px;
    top: 65px;
}



/* Keyframe animations for parallax effect */
/* .scroll-top{
    animation: parallax3 4s ease-in-out forwards;
} */
@keyframes parallax1 {
    0% {
        transform: translateY(0);
        transition: 0.5s;
    }

    100% {
        transform: translateY(-106px);
    }
}

@keyframes parallax3 {
    0% {
        transform: translateY(0);
        transition: 0.5s;
    }

    100% {
        transform: translateY(-352px);
        /* margin-top: -447px; */

    }
}

/* Text animation */
.mount-parallax .text-animation {
    width: 66%;
    margin: auto;

}

.mount-parallax .text-animation h1 {
    color: #0C4C77;
    font: normal normal 900 50px/60px Arial;
    letter-spacing: 0px;
}

.mount-parallax .text-animation h1 {
    font-size: 50px;
}

.mount-parallax .parallax-bg-2 {
    height: 272px;
    background: rgb(255, 255, 255);

    background-position-y: 0px;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 100px;
    top: 144px;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* mount paralax part end now */
/* Headquartered in Singapore start now */


.logo-insight-p .logo-img {
    box-shadow: 0px 5px 8px #00000029;
    border-radius: 5px;
}

.logo-insight-p .logo-img img {
    width: 100%;
}

.logo-insight-p p {
    text-align: left;
    font: normal normal bold 25px / 35px Arial;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

/* Headquartered in Singapore end now */
/* extensive part */


.slide-p {

    margin: 0px 20px;

    top: 740px;
    left: 809px;
    width: 390px;
    height: 157px;
    /* UI Properties */
    background: #0c4c7759 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.slider-part {
    position: absolute !important;
    bottom: 0px;
}

.slide-p a {
    display: block;
    background: white;
    padding: 10px;
    color: #0e130f;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0px;
    display: flex;
    align-items: center;
}

.extensivep a img {
    height: 14px;
    width: 35px;
    margin-left: .5rem;
}

.slides2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0C4C77;
}

.read-more-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.brows-all {
    background-color: #0C4C77;
    color: #4CAF50;
    width: 250px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 89px;
    margin-left: .8rem;
    font: normal normal normal 20px/30px Arial;
    text-align: left;
    font: normal normal normal 20px/30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    opacity: 1;
}

.box-left h2 {
    text-align: left;
    font: normal normal 800 45px / 52px Arial !important
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.brows-all {
    display: flex;
    align-items: center;
    justify-content: start;
}

.brows-all img {
    height: 14px;
    width: 35px;
    margin-left: .5rem;
}

/* .discover-part */
.box-left::after {
    position: absolute;
    left: 80px;
    width: 170px;
    height: 100%;
    content: '';
    z-index: -1;
    background: #4CC893 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 6px #00000029;
    opacity: 1;
}

.box-left {
    width: 100%;
    height: 500px;
    padding: 20px;
    display: flex;
    align-items: center;
    /* UI Properties */
    background: #0C4C77 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 6px #00000029;
    /* border-radius: 50px; */
    opacity: 1;
}

.box-left p {
    text-align: left;
    font: normal normal bold 20px / 30px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 1.7rem;
}

.box-left .content {
    /* height: 300px;
    background: #6b91ab; */
    padding: 34px 44px;
}

.box-left .content a {
    margin-top: 5px;
    margin-left: 0px;
}

/* parallax */

.discover .slides2 {
    height: 100%;
    background: #0C4C77 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 6px #00000029;
    border-radius: 50px;
    overflow: hidden;
    padding-bottom: 0rem;
}

.discover {
    margin: 4rem 0px;
}

.discover .slides2 a {
    background-color: transparent;
    text-align: center;
    padding: 10px 20px;
    padding-bottom: 20px;

    font: normal normal bold 20px/25px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
}

.discover .slick-slide img:hover {
    transform: scaleY(1);
    margin-top: 13px;
    transition: 0.5s;

}

/* case styudy */

.about-part .sp1 {
    text-align: left;
    font: normal normal normal 20px/30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    opacity: 1;
}

.about-part {
    margin: 5rem 0px;
}

.about-part .sp1 img {
    margin-left: 5px;
}

.about-part h2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.about-part p {
    font-size: 18px;
}

.about-part button {
    margin: initial;
    width: 250px;
    height: 55px;
    font-size: 18px;
    border-radius: 10px;
    border: 1px solid white;
    text-align: left;
    padding-left: 30px;

    /* UI Properties */
    background: #0C4C77 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

.about-part button a img {
    margin-left: 23px;
}



.about-part h2 {
    top: 429px;
    left: 1009px;
    width: 618px;
    height: 66px;
    /* UI Properties */
    text-align: left;
    font: normal normal 900 25px/30px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
}

.about-part {
    padding-right: 5rem;
}

.about-part button a {
    color: white;
    font: normal normal normal 20px/30px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}


.new-box h4 {
    text-align: left;
    font: normal normal 900 48px / 51px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
    padding-top: 13px;
    padding-left: 10px;
    margin-top: 41px;
}

.new-box {
    background: red;
    position: absolute;
    z-index: 2;
    left: 20%;
    width: 370px;
    height: 500px;
    /* UI Properties */
    background: #d7f1f338 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 9px #00000029;
    border: 1px solid #FFFFFF;
    opacity: 1;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.wrapper {
    padding: 380px 0px 0px 0px;
    overflow-x: hidden;
}


.my-slider {
    padding: 0 0px;
}
body.thankyoupage div#call-fixed {
    display: none;
}
.slides2 {
    background-color: #b32532;
    color: #FFF;
    margin: 0 15px 0 0;
    display: inline-flex;
    align-items: self-end;
    justify-content: center;
    margin: 0px 0px;
    width: 96% !important;

    height: 121px;
    background: #0c4c7759 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.slick-slide {
    position: relative;
}

.slick-next,
.slick-prev {
    z-index: 5;
}

.slick-next {
    right: 15px;
}

.slick-prev {
    left: 15px;
}

.slick-next:before,
.slick-prev:before {
    color: #000;
    font-size: 26px;
}

.slides1 {
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: white;
    color: black;
    text-align: center;
    padding: 10px;
}

.slides2 a {
    display: block;
    width: 100%;
    background: #c7efeb;
    /* position: absolute; */
    bottom: 0px;
    text-align: center;
    padding: 6px 0px;
    font-weight: 400;
    margin-top: .4rem;
}

.slides2 h2 {
    text-align: center;
    font-size: 16px;
    margin-top: .5rem;
    font-weight: bold;
}

.discover .img-2 {
    height: 365px;
    display: block;
    border-radius: 54px 50px 38px 38px;
    transition: 0.5s;
    background-color: #CBE5E7;
    overflow: hidden;
    margin-top: 11px;
}

.slick-slide img {
    height: 100%;
    object-fit: cover;
}

.vendorleft {
    border-radius: 0px 50px 50px 0px;
    width: 100%;
    height: 271px;
    background-color: #0C4C77;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 20px 30px 70px;
    /* font-size: 40px; */
    box-shadow: 2px 5px 3px #e3e3e3;
}

.vendorleft p {
    text-align: left;
    font: normal normal 900 40px / 40px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.vslider1 {
    width: 250px;
    height: 150px;
    margin-bottom: 4rem;
}

.vslider1 img {
    width: 221px;
    height: 111px;
}

.what-people-say .content {
    padding: 4rem 0px;
}

.what-people-say img {
    width: 100%;
    height: 100%;
    transform: rotate(-1260deg);
    height: 1259px !important;
    margin-top: -763px !important;
    display: block;
    transition: 3s;
    box-shadow: 0px 3px 14px #00000029;
}

.what-people-say:hover img {
    margin-top: -207px !important;
    transition: 3s;
}

.vslider1 {
    width: 169px !important;
    height: auto;
}

.vendor-slider {
    margin-top: 5rem;
}


/* .testimonials */
.my-slidr {
    border: 2px solid #0c4c77;
    border-radius: 40px;
    /* margin: 2rem 0px; */
    overflow: hidden;
    height: 370px;
}

.slider-5 {
    background: #00b4a238;
    padding: 33px 50px;
    border-radius: 40px;
    height: 370px;
}

.my-slidr h3 {
    color: #0C4C77;
    font-weight: bold;
    font-size: 30px;
}

.my-slidr .col-sm-7 {
    padding: 0px;
}

.left-test h4 {
    font-size: 35px;
    font-weight: 800;
    color: #0c4c77;
    width: 85%;
}

.col-sm-5.left-test {
    margin-top: 2rem;
    padding: 20px 30px;
}

.testi-slid1 h6 {

    /* UI Properties */
    text-align: left;
    font: normal normal normal 20px/30px Arial;
    letter-spacing: 0.56px;
    color: #4CC893;
    text-transform: uppercase;
    opacity: 1;
}

.myhr {
    height: 121px;
    background: #4CC893;
    margin-bottom: 2rem;
    box-shadow: 0px 3px 14px #00000029;
    border: 0px;
}

.my-slidr .row {
    align-items: center;
}

.f-row {
    padding-left: 8%;
}




/* =================================
parallax effects 
===================================*/
.parallax-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: Montserrat, sans-serif;
    width: 100%;
    min-height: 100vh;
}

.parallax-item h2 {
    font-size: 20px;
    text-transform: uppercase;
    padding: 1rem;
    border-radius: 1rem;

}

.parallax-item:first-child {
    margin-top: -290px;
    min-height: 388px;
    z-index: 11;
    position: relative;
}

.top-img img {
    width: 100%;
    height: 900px;
    z-index: 9;
}

.animate-top {
    animation: parallax3 1s ease-in-out forwards;
}

.show {
    animation: parallax1text 1s ease-in-out forwards;

}

.third-img {
    animation: parallax1 1s ease-in-out forwards;
}

@keyframes parallax1text {
    0% {
        transform: translateY(0);
        transition: 0.5s;
        z-index: 10;
    }

    100% {
        /* transform: translateY(-296px); */
        visibility: visible;
        z-index: 10;

    }
}

/* .hide-text{
animation: parallax1text2 4s ease-in-out forwards;  
} */
/* @keyframes parallax1text2 {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-296px);

}
} */
.secondmountp {
    z-index: 12;
}

/* .visible-text{
    min-height: 380px !important;
    opacity: ;
} */
.parallax-item2 {
    background: white;
    min-height: 441px !important;
    z-index: 4;
    position: absolute;
    min-height: 0;
    opacity: 1;
    height: 0px;
    top: 29%;
    margin-top: 27px;
    padding-top: 26px;
    visibility: hidden;
    width: 100%;
    overflow: hidden;
}

.text-animation {
    /* width: 65% !important;
/* margin: auto !important;
display: flex !important;
align-items: center;
justify-content: start;
overflow: hidden; */
}

.text-animation h1 {
    text-align: left;
    font: normal normal 900 91px/92px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    opacity: 1;
    width: 66%;
    margin: auto;
}

.parallax-item:nth-child(3) {
    background: url('/assets/frontend/images/home-second-mount.webp');
    background-size: 103% 120%;
    background-position: center;
    background-attachment: scroll;
    min-height: 1092px;
    position: relative;
    z-index: 9;
    margin-top: -547px;
}

.parallax-item:nth-child(4) {
    background: white;
    min-height: auto;
}

.parallax-item:nth-child(5) {
    background: white;
    min-height: auto;
}


.slide-next-arrows {
    position: fixed;
    right: 205px;
    bottom: -40px;
    border: 0px;
    outline: none;
    background: white;
    cursor: pointer;
}

.slide-next-arrows img {
    height: 15px;
    width: 50px;
    opacity: .8;
}

.slide-next-left {
    position: fixed;
    right: 300px;
    margin-top: 16px;
    border: 0px;
    outline: none;
    background: white;
    cursor: pointer;
    /* top: 20px; */
    bottom: -40px;
    opacity: .8;
}

.slide-next-left img {
    height: 15px;
    width: 50px;
    transform: rotate(-180deg);
}

.logo-insight-p {
    padding-top: 0px !important;
}






/* home page */


.js .slider-single>div:nth-child(1n+2) {
    display: none
}

.js .slider-single.slick-initialized>div:nth-child(1n+2) {
    display: block
}

.slider-nav .slick-slide {
    cursor: pointer;
}

.demo-box {
    height: 430px;
    width: 300px;
    background-color: red;
}

.main-box-slide {
    display: flex;
    overflow-x: hidden;
}

.myslide1 {
    width: 20%;

    margin: auto auto 15px 10px;
}

.demo-box {
    width: 30%;
}

.slider-nav {
    width: 65%;
    margin: auto auto 15px 10px;

}

#page {
    background-color: green;
}

.slide-actvie1 {
    background-color: #b32532;
    color: #FFF;
    margin: 0 15px 0 0;
    display: inline-flex;
    align-items: self-end;
    justify-content: center;
    margin: 0px 0px;
    width: 96% !important;
    height: 121px;
    background: #0c4c7759 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.slide-actvie1 a {
    display: block;
    width: 100%;
    background: #c7efeb;
    position: absolute;
    bottom: 0px;
    text-align: center;
    padding: 6px 0px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-align: left;
    font: normal normal normal 20px/30px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
}

.slide-actvie1 h2 {
    /* font-size: 20px; */
    /* text-transform: uppercase; */
    /* background-color: whitesmoke; */
    padding: 1rem;
    border-radius: 1rem;
    text-align: center;
    font: normal normal bold 20px / 25px Arial;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    /* text-transform: uppercase;  */
}

.slide-actvie1 a img {
    height: 14px;
    width: 35px;
    margin-left: .5rem;
}


.demo-box h4 {
    text-align: left;
    font: normal normal 900 48px / 60px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
    padding-top: 13px;
    padding-left: 10px;
    margin-top: 41px;
}

.demo-box {
    background: red;
    z-index: 2;
    background: #d7f1f338 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 9px #00000029;
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.demo-box .brows-all {
    background-color: #0C4C77;
    color: white;
    height: 43px;
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 59px;
    margin-left: .8rem;
    text-decoration: none;
    font: normal normal normal 20px / 30px Arial;
}


/* https://websites.godaddy.com/en-IN/editor/ */





/* new part here css */
.welcome-to-novus {
    margin-bottom: 4rem;
}

.welcome-to-novus h2 {
    text-align: left;
    font: normal normal 900 45px / 61px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
}

.welcome-to-novus p strong {
    text-align: left;
    font: normal normal bold 30px/45px Arial;
    letter-spacing: normal;
    color: #4CC893;
    opacity: 1;
}

.welcome-to-novus .content p {
    text-align: left;
    font: normal normal normal 20px / 35px Arial;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 3rem;

}

.novus-img {
    overflow: hidden;
    height: 100%;

}

.novus-img img {
    transition: 1.3s;
    height: 100%;
}

.novus-img img:hover {
    transform: scale(1.3);
    transition: 1.3s;
}

/* why-choos */
.why-choos {
    background-color: #15798a;
    position: relative;
    overflow: hidden;
}

.why-choos h2 {
    text-align: left;
    font: normal normal 900 40px / 61px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.why-choos p {
    text-align: left;
    font:normal normal normal 20px / 35px Arial;
    letter-spacing: 0.65px;
    color: #FFFFFF;
    margin-top: 2rem;
}

.why-choose-img {
    position: absolute;
    transform: rotatex(179deg);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.why-choose-img img {
    width: 100%;
    height: 100%;
    transform: rotate(-1260deg);
    height: 964px;
    margin-top: -78px;
    display: block;
    transition: 3s;
    box-shadow: 0px 3px 14px #00000029;
}

.why-choose-img img:hover,
.why-choos:hover img {
    margin-top: -577px;
    transition: 3s;
}

.z-index-9 {
    z-index: 9;
}

.title2 {
    text-align: left;
    font: normal normal bold 20px/30px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
    padding-top: 1rem;
    height: 110px;
    cursor: pointer;
}

.title2:hover {
    color: #4CC893;
}

.five-part .content {
    border-top: 1px solid #0c4c77;
}

.five-part .content p {
    text-align: left;
    font: normal normal normal 20px/30px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
}

/* .five-part .col-lg-2{
margin-right: 3rem;
} */
.five-part .col-lg-2 {
    width: 18.666667%;
}

/* about */
.about-us h2 {
    text-align: right;

}

.about-us p {
    text-align: right;
    font: normal normal 900 25px/30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 2rem;
}

.about-content {
    margin-right: 2rem;
}

.novus-logo {
    position: relative;
}

.novus-logo img {
    margin-top: 2rem;
    margin-left: 4.5rem;
}

.novus-logo::after {
    position: absolute;
    content: '';
    left: 4px;
    width: 100px;
    height: 241px;
    background: #4CC893 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 14px #00000029;
    opacity: 1;
    z-index: -1;
    top: 0px;
    box-shadow: 0px 3px 14px #00000029;
}

.about-us .content p {
    text-align: left;
    font: normal normal normal 22px/35px Arial;
    letter-spacing: -0.25px;
    color: #000000;
    opacity: 1;
    margin-top: 5rem;
}

.about-us {
    overflow: hidden;
}

.title3 {
    text-align: left;
    font: normal normal 900 40px/64px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
}

/* testimonilas */
.writer strong {
    text-align: left;
    font: normal normal bold 20px/30px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    opacity: 1;
    margin-top: 2rem;
    display: block;
}

.testimonials .title2 {
    text-align: left;
    font: normal normal bold 34px/45px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    opacity: 1;
    margin-bottom: 2rem;
    text-transform: capitalize;
}

.testimonials .content {
    width: 80%;
}

.testimonials .content {
    width: 77%;
}

/* footer part start now */
footer {
    border-top: 15px solid #4CC893;

}

.novus-sticker img {
    width: 100px;
    margin-top: -55px;
    margin-left: 10px;
}

.footer-part {
    border-top: 15px solid #0C4C77;
    padding: 3rem 0px;
}

.footer-icon ul {
    display: flex;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.footer-icon ul li:nth-child(1) {
    margin-right: .5rem;
}

.footer-icon ul li:nth-child(2) svg {
    fill: #2196F3;
}

.social-icons li a {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    /* border: 1px solid gray; */
    text-align: center;
    line-height: 44px;
    box-shadow: 3px 3px 14px #5c5a5a29;
}

footer h4 {
    text-align: left;
    font: normal normal bold 18px/62px Arial;
    letter-spacing: 1.03px;
    color: #000000;
    opacity: 1;
}

footer li a {
    display: block;
    text-align: left;
    font: normal normal normal 18px / 36px Arial;
    letter-spacing: 1px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}


.copy-wright {
    background: #0c4c77;
    text-align: center;
    margin-bottom: 0px;
    padding: 5px 0px;
}

.copy-wright p {
    margin-bottom: 0px;
    color: white;
    font-size: 14px;
    text-align: center;
}

/*========================= media query start now ===========================*/




/*=======================================================================
        internal page style
==========================================================================*/
/* tech-driven-research page style */
.innerPage .content-whychooses.visible {
    height: auto;
    overflow: visible;
}

.innerPage .content-whychooses {
    height: 300px;
    overflow: hidden;
    margin-bottom: 10px;
}

.innerPage .content-whychooses ul {
    padding: 0;
}

.innerPage .mega-menu {
    display: none;
    /* Add your styles for the mega menus */
}

.innerPage .readmore-btn {
    text-align: left;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
}

.innerPage .header-back {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 80px;
    background: #ffffffbd 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 8px #00000029;
    /* border-radius: 0px 0px 25px 25px; */
    opacity: 1;
    backdrop-filter: blur(24px);
    z-index: 91;

}

.innerPage .about-part-it1 p {
    font-size: 25px;
    color: #000000;
}

.innerPage .about-part-it1 {
    padding: 2rem 0px;
}

.innerPage .title3 {
    text-align: left;
    font: normal normal 900 45px/61px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
}

.innerPage .three-part .title2 {
    padding-right: 10px;
    text-align: left;
    font-size: 16px !important;
}

/*MOBILE CSS END*/

.innerPage .mb20 {
    margin-bottom: 3rem;
}

.innerPage .blue-color {
    color: #0C4C77;
}

.innerPage .message {
    color: #4CC893;
    font-size: 20px;
}

.innerPage .text-25 p {
    font-size: 25px;
}

/* brand-and-communication */
section.five-part.Ideation p {
    text-align: justify;
}

.innerPage .brand-and-communication-banner {
    background: url(/assets/frontend/banner/brand-and-communication-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}

.innerPage .brand-and-communication-banner h1 {
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
}

/* automobile part */




.innerPage .rapidresearch-banner {
    background: url(/assets/frontend/banner/rapid_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}
.innerPage .main-industry-banner {
    background: url(/assets/frontend/banner/main-industry-banners.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
    background-position: center !important;

}
.innerPage .chemicals-banner {
 background: url(/assets/frontend/banner/chemical_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}

.blogs-main-banner {
 background: url(/assets/frontend/banner/blog_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}

.innerPage .banking-banner {
 background: url(/assets/frontend/banner/banking_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}

.innerPage .healthcare-banner {
 background: url(/assets/frontend/banner/health_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}
.innerPage .fmcg-banner {
 background: url(/assets/frontend/banner/fmcg_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}
.innerPage .go-to-market-banner {
 background: url(/assets/frontend/banner/gotomarket_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}
.innerPage .travel-hospitablity-banner {
 background: url(/assets/frontend/banner/travel_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}

.innerPage .real-estate-banner {
 background: url(/assets/frontend/banner/real_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}
.innerPage .businessconsulting-banner {
    background: url(/assets/frontend/banner/rapid-research-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}

.innerPage .satisaction-survey-banner {
    background: url(/assets/frontend/banner/satisfaction_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}
.innerPage .corporate-strategic-banner {
    background: url(/assets/frontend/banner/corporate_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}

.innerPage .automobile-banner h1 {
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
}

.innerPage .whatwedo,
.innerPage .whatwedos,
.innerPage .show9 {
    display: none;
    margin-bottom: 30px !important;
}

.innerPage section.industry-main-banner {
    padding-top: 33rem;
    padding-bottom: 2rem;
}

.innerPage .industry-main-banner h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 900;
    text-transform: uppercase;
}

.innerPage .title2 {
    cursor: auto;
}

.innerPage .mega-menu {
    display: none;
    /* Add your styles for the mega menus */
}

.innerPage .readmore-btn {
    text-align: left;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
}

.innerPage .discover {
    position: relative;
}


.innerPage .header-back {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 80px;
    background: #ffffffbd 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 8px #00000029;
    /* border-radius: 0px 0px 25px 25px; */
    opacity: 1;
    backdrop-filter: blur(24px);
    z-index: 91;

}

.innerPage .about-part-it1 p {
    font-size: 25px;
    color: #000000;
}

.innerPage .about-part-it1 {
    padding: 3rem 0px;
}

.innerPage .title3 {
    text-align: left;
    font: normal normal 900 45px/61px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
}

.innerPage .three-part .title2 {
    padding-right: 10px;
    text-align: left;
    font-size: 16px !important;
}

.innerPage .bg-challenges .content {
    padding: 6rem;
    background: #daeff7c9;
}

.innerPage .bg-challenges h2 {
    font-size: 50px;
    font-weight: 900;
    color: #0c4c77;
    margin-bottom: 1rem;
}

.innerPage .bg-challenges .content p {
    font-size: 20px;
}

.innerPage .energyutilities {
    background: url(/assets/frontend/images/energy_whychoose.webp);

    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 2rem;

}

/*MOBILE CSS END*/

.mb20 {
    margin-bottom: 3rem;
}

.innerPage .blue-color {
    color: #0C4C77;
}

.message {
    color: #4CC893;
    font-size: 20px;
    cursor:pointer;
}

.innerPage .text-25 p {
    font-size: 25px;
}

.innerPage .five-part .content {
    display: flex;
    align-items: flex-start;
}

main.innerPage.contactus .five-part .content img {
    margin-top: 0px;
    width: 60px;
    height: auto;
    margin-right: 9px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 50px;
    box-shadow: 0 0px 5px 2px #eee;
}

.innerPage .five-part .content img {
    margin-top: 13px;
    width: 60px;
    height: 55px;
    margin-right: 9px;
}

.innerPage .three-part .content img {
    width: 25px;
    height: 25px;
    margin-top: 17px;
}

.text-right {
    text-align: right !important;
}

.innerPage .whome-weserve .title2 {
    height: auto !important;
    text-transform: none;
    margin-bottom: 5rem;
}


.innerPage .Ideation .row {
    justify-content: start !important;
}

.innerPage .bg-challenges .content {
    padding: 3rem;
    height: 100%;
}


.innerPage .five-part .content {
    flex-direction: row;
    height: auto;
}

.innerPage .five-part .content .title2 {
    height: auto;
    font: normal normal bold 20px / 30px Arial !important;
    line-height: 1.5 !important;
    min-height: 50px;
    text-transform: uppercase;
}

.innerPage .Ideation .content {
    display: flex !important;
    flex-direction: row;
}

.innerPage .Ideation h2 {
    font-size: 25px;
}

.innerPage .whome-weserve .content {
    height: 123px !important;

}

.innerPage .electric-vehicles .h3title {
    font-size: 32px;
    color: #0c4c77;
}

.innerPage .electric-vehicles p {
    font-size: 25px;
    color: #000000;
}



.innerPage .title3.automotive-market {
    width: 70%;
    margin: auto;
    text-align: center;
    margin-bottom: 5rem;
    text-align: center;
}

.innerPage .about1 {
    margin-top: 0rem;
    padding-bottom: 0rem;
}

.innerPage .automotive-market .box-left .content h4 {
    color: white;
}

.innerPage .slides2 {
    position: relative;
    overflow: hidden;
}

.innerPage .slides2:hover .details-part55 {
    transform: rotateX(0deg);
    transition: 0.5s;


}

.innerPage .details-part55 {
       border-radius: 50px;
    position: absolute;
    transform: rotatey(90deg);
    transition: 0.5s;
    left: 0px;
    top: 0px;
    background: #0c4c77f0;
    width: 100%;
      height: 105%;
    padding: 35px 30px;
         
}

.innerPage .details-part55 h4 b {
    display: block;
    font-size: 25px;
    text-align: center;
    margin-bottom: 2rem;
}

.innerPage .details-part55 ul li {
    list-style: disc;
    line-height: 1.;
    margin-bottom: .5rem;
}

.innerPage .details-part55 ul {
    margin-left: 1rem;
}

.innerPage .blue-color {
    color: #0C4C77 !important;
}

.innerPage p.title1 {
    font-size: 25px;
    margin-bottom: 5rem;
}

.innerPage .slide-next-arrows,
.innerPage .slide-next-left {
    position: absolute;
}

/* tech-driven-research page style end*/

/* faq style */


/**Typeo CSS End**/

.faq-title {
    text-align: center;
    font-size: 50px;
    font-weight: normal;
    color: #0c4c77;
    font-weight: 700;
    margin-bottom: 1rem;
}

.faq-group h3 {
    font-size: 24px;
    font-weight: normal;
    margin: 35px 0 15px 0;
}

.faq-group h3:first-child {
    margin-top: 0px;
}

.faq-btns {
    margin-bottom: 40px;
}

.faq-btn {
    width: 100%;
    display: inline-block;
    border: #000 1px solid;
    border-radius: 4px;
    text-align: center;
    margin: 10px 0;
    background-color: #fff;
    padding: 14px;
    text-decoration: none;
    color: #000;
    transition: 0.5s all;
}

.faq-btn:hover {
    background-color: #000;
    color: #fff;
}

.faq-item {
    width: 100%;
    margin: 7px 0px;
    border-bottom: #ebebeb 1px solid;
}

.faq-item .faq-label {
    position: relative;
    width: 100%;
    /* padding: 15px 26px 15px 0px; */
    cursor: pointer;

    color: #0c4c77;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    /* background: red; */
    padding: 15px;
    border-radius: 5px;
    -webkit-backdrop-filter: blur(14px);
    background: #dfebf3;
    box-shadow: 0px 3px 9px #b6b6b629;
    opacity: 1;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    font-weight: 600;
}

.faq-item .faq-label p {
    font-size: 22px;
    width: 85%;
    margin: 6px 0;
}

.faq-item .faq-label i {
    width: 18px;
    height: 100%;
    position: absolute;
    right: 30px;
    top: 0px;
}

.faq-item .faq-label i:before {
    content: '';
    position: absolute;
    left: -5px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 27px;
    height: 7px;
    background-color: #0c4c77;
}

.faq-item .faq-label i:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 7px;
    height: 27px;
    background-color: #0c4c77;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

.faq-item.faq-item-show .faq-label i:after {
    opacity: 0;
}

.faq-cont {
    transition: 0.3s all;
    overflow: hidden;
    height: 0px;
}

.faq-item.faq-item-show .faq-cont {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: auto;
    height: auto;
    padding: 22px 20px;
}

.faq-cont p {
    margin: 0px 0 20px 0;
}

.faq-group {
    margin-bottom: 3rem;
}

.faq-cont p:last-child {
    margin-bottom: 0px;
    font-size: 20px;
}


.innerPage .activebg,
.innerPage .activebg1 {
    -webkit-backdrop-filter: blur(14px);
    background: #cbe5e7c4 0% 0% no-repeat padding-box;

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* faq css */


/*===============================
atutomobile
=================================*/
.automobile .fiveimg .content {

    flex-direction: row !important;

}

.automobile .scrollmore,
.brand-commPage .scrollmore,
main.aviation.innerPage .scrollmore {
    overflow-y: scroll !important;
}

.automobile .content-details.visible {
    height: auto;
    overflow: visible;
}

.automobile .content-details {
    height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}

.automobile .content-details ul {
    padding: 0;
}

.automobile .mega-menu {
    display: none;
    /* Add your styles for the mega menus */
}

.my-flex {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.my-flex h3 {
    padding-top: 33px;
}

.readmore-btn {
    text-align: left;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
}

.header-back {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 80px;
    background: #ffffffbd 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 8px #00000029;
    /* border-radius: 0px 0px 25px 25px; */
    opacity: 1;
    backdrop-filter: blur(24px);
    z-index: 91;

}

.automobile .about-part-it1 p {
    font-size: 25px;
    color: #000000;
}

.automobile .about-part-it1 {
    padding: 3rem 0px;
}

.automobile .title3 {
    text-align: left;
    font: normal normal 900 50px/60px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
}

.automobile .three-part .title2 {
    padding-right: 10px;
    text-align: left;
    font-size: 16px !important;
}

/*MOBILE CSS END*/

.automobile .mb20 {
    margin-bottom: 3rem;
}

.automobile .blue-color {
    color: #0C4C77;
}

.message {
    color: #4CC893;
    font-size: 20px;
}

.text-25 p {
    font-size: 25px;
}

/* automobile part */
.automobile .automotive-market {
    padding-bottom: 0px !important;
    margin-top: 0rem !important;
}


.automobile .five-part .content p {
    color: black !important;
}

.automobile .automobile-banner h1 {
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
}

.automobile.innerPage .whome-weserve .title2 {
    height: auto !important;
    text-transform: none;
    margin-bottom: 0rem;
}

.automobile .whatwedo,
.automobile .whatwedos,
.automobile .show9 {
    display: none;
}

.automobile section.industry-main-banner {
    padding-top: 40rem;
    padding-bottom: 5rem;
}

.automobile .industry-main-banner h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 900;
    text-transform: uppercase;
}

.automobile .title2 {
    cursor: none;
}

.automobile .mega-menu {
    display: none;
    /* Add your styles for the mega menus */
}

.automobile .readmore-btn {
    text-align: left;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
}

.discover {
    position: relative;
}

.header-back {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 80px;
    background: #ffffffbd 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 8px #00000029;
    /* border-radius: 0px 0px 25px 25px; */
    opacity: 1;
    backdrop-filter: blur(24px);
    z-index: 91;

}

.automobile .about-part-it1 p {
    font-size: 25px;
    color: #000000;

}

.automobile .about-part-it1 {
    padding: 2rem 0px;
}

.automobile .title3 {
    text-align: left;
    font: normal normal 900 50px/60px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
}

.automobile .three-part .title2 {
    padding-right: 10px;
    text-align: left;
    font-size: 16px !important;
}

.automobile .bg-challenges .content {
    padding: 6rem;
    background: #daeff7c9;
}

.automobile .bg-challenges h2 {
    font-size: 50px;
    font-weight: 900;
    color: #0c4c77;
    margin-bottom: 1rem;
}

.automobile .bg-challenges .content p {
    font-size: 20px;
}


/*MOBILE CSS END*/

.automobile .mb20 {
    margin-bottom: 3rem;
}

.automobile .blue-color {
    color: #0C4C77;
}

.automobile .message {
    color: #4CC893;
    font-size: 20px;
}

.automobile .text-25 p {
    font-size: 25px;
}

.automobile .five-part .content {
    display: flex;
    align-items: flex-start;
}

.automobile .five-part .content img {
    margin-top: 23px;
    width: 60px;
    height: 55px;
    margin-right: 9px;
}

.automobile .three-part .content img {
    width: 25px;
    height: 24px;
    margin-top: 20px;
}

.automobile .text-right {
    text-align: right !important;
}



.automobile .Ideation .row {
    justify-content: start !important;
}



.automobile .bg-challenges .content {
    padding: 3rem;
}



.servicesPages .f-row {
    padding-left: 1% !important;
}


.servicesPages .details-part55 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.automobile .five-part .content {
    flex-direction: column;
    height: 190px;
}

.automobile .five-part .content .title2 {
    height: auto;
}

.automobile .Ideation .content {
    display: flex !important;
    flex-direction: row;
}

.automobile .Ideation h2 {
    font-size: 25px;
}

.automobile .whome-weserve .content {
    height: 200px !important;

}

.automobile .electric-vehicles .h3title {
    font-size: 32px;
    color: #0c4c77;
}

.automobile .electric-vehicles p {
    font-size: 25px;
    color: #000000;
}



.automobile .about1 {
    margin-top: 2rem;
    padding-bottom: 0rem;
}






.automobile .box-left h2 {
    font: normal normal 900 40px / 50px Arial;
}

.automobile .automotive-market .box-left .content h4 {
    color: white;
}

.automobile .slides2 {
    position: relative;
    overflow: hidden;
}

.automobile .slides2:hover .details-part55 {
    transition: 1s;
    opacity: 1;
}

.automobile .details-part55 {
    position: absolute;
    transition: 1;
    opacity: 0;
    left: 0px;
    top: 0px;
    background: #CBE5E7;
    width: 100%;
    height: 100%;
    padding: 30px 30px;
}

.automobile .details-part55 h4 b {
    display: block;
    font-size: 25px;
    text-align: center;
    margin-bottom: 2rem;
    color: #0c4c77;
}

.details-part55 ul li {
    list-style: disc;
    line-height: 1.;
    margin-bottom: .5rem;
    color: black;
}

.automobile .details-part55 ul {
    margin-left: 1rem;
}

.blue-color {
    color: #0C4C77 !important;
}

.img-2 {
    position: relative;
}

.automobile .slider-3 div#loadMores1 {
    font-size: 20px;
    text-align: center !important;
    padding-top: 1rem !important;
}

.automobile .slider-3 div#loadMores1 a {
    color: #4CC893 !important;
    text-transform: capitalize;
}


/* form part start now */
.sidebar-subhead {
    padding: 10px 30px;
    background: #e8f4ff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 10px;
    z-index: 2;
    position: relative;
}

.mysearch-part .sidebar-con li {
    margin-bottom: 0rem !important;
}

.search-one {
    height: 50px;
    background: white;
    margin-bottom: 1rem;
}

.mysearch-part ul {
    padding: 5px !important;
}

.search-one input {
    width: 100%;
    height: 100%;
    outline: none;
    border: 0px;
    background: none;
    padding-left: 10px;
    font-size: 16px;
}

.search-one input::placeholder {
    padding-left: 10px;
    font-size: 16px;
}

.blog-search-bar {
    margin-bottom: 4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.search-bar {
    padding: 20px;
}

.search-bar .input.col-6 {
        width: 48%;    margin-right: 8px;
    height: 60px;
    border-radius: 10px;
    padding: 5;
    margin-bottom: 1.7rem;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

.search-bar .input1 {
        width: 100%; 
    height: 60px;
    border-radius: 10px;
    padding: 5;
    margin-bottom: 1.3rem;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}
.search-bar .input1 input , .search-bar .input input {
    width: 100%;
    height: 100%;
    outline: none;
    border: 0px;
}

input {
    color: #0c4c77;
    font-size: 18px;
    padding-left: 7px;
    background: transparent;
}

.contact-bannerp .blog-search-bar {
    background: #F5F5F5;
    width: 25rem;
    margin: 0px 0px 0px auto;
}

.contact-bannerp .textarea textarea {
    border: 0px;
    padding: 10px;
    outline: none;
    height: 100%;
    width: 100%;
    color: #0c4c77;
    font-size: 20px;
    padding-left: 7px;
    background-color: transparent;font-family: arial;
}

.contact-bannerp .textarea {
    height: 170px !important;
}

button {
    color: #4CC893;
    text-align: center;
    margin-top: 10px;
    border: 0px;
    outline: none;
    background-color: transparent;
    font: normal normal normal 20px / 30px Arial !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    cursor: pointer;
}

.contact-bannerp button {
    margin: 0px 0px 0px auto;
}

.contact-bannerp button img {
    margin-left: 10px;
}

input::placeholder,
.contact-bannerp .textarea textarea::placeholder {
    padding-left: 7px;
    color: #0c4c77;
    /*font-size: 18px;*/
    text-transform: uppercase;
    font-weight: 400;
}

.contact-bannerp .sidebar-subhead h4 {
       color: #0C4C77;
    font-size: 25px;
    margin-bottom: 0px;
    font-weight: 600;
    text-align: center;
}

/* contact page */
.welcome-part h1 {
    text-align: left;
    font: normal normal 900 50px / 61px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
}

.welcome-part p strong {
    text-align: left;
    font: normal normal bold 30px / 45px Arial;
    letter-spacing: normal;
    color: #4CC893;
    opacity: 1;
}

.welcome-part h2 {
    text-align: left;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
    font: normal normal 900 40px / 61px Arial;
}

.map-img img {
    width: 100%;
    height: auto;
}

.map-img {
    position: relative;
}

.location1 {
    position: absolute;
    right: 52%;
    top: 33%;
    transform: translate(3%, 20%);

}

.lmap2 {
    right: 31%;
    top: 59%;
    transform: translate(3%, 20%);

}

.lmap3 {
    right: 24%;
    top: 68%;
    transform: translate(3%, 20%);

}

.location1 img {
    width: 30px;
    height: 50px;
}

.contact-d .content ul li {
    display: flex;
    align-items: self-start;
    justify-content: start;
    margin-bottom: 2rem;

}

.contact-d .content ul li img {
    width: 40px !important;
    margin-right: 10px;
}

.contact-d .content ul li a {
    font-size: 20px;
    color: #0C4C77;
}

.contact-d .content {
    width: 85%;
}


.banner-fixedimg {
    position: absolute;
    top: 80px;
    right: 5%;
    width: 128px;
}

.careerp .contact-d .content ul li img {
    width: 80px !important;
    margin-right: 10px;
}

.careerp .five-part .content {
    border-top: 0px !important;
}

.career-pro1 {
    width: 100%;
    background: #0C4C77;
    border-radius: 30px;
    padding: 28px 0px;
}

.career-pro1 .career-pro-img {
    height: 200px;
    background: #DFEBF3;
    border-radius: 30px;
    box-shadow: 0px 4px 6px #00000029;

}

.career-pro1 .career-pro-img img {
    width: 85px;
}

.career-pro1 .career-pro-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.career-pro-title h5 {
    color: white;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    text-align: center;
}



.career-pro1 {
    margin-bottom: 3.5rem;
}

.faq-titl1 h5 {
    color: #4CC893;
    font-size: 32px;
    font-weight: 700;
}

.faq-titl1 p {
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #0C4C77;
    font-size: 20px;
    font-weight: 600;
}

.career-faq .faq-item {
    margin: 10px 0px;
}

.job-desc {
    margin-top: 2rem;
}

.job-desc h5 {
    color: #0C4C77;
    font-size: 25px;
    font-weight: 600;
    border-top: 1px solid #0c4c77;
    width: fit-content;
    padding-top: 1rem;
}

.job-desc ul li {
    line-height: 1.7;    list-style: disc;
}
.job-desc ul li span{
    font-size: 16px !important;
}
.job-desc ul {
  padding-left: 1.5rem;  
}
.icon-ul li {
    position: relative;
    color: #0C4C77;
}

.job-desc  .icon-ul li::after {
position: absolute;
    background-repeat: no-repeat;
    left: -23px;
    content: '';
    background-image: url(/assets/frontend/icons/up-carret-img.png);
    width: 15px;
    height: 15px;
    top: 5px;
    background-size: 100%;
}

.icon-ul li::after {
    position: absolute;
    background-repeat: no-repeat;
    left: -23px;

    content: '';
    background-image: url(/assets/frontend/icons/up-carret-img.png);
    width: 18px;
    height: 20px;
    top: 12px;
    background-size: 100%;
}

.icon-ul {
    padding-left: 1.5rem;
}

.career-contactform textarea {
    width: 100%;
    height: 100%;
    padding: 12px;
    /* color: red; */
    font-size: 19px;
    border: 0px;
    outline: 0px;
    background-color: transparent;    font-family: arial;
}

.career-contactform .textarea {
    padding: 5px;
}

.career-contactform textarea::placeholder {

    color: #0c4c77;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}

.apply-btn img {
    margin-left: 1rem;
}

.apply-btn button {
    padding: 5px 0px;
    margin: 0px 0px 0px auto;
}

.career-contactform .blog-search-bar {
    background: #F5F5F5;
    margin-top:0;
}

.career-contactform .search-bar .input1, .career-contactform .search-bar .input {
    background-color: white;
}

.career-contactform input::placeholder,
.career-contactform .contact-bannerp .textarea textarea::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #0C4C77;
}

.career-contactform .search-bar .input1 , .career-contactform .search-bar .input{
    margin-bottom: 1.5rem;
}

.career-contactform h3 {

    text-align: left;
    font: normal normal 900 50px / 61px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
}

.career-contactform p {
    font-size: 25px;
    width: 50%;
    margin-top: 1rem;
    color: #0C4C77;
}

.contact-bannerp1 {
    position: relative;
}

.contact-bannerp1 .banner-c {
    width: 100%;
    height: auto;
}



.innerPage .details-part55 {
    display: grid;
    align-items: center;
    justify-content: center;
    background: #CBE5E7;

}

/*====gallery page====*/

.gallery-page ul.tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gallery-page li.tab {
    font-size: 20px;
    background: #0C4C77;
    padding: 10px 33px;
    border-radius: 50px;
    color: white;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 6px #a1a1a129, 0 3px 6px #e5e5e53b;
}

.gallery-page .product-tab {
    width: 1050px;
    margin: auto;
}

.tabs-display-part {
    margin-top: 5rem;
}

.tabs-display-part img {
    border-radius: 50px;
}

li.tab.active {
    background: white;
    border: 1px solid #4CC893;
    color: #4CC893;

}

.tab-content {
    display: none;
    transform: translateY(20px);
    transition: all 0.3s ease;

}

.tab-content.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.g-img1 {

    height: 100%;
}

.g-img1 img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.tab-content .col-lg-4,
.kmb-2 {
    margin-bottom: 2rem;
}



/* .whatwedo{
        display:none;
      } */
.phone-box {
    background: #0C4C77;
    padding: 17px 10px;
    border-radius: 10px;
    margin-bottom: 3rem;
    margin-top: 1rem;
    box-shadow: 0px 2px 6px #00000029;
    /* padding-left: 1rem; */

    width: 90%;
}

.mll-0 {
    margin-left: 1.3rem;
}

.phone-box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 14px;
}

.phone-box ul li a {
    color: white;
    font-size: 16px;
}

.email-box {
    margin-left: 0px !important;
}

.ps-0 {
    padding-left: 0px;
}

.gallery-page ul.tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gallery-page li.tab {
    font-size: 20px;
    background: #0C4C77;
    padding: 10px 33px;
    border-radius: 50px;
    color: white;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 6px #a1a1a129, 0 3px 6px #e5e5e53b;
}

.gallery-page .product-tab {
    width: 1050px;
    margin: auto;
}

.tabs-display-part {
    margin-top: 5rem;
}

.tabs-display-part img {
    border-radius: 50px !important;
}

li.tab.active {
    background: white;
    border: 1px solid #4CC893;
    color: #4CC893;

    transform: scale(1.1);
}

.tab-content {
    display: none;
    transform: translateY(20px);
    transition: all 0.3s ease;

}

.tab-content.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.g-img1 {

    height: 100%;
}

.g-img1 img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.tab-content .col-lg-4,
.kmb-2 {
    margin-bottom: 2rem;
}



.active-part {
    display: block;
}

.tabs-image-part .row {
    overflow: hidden;
}

.tabs-image-part ul.tabs {
    text-align: center;
    grid-auto-columns: 2;
    display: grid;
    grid-template-columns: 50% 50% !important;
    grid-gap: 0px 16px;
}

.tabs-image-part li.tab {
    background: #DFEBF3;
    padding: 19px 22px;
    /* width: 50%; */
    margin-bottom: 1rem;
    /* margin: 0px 5px; */
    border-radius: 20px !important;
    font-size: 18px;
    overflow: hidden;
    color: #0C4C77 !important;
}

.tabs-image-part .tabs-display-part img {
    border-radius: 0px;
}

.tabs-image-part .tabs-display-part {
    margin-top: 0rem;
    height: 100%;
}

.tab-content.active-part {
    height: 100%;
}

.product-tab {
    margin-top: 2rem;
}

.tabs-image-part .tabs li.active-part {
    background: #DFEBF3;
    color: #0C4C77 !important;
    font-weight: 700;
}

.tabs-image-part .tabs-display-part {
    margin-top: -1rem;
    padding-right: 25px;
}

.field-box {
    background: #DFEBF3;
    padding: 50px 20px;
    border-radius: 20px;
    line-height: 1.6;
    width: 82%;
    box-shadow: 0px 3px 6px #5e5e5e29;
    border: 1px solid #e1e0e0;
    position: relative;
    height: 100%;
}

.fbox-field::before {
    display: none;
}

.field-box::before {
    position: absolute;
    left: -81px;
    background: url("/assets/frontend/icons/right-arrows.png");
    top: 44%;
    height: 20px;
    width: 40px;
    content: '';
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: .8;
}

.f-text p {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.f-title {
    color: #4CC893;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 3rem;
    font-weight: bold;
    text-transform: uppercase;
}

.field-box::after {
    position: absolute;
    left: -22px;
    content: '';
    height: 100px;
    width: 100%;
    background: #4fca93;
    display: block;
    top: 44px;
    z-index: -1;
    border-radius: 10px 0px 0px 10px;
}

.tab-content h4 {
    font-size: 52px;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
}

div#Festivities2 {
    background: none !important;
    padding: 0px !important;
}

.tab-content.active-part {
    display: flex !important;
    align-items: center;
    background: #0c4c77 !important;
    padding: 0px 60px !important;
}

.tab-box {
    background: #DFEBF3;
    padding: 50px 20px;
    border-radius: 20px;
    color: #0C4C77 !important;

}

.tab-content.active-part {
    display: block;
    /* background: red !important; */
    display: flex !important;
    background: rgb(12, 76, 119) !important;
    padding: 0px 60px !important;
}

.innerPage .details-part55 p, .innerPage .details-part55 ul li {
    color: #000;font: normal normal normal 16px / 26px Arial !important;
}

.tabs li.active-part {
    background: #007bff;
    color: #fff;
}

.tab-content {
    display: none;
}

.tab-content.active-part {
    display: block;
}

/*===========================================================================================================
============================================================================================================
                                                All latest media query start now
===========================================================================================================
============================================================================================================ */




.why-choose-slider .slick-arrow,
.slick-arrow .why-choose-slider {
    display: none !important;
}

/*camical tabs page */

.tabs7 .chamical-tabs1 {
    background: #0C4C77;
    border-radius: 25px;
    margin-right: 1rem;
    height: 70px;
    width: 350px;
    text-align: center;
    padding: 0px 23px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    box-shadow: inset 0px 3px 12px #00000029;
    color: #0C4C77;
    background: #DFEBF3;
}

.display-part1 {
    display: none;
}

.display-active {
    display: block;
}

.chamical-tabs1.active-tabpart {
    background: #0C4C77;
    color: white;
}

.tabs7 {
    width: 800px;
    display: flex;
    margin-bottom: 3rem;
}



/*fmcg*/

.fmcg .innerPage .whome-weserve .content {
    height: 90px !important;
}



.fmcg .py-5,
.my-5 {
    padding-top: 3rem !important;
    padding-bottom: 0 !important;
}

.fmcg .innerPage .about-part-it1 {
    padding: 0 !important;
}

.fmcg .innerPage .title3 {
    text-align: left;
    font: normal normal 900 56px / 60px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    padding-top: 3rem;
}

.fmcg .py-5,
.my-5 {
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
}

.fmcg h2.title5 {
    text-align: left;
    font: normal normal 900 56px / 60px Arial;
    letter-spacing: 0px;
    color: #0C4C77;

}

.fmcg .my-container.about-part-it1 {
    margin-bottom: 0rem;
}

.innerPage .form-back {
    background: #e8f4ff;
    padding: 45px 20px 60px 20px;
}



.fmcg .faq-title {
    text-align: center;
    font-size: 50px;
    font-weight: normal;
    color: #0c4c77;
    font-weight: 700;
    margin-bottom: 1rem;
}

.fmcg .innerPage .title3 {

    margin-bottom: 1.5rem;
}

.innerPage .title3 {
    text-align: left;
    font: normal normal 900 45px / 61px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    margin-bottom: 1.5rem;
}


/*fmcg end*/







/* Media Start  */

.innerPage .media-banner{
    background: url(/assets/frontend/banner/media_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}
.innerPage .aviation-banner{
    background: url(/assets/frontend/banner/aviation_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}
.innerPage .ecommerce-banner{
    background: url(/assets/frontend/banner/ecom-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}
main.innerpage.media p {
    font: normal normal normal 20px / 35px Arial !important;

}

.media .content-detailstop {
    height: 165px;
    overflow: hidden;
    margin-bottom: 10px;
}

.media .content-detailstop.visible {
    height: auto;
    overflow: visible;
}

.mediaa {
    padding: 3rem 0;
}

.mediaa h1 {
    text-align: left;
    font: normal normal 900 56px / 60px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
}

.mediaa .message.text-right.mt-5 {
    padding-top: 1rem !important;
}

.media .my-container.about-part-it1 {
    padding-top: 3rem;
}

.media .whatwedo .content {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.media .whatwedo .content img {
    margin-top: 10px;
}

.media .discover.automotive-market.py-5 {
    margin-top: 0;
}

.media section.five-part.fiveimg.py-5.whome-weservee {
    background: #daeff7c9;
}

.media .whome-weservee .content {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.media .whome-weservee .content img {
    width: 25px;
    height: 25px;
    margin-top: 10px;
}

.media .whome-weservee .content h3.title2 {
    height: auto;
    padding: 10px 0;
}

.media .bg-challenges {
    
    background-image: url(/assets/frontend/images/media-whychoose.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.media .bg-challenges .content {
    padding: 3rem;
    background: #daeff7c9;
}

.media .bg-challenges .content h2.title3.mb20 {
    margin-bottom: 2rem;
}

.media .Ideation .content h3.title2 {
    height: auto;
}

.media .Ideation .content p {
    color: #0C4C77;
}

.media section.electric-vehicles.mb-4.py-5.mediaa {
    padding-top: 0 !important;
}

.media section.electric-vehicles.mb-4.py-5.mediaa h2.title3.mb20 {
    font: normal normal 800 45px / 61px Arial !important;
    margin-bottom: 1rem;
}

.media h4.pt-4.mx-0 {
    text-align: left;
    font-size: 24px;
    color: #0C4C77;
    text-transform: uppercase;
    font-weight: 900;
    margin-left: 15px;
    margin-bottom: 15px;
}

.innerPage .techdriven-banner {
    background: url(/assets/frontend/banner/techdriven-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}
section.blogs-head.py-5 {
    padding-bottom: 0 !important;padding-top: 1rem !important;
}
.case-main-banner {
    background: url(/assets/frontend/banner/case-study.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;    margin-top: 5rem;margin-bottom: 2rem;
}
.media form#casestudyfrm {
    margin-bottom: 1.5rem;
}

.media section.form-end.fgfg form input,
.media section.form-end.fgfg form input {
    margin-right: 1rem;
}



.media section.faqq h2.title3.mb20 {
    margin-bottom: 1rem;
}




/* Media End  */



/* Bank Start */



main.innerPage.bank .bg-challenges.banking {
    background: url(/assets/frontend/images/banking-whychoose.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 2rem;
}

.bank section.faqq h2.title3.mb20 {
    margin-bottom: 1rem;
}

.bank section.five-part.Ideation.py-5 {
    padding-bottom: 0 !important;
}






/* Bank End */



/*education-industry start*/


.innerPage .whome-weserve .content {
    height: 90px !important;
}



.education.industry .py-5,
.my-5 {
    padding-top: 3rem !important;
    padding-bottom: 0 !important;
}

.education.industry .innerPage .about-part-it1 {
    padding: 0 !important;
}

.education.industry .innerPage .title3 {
    text-align: left;
    font: normal normal 900 56px / 60px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    padding-top: 3rem;
}

.education.industry .py-5,
.my-5 {
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
}

.education.industry h2.title5 {
    text-align: left;
    font: normal normal 900 56px / 60px Arial;
    letter-spacing: 0px;
    color: #0C4C77;

}

.education.industry .my-container.about-part-it1 {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

.education.industry .innerPage .form-back {
    background: #e8f4ff;
    padding: 0px 20px 60px 30px;
}




.education.industry .py-5,
.my-5 {
    padding-top: 3rem !important;
    padding-bottom: 0 !important;
}

.education.industry .px-3,
.mx-3 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.education.industry .faq-title {
    text-align: center;
    font-size: 50px;
    font-weight: normal;
    color: #0c4c77;
    font-weight: 700;
    margin-bottom: 1rem;
}

.education.industry .innerPage .title3 {

    margin-bottom: 1.5rem;
}

.education.industry .my-container.about-part-it2 {
    padding-top: 1.5rem;
}





.innerPage.education.industry .content-details {
    height: auto;
}

.education.industry .paragraph {
    margin-bottom: 1rem;
    margin: 0;
}

.education.industry div#loadMore {
    margin-bottom: 1rem;
}

main.aviation.innerPage.education.industry .discover.automotive-market.py-5 h2 {
    font-size: 35px !important;
}

.education.industry .paragraph1 {
    margin-bottom: 1rem;
}
     .education.industry .innerPage .details-part55 {
            background: #CBE5E7;
        }

      .education.industry section.discover.automotive-market.slider6.py-0 {
            margin-top: 2rem;
        }

        .education.industry .discover.automotive-market.slider6.why-choose-slider {
            margin-top: 2rem;
        }



.innerPage .energy-and-utility-banner {
    background: url(/assets/frontend/banner/energy_banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 140 / 45;
    width: 100%;
    height: 100%;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}
}

main.energy-utilities.innerPage .bg-challenges {
    background: url(/assets/frontend/images/energy-utlities-whychooseus.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 2rem;
}


/*education-industry end*/






/*automobiles start*/


.innerPage.automob .bg-challenges {
    background: url(/assets/frontend/images/automobile-business-image.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 2rem;
}
.innerPage.automob .bg-challenges.whychosseus {
    background: url(/assets/frontend/images/automotive-whychoose.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    margin-bottom: 2rem;
}


main.travel-and-hospitality.innerPage.automob .details-part55.scrollmore,
main.innerPage .details-part55.scrollmore {
    overflow: auto;
}

.automob .whome-weserve {
    padding-bottom: 0 !important;
}



/*automobiles end*/







/*retail start*/

.white.innerPage .five-part .content img {
    margin-top: 13px;
    width: 24px;
    height: 25px;
    margin-right: 9px;
}

    
  .innerPage .online-diaries-banner {
    background: url(/assets/frontend/banner/online-diaries-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
} 


.innerPage .retail-cpg-banner {
     background: url(/assets/frontend/banner/reatil_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}

.innerPage .main-service-banner {
     background: url(/assets/frontend/banner/main-service_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;    background-position: bottom !important;

}

.innerPage .automobile-banner {
     background: url(/assets/frontend/banner/automotive_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;

}

.white.innerPage .bg-challenges {
    background: url(/assets/frontend/images/retail-whychoose.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 2rem;
}

.white div#loadMore {
    margin-bottom: 2rem;
}



/*retail end*/




/*professional services start*/

.innerPage .professional-services-banner {
    background: url(/assets/frontend/banner/professinal-main-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
    background-position: center !important;
}
.innerPage .education-banner {
    background: url(/assets/frontend/banner/eduaction_banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}

.innerPage.professional-services .bg-challenges {
    background: url(/assets/frontend/images/professional-whychoose.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 2rem;
}



/*professional services end*/



/*e-commerce start*/



.innerPage.ecom .bg-challenges {
    background: url(/assets/frontend/images/ecommerce-whychoose.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    margin-bottom: 2rem;
}

.discover .slides2 a {
    font-size: 19px;
}

.ecom div#loadMore {
    margin-bottom: 1rem;
}

.ecom section.five-part.Ideation.py-5.chamical-tab-part {
    padding-top: 0 !important;
}





/*e-commerce end*/

.innerPage .whychooseus-banner {
    background: url(/assets/frontend/banner/why-choose-us-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}
main.energy-utilities.innerPage .box-left {
    height: auto !important;
}
main.energy-utilities.innerPage .box-left p {text-transform: initial;
}
main.energy-utilities.innerPage .discover.automotive-market.py-5 {
    margin-top: 0;
}
.energy-360 .career-pro1 { padding: 0;}
.energy-360 .career-pro1 .career-pro-img { background: #0C4C77;text-align:center;    height: 150px;}
.energy-360 .career-pro1 .career-pro-img h5 { color: #fff;text-transform:uppercase;font-weight: 700;
    font-size: 1.7rem;}
.energy-360 .career-pro1 { background: #4CC893;color: #fff;}
.energy-360 .career-pro-title { text-align: center;padding: 20px 0;height: 115px;}
.energy-360 .career-pro-title p {margin-bottom: 5px;}
.energy-360-pointers .row{    background: #daeff7c9;
    padding: 15px 10px;    margin-bottom: 20px;}
.energy-360-pointers .energy-subpoint h5 {
    color: #0C4C77;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.energy-360-pointers .row .col-12:nth-child(1) {
    justify-content: start;
}
.energy-360-pointers .row .col-12:nth-child(4) {
    justify-content: end;
}
.energy-360-pointers .row .col-12 {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*go-to-market start*/





/*go-to-market-start*/

.go-to-market .innerPage .details-part55 { background: #CBE5E7; }
.go-to-market section.discover.automotive-market.slider6.py-0 {margin-top: 2rem;}
.go-to-market .discover.automotive-market.slider6.why-choose-slider { margin-top: 2rem;}





.go-to-market .bg-challenges.bgimg-remove ul li {
    list-style: disc;
        font-size: 20px;
    line-height: 35px;
   
}
.go-to-market h3.heading3.my-4.mb-0.case-study {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.go-to-market h3.title2.european {
    height: auto;
}
.go-to-market .content ul li {
    list-style: disc;
    
}

.go-to-market .content.blue-bg.what-sets ul {
    color: white;
}

.go-to-market .content.market-entry {
    display: flex;
    align-items: center;
    padding-right: 4rem;
}
.go-to-market img.why-choose-market {
    height: 100%;
    width: 100%;
}
.go-to-market img.key-market {
    width: 100%;
    height:100%;
}

.go-to-market img.case-study {
    width: 100%;
    height: 100%;
        object-fit: cover;
}

.go-to-market img.reasons-to-choose {
    width: 100%;
}
.go-to-market section.five-part.py-0.three-part.pt-4.market-strategy img {
    width: 100%;
     margin-bottom: 1rem;
}

.go-to-market section.five-part.py-0.three-part.pt-4.market-strategy .content img {
    width: 25px;
    height: 24px;
    margin-top: 20px;
}

.go-to-market section.py-4.xyz .col-sm-6 {
    padding: 0;
}
.go-to-market section.py-4.xyz .col-sm-3 {
    padding: 0;
}
.go-to-market img.localization {
    width: 100%;
    height: 100%;
}
.go-to-market .bg-challenges.bgimg-remove {
    margin-bottom: 0 !important;
}

.go-to-market .three-part .content {
    margin-bottom: 2rem;
 padding-top: 10px;
}



.go-to-market h4.heading3.my-4.mb-0 {
    color: #4cc893;
      padding: 1rem 0 !important;
}


.go-to-market .bgimg-remove .col-sm-12 {
    padding: 0;
}
.go-to-market .innerPage .bg-challenges .content ul li {
    font-size: 20px;
    line-height: 35px;
}


/*go-to-market-end*/



/*Conatct us page css*/


.contact-bannerp{
    background: url("/assets/frontend/banner/contact_bannes.webp");
    /*background-size:100% 100%;*/
padding: 120px 0px 50px 0px;
/* height:800px */
}

 .career-contactform .contactform{
            object-fit: cover;
    height: 580px;
    }
  .career-contactform textarea#message::placeholder {
    font-size: 14px;
    font-style: normal;
    font-weight: lighter;
}
/*MOBILE CSS END contcat us */




 /*industry start*/
    
    
    .indus .about-part h2 {
    width: 100%;
    height: auto;
}




.indus .about-part.py-5 {
    margin-bottom: 0;
}

.indus .automotive-market h2 {
    color: #0c4c77;
    margin-bottom: 2rem;
    padding: 0;
}
    
    /*industry end*/


  .our-team-banner {
    background: url(/assets/frontend/banner/our-team-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
} 




/*privacy-policy start*/



    
  .privacy-policy-banner {
    background: url(/assets/frontend/banner/privacy-policy-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
} 
    
  .privacy-policy section.five-part.py-0.three-part.pt-4 h2 {
    color: #0c4c77;
} 
   .privacy-policy section.five-part.py-5.three-part.pt-0 ul li {
    list-style: disc;
    margin-left: 20px;
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 35px;
}  
   .privacy-policy .my-container h2 {
    margin-bottom: 1.5rem;
}
    
 .privacy-policy .fgfg .content {
    margin-bottom: 1.5rem;
}
 .privacy-policy .privacy-policy section.five-part.py-5.three-part.pt-0 ul {
    margin-bottom: 15px;
}  
.privacy-policy a {
    color: #4cc893;
}
.privacy-policy .qwqw a {
    color: #0c4c77;
}

.privacy-policy .qwqw a:hover {
    color: #4cc893;
}


.anchorspace {
    padding-top: 100px !important;
    margin-top: -100px;
}

/*privacy-policy end*/







/*slide up css for box*/
/*.my-slide-up .img-2{*/
/*    position:static !important;*/
/*}*/

/*.my-slide-up  .details-part55{*/
/*        position:static !important;*/
/*            transform: rotatey(0deg) !important;*/
/*}*/
/*.my-slide-up  .slick-slide img:hover {*/
/*    transform: scaleY(1);*/
/*    margin-top: -370px;*/
/*    transition: 0.5s;*/
/*}*/
/*.my-slide-up  .details-part55 {*/
/*    align-items: baseline;*/
/*}*/

.my-slide-up  .details-part55 {
    position: static !important;
    transform: rotatey(0deg);
    margin-top: 4rem;
    align-items: baseline;
        display: block;
    }
   .my-slide-up  .slick-slide .img-2:hover  img {
    transform: none !important;
    /* margin-top: -85%; */
    position: absolute;
    top: -88%;
    left: 0px;
    width: 100%;
    z-index: 1;
    transition: 1s;
    border-radius: 50px;
}

   .my-slide-up  .slick-slide .img-2   img {
        transition: 1s;
        position: absolute;
        top: 0px;
        /* border-radius: 50px; */
        z-index: 1;
}
 .my-slide-up  .slick-slide .img-2:hover  {
       margin-top:0px;
        border-radius: 0px;
}
.my-slide-up  .slides2 a {
    color: #0C4C77 !important;
}
  .my-slide-up  .slides2,.details-part55,  .my-slide-up  .img-2{
    background:#DFEBF3 !important;
}
.my-slide-up  .details-part55 {
    height: 90%;
}


/*slide up css end*/

.anchor-button a {
    display: flex !important;
    align-items: self-start;
    font-size: 20px !important;
    text-align: left;
    justify-content: start;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.anchor-button a.readmore-btn {
     font-size: 16px !important;    color: #4CC893 !important;
}
.anchor-button a img {
    margin-left: 10px;
}
    .discover .slides2 .anchor-button a {
        padding: 10px 32px !important;    text-align: left;
    }



/*Industry we serve start*/


.indus .discover .slides2 {
    height: 100%;
    padding-bottom: 1.5rem;
}




/*Industry we serve end*/
  /* sticky form start */
.ins-quote {
      position: fixed !important;
    top: 45% !important;
    right: 0px !important;
    z-index: 2 !important;
    width: 60px !important;
    cursor: pointer;
}
.ins-quote img {
    box-shadow: 11px 10px 19px 0 rgb(0, 0, 0, .1);
    border-radius: 3px;width: 100%;
}

.inquireBox {
    width: 450px !important;
    position: fixed !important;
    right:-450px;
    z-index: 2 !important;
    top: 18% !important;
    overflow-x: hidden !important;
    transition: .5s !important;
    padding: 30px !important;
    background: #fff !important;
    border-radius: 5px !important;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2) !important;
    visibility: hidden;
    opacity: 0;
}
.showform{
     visibility: visible;
   right:0px;
    opacity: 1;
}
h3.addressname {
    text-transform: uppercase;
}
.inquireBox .closebtn {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
}
.inquireBox h4 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    color: #144878 !important;
    font-weight: 400 !important;
}
.formarea {
    margin: 0 !important;
    padding: 0 !important;
}
.formbox {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap!important; 
}
.inquireBox .frm-row {
    margin: 0 0 20px 0 !important;
}
.formarea .frm-row {
    padding: 0 !important;
    position: relative !important;
}
.pleasewait {
    display: none !important;
}
.inquireBox .formarea input[type=text] {
    background: #ebebeb !important;
    border: solid 1px #ebebeb !important;
}

.formarea input[type=text], .formarea textarea {
    margin: 0 !important;
    padding: 10px !important;
    width: 100% !important;
    color: #5e5e5e !important;
    font-size: var(--font-14) !important;
    font-family: var(--open-sans) !important;
    font-weight: 400 !important;
    border-radius: 10px !important;
}
.inquireBox .errormsg {
    font-size: var(--font-12) !important;
}
.errormsg {
    position: absolute !important;
    bottom: -20px !important;
    left: 0 !important;
    padding: 4px 5px !important;
    display: none !important;
    color: #fff !important;
    line-height: 14px !important;
    font-family: var(--regular-font) !important;
    background: #144878 !important;
}
.formbox .col50:nth-child(2) {
    padding: 0 0 0 20px !important;
}
.formbox .col50 {
    margin: 0 !important;
    width: 50% !important;
}
.inquireBox .frm-row {
    margin: 0 0 20px 0 !important;
}
.formarea .frm-row {
    padding: 0 !important;
    position: relative !important;
}
.inquireBox .formarea .select-selected {
    background: #ebebeb !important;
    border: solid 1px #ebebeb !important;
}
.area{
    background: #ebebeb !important;
    border: solid 1px #ebebeb !important;
    padding: 10px;
    border-radius: 10px;
    width: 100%;
}
.inquireBox input[type=submit] {
    width: 100%;
}

.inquireBox .submit-btn{
    background: #4cc893;
    padding: 10px;
    border-radius: 10px;
    border:none;
    color: #fff;
    cursor: pointer;
}
.inquireBox.submit-btn:hover{
    background: #0c4c77 !important;
}

/* sticky form end */
#slideFrm input::placeholder {
    color: #9b9898;
    font-size: 14px !important;
}



/* home banner style n */
.banner-content h2 {
    /* text-align: left; */
    font: normal normal 900 75px/85px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    opacity: 1;
    /* width: 66%; */
    margin: auto;
    margin-bottom: 2rem;
}

.banner-content {
    width: 75%;
    margin: auto;
    text-align: center;
}

.banner-content p {
    font-size: 25px;
}

a.banner-btn {
    background: #0a3746;
    display: block;
    width: 200px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    margin-top: 24px !important;
    font-size: 20px;
    color: white;
    background-image: linear-gradient(to right, #0b3f4f, #58b5bc);
    margin: auto;
    /*border: 1px solid #4fc892;*/
}
a.banner-btn:hover{
     background: #0d4e78;
}

/*map*/
    .location1-add{
      position: absolute;
    width: 370px;
    height: auto;
    background: white;
    padding: 10px;
    border-radius: 6px;
    top: 40px;
    right: 4px;
    z-index: 99;
    visibility: hidden;
    border: 2px;
    box-shadow: 0px 5px 8px #00000029;
    border: 7px solid #4cc8930f;
    }
    .location1-add.lmap2{
      right: 20px;
    }
    .location1:hover> .location1-add{
visibility: visible;
    }
    .address-p h4 {
    font-size: 21px;
    text-align: center;
    margin-bottom: 1rem;
    font-weight: 700;
}
.address-p p {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom:6px;
}
.address-p p a {
    color: #0c4c77;
}

a.banner-btn.readmore-btn2 {
    margin: 0px 0px 1.4rem 0px;
}
.gallery-banner-d{
    display:none;
}
.my-slide-up .details-part55 {
    padding-bottom: 5rem;
}
/*.cc-picker.cc-picker-code-select-enabled {*/
/*    display: none;*/
/*}*/
.row.justify-content-remove {
    justify-content: start !important;
}
.industries-case-study-section h2 {
    height: auto;
    width: 100%;
    height: auto;
}
.industries-case-study-section button {
    margin: initial !important;
}
.about-part.industries-case-study-section {
    margin: 1rem 0;
}
/*main services page*/

.border-radius-50{
    border-radius:50px;
}


/*mainservice page*/
.gotomarket .content h2 {
    color: white !important;
}
.gotomarket .content {
    padding: 3rem 0px 0rem 0px !important;
}
    .gotomarket .slick-track .slides2 .img-2 {
        height: 363px;
    }
    .gotomarket .slick-track .slides2 {
      height: 100%;
      padding-bottom: 1.5rem;
    }
}

.letswork .centercontent h2 {
    color: #4cc893 !important;
}
.gotomarket .pinkbg {
    background: #8266D9 !important;
}
.gotomarket .pinkbg .slides2 {
    background: #152750 !important;
}
.pinkbg .anchor-button a {
    color: white !important;
}
.brandcommunication.bggray-light, .brandcommunication.bggray-light .content.bggray-light {
      background:#e2f2f9 !important;
}
.content.bggray-light p{
    color:#000000 !important;
}

.brandcommunication.bggray-light .slides2{
    background:#0c4c77 !important;
}
.brandcommunication.bggray-light .slides2 a{
    color:#ffffff !important;
}


.why-choose p {color: black;}

.why-choose .slides2 {
    padding: 58px 30px;
    height: 470px !important;
}

.why-choose a {
    font-size: 30px !important;
    margin-bottom: 4rem !important;
}
.about1 .content-detailstop.h-auto{
    height:auto !important;
}


.why-choose .slick-slide::before {
 position: absolute;
    content: '';
    left: -32px;
    top: 50px;
    width: 190px;
    height: 100px;
    background: #4cc893;
    border-radius: 10px;
}

.why-choose .slick-slide {
    position: relative;
}

.why-choose .slick-track {
        justify-content: space-between;
        display: flex;
    padding: 0px 5px;
}
    .strategicresearch.why-choose .slick-slide {
        width: 23% !important;
    }
    
   
   
   /*profile page*/
   .pro-name h3 {
    color: #0C4C77;
    font-size: 31px !important;
    margin-top: 1rem;
}

.pro-account ul {
    display: flex;
    justify-content: center;
}

.pro-account ul li {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: red; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .5rem;
    border: 1px solid #0C4C77;
}

.pro-account ul li svg {
    fill: #0C4C77;
    width: 24px;
    height: 20px;
    margin-top: 7px;
}

.team-pro {
    text-align: center;
    margin-bottom: 3rem;
}

.profile-page .welcome-to-novus p strong {
    font-size: 16px;
    
}

.pro-position p {
    text-align: center !important;
}


.profile-details {
    position: fixed;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    width: 1000px;
    border-radius: 20px;
    padding: 50px 40px;
    box-shadow: 0px 5px 8px #00000029;
    border: 1px solid #4cc893;
}

.profile-details .pro-img {
    width: 240px;
    overflow: hidden;
}

.profile-details .pro-img img {
    width: 100%;
}



.profile-details .team-pro {
    text-align: left;
}

.profile-details ul {
    justify-content: start;
}

.profile-details .team-pro {
    margin-bottom: 0px;
}

.profile-popup {
    background: rgb(37 79 61 / 65%);
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index:99;
}
.close-pro {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -10px;
    top: -24px;
    background: #4cc893;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: white;
    cursor:pointer;
}
.profile-details .pro-position p {
    text-align: left !important;
    line-height: 1.5 !important;
}


/*Blogs css*/
/*MOBILE CSS END*/

.show_more_main {
    margin: 15px 25px;
    text-align:center;
}
.show_more {
    margin: 0 0 10px 0;
    padding: 10px 20px;
    display: inline-block;
    color: #FFFFFF;
    font-size: var(--font-14);
    font-family: var(--open-sans);
    font-weight: 300;
    background: #0C4C77;
    border-radius: 8px;
    line-height: normal;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    width:200px;
}

.loding {
    margin: 0 0 10px 0;
    padding: 10px 20px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    font-size: var(--font-14);
    font-family: var(--open-sans);
    font-weight: 300;
    background: #0C4C77;
    border-radius: 8px;
    line-height: normal;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    width:200px;
}
.loding_txt {
    /*background-image: url(loading.gif);*/
    background-position: left;
    background-repeat: no-repeat;
    border: 0;
    display: inline-block;
    height: 16px;
    padding-left: 20px;
}

  .mega-menu {
    display: none;
    /* Add your styles for the mega menus */
}
    .readmore-btn{
    text-align: left;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
}
.header-back{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 80px;
    background: #ffffffbd 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 8px #00000029;
    /* border-radius: 0px 0px 25px 25px; */
    opacity: 1;
    backdrop-filter: blur(24px);  
    z-index: 91;

}


section.blogs-main-banner img {
    width: 100%;
    height: 100%;
}

section.blogs-head h1 {
    text-align: left;
    font: normal normal 900 45px / 61px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
}

section.blogs-head p strong {
    text-align: left;
    font: normal normal bold 30px / 45px Arial;
    letter-spacing: normal;
    color: #4CC893;
    opacity: 1;
}


.blog-description a {
    color: #0c4c77;
}



.blog-description h3 {
       text-align: left;
    font: normal normal 300 28px / 38px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
    padding-top: 10px;
}

.blog-description p {
    font-size: 20px;
}


.blog-description a.readmore-btn {
    text-align: left;
}

.blog {
    margin-bottom: 4rem;
}


.blog-img img {
    width: 100%;
   height: 400px;
    object-fit: cover;
    object-position: center;
}


.blog-search-bar {
    margin-bottom: 4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.recent-blogs {
    margin-bottom: 4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.archives {
    margin-bottom: 4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.quick-contact {
    margin-bottom: 4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.sidebar-subhead {
    padding: 10px 30px;
    background: #e8f4ff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 10px;
    z-index: 2;
    position: relative;
}

.sidebar-subhead h4 {
    margin: 0;
    color: #0c4c77;
    font-weight: 700;
    font-size: 20px;
}

.sidebar-con {
    padding: 20px 15px;
    background: #f9f9f9;
}



.sidebar-con a {
    color: #0c4c77;
    font-size: 20px;
}

.sidebar-con ul li {
    margin-bottom: 2rem;
}

.sidebar-con ul {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}



.sidebar-con p {
    margin: 0;
    color: #0c4c77;
    font-size: 20px;
}


.blog-form ul {
    margin-bottom: 2rem;
}

.blog-form ul li {
    font-size: 20px;
    color: #0c4c77;
    margin-bottom: 4rem;
}



.blog-contact-us ul {
    margin-bottom: 1rem;
}


.blog-contact-us ul li {
    color: #0c4c77;
    margin: 1rem 0;
}

.meet {
    border-radius: 10px;
    margin-bottom: 1rem;
}

section.blogs-list {
    margin-bottom: 4rem;
}


/*Single blog css*/

  .mega-menu {
    display: none;
    /* Add your styles for the mega menus */
}
    .readmore-btn{
    text-align: left;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
}


    .next-btn{
    text-align: right;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
}

    .previous-btn{
    text-align: left;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
}


.prev-next-btn {
    display: flex;
    justify-content: space-between;
}


.previous-btn img {
    transform: rotate(180deg);
    margin-right: 5px;
}



.header-back{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 80px;
    background: #ffffffbd 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 8px #00000029;
    /* border-radius: 0px 0px 25px 25px; */
    opacity: 1;
    backdrop-filter: blur(24px);  
    z-index: 91;

}


section.blog-main-banner img {
    width: 100%;
    height: 100%;
}

section.blog-main-banner {
    margin-bottom: 4rem;    margin-top: 5rem;
}

.blog-detail h1 {
    text-align: left;
    font: normal normal 900 45px / 61px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;line-height:normal;
}

.blog-description h2 {
    text-align: left;
    font: normal normal 700 28px / 38px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;margin-bottom:15px;
}


.blog-description h3 {
    text-align: left;
    color: #4CC893;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 40px;
}

.blog-description span {
    font-size: 18px;
    color: #4cc893;
}


.blog-description a {
    color: #0c4c77;
}

.blog-description a {
    color: #0c4c77;
}

.blog-description ul li {list-style: disc;font-size: 20px;margin-left: 1em;}

.blog-description ul {
    margin-bottom: 1em;
}



.blog-description p {
    font-size: 20px;
}


.blog-description a.readmore-btn {
    text-align: left;
}

.blog-detail {
    margin-bottom: 6rem;
}


.blog-img img {
    width: 100%;
    height: 100%;
}


.blog-search-bar {
    margin-bottom: 4rem;
    
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.recent-blogs {
    margin-bottom: 4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.archives {
    margin-bottom: 4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.quick-contact {
    margin-bottom: 4rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.sidebar-subhead {
    padding: 10px 30px;
    background: #e8f4ff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 10px;
    z-index: 2;
    position: relative;
}

.sidebar-subhead h4 {
    margin: 0;
    color: #0c4c77;
    font-weight: 700;
    font-size: 20px;
}

.sidebar-con {
    padding: 20px 15px;
    background: #f9f9f9;
}



.sidebar-con a {
    color: #0c4c77;
    font-size: 20px;
}

.sidebar-con ul li {
    margin-bottom: 2rem;
}

.sidebar-con ul {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}



.sidebar-con p {
    margin: 0;
    color: #0c4c77;
    font-size: 20px;
}


.blog-form ul {
    margin-bottom: 2rem;
}

.blog-form ul li {
    font-size: 20px;
    color: #0c4c77;
    margin-bottom: 4rem;
}



.blog-contact-us ul {
    margin-bottom: 1rem;
}


.blog-contact-us ul li {
    color: #0c4c77;
    margin: 1rem 0;
}

.meet {
    border-radius: 10px;
    margin-bottom: 1rem;
}

section.blogs-list {
    margin-bottom: 4rem;
}

/*Contact us page*/
 .contact-d .content ul li {
            align-items: center;

        }

        .mega-menu {
            display: none;
            /* Add your styles for the mega menus */
        }

        .readmore-btn {
            text-align: left;
            font: normal normal normal 14px / 30px Arial;
            letter-spacing: 0px;
            color: #4CC893;
            text-transform: uppercase;
            display: block;
            opacity: 1;
            text-align: right;
        }

        .header-back {
            position: fixed;
            top: 0px;
            width: 100%;
            height: 80px;
            background: #ffffffbd 0% 0% no-repeat padding-box;
            box-shadow: 0px 5px 8px #00000029;
            /* border-radius: 0px 0px 25px 25px; */
            opacity: 1;
            backdrop-filter: blur(24px);
            z-index: 91;
        }

        .banner-row {
            width: 80%;
            margin: auto;
        }

        /*MOBILE CSS END*/
        
/*Case study page        */

  .mega-menu {
    display: none;
    /* Add your styles for the mega menus */
}
    .readmore-btn{
    text-align: left;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
}
.header-back{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 80px;
    background: #ffffffbd 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 8px #00000029;
    /* border-radius: 0px 0px 25px 25px; */
    opacity: 1;
    backdrop-filter: blur(24px);  
    z-index: 91;

}


section.case-main-banner img {
    width: 100%;
    height: 100%;
}

section.blogs-head h1 {
    text-align: left;
    font: normal normal 900 45px / 61px Arial;
    letter-spacing: 0px;
    color: #0C4C77;
    text-transform: uppercase;
    opacity: 1;
    margin-top:2rem !important;
    
}

section.blogs-head p strong {
    text-align: left;
    font: normal normal bold 30px / 40px Arial;
    letter-spacing: normal;
    color: #4CC893;
    opacity: 1;
}



section.case-studies-list {
    margin-bottom: 4rem;
}


img.cases {
    width: 100%;
    height: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 8px 0px;
}

.case-studies-list h4 {
    text-align: left;
    font-size: 24px;
    color: #0C4C77;
    text-transform: uppercase;
    font-weight: 900;
        margin-top: 1rem;
}

.case-studies-list .readmore-btn {
    text-align: left;
    font-size: 16px !important;
}


.case-studies-list p {
    text-transform: uppercase;
    color: #0c4c77;
    font-weight: 600;
}

.case-studies-list .row {
    row-gap: 40px;
}



.form-back {
    background: #e8f4ff;
    padding: 30px 20px;
}

section.form-end {
    margin-bottom: 4rem;
}
.profile-page section.form-end{
    margin-bottom: 2rem;
}


.form-end h4 {
    text-align: left;
    font-size: 24px;
    color: #0C4C77;
    text-transform: uppercase;
    font-weight: 900;
    margin-left: 15px;
        margin-bottom: 15px;
}

form.reach-out {
    display: flex;
    width: 100%;
    gap: 1rem;
    align-items: center;
}

.reach-out input#name {
    font-size: 15px;
    border: none;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    width: 25%;
}

.reach-out input#email {
    font-size: 15px;
    border: none;
   padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
     width: 25%;
}

.reach-out input#contact {
    font-size: 15px;
    border: none;
   padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
     width: 25%;
}

.reach-out a.readmore-btn {
    width: 10%;
   
}

.reach-out input::placeholder {
    color: #0C4C77;
}

button {
    color: #4CC893;
    text-align: center;
    margin-top: 10px;
    border: 0px;
    outline: none;
    background-color: transparent;
    font: normal normal normal 20px / 30px Arial !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    cursor: pointer;
}


.casemain {
    display: none;
}

.show_more {
    margin: 40px 0 10px 0;
    padding: 10px 20px;
    display: inline-block;
    color: #FFFFFF;
    font-size: var(--font-14);
    font-family: var(--open-sans);
    font-weight: 300;
    background: #0C4C77;
    border-radius: 8px;
    line-height: normal;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    width: 200px;
}
.text-center{text-align:center;}


/*Case study single page*/

.casestudy-single-bdy h3 {text-align: left;
font: normal normal normal 25px/45px Arial;
letter-spacing: 0px;
color: #4CC893;
text-transform: uppercase;
opacity: 1;}

.casestudy-single-bdy .innerPage p {
      text-align: left;
font: normal normal normal 25px/35px Arial;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}

.casestudy-single-bdy .bggray1{
    background: #DFEBF3 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
padding: 40px 20px;
opacity: 1;
color: #000000;
}

.casestudy-single-bdy .circle-part{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 21px #00000029;
    opacity: 1;
    height: 520px;
    width: 520px;
    border-radius: 50%;
    margin-top: 100px;
    z-index: 9;
    position: relative;
    margin-left: -37%;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
}
.casestudy-single-bdy .p-second p {
    padding-left: 20%;
}
.casestudy-single-bdy .p-first p{
    padding-right: 15%;
}
.casestudy-single-bdy section.chart {
    margin-top: 3rem;
}
.casestudy-single-bdy .circle-part p{
    text-align: center;
font: normal normal normal 25px/35px Arial;
letter-spacing: -0.25px;
color: #000000;
opacity: 1;
}
.casestudy-single-bdy .circle-part h4{
    color: #0C4C77 !important;
    text-align: center;
font: normal normal 900 25px/30px Arial;
letter-spacing: 0px;
color: #0C4C77;
text-transform: uppercase;
opacity: 1;
margin-bottom: 1rem;
}

.casestudy-single-bdy section.our-approach {
    margin-top: 4rem;
}

.casestudy-single-bdy .our-approach h4{
    text-align: left;
font: normal normal 900 25px/30px Arial;
letter-spacing: 0px;
color: #0C4C77;
text-transform: uppercase;
opacity: 1;
}
.casestudy-single-bdy .our-approach h3{
    text-align: left;
font: normal normal bold 35px/45px Arial;
letter-spacing: 0px;
color: #4CC893;
opacity: 1;
text-transform: capitalize;
    margin-top: 5rem;
    position: relative;
    /* width: 400px; */
}
.casestudy-single-bdy .our-approach h3::after{
    position: absolute;
    left: 0px;
    top: -10px;
    width: 300px;
    height: 2px;
    content: '';
    color: #0C4C77;
    background-color: #0C4C77;
}
.casestudy-single-bdy .our-approach p  {
    text-align: left;
font: normal normal normal 20px/30px Arial;
letter-spacing: 0px;
color: #0C4C77;
opacity: 1;
margin-bottom: 3rem;
}

.casestudy-single-bdy .content p:nth-child(1) {
    border-top: 2px solid #0C4C77;
    padding-top: 20px;
    text-align: left;
font: normal normal bold 20px/30px Arial;
letter-spacing: 0px;
color: #0C4C77;
opacity: 1;
}
.casestudy-single-bdy .content {
    padding-right: 5rem;
}
.casestudy-single-bdy .content ul li{
    text-align: left;
font: normal normal normal 20px/35px Arial;
letter-spacing: -0.08px;
color: #0C4C77;
position: relative;
opacity: 1;    margin-bottom: .8rem; list-style: initial;
}

.casestudy-single-bdy .content ul li ul li::after {display:none;}
.casestudy-single-bdy .content ul li ul li {
    list-style: square;
}
.casestudy-single-bdy .content ul{
    margin-bottom: 1rem;
    margin-left: 2rem;
}
.casestudy-single-bdy .first-col,.second-col{
    animation-fill-mode: forwards;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: red; */
    background: #DFEBF3 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px 20px;
}
.casestudy-single-bdy .readmore-btn{
    text-align: left;
    font: normal normal normal 14px / 30px Arial;
    letter-spacing: 0px;
    color: #4CC893;
    text-transform: uppercase;
    display: block;
    opacity: 1;
    text-align: right;
    border: 0px;
    outline: none;
    background: none !important;
}
.casestudy-single-bdy .first-col p,.second-col p{
    margin-bottom: 0px;
}
.casestudy-single-bdy .two-col {
    margin-top: 2rem;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.case-studies-list .row {
    row-gap: 40px;
}

  .fmcg-related.brandcommunication .slides2 {
        height: 100% !important;
        padding-bottom:1rem !important;
    }
    .testimonilas-slide button.slide-next-arrows.slick-arrow, .testimonilas-slide .slide-next-left {
    position: absolute;
}
.testimonilas-slide ul.slick-dots {
    display: none !important;
}
  .testimonilas-slide .slick-dots li button:before {
    font-size: 30px !important;
    }
    
    .testimonilas-slide .slick-dots li.slick-active button:before {
    color: #4cc893 !important;
}
.vslider1 {
    width: 81% !important;
    height: 150px;
    background: #d8f3e700;
    overflow: hidden;
    border: 1px solid #0d4673;
    padding: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.vslider1 img {
    height: auto;
    width: 100%;
}
.anchor-button a:nth-child(2) img {
    height: 10px;
}
    .diyservices .discover .img-2 {
          height: 363px !important;
    }
    .why-choose .slides2 {
    height: 450px !important;
    max-height: 439px;
    min-height: 339px;
    }
.desktop-none{
    display:none;
}

.pro-detail{
        height: 450px;
    overflow-y: auto;
     overflow-x: hidden;
    
}




.innerPage .aboutus-vision {
    background: url(/assets/frontend/banner/businessman-big-office-.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}


/*Online Reputation start*/




      .reputation-Management .about1 {
    margin-top: 0rem;
    padding-bottom: 2rem !important;
} 
      .reputation-Management .bgimg-remove .col-sm-6.abc {
    padding-right: 0px !important;
} 
  
     .reputation-Management .bgimg-remove .col-sm-6.def {
    padding-left: 0px !important;
} 
 .reputation-Management .bgimg-remove .content li {
         font-size: 18px;
    list-style: disc;
    line-height: 30px;
}   
    
   .reputation-Management .bgimg-remove .content ul {
  
    padding-left: 20px;
    margin-bottom: 20px;

    
} 
  .reputation-Management .chamical-tab-part .tabs7 {
    width: 100%;
    display: flex;
    margin-bottom: 3rem;
}
    .reputation-Management .five-part.Ideation p {
      text-align: start;

       }


    .reputation-Management .content.blue-bg {
    display: flex;
    align-items: center;
}
   .reputation-Management .bg-challenges.bgimg-remove.fgfgfg .content {
    display: flex;
    align-items: center;
}
    


/*Online Reputation end*/



/*Stakeholder Management start*/
 
     .innerPage .stakeholder-banner {
    background: url(/assets/frontend/banner/stakeholder-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}  
     .stakeholder .innerPage .details-part55 {
            background: #CBE5E7;
        }

    .stakeholder .innerPage .details-part55 p {
            color: #000;
        }
    
    

   .stakeholder .about1 {
    margin-top: 0rem;
    padding-bottom: 2rem !important;
}   
    .stakeholder .bgimg-remove .col-sm-6.abc {
    padding-right: 0px;
}
    
     .stakeholder .bgimg-remove .col-sm-6.def {
    padding-left: 0px;
}
    .stakeholder .bgimg-remove .content li {
    font-size: 18px;
    list-style: disc;
    line-height: 30px;
    
}
  .stakeholder .bgimg-remove .content ul {
  
    padding-left: 20px;
    margin-bottom: 20px;

    
}
   .stakeholder .content.blue-bg {
    display: flex;
    align-items: center;
}

  .stakeholder .bg-challenges.bgimg-remove.fgfgfg .content {
    display: flex;
    align-items: center;
}
  
.stakeholder .chamical-tab-part .tabs7 {
    width: 100%;
    display: flex;
    margin-bottom: 3rem;
}



 .stakeholder .content-whychooses1 ul {
  
    padding-left: 20px;
    margin-bottom: 20px;
}
 .stakeholder .content-whychooses1 li {
    font-size: 18px;
    list-style: disc;
    line-height: 30px;
 }

 .stakeholder .five-part.Ideation p {
      text-align: start;

       }

.stakeholder .py-5, .my-5 {
    padding-top: 3rem !important;
    padding-bottom: 0rem !important;
}


/*Stakeholder Management end*/



/*Online Diaries start*/

 .online-diaries .about1 {
    margin-top: 0rem;
    padding-bottom: 2rem !important;  
  }
     .online-diaries .content.blue-bg {
    display: flex;
    align-items: center;
}
 
  .online-diaries .bg-challenges.bgimg-remove.diaries .content {
    display: flex;
    align-items: center;

}

/*Online Diaries end*/




/*Mobile Ethnography start*/
  .innerPage .mobile-ethnography-banner {
    background: url(/assets/frontend/banner/mobile-ethnography-banner.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}  
    
  
   .mobile-ethnography .about1 {
    margin-top: 0rem;
    padding-bottom: 2rem !important;
} 
.mobile-ethnography .content.blue-bg {
    display: flex;
    align-items: center;
}

      
 .mobile-ethnography .bg-challenges.bgimg-remove.fgfgfg .content {
    display: flex;
    align-items: center;
}
    



/*Mobile Ethnography end*/
.pdfbox {
    width: 580px;
    height: 500px;
}

p.footer-logo-tagline {
    text-align: center;
    width: 292px;
    color: #000;    margin-bottom: 2rem;
}
  .desktop_pdf {
    padding-top: 20px;
}
    .pdfbox{width:580px;height:500px;}
    
     .mobile_pdf{display:none;}
    .mobile_pdf ul {
    height: 400px;
    overflow-y: scroll;
}
.mobile_pdf ul li{list-style:none;}
.mobile_pdf ul li img{width:100%;}




/*industries page btton?*/


.connect-with-us-btton {
    display: flex;
    justify-content: center;
    
}

.connect-with-us-btton a.banner-btn.readmore-btn2.connect-with-us {
    background: #0c4c77;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

.connect-with-us-btton-media a.banner-btn.readmore-btn2.connect-with-us{


    background: #0c4c77;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.connect-with-us-btton-media {
     display: flex;
    justify-content: center;
}

.sticky-kwik-logo {
    display: none;
}


/*moutn arrow*/
.mount-part ul.slick-dots {
    bottom: -61px !important;
}

.mount-part .slick-dots li.slick-active {
    width: 60px;height: 5px;
    background: #4cc893 !important;
    color: black;
     transition:0.5s;
}

.mount-part ul.slick-dots li {
    border-radius:10px;
    width: 20px;
    height: 5px;
    background: #bdbdbd;
    transition:0.5s;
}
.mount-part .slick-dots li button:before{
    font-size:0px !important;
}
/*contact us image fomr*/

.ins-quote img {
    box-shadow: none !important;
}

.ins-quote {
    width: 184px !important;
    transform: rotate(90deg);
    right: -51px !important;
}


.homepg-bdy .about-us p {
    text-transform: capitalize;
    }
    

.search section.Mainbanner.search-banner {
    background: url(/assets/frontend/banner/search.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 140 / 45;
}
.innerPage .education {
    background: url(/assets/frontend/images/eduaction-whychoose.webp);

    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 2rem;

}

.innerPage .it-telecom-whychus {
    background: url(/assets/frontend/images/it-whychoose.webp);

    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 2rem;

}
.innerPage .tourism-why-choose-us {
    background: url(/assets/frontend/images/travel-whychoose.webp);

    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 2rem;

}

.innerPage .realestate-why-choose-us {
    background: url(/assets/frontend/images/real-estate-whychoose.webp);

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 2rem;

}


  .innerPage .it-and-telecom-banner{
    background: url(/assets/frontend/banner/it_banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 140 / 45;
    width: 100%;
    height: 100%;
    padding-top: 40rem;
    padding-bottom: 5rem;
    color: white;
}


    .readless-btn{
        display:none;
    }
    .showhidetext{
        display:none;
    }
    .five-part .justify-content-between.j-b-center{
          justify-content:space-between !important;

    }
    
    
    .iti.iti--allow-dropdown.iti--separate-dial-code {
    width:105px !important;height:100% !important;
}

.input-country{
    display: flex;
    align-items: center;
}

.content-desc {
    text-align: initial;
    word-spacing: 0.05em;
    /*hyphens: auto;*/
}


/*country code style*/

        .input-country2{
                display: flex;
    font-size: 12px;
    border: none;
    /* padding: 20px; */
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(207 207 207 / 70%) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    height: 58px;
    overflow: hidden;
    width:95%;
        }
       .input-country2 .iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 105px !important;
    height: 100% !important;
}
  .input-country2 input#cid {
    height: 100% !important;
    width: 76px !important;
    border: 0px;
    margin-right: 0px !important;
        padding-right: 0px !important;
}
  .input-country2 #contact{
     border: 0px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    width: 100% !important;
    padding: 0px;
    background: transparent !important;

}
.ourteam-form .input-country2 {
        width: auto !important;
}
  .input-country2 #contact:focus, .input-country2 input:focus{
      outline:none !important;
  }

.col502 {
    width: 100% !important;
}
.col502 input#phone {
    margin-left: 5px !important;
}


.iti__flag-box, .iti__country-name {
    font-size: 12px;
}
.iti__dial-code, .iti--separate-dial-code .iti__selected-dial-code {
    font-size: 12px;
}
.industries-we-serve .readmore-btn img, .main-services .readmore-btn img{
    display: none;
}

.privacy-policy ul li::marker {
    font-size: 15px;
}

input::placeholder, textarea::placeholder, input#name::placeholder,input#email::placeholder  ,input#contact::placeholder {
    font-size: 14px !important;
}
.input1 #file
{
        font-size: 14px;
    text-transform: uppercase;
}
.innerPage .increasefont .details-part55 p {
    font: normal normal normal 20px / 26px Arial !important;
}


.single-item .slide-next-left {
    position: absolute;
    right: 155px;
    margin-top: 16px;
    border: 0px;
    outline: none;
    background: white;
    cursor: pointer;
    /* top: 20px; */
    bottom: 0;
    opacity: .8;
        z-index: 9;
}

.single-item .slide-next-arrows {
    position: absolute;
    right: 60px;
    bottom: 0;
    border: 0px;
    outline: none;
    background: white;
    cursor: pointer;
}

.bg-challenges.energyutilities .content {
        padding: 5rem 3rem;
}
.casestudy-single-bdy h2 {
    color: #0c4c77;
    margin-bottom: 2rem;
    margin-top: 1rem;
}
.blog-description ol li {
    font-size: 20px;
    list-style: numeric;
    margin-left: 1.5rem;
}

.blog-description ol {
    margin-bottom: 1rem;
}

.blog-description ol li::marker {
    font-weight: 700;
}
    
   .g-recaptcha, #sticky-captcha {
    transform: scale(0.77);
    transform-origin: 0 0;
    margin-top: 3px;
    position: relative;
    top: 10px;
}