/* body {
     background-color: #051F20;
 } */
 .headerSection {
     background-color: #051F20;
 }

 .header {
     color: #77FF28;
     font-size: 32px;
     margin: 0px;
     cursor: pointer;
 }

 .headerList {
     margin: 0px;
     list-style-type: none;
     display: flex;
 }

 .headerList li {
     padding: 0px 10px;
     cursor: pointer;
     color: #FFFBEA;
 }

 .headerRight {
     display: flex;
     align-items: center;
 }

 .getStart button {
     border-radius: 20px;
     padding: 5px 15px;
     color: #0B2D2B;
     background: linear-gradient(to right, yellow, red);
     border: none;
 }

 hr {
     color: #ffffff;
     margin: 0px !important;
 }

 .innovation {
     display: flex;
     justify-content: center;
     margin-top: 2rem;
 }

 .innovation button {
     color: #FAD02C;
     padding: 2px 10px;
     border: 1px solid #F4C430;
     background-color: transparent;
     border-radius: 20px;
 }

 .innovation button span {
     /* width: 8px;
     height: 8px;
     background: #00D492; */
     border-radius: 50%;
     display: inline-block;
 }

 /* .innovation button img {
     padding: 0px 5px;
 } */

 .getButtons {
     display: flex;
     justify-content: center;
     margin: 2rem 0rem 10px 0px;
     gap: 15px;
 }

 .callNow {
     border-radius: 14px;
     padding: 5px 15px;
     color: #FFFFFF;
     background-color: #FFFFFF1A;
     border: 1px solid;
     font-size: 18px;
     font-weight: bold;
 }

 .join {
     border-radius: 14px;
     padding: 5px 15px;
     color: #0B2D2B;
     font-size: 18px;
     font-weight: bold;
     background: linear-gradient(to right, yellow, red);
     border: none;
 }

 .exploreButton {
     color: #F4C430;
     padding: 5px 10px;
     border: 1px solid #F4C430;
     border-radius: 14px;
     font-size: 18px;
     font-weight: bold;
     background-color: transparent;
 }

 .exploreButton img {
     margin-right: 7px;
 }

 .titleContent {
     align-items: center;
     justify-content: center;
     line-height: 10px;
     text-align: center;
     margin: 10px 0px;
     line-height: 20px;
     margin-bottom: 0px;
 }

 .titleContent p {
     color: #E6E6E6;
 }

 .titleContent h1 {
     color: #FFFFFF;
     size: 96px;
     font-weight: bolder;
 }

 .expirenceDetail {
     display: flex;
     justify-content: center;
     gap: 15px;
 }

 .expirenceDetail p {
     color: #6B6B6B;
     font-size: 16px;
     margin-bottom: 0px;
 }

 .expirenceDetail p span {
     color: #FAD02C;
 }

 .titleContent h2 {
     background: linear-gradient(to right, #FCFCFC, #FAD02C);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 62px;
     font-weight: 800;
     line-height: 5rem;
 }

 .workStatus {
     display: flex;
     justify-content: center;
     margin-top: 4rem;
 }

 .workStatus div {
     text-align: center;
     padding: 0px 20px;
 }

 .workStatus div strong {
     background: linear-gradient(to right, yellow, red);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .workStatus div p {
     color: #FFFBEA;
     font-size: 12px;
 }

 .separated {
     display: flex;
     justify-content: center;
     margin-top: 20px;
 }

 .separated span {
     border: 1px solid;
     padding: 10px;
     color: yellow;
     border-radius: 12px;
 }

 .ourExperties {
     margin-top: 2rem;
 }

 .featureGoal h1 {
     color: #FFFFFF;
     font-weight: 800;
     font-size: 40px;
 }

 .ourExperties h1 {
     color: #051F20;
     font-weight: 800;
     font-size: 40px;
 }

 .ourExperties p {
     color: #6B6B6B;
 }

 .ourExperties span,
 .featureGoal span {
     padding-left: 10px;
 }

 .diagnostics {
     gap: 12px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     border: 1px solid #F1F5F9;
     padding: 12px;
     border-radius: 16px;
 }

 .ourExperties span h1,
 .featureGoal span h1 {
     background: linear-gradient(to right, yellow, red);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .tectSolution {
     text-align: center;
 }

 .projects {
     text-align: center;
 }

 .projects p {
     color: #FFFBEA;
 }

 .categoriesSection .row {
     display: flex;
     flex-wrap: wrap;
 }

 .categoriesSection .col-lg-3 {
     display: flex;
 }

 .categories {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     border: 1px solid #F1F5F9;
     padding: 12px;
     border-radius: 16px;
 }

 .categories h4 {
     color: #0F172B;
     font-size: 20px;
     font-weight: 800;
 }

 .categories p {
     color: #45556C;
     font-size: 14px;
     font-weight: 400;
 }

 .bookNow {
     display: flex;
     align-items: center;
     gap: 6px;
     cursor: pointer;
     margin-top: auto;
 }

 .bookNow p {
     color: #009966;
     margin-bottom: 0px;
     font-size: 14px;
     font-weight: 600;
 }

 .goalSet {
     background-color: #0F172B;
     padding: 3rem 0rem;
 }

 .diagnostics span {
     color: #F4C430;
 }

 .diagnostics h4 {
     color: #FFFBEA;
 }

 .diagnostics p {
     color: #FFFBEA99;
 }

 .projectsDetails {
     display: flex;
     gap: 10px;
 }

 .projectsDetails row {
     display: flex;
     flex-wrap: wrap;
 }

 .ourMission h1 {
     color: #000000;
     font-weight: 500;
 }

 .footerLogo h4 {
     color: #FFFBEA;
 }

 .socialMedia {
     display: flex;
     gap: 15px;
     padding: 0px;
 }

 .socialMedia li {
     list-style-type: none;
 }

 .socialMedialist {
     padding: 0px;
 }

 .socialMedialist li {
     color: #FFFBEA;
     list-style-type: none;
 }

 .getForm {
     text-align: center;
 }

 .getForm p {
     color: #FFFBEA99;
 }

 .informationForm {
     display: flex;
     justify-content: center;
 }

 .informationForm h1 {
     color: #FFFBEA
 }

 .informationForm span h1 {
     color: #FFFBEA99
 }

 .basicForm label {
     color: #FFFBEA;
     margin-bottom: 5px;
 }

 .basicForm input {
     width: 100%;
     padding: 7px;
     border-radius: 10px;
     border: none;
     outline: none;
 }

 .basicForm input:focus {
     outline: none;
     box-shadow: none;
 }

 .submitBtn {
     width: 100%;
     padding: 7px;
     border-radius: 10px;
     border: none;
     outline: none;
     background-color: #F4C430;
     color: #0B2D2B;
     font-weight: 700;
 }

 .contactInformation h4 {
     color: #FFFBEA;
     margin-bottom: 15px;
 }

 .details {
     display: flex;
     gap: 10px;
     align-items: center;
     margin-bottom: 15px;
 }

 .details img {
     cursor: pointer;
 }

 .officialAddress h5 {
     color: #FFFBEA;
     margin-bottom: 0px;
 }

 .officialAddress p {
     color: #FFFBEAB2;
     margin-bottom: 0px;
 }

 footer {
     border-top: 1px solid #979792;
     background-color: rgba(5, 31, 32, 1);
 }

 .copyRights {
     border-top: 1px solid #979792;
 }

 .rightAlign {
     text-align: right;
 }

 .achivements {
     display: flex;
     gap: 10px;
 }

 .getTouch {
     background-color: #0F172B;
     padding: 4rem 0rem;
 }

 .ourProcess {
     text-align: center;
 }

 .ourProcess h1 {
     color: #0F172B;
     font-weight: 800;
 }

 .ourProcess p {
     color: #45556C;
     font-weight: 400;
 }

 .workFlowSteps p {
     color: #009966;
     font-weight: 700;
 }

 .describtion h4 {
     color: #0F172B;
     font-weight: 700;
     margin-bottom: 0px;
 }

 .workFlow {
     display: flex;
     justify-content: center;
     gap: 15px;
     margin-top: 4rem;
 }

 .describtion {
     margin-top: 2rem;
 }

 .describtion h4 {
     color: #0F172B;
     font-weight: 700;
 }

 .describtion p {
     color: #45556C;
     font-weight: 400;
 }

 .digitalAutit {
     text-align: center;
     margin-top: 2rem;
 }

 .digitalAutit button {
     color: #FFFFFF;
     border: 1px solid;
     background: linear-gradient(to right, #0E595C, #051F20);
     border-radius: 14px;
     padding: 8px 10px;
     font-weight: 700;
     box-shadow: rgba(0, 188, 125, 0.3);
 }

 .aboutSection h1 {
     color: #0F172B;
     font-weight: 800;
 }

 .aboutSection p {
     color: #6B6B6B;
     font-weight: 400;
 }

 .successStory {
     background-color: #0F172B;
     padding: 2rem 0rem;
 }

 .customers {
     text-align: center;
 }

 .customers h1 {
     color: #FFFFFF;
     font-weight: 800;
 }

 .customers p {
     color: #90A1B9;
     font-weight: 400;
 }

 .progressButton {
     padding: 5px 25px;
     background-color: #00BC7D1A;
     color: #00D492;
     border: none;
     border-radius: 10px;
 }

 .customDescrib p {
     color: #CAD5E2;
     font-weight: 400;
 }

 .profileName p {
     color: #FFFFFF;
     font-weight: 700;
     padding: 10px;
     background-color: #00BC7D;
     width: 50px;
     text-align: center;
     border-radius: 22px;
 }

 .profile {
     display: flex;
     gap: 10px;
     align-items: center;
 }

 .customerDetails h4 {
     color: #FFFFFF;
     font-weight: 600;
     margin: 0px;
 }

 .customerDetails p {
     color: #62748E;
     font-weight: 400;
 }

 .successMiles {
     border: 1px solid;
     background-color: #1D293D80;
     padding: 20px;
     border-radius: 15px;
     gap: 12px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
 }