* {
    margin: 0;
    padding: 0;
}
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-thumb {
    background-color: #1790e2;
    outline: 1px solid #1790e2;
    border-radius: 100px;
    height: 60px;
}
/* CSS reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
p {
    margin-bottom:1rem;
}
li {
    list-style: none;
}

a,
a:hover {
    color: #464646;
    text-decoration: none
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
html,
body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-size: 14px;
    color: #000;
    background: #fff;
    font-family:'DM Sans', sans-serif;
     /*font-weight: normal;*/
}



footer
body {
    padding-top: 80px;
}
/*New changes from 1/27/2025 - Rakesh*/
.techwix-counter-section-02 .counter-wrap {
    border: 1px solid #e1e1e1;
    background: #ffffff;
    margin-bottom: 2rem;
    position: relative;
    z-index: 5;
    padding: 50px 30px;
}
.our-bg .holder img {
    width:100%;
    height:300px;
    border-radius:10px 50px;
}

.border-r-card {
    border-right:1px solid #e1e1e1;
}
.techwix-counter-section-02 .single-counter {
    position: relative;
    margin-left: 30px;
}
.single-counter {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.footer-img{
    margin-top:20px;
}
/*.techwix-counter-section-02 .single-counter::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 50%;*/
/*    background: #e1e1e1;*/
/*    width: 1px;*/
/*    height: 220px;*/
/*    transform: translateY(-44%);*/
/*}*/

.hr-icon{
    height:2px;
    width:2px;
}
.single-counter .counter-img {
    height: 95px;
    width: 95px;
    line-height: 95px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
}
.single-counter .counter-content {
    margin-left: 20px;
}
.single-counter .counter-content span {
    font-size: 18px;
    line-height: 30px; 
    font-family: "Source Sans 3", serif;
    font-weight: 700;
    color: #1790e2;
}
.single-counter .counter-content p {
    font-size: 12px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
    color: #4c4d56;
}

.urban-col-container{
    height: 250px !important;
}
.industries-col-container{
    height: 100%;
    min-height: 350px !important;
}
.industries-icon-cont{
    display: flex;
    justify-content: center; 
    align-items: center;
}
.industries-icon{
   width: 20%;
   height: auto; 
}
.industries-sub-titles{
    font-size: large;
    color:#1790e2;
    text-align:center;
}
.industries-read-more{
    color:#1790e2;
}
.industries-inner-app-container{
    display: flex; flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px; 
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); 
    padding: 15px;
    margin-bottom: 20px;
}
.indus-inner-icon-container{
    flex-shrink: 0; 
    margin-right: 20px;
}
.indus-inner-icon{
    width: 50px;
    height: auto;
}
.industries-inner-title{
    color:#1790e2;
    font-weight: normal;
}
.indus-inner-para{
    font-size:16px;
}
.industries-inner-text-container{
    flex-grow: 1;
}

.li-image{
   height:30px;width:35px;
}
.urban-list li{
    list-style-type: url("images/square.svg")!important; /* Correct path to the image */
    padding-left: 20px; /* Optional */
}




.governanceMain h2 {
        text-align: center;
    margin-bottom: 1rem;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 200;
}
.footer-headings {
    font-size:22px;
}
.clients h1 {
      font-size: 42px !important;
    text-transform: capitalize;
    font-family: "Source Sans 3", serif;
    font-weight:bold;
}

.egov_cards {
    margin-bottom:1rem;
}
.egov_cards .card {
        border: none;
    border-radius: 10px;
}

.egov_cards .card-body {
    text-align:center;
    Padding: 15px;
}
.egov_cards img {
        width: 50px;
}
.egov_cards .card h3 {
        font-size: 1rem !important;
            font-weight: 700;
    line-height: 1.2; 
    letter-spacing: -0.01rem;
    --tw-text-opacity: 1;
    color: rgb(52 63 82);
    word-spacing: 0.1rem;
        margin-bottom: 1rem;
}
.domain_head_content {
    text-align:center;
}
.domain_head_content h2 {
    color:#FF9400;
        line-height: 1.1;
    font-family: "Source Sans 3", serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 0px;
}
.domain_head_content h4 {
    text-align: center;
    margin-bottom: 1rem;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 200;
}
.title_egov span {
        text-align: center !important;
        font-size: 40px !important;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
    /*font-family: 'Alegreya', serif;*/
    /*font-style: italic;*/
    color: #1790e2;
}
.key_features {
    font-size: 14px;
    background-color: #339de6;
    color: white;
    padding: 8px;
    border-radius: 2px 8px;
    font-weight: 600;
}
.egov-text h4{
    font-size: 1.2rem !important;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01rem;
    --tw-text-opacity: 1;
    color: rgb(52 63 82);
    word-spacing: 0.1rem;
    text-align: left;
} 
/*.leaderImage {*/
/*    clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%);*/
/*    content-visibility: auto;*/
/*    object-fit: cover;*/
/*}*/
/*.leaderImageright {*/
/*    clip-path: polygon(0 0, 100% 0, calc(100% - 60px) 100%, 0 100%);*/
/*    content-visibility: auto;*/
/*    object-fit: cover;*/
/*}*/
.egov-text p {
    margin-top:.5rem ;
    text-align: start;
}
.bg-leadership {
background: rgb(0,143,179);
background: radial-gradient(circle at center, rgba(0,143,179,1) 65%, rgba(255,255,255,1) 100%);
}
.bg-gray {
    background-color:#f0f0f0;
}
.governanceMainWhite {
    background-color: #fff;
    padding-bottom: 70px;
}
.governanceMainWhite .egov_cards .card {
    border: none;
    border-radius: 10px;
    background-color: #f6f6f6;
}
.governanceMainGrey .egov_cards .card {
    border: none;
    border-radius: 10px;
    background-color: #ffffff;
} 
.governanceMainGrey {
    background-color: #f7f7f7;
    padding-bottom: 70px;
}
.unlocktextInsurance {
    text-align:center;
}
.insurance_Accordion .accordion-item {
    border: 1px solid #c1c1c1;
    border-radius:15px;
}
.accordion-item {
    margin-bottom:1rem !important;
    transition: all 500ms ease;
}
.insurance_Accordion .accordion-item .accordion-button {
    border-radius: 15px 15px 0px 0px;
    border-bottom:1px solid #ccc;
        font-size: 18px;
        padding: 20px;
}
.no-job-text{
    font-size: large;
    font-weight: 500;
}
.accordion-button:not(.collapsed) {
     color: black; 
     background-color: transparent; 
     box-shadow: none; 
         color: #1790e2;
    font-weight: 600;
        box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}
.accordion-item:not(.collapsed) {
        box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}
.accordion-button {
    border-radius: 15px !important;
}

.bggray_insurance {
    background-color:#f2f5f9;
    /*padding:50px;*/
}
.bgwhite_insurance {
    background-color:#f1f1f1;
    /*padding:50px;*/
}
.unlocktextInsurance p {
    font-size:16px;
}
.btmText_insurance {
        font-size: 16px;
    text-align: center;
    margin-top: 2rem;
}
.inner-page-header { 
     position: relative;
    background: url(../images/half-circle-bg.png) no-repeat scroll bottom center; 
    background-size: cover;
        text-align: center;
}
.inner-page-header,
.leadership_banner,
.about2_banner .about_banner h1, h5 {
    color:white;
}
.section-padding {
    padding: 50px 0px;
}
.section-content-padding {
    padding: 100px 0px;
}
.section-content-padding-off {
    padding: 50px 0px;
}
.lead-text, .lead-text p {
    font-size: 18px; 
    line-height: 1.6;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.features-block.theme-one .inner-box {
    background: var(--white-color);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    padding: 30px 20px;
    position: relative;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
        margin-bottom: 1rem !important;
}
.features-block.theme-one .inner-box:before {
    -webkit-transform: translateY(102%);
    transform: translateY(102%);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.features-block.theme-one .icon { 
    margin: 0px auto 18px;
    text-align: center;
    display: table;
}
.features-block.theme-one .inner-box > * {
    position: relative;
}
.features-block.theme-one .icon img {
    max-width: 60px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.features-block.theme-one h4 {
    font-size: 24px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
        color: #1790e2;
}
.features-block p:last-child {
    margin-bottom: 0;
}
.features-block .icon-col {
        margin-top: 8px;
    width: 40px;
    height: 40px;
}
h4, .h4 {
    font-family: "Source Sans 3", serif;
    font-size: 32px;
    font-weight: bold;
    color: var(--heading-text-color);
    letter-spacing: -0.4px;
    margin-bottom: 18px;
}
h1, .h1 {
    font-family: "Source Sans 3", serif;
    font-size: 44px;
    font-weight: bold; 
    color: var(--heading-text-color);
    letter-spacing: -1px;
    margin-bottom: 18px;
}


.heading-wrapper span {
    /*font-family: 'Alegreya', serif;*/
    /*font-style: italic;*/
}

.heading-wrapper.with-separator h2:after, .heading-wrapper.with-separator h3:after {
    background: -moz-linear-gradient(left, #488fed 0%, #291fbc 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #488fed), color-stop(100%, #291fbc));
    background: -webkit-linear-gradient(left, #488fed 0%, #291fbc 100%);
    background: linear-gradient(to right, #a6d4f4 0%, #1790e2  100%)
}
.heading-wrapper.with-separator h1:after, .heading-wrapper.with-separator h2:after, .heading-wrapper.with-separator h3:after {
    height: 6px;
    width: 60px;
    content: "";
    display: block;
    margin-top: 18px;
} 
.features-block.theme-two .inner-box {
    background: white;
    border-radius: 6px;
}
.features-block.theme-two .text {
    padding-left: 30px;
}
.features-block.theme-two h4 {
    font-size: 24px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    position: relative;
        color: #1790e2;
}
.bg-insurance {
    background:rgba(62, 105, 220, 0.15);
}
.inner-padding {
        padding: 30px 20px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
        
}
/*.features-block.theme-two h4::before, .features-block.theme-two h4::after {*/
/*    content: "";*/
/*    width: 3px;*/
/*    height: 10px;*/
/*    background: #1790e2;*/
/*    position: absolute;*/
/*    top: 11px;*/
/*    left: -30px;*/
/*}*/
.title-icon {
    width: 20px; /* Adjust size */
    height: 20px;
    margin-right: 8px; /* Space between icon and text */
    vertical-align: middle;
}
.style-dark .features-block.theme-two h4::before, .style-dark .features-block.theme-two h4::after {
    background: #1790e2;
}
.features-block.theme-two h4::after {
    left: -24px;
    width: 10px;
}
.bgwhite-insurance { 
    background:white;
}
.heading-wrapper {
    margin-bottom: 30px;
        font-family: "Source Sans 3", serif;
}
.heading-wrapper span.sub-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
}

.highly-secure{
    height:64px;
    width:64px;
}

.transform{
    
}
.text-justify{
    text-align: justify;
    
}
p:not(:empty) {
    margin-bottom: 18px;
}
.text-wrapper ul {
    margin-bottom: 30px;
}
ul, ol {
    list-style: none outside none;
}
.list-style-one li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 30px;
}
.list-style-one li:before, .list-style-one li:after {
    background: #291fbc;
}
.list-style-one li:after {
    left: 5px;
    width: 10px;
}
.list-style-one li:before, .list-style-one li:after {
    content: "";
    width: 3px;
    height: 10px;
    background: #291fbc;
    position: absolute;
    top: 9px;
    left: 0;
}
.icon-box.theme-two .icon {
    background: #f6f5ff;
}
.bg-icon .icon {
    background: #f6f5ff;
    padding: 15px;
    border-radius: 100%;
}
 .sub-title {
        text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 2.185rem !important;
    letter-spacing: 1px !important;
    font-style: normal;
    color: white !important;
    text-align: left;
        margin: 0rem !important;
}
.subin-title {
        font-style: normal;
    color: #ffffff;
    text-align: left !important;
}
.advertisers-service-sec .col {
    padding: 0 1em 1em 1em;
    text-align: center;
}
.advertisers-service-sec .service-card {
    width: 100%;
    height: 100%;
    padding: 2em 1.5em;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: #fff;
}
.service-card .icon-wrapper {
    background-color: #ffffff;
    color: #1790e2;
}
.advertisers-service-sec .icon-wrapper {
    background-color: #fff;
    position: relative;
    margin: auto;
    font-size: 60px;
    height: 1.5em;
    width: 1.5em;
    color: #ffffff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: 0.5s;
    z-index: 3;
}
.advertisers-service-sec span {
    color: #1790e2;
}
.service-card h4 {
    font-size: 24px !important;
    margin: 0.5em 0;
}

.advertisers-service-sec .service-card:hover {
    transform: scale(1.1);
}
.advertisers-service-sec .service-card:hover:after {
    top: 0%;
}
.advertisers-service-sec .service-card::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #488fed, #1790e2); 
    position: absolute;
    left: 0%;
    top: -98%;
    z-index: -2;
    transition: all 0.5s cubic-bezier(0.77, -0.04, 0, 0.99);
}


.advertisers-service-sec .service-card:hover h4 {
    color: #ffffff;
}
.advertisers-service-sec .service-card:hover p {
    color: #f0f0f0;
}
.service-card .icon-wrapper img {
    width:60px;
}
.managemnet img {
    max-width:100px !important;
        border-radius: 50%;
}


.Hover_card {
    width: 100%;
    height: 100%;
    padding: 3rem 3rem;
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: 0.5s;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: #fff;
     transition: all .35s ease;
}

.managemnet {
    text-align:center;
}
/*.text-icon {*/
/*     text-align:center;*/
/*}*/
.text-icon h4 { 
        font-size: 24px !important;
    margin: 1rem 0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    letter-spacing: 0px;
    color: #1790e2;
    text-transform: capitalize;
}
.main_content_leader {
    margin-top:1rem;
}
.medal img {
    width:80px;
}
.temmainheading p {
        text-align: center;
    font-size: 18px;
    line-height: 1.6;

}
.bannerFont .container .col-md-5 {
    margin:auto;
    text-align:center;
}
.slick-track {
            align-items: center;
    display: flex !important;
}

/* Apply background color to the parent li when hovered */
.header .navbar-nav li:hover > .nav-link:before,
.header .navbar-nav li:hover > .dropdown-toggle:before {
    width: 90%;
}

/* Background color for all nav links and dropdown toggles */
.header .navbar-nav .nav-link:before,
.header .navbar-nav .dropdown-toggle:before {
    background: #323232 !important;
}

/* Styling for the bottom line */
.navbar .navbar-nav .nav-link:before {
    content: "";
    width: 0px;
    height: 1px !important;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    position: absolute;
    bottom: 6px;
    left: 0px;
    top:36px;
}

.navbar .navbar-nav .dropdown-toggle:before {
    content: "";
    width: 0px;
    height: 1px !important;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    position: absolute;
    bottom: 6px;
    left: 0px;
    top:50px;
}

/*New Css From 1/24/2025*/
.navbar-nav .nav-link {
  color: #fff;
}
.dropend .dropdown-toggle {
  color: salmon;
  margin-left: 1em;
}
.dropdown-item:hover {
  background-color: white;
  color: #fff;
}
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-menu .dropdown:hover > .dropdown-menu {
    display: block;
}
/*<------------------------------------------------------------------------------------------------------>*/
@media screen and (min-width: 300px) {
 
  .header-text .text-grow,
.header-text .text-move {
  color: white;
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
}
@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
  .homeh5 {
    text-align: justify;
    margin: 10px 27px 0px 0px;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 1.5px;
    text-shadow: 0px 0px 0px #ffffff, 1px 1px 0px #626262, 2px 2px 0px #3c3c3c;
}
}
.sub_Menu .dropdown-menu .dropdown,.dropend ul {
    border-radius: 0;
    border: none;
    box-shadow: 0px 0px 5px #e7e7e7;
}
.dropend ul li {
        padding: 0px;
}





/* Adjust background color for dropdown toggle when dropdown is open */
.header .navbar-nav li.dropdown:hover > .dropdown-toggle::after {
    border-top-color: #323232;
}
/* Show dropdown menus on hover */
.header .navbar-nav li.dropdown:hover > .dropdown-menu {
    display: block;
    border: 0;
    top: 40px;
    border-radius: 0;
        transition-delay: 220ms !important;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
    margin-top: 1px;
    
}
.header .navbar-nav li.dropdown .dropdown-toggle::after {
    display: none;
}
/*<-------------------------------------------------------------------------------------------------------------------->*/
/* Hide dropdown toggles on hover for mobile devices */
@media (max-width: 991.98px) {
    .header .navbar-nav li.dropdown:hover > .dropdown-toggle {
        pointer-events: none;
    }
}
/* Default arrow icon */
.header .navbar-nav li.dropdown .arrowicon::after {
    content: "\f078"; /* Down arrow icon */
    font-family: "Font Awesome 5 Free"; /* Font Awesome family */
    font-weight: 900; /* Regular weight */
   margin-left: 5px;
    font-size: 12px;
}

/* Change arrow icon on hover */
.header .navbar-nav li.dropdown:hover .arrowicon::after {
    content: "\f077"; /* Up arrow icon */
}
.navbar-brand {
        padding: 15px 0px !important;
}




section {
    padding: 50px 0px;
}
.semiheadings  {
         font-size: 30px !important;
    font-weight: 200;
}

.clr-blue {
    color:#1790e2;
}
.qualityMain .card {
    border-radius: 0;
    border: none;
    background-color: #f1f1f1;
    padding: 40px;
        height: 215px;
    text-align: center;
}
.qualityMain .card:hover {
    border-radius: 0;
    border: none;
    background-color: #1790e2;
    color:white;
    padding: 40px;
    height: 215px;
    text-align: center;
    transition:0.5s;
}
.bg_grey img {
        margin-bottom: 20px;
}
.bgImgsservices {
    background:url(../images/baout-ban.png) no-repeat;
        height: 225px; 
    object-fit: cover;
    width: 100%;
    background-position: center;
}
.index_bg {
    /*background:url(../images/bgindex_11zon.jpg) no-repeat center;*/
    /*height: 100vh;*/
    /*background:url(../images/homepagebg1.jpg) no-repeat center;*/
    background-size: cover;
        color: black;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
    position: relative;
        align-items: center;
    margin-top: 5rem;
    background-color: #000b36;
}
.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.header-text{
    display:flex;
    flex-direction:column;
}
.header-text h1 {
    text-shadow: 2px 0px 0 #1790e2, 0px 3px 11px black, 2px 1px 3px rgba(193, 94, 221, 0.43);
}

/*animations effect for Main title index*/
/*.text-line {*/
/*  stroke-dasharray: 500;*/
/*  stroke-dashoffset: 500;*/
/*  animation: dash 5s linear forwards infinite, filling 3s ease-in forwards infinite;*/
/*  font-size: 80px;*/
/*}*/

/*.text-line text {*/
/*  font-family: "Source Sans 3", serif;*/
/*  font-weight: 600;*/
/*  font-style: normal;*/
/*}*/

/*@keyframes dash {*/
/*  0% {*/
/*    stroke-dashoffset: 500;*/
/*  }*/
/*  50% {*/
/*    stroke-dashoffset: 0;*/
/*  }*/
/*  100% {*/
/*    stroke-dashoffset: 500;*/
/*  }*/
/*}*/

/*@keyframes filling {*/
/*  0%, 90% {*/
/*    fill: #1790e2;*/
/*    fill-opacity: 0;*/
/*  }*/
/*  100% {*/
/*    fill: #1790e2;*/
/*    fill-opacity: 1;*/
/*  }*/
/*}*/


@keyframes typing {
    0% {
        width: 0;
    }
    50% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}

@keyframes stroke {
    0% {
        stroke: #fff;
        fill: transparent;
    }
    100% {
        stroke: transparent;
        fill: #fff;
    }
}
@keyframes filling {
  0%, 90% {
    fill: #1790e2;
    fill-opacity: 0;
  }
  100% {
    fill: #1790e2;
    fill-opacity: 1;
  }
}

/*.header-text .text-grow,*/
/*.header-text .text-move {*/
/*    font-size: 74px;*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    text-transform: uppercase; */
/*    letter-spacing: 12px; */
/*    width: 0;*/
/*    stroke-width: 1;*/
/*    stroke: #fff;*/
/*    animation: typing 5s steps(30, end) infinite, stroke 3s infinite alternate;*/
/*}*/
.home-header{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.header-text .text-grow,
.header-text .text-move {
  color: white;
  font-size: 62px;
  text-transform: uppercase;
  letter-spacing: 8px;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
 
@keyframes scale {
  100% {
    transform: scale(1);
  }
}
 
.header-text span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
  animation: fade-loop 6.5s ease-in-out infinite;
}
 
/* Moderate wave delay */
.header-text .text-grow,
.header-text .text-move {
  color: white;
  font-size: 62px;
  text-transform: uppercase;
  letter-spacing: 8px;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
@media screen and (max-width: 1399px) {
    .header-text .text-grow,
    .header-text .text-move {
      font-size: 55px;
    }
        .employe-content {
        color: #fff;
        margin-bottom: 15px!important;
        text-align:left;
        line-height: 1.5;
        padding: 1rem 0px 1rem 0px !important;
        /*padding-bottom:30px;*/
        
    }
}
 
@keyframes scale {
  100% {
    transform: scale(1);
  }
}
 
.header-text span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
  animation: fade-in 4s ease-in-out infinite;
  animation-fill-mode: both;
}
 
/* Letter wave delays */
.header-text span:nth-child(1)  { animation-delay: 0s; }
.header-text span:nth-child(2)  { animation-delay: 0.1s; }
.header-text span:nth-child(3)  { animation-delay: 0.2s; }
.header-text span:nth-child(4)  { animation-delay: 0.2s; }
.header-text span:nth-child(5)  { animation-delay: 0.2s; }
.header-text span:nth-child(6)  { animation-delay: 0.3s; }
.header-text span:nth-child(7)  { animation-delay: 0.6s; }
.header-text span:nth-child(8)  { animation-delay: 0.7s; }
.header-text span:nth-child(9)  { animation-delay: 0.8s; }
.header-text span:nth-child(10) { animation-delay: 0.9s; }
.header-text span:nth-child(11) { animation-delay: 1s; }
.header-text span:nth-child(12) { animation-delay: 1.1s; }
.header-text span:nth-child(13) { animation-delay: 1.2s; }
.header-text span:nth-child(14) { animation-delay: 1.3s; }
 
@keyframes fade-in {
  0% {
    opacity: 0;
    filter: blur(4px);
  }
  20% {
    opacity: 1;
    filter: blur(0);
  }
  80% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    opacity: 0;
    filter: blur(4px);
  }
}

.homeh5{
    /*text-align: justify;*/
    margin: 10px 27px 0px 0px;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 1.5px;
    text-shadow: 0px 0px 0px #ffffff, 1px 1px 0px #626262, 2px 2px 0px #3c3c3c;
}
.head-space{
    margin:20px;
}
@keyframes dance3 {
    0% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0); }
}

.dance3 {
    animation: dance3 8s alternate infinite;
    -webkit-animation: dance3 8s alternate infinite; /* for WebKit browsers */
}
.rs-animation {
    position: absolute;
    left: 0;
    top: 129px;
}
.bannerFont {
    position: relative;
    height: 50vh !important;
    min-height: 50vh;
    overflow: hidden;
    margin-top: 5rem;
    align-items: center;
    display: flex;
    justify-content: center;
    backposition
}
.bannerFont:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 101%;
    height: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='187' viewBox='0 0 1920 187' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 0 393 168.3 960 168.3C1527 168.3 1920 0 1920 0V187H0V0Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-position-y: 101%;
    background-repeat: no-repeat;
    z-index: 1;
}
.credntial_banner {
    background:url(../images/awards.jpg) no-repeat center;
        /*height: 100vh;*/
        background-size: cover;
        color: white;
        align-items: center;
        display: flex; 
        height: calc(100vh - 80px);
}
.cross_banner {
    background:url(../images/whatwebelive.jpg) no-repeat center;
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.vission_banner {
    background:url(../images/vission_missioon.png) no-repeat center;
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.about_banner {
        color: white;
       position: relative;
    background: url(../images/who-we-are.jpg) no-repeat scroll bottom center; 
    background-size: cover;
        text-align: center;
}
.leadership_banner {
        color: white;
       position: relative;
    background: url(../images/Leadership-banner.jpg) no-repeat scroll bottom center; 
    background-size: cover;
        text-align: center;
}
.about2_banner {
    /*background:url(../images/Banner-Contact-Us-1.png) no-repeat center;*/
        /*height: 100vh;*/
    /*background-size: cover;*/
    /*    color: white;*/
    /*        align-items: center;*/
    /*display: flex;*/
    /*  height: calc(100vh - 80px);*/
       color: white;
       position: relative;
    background: url(../images/our-beliefs-bg.jpg) no-repeat scroll bottom center; 
    background-size: cover;
        text-align: center;
}
.why_banner {

       color: white;
       position: relative;
    background: url(../images/why-choose-vmax.jpg) no-repeat scroll center center; 
    background-size: cover;
        text-align: center;
}
.credintial_banner {

       color: white;
       position: relative;
    background: url(../images/acheivement-banner.jpg) no-repeat scroll center center; 
    background-size: cover;
        text-align: center;
}
.cloud_banner {
    background:url(../images/cloud-application.jfif) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.urban_Waste{
     background:url(../images/waste-management.jpg) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.insurance_plan{
     background:url(../images/admission-management-banner.jpg) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.admission_banner{
     background:url(../images/revolutioning-management.jpg) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.fupo_banner{
       background:url(../images/fupo-banner.jpg) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.face_biometric{
       background:url(../images/face-biometric-banner.jpg) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.gps_tracking{
         background:url(../images/gps-banner.jpg) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.waste-worth{
         background:url(../images/waste-management-banner.jpg) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.advisor-banner{
    background:url(../images/advisory-banner.jpg) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.digital_trans {
    background:url(../images/digital-transformation.jfif) no-repeat center; 
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.vds_trans {
    background:url(../images/value-added-services.jfif) no-repeat center; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.It_trans {
    background:url(../images/it-mangement.jfif) no-repeat center; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.ai_trans {
    background:url(../images/ai-bg.jfif) no-repeat center;
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.mobiltyservices_banner {
     background:url(../images/mobility-services.jfif) no-repeat center; 
        /*height: 100vh;*/
     background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.valueadded_banner {
     background:url(../images/valueadded_services.png) no-repeat center; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.e_governance {
     /*background:url(../images/egoverance.jpg) no-repeat center; */
        /*height: 100vh;*/
         background:url(../images/egovernance-bg.jpg) no-repeat center; 
    background-size: cover;
        color: white; 
            align-items: center;
    display: flex;
      height: calc(50vh - 80px);
}
.insurance_banner {
     background:url(../images/Insurance-banner.jpg) no-repeat center; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.finance_banner {
     background:url(../images/finance-bg.jpg) no-repeat center; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.hr_banner {
     background:url(../images/hr-banner.jpg) no-repeat center; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.auto_banner {
     background:url(../images/Automotive-bg.jpg) no-repeat right; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.real_banner {
     background:url(../images/real-estate-bg.jpg) no-repeat right; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.waste_banner{
    background:url(../images/waste-management.jpg) no-repeat right; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.travel_banner {
     background:url(../images/travel-banner.jpg) no-repeat right; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.workculture_banner {
     background:url(../images/workculturebannerimg.jpg) no-repeat; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.careers_banner {
     background:url(../images/careersbannerimg.jpg) no-repeat right; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.contactus_banner {
     background:url(../images/contactusbannerimg.jpg) no-repeat right; 
        /*height: 100vh;*/
    background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);
}
.bannerFont h1 {
           font-size: 48px;
    font-weight: bold;
            margin-bottom: 1rem;
              line-height: 1.1;
                  text-align: center;
    text-shadow: 0px 0px 4px #000;
}
.bannerFont h5 {
           font-size: 18px;
    line-height: 1.6;
        width: 50%; 
    margin: auto;
    text-align: center;
    text-shadow: 0px 0px 4px #000;
}

.bannerFont:before {
    /*    background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));*/
    background: linear-gradient(266deg, #000000, transparent);
     position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: "";
    top: 0;
    z-index: 1;
    opacity: 0.2;
}
.bannerFont .container {
        z-index: 1;
}
.service-bnr {
    margin: 9.6875vw 0 1.53125vw var(--m-left);
}
.service-bnr .service-heading {
    position: relative;
}

.service-heading h1 {
      overflow: unset;
   letter-spacing: 1.5px;
    font-weight: 200;
    font-size: 48px;

}
.about-desc {
}
.about-desc p {
        font-size: 18px;
    margin-top: 1rem;
}
.data-driven-title {
    color:#FF9400 !important;
        font-size: 34px !important;
    /*font-weight: bold;*/
    letter-spacing: -1.5px !important;
    text-align: center;
    font-family: "Source Sans 3", serif;
}
.data-driven-title .techy{
  color:#1790e2 !important;   
}
.data-driven-semitilte {
       font-size: 40px !important;
    font-weight: 200;
}
.fbs-list {
    align-items:center;
    color: #5F5F5F;
    
}








.ideal-for h2 {
    font-size: 26px;
    font-weight: 600;
}

.ideal-for .row > div {
    font-size: 16px;
    background: #ffffff;
    padding: 12px 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    margin: 5px 10px;
}

/* Responsive tweak */
@media (max-width: 576px) {
    .ideal-for .row > div {
        font-size: 14px;
        padding: 10px;
    }

    .ideal-for h2 {
        font-size: 22px;
    }
    /*.responsive-slider .holder .horizontal-icon {*/
    /*margin: auto;*/
    /*filter: grayscale(1);*/
    /*width:70px !important;*/
    /*}*/
    /*.holder .client-icon {*/
    /*     margin: auto;*/
    /*    filter: grayscale(1);*/
    /*    width:60px !important;*/
    /*}*/
    /*.holder .govt-icon {*/
    /*     margin: auto;*/
    /*    filter: grayscale(1);*/
    /*    width:50px !important;*/
    /*}*/
}



.specs-wrapper {
    max-width: 900px;
    width: 100%;
}

.specs-wrapper h2 {
    font-size: 26px;
    font-weight: 600;
}

/* Make columns equal width */
.specs-table {
    width: 100%;
    table-layout: fixed; /* Ensures fixed column width */
    font-size: 15px;
    border-collapse: collapse;
    background-color: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}

.specs-table th,
.specs-table td {
    padding: 8px 12px;
    border: 1px solid #dee2e6;
    vertical-align: middle;
    width: 50%; /* Equal width for both columns */
}

.specs-table th {
    font-weight: 600;
    text-align: center;
    background-color: #f2f2f2;
    color: #000;
}

.specs-table td {
    color: #333;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .specs-wrapper h2 {
        font-size: 20px;
    }

    .specs-table {
        font-size: 14px;
    }

    .specs-table th,
    .specs-table td {
        padding: 6px 10px;
    }


}
.main-card h5 {


  color: black !important;

}
.fbs-ideal-for{
    background-color:#cee3f342;
    padding:20px 10px 12px 0px;
}

.solution-list li {
    list-style-image: url(images/square.svg) !important;
    padding-left: 10px;
    font-size: 16px;
    margin-left:15px;
}

.no-margin {
  margin: 0 !important;
}
.our-solutions{
    text-align:center;
    font-family: "Source Sans 3", serif;
    font-size: 44px;
    font-weight: bold;
    color: var(--heading-text-color);
    letter-spacing: -1px;
    margin-bottom: 18px;
}
.data-driven-p {
    text-align: left;
    font-size: 16px;
    margin-top: 1rem;
}
.radiuscard {
        border-radius: 15px;
    padding: 15px;
    background-color: white;
}
.servicesImg {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.bgf1f1 .card {
        border: 0;
    box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.15)!important;
    border-radius: 15px;
    height:200px !important;

}

.img-iso {
    width:64px;
}
.bgf1f1 .card:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    cursor: pointer;
    margin-top: -15px;
}
.cardinfo p:nth-child(1) {
        font-weight: 600;
    color: #1790e2;
    font-size: 18px;
}
.zoomingeffect {
      overflow: hidden; 
      display: inline-block;
  box-sizing: border-box;
  border-radius:6px;
}
.zoomingeffect img {
   transition: 0.3s;
     border-radius:6px;
}
.zoomingeffect img:hover {
    transform: scale(1.1);
     border-radius:6px;
}
.whyUs {
    margin-bottom:1rem;
}
.whyUs .card {
        border: none;
    border-radius: 10px;
}
.text-blue {
    color:blue;
}
.whyUs .card-body {
    text-align:center;
    Padding: 15px;
}
.whyUs img {
        width: 50px;
}
.whyUs .card h3 {
        font-size: 1.5rem !important;
            font-weight: 700;
    line-height: 1.2; 
    letter-spacing: -0.01rem;
    --tw-text-opacity: 1;
    color: rgb(52 63 82 / var(--tw-text-opacity));
    word-spacing: 0.1rem;
        margin-bottom: 1rem;
}
.choose_vmax {
 
        letter-spacing: 0 !important;
 font-size: 16px;
    text-align: center;
    color: black;

}

.sociallinksleft{
              justify-content: start !IMPORTANT;
    margin-top: 3rem !IMPORTANT;
    }
 .sociallinksright {
              justify-content: end !IMPORTANT;
    margin-top: 3rem !IMPORTANT;
    }
    .cardPad img {
    width: 100%;
}
.sociallinks a i {
    font-size: 26px;
    color:#a7a7a7;
}
.sociallinks a i:hover {
    font-size: 26px;
    color:#1790e2;
}
.textsocial {
  text-transform: uppercase;
    font-weight: 200;
    font-size: 14px;
}
.bgf1f1 {
    background-color:#f1f1f1;
}
.cardinfo p {
        font-size: 18px;
    margin-top: 15px;
}
.bnr-title {
    /*font-family: PlusJakartaSans,sans-serif;*/
    font-size: var(--bnr-title-font-size);
    line-height: .95;
    letter-spacing: .9px;
    font-weight: 700;
}
.direcctor{
   font-weight: 200;
    font-size: 16px !important;
    color: #1790e2;
    margin-top: 0rem !important;
}
.digital-service .dot_1 {
    top: -26%!important;
    right: 62%!important;
}
.digital-service .dot_2 {
    top: 68%!important;
    right: 31%!important;
}
.dot_2 {
    background-color: #ef7752;
    width: 4vw;
    height: 4vw;
    top: 15%;
    right: 39.8%;
}

.unlocktext p {
        font-size: 16px;
    margin-top: 1rem;
        text-align: center;
}
#service-dots .dot_3 {
    width: 3.02vw;
    height: 3.02vw;
    top: 63%;
    right: 99.5%;
}
.digital-service .dot_3 {
    top: 86%!important;
    right: 97%!important;
}
.dot_3 {
    background-color: #7580d2;
    width: 2.5vw;
    height: 2.5vw;
    top: 76%;
    right: 65%;
}

#service-banner {
   background: url(../images/cloud-computing.jfif) no-repeat center;
     background-size: cover;
        color: white;
            align-items: center;
    display: flex;
      height: calc(100vh - 80px);

}

.digitalinnerbanner {
    background: url(../images/cloud_computing_main.jpg); 
    height: 300px;
    background-repeat: repeat;
    width: 100%;
    object-fit: cover;
    background-position: center center;
}

.mobilitybanner {
    background: url(../images/global-mobility-services-banner-1_cq5dam.web.2000.500); 
    height: 300px;
    background-repeat: repeat;
    width: 100%;
       background-size: cover;
    background-position: center center;
}
.valueaddedbanner {
    background: url(../images/ValueAddServices1.jpg); 
    height: 300px;
    background-repeat: repeat;
    width: 100%;
    background-size: cover;
    background-position: center center;
}

.moretext {
  display: none;
}
.jobmain {
        padding: 20px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.jobmain h4 {
        font-weight: 600;
    font-size: 24px;
    margin-bottom: 6px;
}
.jobmain .moreless-button {
        background: #e6e6e6;
    border: 0;
      padding: 7px 18px;
   
    font-size: 12px;
    color: black;
    border-radius: 50px;
    margin-top:1rem;
}
.moreless-button1 {
        background: #e6e6e6;
    border: 0;
     color: black;
    padding: 7px 18px;
   
    font-size: 12px;
    margin-top:1rem;
    border-radius: 50px;
}


.btn-primary{
    color: #FFF;
    background-color: #1790e2 !important;
    border-color: #1a72ae!important;
}
.digitaltransformation-banner {
    background: url(https://f.hubspotusercontent10.net/hubfs/4326216/What-is-digital-transformation.jpg);
    height: 300px;
    background-repeat: no-repeat;
    width: 100%;
    object-fit: cover;
    background-size: cover;
    background-position: center center;
}



.moreless-button2 {
        background: #e6e6e6;
    border: 0;
     padding: 7px 18px;
    border-radius: 50px;
    font-size: 12px;
    color: black;
     
    margin-top:1rem;
}
.response {
    padding-left:0;
    
}
.response li {
    padding-top:10px;
    list-style: circle;
    margin-left: 19px;
    
    
}
.btn-get:hover {
    background-color: #1790e2  !important;
    border: 0;
    padding: 10px 30px;
    font-size: 18px;
    color: white;
}
.btn-get:active {
    background-color: #1790e2;
    border: 0;
    padding: 10px 30px;
    font-size: 18px;
    color: white  !important;
}
.btn-get {
    background-color: #1790e2  !important;
    border: 0;
    padding: 10px 30px;
    font-size: 18px;
    color: white  !important;
    display: none;
}
.dot_1 {
    background-color: #3addc8;
    width: 3.75vw;
    height: 3.75vw;
    top: -8%;
    right: 62.5%;
}
/*.semiheadings:before {*/
/*        content: '';*/
/*    position: absolute;*/
/*    bottom: 5px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    border-bottom: 7px solid #ff9400;*/
/*    opacity: 0.2;*/
/*    z-index: 0;*/
/*}*/

/*.container {*/
/*    max-width: 1260px;*/
/*}*/

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar {
    margin: 0;
}
.valuesnbeliefs img {
        width: 60px;
    margin-bottom: 10px;
}
.valuesnbeliefs h4 {
        font-weight: 600;
    margin-bottom: 10px;
}
.bg-blue {
    background-color:#4a60e9;
    height:300px;
        align-items: center;
    display: flex;
}
.TeamHeading {
    color:#FF9400;  
    font-size: 42px;
    text-transform: capitalize;
}
.data-driven-title .human-span{
        color: #1790e2 !important;
}
.cardPad {
     background-color: white;
    box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.15)!important;
    padding: 15px;
    border-radius: 3px;
}
.cardPad img {
    width: 100%;
}
.cardPad img:hover {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.cardinfoleft {
   padding: 10px;
    text-align: left;
}
.cardinforight {
   padding: 10px;
    text-align: right;
}
.cardinfo h4 {
          font-size: 2.1em!important;
    font-weight: 700;
}

.cardinfo ul li a i:hover {
    font-size: 20px;
    color: #8192fb;
}
.slick-slide img {
    display: block;
    padding: 3px;
    width: 130px;
    /*background: white;*/
}
.temmainheading {
    padding-top: 0;
    text-align: center;
    padding-bottom: 0 !important;
}
.bg-blue p {
        margin-top: 1rem;
}
.sociallinks {
        display: flex;
    column-gap: 15px;
    justify-content: start;
    margin-top: 3rem;
        align-items: center;
}
.cardinfo ul {
       display: flex;
    column-gap: 15px;
    margin-top: 15px;
    justify-content: center;
}
.cardinfo ul li a i {
       font-size: 20px;
       color: #ccc;
}
.navbar-nav li {
    padding: 0px 10px;
        font-size: 15px;
}

.navbar-nav .nav-link {
    padding: 0 !important;
    color: #000 !important;
    margin: 0px 0px;
    font-size: 14px;
    position: relative;
}
.test_img{
    width:200px;
    text-align:center;
}

.test_img img{
    
    padding: 0px 15px;
}


.navbar-nav {
    margin-top: 0px !important;
}

.navbar-nav .nav-link.active {
    color: #1790E2 !important;
    border-bottom: solid 2px #1790E2
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    width: 250px;
}

.dropdown-menu a:hover {
        color: #1790E2 !important;
    padding-left: 20px;
    transition: 0.5s;
    
}
.navbar-nav a:hover {
        color: #1790E2 !important;
}
/*.dropdown-menu[data-bs-popper] {*/
/*    top: 100%;*/
/*    left: 16px;*/
/*    border-radius: 0;*/
/*    border: navajowhite;*/
/*    box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.15)!important;*/
/*}*/
.dropdown-menu ahover {
       background-color: #ff9400;
    color: white;
    padding: 0px 15px;
}
.dropdown-item:active, .dropdown-item:hover {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
     background-color: #f8f9fa; 
}

.navbar-toggler-icon {
    color: #1790E2;
}

.header {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    padding: 0px 0px;
    z-index: 99;
    transition: all 0.3s ease-in-out;
    height: auto;
    background-color: white;
    text-align: center;
    line-height: 40px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
}

.header.active {
    background: #fff;
    top: 0px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.header.active .logo {
    width: 100%;
    transition: 0.5s;
}

.logo {
    width: 80%;
    transition: 0.5s;
}

.navbar-nav .btn-danger {
    background: #1790E2;
    color: #fff !important;
    line-height: 40px;
    border-radius: 50px;
    padding: 0px 15px !important;
}

.top-contact {
    text-align: left
}

.top-contact p,
.top-contact small {
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.top-contact p {
    font-weight: 400;
    color: #636363;
}

.weoffer,
.vision {
    background: #F9F5F2;
}
/*.carousel-inner {*/
/*    overflow: visible;*/
/*}*/
.carousel-inner .carousel-item img {
    height:370px;
}
.weoffer   {
            padding-top: 60px;
}

.weoffer .heading-wrapper {
       font-family: "Source Sans 3", serif;
    font-size: 44px;
    font-weight: bold;
    color: var(--heading-text-color);
    letter-spacing: -1px;
    margin-bottom: 18px;
    text-align: center;
}
.weoffer h2{
    font-family: "Source Sans 3", serif;
    font-size: 44px;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
    color:#FF9400;
}

.weoffer h2 span {
    color: #1790e2;
}
.linkedin:hover {
    background: #0076b3;
    color: #000;
}
.linkedin:hover, i {
    color: #fff;
}
.bgreward {
        background-color: #b4dbf6;
    text-align: center;
    padding: 15px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.weoffer p {
       font-size: 18px;
    text-align: center;
    color: #433F3F;
    padding-top: 1rem;
        font-weight: 400;
}

.weoffer .card {
    background: #fff;
    border-radius: 0px;
    transition: .5s;
}

.weoffer .card:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    transition: .5s;
    cursor: pointer;
    margin-top: -10px;
}

.weoffer .card-body {
    padding: 30px;
}

.weoffer img {
    margin-bottom: 30px;
}

.weoffer h4 {
        color: #433F3F;
    line-height: 30px;
    font-size: 19px;
    word-break: break-word;
    margin-bottom: 1.5rem;
    font-weight: 600;
    transition: 0.3s all;
}
.weoffer a:hover h4{
    color: #1790e2 !important;
}
.governance p:hover{
    color:;
}

.weoffer i {
        padding-top: 0rem;
    font-size: 30px;
}
.card-wrapper .card-bottom h5 {
        margin-bottom: 1rem;
    font-weight: 200;
    font-size: 22px;
    color: #ffffff;
}

.hero-girl {
    position: relative;
    margin-bottom: 30px;
}

.img-data {
    background: #FF9400;
    border-radius: 0px 30px 0px 0px;
    color: #fff;
    padding: 15px 35px;
    position: absolute;
    right: 60px;
    bottom: -50px;
}

.img-data h2 {
   font-size: 45px;
    font-weight: 200;
}

.img-data p {
    font-size: 18px;
    font-weight: 700
}

.common-title {
     font-size: 40px !important;
    font-weight: bold;
    color: #FF9400;
}

.backgroundText{
       font-size: 14px;
    text-align: justify;
    /*margin: 2rem 0 !important;*/
}
.bg-locor1 p {
    font-size: 16px;
    line-height: 26px;
    text-align: justify
}
.ourback {
    display: inline-block;
    margin-bottom: 1rem;
    color: #1790e2;
}

.bg-locor1 {
    background: #F9F5F2
}

.iso-sec {
    padding-left: 6px;
}
.iso-sec p:nth-child(1) {
    color:#FF9400;
}
.img-shadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 50px;
}

.industries .title {
    background: #E9E9E9;
    color: #3B3B3B;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 20px;
}

.industries h2 {
    font-size: 40px;
    font-weight: bold;
    color: #000;
    margin-bottom: 30px;
}

.industries h2 span {
    color: #000000;
}

.industries {
        background-color: #F9F5F2;
}

.industries h3 {
    font-size: 20px;
    /*font-weight: 700;*/
}
.it_challanges_img {
   position:relative; 
}
.it_challanges_img img {
      position: absolute;
    width: 100%;
    bottom: -345px;
    height: 340px;
}

.it_challenges_card {
    margin-top: 15px;
}
.it_challenges_card div div:nth-child(1) {
    width:20%;
}
.it_challenges_card div div:nth-child(2) {
    width:80%;
}
.it_challenges_card h3 {
    margin-bottom: 5px;
}
.it_challenges_card p {
    margin-bottom: 0;
}
.it_challenges_card p:hover{
    color: inherit;
    text-decoration: none; /* Removes underline */
}


.industries ul li:last-child {
    border-bottom: solid 0px #ccc;
    margin-bottom: 0px;
}

.count {
    background-image: url(../images/count-bg.png);
    background-position: 0% 80%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

.count h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 200;
}

.count p {
    font-size: 22px;
    color: #fff;
}


.clients .title {
    background: #E9E9E9;
    color: #3B3B3B;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 20px;
    width: 160px;
    margin: auto;
    /*text-transform: uppercase;*/
}

.clients h2 {
   font-size: 40px;
    font-weight: bold;
    color: #000;
    margin-bottom: 30px;
}

.clients h2 span:first-child {
    color: #000000
}

.clients h2 span:last-child {
    color: #000000
}


.holder {
    height: 150px;
    padding: 15px;
    text-align: center;
}

.responsive-slider .holder .horizontal-icon {
    margin: auto;
    filter: grayscale(1);
    width:200px ;
}
.holder .client-icon {
     margin: auto;
    filter: grayscale(1);
    width:120px ;
}
.holder .govt-icon {
     margin: auto;
    filter: grayscale(1);
    width:100px ;
}
.responsive-slider .holder:hover img {
    margin: auto;
    filter: grayscale(0)
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
    display: none !important;
}

.single-item .slick-prev,
.single-item .slick-next {
    display: block !important;
}

.sweets {
    background-image: url(../images/blue-map.png);
    background-size: cover;
    border-bottom: solid 10px #fff;
    padding: 20px;
    height:200px;
}
.section-inner {
    padding: 100px 0px;
}
.btmImg {
        position: absolute;
    top: 100px;
    left: 7%;
}
.btmImg img {
    box-shadow: 0 0 21px -5px rgba(0,0,0,.2);
}
sup {
    top: -0.2em;
}
.awardssection {
        height: 160px;
}
.sweets .card {
    border-radius: 0px;
    padding: 15px;
}
.comapnycolro {
    
    color: #ff9400;
}
.descteam {
       font-size: 18px;
        color: #282828;
    font-weight: normal;
}
.TeamHeadingform {
        font-size: 42px;
    text-transform: capitalize;
    color: white;
}
.TeamHeadingformp {
        color: white !important;
        font-size: 18px;
    font-weight: normal;

}
.sweets .card i {
    background: #FF9400;
    padding: 8px;
    margin-right: 5px;
    color: #fff;
    border-radius: 50px;
}
.awardstext {
        font-weight: 600;
    font-size: 16px;
    color: #ff9400;
}
.TeamHeading span {
        color: #1790e2;
}

.sweets .card p {
    font-size: 16px;
    text-align: left;
    margin: 15px 0px;
    line-height: 28px;
}

.sweets .client-details p {
    line-height: 20px !important;
    margin-left: 10px !important;

}

.org-box {
    background: #FF9400;
    padding-bottom: 90px;

}

.org-box h3 {
    font-size: 28px;
    color: #fff;
    line-height: 40px;
    position: relative;
    font-weight: 400;
}

.org-box h3::after {
    position: absolute;
    content: '';
    background: url(../images/org-after.png);
    background-blend-mode: hard-light !important;
    height: 26px;
    width: 255px;
    right: 100px;
    bottom: -40px;
}

.btn-white {
       background: #fff;
    color: #000;
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 16px;
    transition: .5s;
    margin-right: 15px;
}

.btn-white:hover {
    background: #000;
    color: #fff;
    transition: .5s;
}

.btn-white-outline {
    background-color: transparent;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 16px;
    transition: .5s;
}


.btn-white-outline:hover {
    color: #000;
    border: solid 1px #000;
    transition: .5s;
}

.footer {
    background-image: url(../images/foot-globe.svg);
    background-position: center;
    padding: 50px 0px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #c1c1c1;
}
/*.fot_w{*/
/*    width:250px;*/
/*}*/

footer h4 {
    font-weight: 700;
    margin-bottom: 15px;
}

footer p {
    font-size: 14px;
    line-height: 26px;
    color: #5F5F5F;
    margin-bottom: 15px;
} 

.footlinks li {
    font-size: 14px;
    color: #5F5F5F;
    margin-bottom: 15px;
}

.footlinks li a {
    transition: padding-left 0.5s ease, color 0.5s ease;
}

.footlinks li a:hover {
    padding-left: 15px; 
    color: #1790e2;
}

.footlinks li a:not(:hover) {
    padding-left: 0px; /* Moves back smoothly */
    transition: padding-left 0.5s ease, color 0.5s ease;
}


.dropdown-menu {
    padding: 0;
    /*overflow: hidden;*/
}

.social-icons {
    margin-top: 30px;
}

.social-icons li {
    float: left;
    color: #9693B0;
    list-style: none;
    margin-right: 15px;
    background: #EEF4F8;
    border-radius: 50px;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 38px;
}
.social-icons li a:hover{
    color:#fff;
}
.social-icons li:hover i {
    color: #fff !important;
}
 
.facebook, .linkedin, .twitter,  i{
     color:#000 !important;
 }

 

.facebook,
.twitte,
.youtube,
.facebook:hover,
.twitte:hover,
.youtube:hover {
    transition: .5s;
}

.facebook:hover {
    background: #395693;
    color: #fff
}

.twitter:hover {
    background:#010101;
    color: #fff
}

.youtube:hover {
    background: #E52E28;
    color: #fff
}

.inner-ban-title {
    position: absolute;
    bottom: 80px;
}

.inner-ban-title h2 {
    margin-bottom: 15px;
        text-align: left;
}

.vision {
    color: #fff;
    font-size: 18px;
}


.card-wrapper {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.49);
}
.card-wrapper:hover .image {
  filter: blur(1.4px);
  transform: scale(1.5);
  overflow: hidden;
  transition: all 0.3s linear;
  box-shadow: inset -6px -1px 32px 0px rgba(0, 0, 0, 0.75);
}
.card-wrapper:hover .card-bottom {
    transform: translate(0%, -33%);
    transition: all 0.8s ease;
    background-color: #FF9400;
    border: 0px;
    height: 278px;
    border-top: 5px #fff solid;
}

.card-top {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.card-bottom {
  width: 100%;
  position: absolute;
  z-index: 20;
  display: nonee;
  top: 33%;
  background-color: rgba(110, 122, 92, 0);
  padding: 50px 20px;
  color: #ffffff;
  transform: translate(100%, -50%);
}

.top-text {
  font-size: 25px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 1px;
}

.bottom-text {
  font-size: 15px;
}



.carousel-item {
    transition: transform 1s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: opacity 0s 2.6s;
}

.carousel-caption {
    color: #000;
    left: 10%;
    top: 6%;
    text-align: left
}

.carousel-caption h1 {
    font-weight: 200;
    font-size: 45px;
    margin-bottom: 15px;
}

.carousel-caption p {
    margin-bottom: 15px;
}

.carousel-caption h1 span {
    color: #FF9400
}
.btn-touch {
     margin-right: auto;
}
.btn-touch a {
      background: #FF9400;
    padding: 10px 20px;
    color: #fff;
    border-radius: 50px;
    font-size: 18px;
}
.btn-touch a:hover, .btn-touch a:active {
    background: #FF9400 !important;
    padding: 10px 20px;
    color: #000 ! IMPORTANT;
    border-radius: 50px;
    font-size: 18px;
    border: 1px solid #ff9400 !important;
}
.gov-box{
 padding:10px;
 margin:10px;
}
.product-text{
    margin:10px 5px;
    font-family: "Source Sans 3", serif;
}
.text-wrapper .Product-p{
    display: flex;
    justify-content: center;
    margin: 10px 10px 10px 10px;
}
.text-wrapper .Product-support{
    display: flex;
    justify-content: center;
    margin: 30px 10px 10px 10px;
}
.text-wrapper .Product-support3{
    display: flex;
    justify-content: center;
    margin: 25px 10px 10px 10px;
}


@media screen and (max-width: 768px) {
    .m_dflex {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 15px;
    justify-content: left;
    row-gap: 15px;
}

.header-text .text-grow,
.header-text .text-move{
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 8px;
    display: flex;
    text-align:center;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
    transform: scale(0.94);
    animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}

.homeh5 {
    margin: 10px 27px 0px 0px;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 1.5px;
    text-shadow: 0px 0px 0px #ffffff, 1px 1px 0px #626262, 2px 2px 0px #3c3c3c;
    text-align: left;
}

    

    section,
    footer {
        padding: 15px;
    }
    .carousel-item img{
        height: 260px;
    }
    .carousel-caption {
        color: #000;
        left: 5%;
        top: 8%;
        text-align: left
    }
    .carousel-caption br{
        display: none;
    }
    .carousel-caption h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .industries ul li {
        width: 97%;
    }

    .org-box {
        padding-bottom: 50px;
    }

    .org-box h3 {
        margin-bottom: 20px;
    }

    .org-box h3::after {
        right: 0px;
        bottom: -10px;
    }

    /*.industries {*/
    /*    background-image: url(../images/bg-industry.png);*/
    /*    background-position: 100% 130%;*/
    /*    background-repeat: no-repeat;*/
    /*}*/

    .hero-girl {
        position: relative;
        margin-bottom: 30px;
    }

    .weoffer p {
        text-align: left;
        margin-top: 30px;
    }



}

::selection {
    color: #000;
    background: #FF9400;
}
.carousel_testimonial {
    text-align:center;
}
.carousel_testimonial  img {
    text-align:center; 
        display: inline !important;
}

.employee {
        color: white;
    font-weight: 600;
        margin-top: 5px;
    margin-bottom: 5px;
     padding: 0px 1rem;
     text-align:left;
     font-size: 18px;
    margin-bottom: 0px !important;
    line-height: 20px;
}
.employee-text {
        color: #000;
    margin-bottom: 15px;
    padding: 0px 1rem;
    text-align:left;
}
.employe-content {
        color: #fff;
    margin-bottom: 15px!important;
     text-align:left;
         line-height: 1.5;
    padding: 0px 1rem;
}



/*jobapply form */

.title { 
 font-size: 30px;
    font-weight: 200;
    /* position: relative; */
    text-align: center;
    margin-bottom: 1rem;
}

.bg-form {
          margin-top: -330px;
    z-index: 9;
    position: relative;

}
.form-banner {
        background: url(../images/fomimg2.jpg) no-repeat;
    background-size: cover;
    height: 300px;
    background-position: center;
}
.bginnerform {
        background: url(https://www.acldigital.com/sites/default/files/2020-07/Education-bcg-services_11.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.form-banner::before {
          content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(54 166 241);
    z-index: 0;
    opacity: 0.8;
        }
.container .title::before {
  content: "";
  position: absolute;
  height: 3.5px;
  width: 30px;
  background: linear-gradient(135deg, var(--main-blue), var(--main-purple));
  left: 0;
  bottom: 0;
}
.main-form {
    background: white;
    border-radius: 5px;
    padding: 50px;
        box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.15)!important;
}
.overfooter {
        width: 310px;

}




.container form .user__details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 12px 0;
}
/* inside the form user details */
form .user__details .input__box {
  width: calc(100% / 2 - 20px);
  margin-bottom: 15px;
}

.user__details .input__box .details {
  font-weight: 200;
  margin-bottom: 5px;
  display: block;
}
.user__details .input__box input {
  height: 45px;
  width: 100%;
  outline: none;
  border-radius: 5px;
  border: 1px solid #c1c1c1;
      padding: 6px 15px;
  font-size: 16px;
  border-bottom-width: 2px;
  transition: all 0.3s ease;
}

.user__details .input__box input:focus,
.user__details .input__box input:valid {
  border-color: var(--main-purple);
}

/* inside the form gender details */

form .gender__details .gender__title {
  font-size: 20px;
  font-weight: 200;
}

form .gender__details .category {
  display: flex;
  width: 80%;
  margin: 15px 0;
  justify-content: space-between;
}

.gender__details .category label {
  display: flex;
  align-items: center;
}

.gender__details .category .dot {
  height: 18px;
  width: 18px;
  background: var(--sub-grey);
  border-radius: 50%;
  margin: 10px;
  border: 5px solid transparent;
  transition: all 0.3s ease;
}

#dot-1:checked ~ .category .one,
#dot-2:checked ~ .category .two,
#dot-3:checked ~ .category .three {
  border-color: var(--sub-grey);
  background: var(--main-purple);
}

form input[type="radio"] {
  display: none;
}

/* submit button */
form .button {
  height: 45px;
  margin: 45px 0;
}

form .button input {
    height: 100%;
    width: 100%;
    outline: none;
    color: #fff;
    border: none;
    font-size: 18px;
    font-weight: 200;
    border-radius: 5px;
    background: #1790e2;
    transition: all 0.3s ease;
}
form .button input:hover,
form .button input:active,
form .button input:focus {
    height: 100%;
    width: 100%;
    outline: none;
    color: #fff;
    border: none;
    font-size: 18px;
    font-weight: 200;
    border-radius: 5px;
       background-color: #1790e2 !important;
    transition: all 0.3s ease;
}

.formheading {
    padding-top: 60px;
    text-align: center;
    padding-bottom: 60px;

}
form .user__details .input__boxfull {
    width: calc(100% / 1 - 20px);
    margin-bottom: 15px;
}
.user__details .input__boxfull .details {
    font-weight: 200;
    margin-bottom: 5px;
    display: block;
}
.user__details .input__boxfull input {
    height: 45px;
    width: 100%;
    outline: none;
    border-radius: 5px;
    border: 1px solid #c1c1c1;
    padding: 6px;
    font-size: 16px;
    border-bottom-width: 2px;
    transition: all 0.3s ease;
}

form .button input:hover {
  background: linear-gradient(-135deg, var(--main-blue), var(--main-purple));
}
/*<----------------------------------------------------------------------------------------------------------------------------------------------->*/
@media only screen and (max-width: 584px) {

  form .user__details .input__box {
    margin-bottom: 15px;
    width: 100%;
  }

  form .gender__details .category {
    width: 100%;
  }

  .container form .user__details {
    max-height: 300px;
    overflow-y: scroll;
  }

  .user__details::-webkit-scrollbar {
    width: 0;
  }
}

.black{
    color:black;
}



.navtabscustom .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
       color: black !important;
    border: 0 !important;
    background-color:#ffffff !important;
    border-radius: 0 !important;
}

.navtabscustom .nav-tabs .nav-link:hover {
     border-radius: 0 !important;
    border: 0 !important;
}
.navtabscustom .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { 
    isolation: isolate;
    border-color: #1e1e1e !important;
    border-bottom:0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.tab-content>.active {
    display: block;
    background-color: #ffffff!important; 
    padding: 0px 15px 20px 20px;
}
.navtabscustom li {
        width: 25%;
    text-align: center;
}
.nav-tabs .nav-link {
    padding: 15px;
    border: 0 !important;
}
.togglepage {
    background-color: #f1f1f2;
    padding: 15px 0px 15px 0px;

}


.nav-link {
    font-size: 16px;
    color: #1790e2;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext {
    padding: 1rem 0.75rem;
    background-color: #f1f1f2 !important;
     border-radius: 1px !important;
}
.submitcustomer {
        text-align: center;
    margin-top: 2rem;
}
.submitcustomer button {
    background-color: #1790e2 !important;
    font-size: 16px;
    border-radius: 0;
    border: 0;
    width: 25%;
    margin: auto;
    padding: 8px 10px;
}
.tab-content a, a:hover {
    color: #1790e2 !important;
    text-decoration: none;
}

.fot_w {
    width:325px !important;
}

.awrdimg {
    column-gap:15px;
}
.awrdimg h3 {
font-size: 22px;
    margin-bottom: 1rem;
    font-weight: 600;
        color: #1790e2;
}
.awrdimg img{
    margin-bottom:1rem;
}
.awardimge {
    position:relative;
}

/*.awardimginner img:hover .awardimginner:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    top: 20px;*/
/*    left: -18px;*/
/*    background-color: #59b0ea2e;*/
/*    width: 353px;*/
/*    height: 280px;*/
/*    display: block;*/
/*    border-radius: 0px 15px 0px;*/
/*    bottom: 0;*/
/*    z-index: 0;*/
/*    transition: 0.5s;*/
/*}*/

.who_we {
    letter-spacing: 0 !important;
    font-size: 16px;
    text-align: center;
}
.about_usss h4 {
    margin: 0px 0px 5px 0px;
}
.about_usss p {
   text-align: justify;
}

.governcecarrd  {
   position: relative;
    padding: 15px;
    border: 0;
    height: 370px;
        border-radius: 0;
}
.governcecarrd a {
        position: absolute;
    bottom: -20px;
    padding: 8px;
    border: 1px solid #ff9400;
    background-color: #ff9400;
    color:white;
}
.governcecarrd img {
        width: 55px;
}
.governcecarrd h4 {
        font-size: 24px !important;
    font-weight: 300;
}
.governanceMain {
        background: #F9F5F2;
            padding-bottom: 70px;
}
.btn-touch i {
    color: white !important;
}
/*3/5/2025 chnages*/
.card-hover{
  transition: transform .1s;
  margin: 0 auto;
}
.card-hover:hover {
    -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  background-color: #c2e1f6;
}
.read-button{
        border: none;
    padding: 5px 10px;
    background-color: #1a99f0;
    color: #fff;
    border-radius: 50px;
    font-size: 15px;
}
.certifications{
    display:flex;
    justify-content:space-between;
   background-color:#e1eff7;
}
.certifications .awards{
    height:140px;
}
.explore-button{
   height: 49px;
    width: 268px;
    background-color: #1790e2 !important;
    border: none;
    border-radius: 11px;
    color: white;
    font-size: 18px;
}
.explore-button .fa-solid{
    color: white !important;
}
.jobmain .apply-button{
    padding: 8px 12px;
    border-width: 2px;
    border-style: solid;
    border-radius: 8px;
}
.achieve-card {
    max-height: 100px;
    background: #e4f1f9;
    padding: 30px;
    border-radius: 15px;
    transition: 0.5s;
}
.achieve-card .achieve-icon {
    height: 72px;
    width: 72px;
    text-align: center;
    border-radius: 100px;
    background: #1790E2;
    transition: 0.5s;
}
/*.achieve-card:hover .achieve-icon i {*/
    /*color: #1790E2;*/
/*    transition: 0.5s;*/
/*}*/
/*.achieve-icon i {*/
/*    font-size: 32px;*/
/*    color: rgb(255, 255, 255) !important;*/
/*    line-height: 70px;*/
/*    transition: 0.5s;*/
/*}*/
.achieve-icon i {
    font-size: 32px;
    color: rgb(255, 255, 255) !important;
    line-height: 70px;
    transition: 0.5s;
}

.achieve-card:hover {
    color: rgb(255, 255, 255);
    background: #1790E2;
    transition: 0.5s;
}
.achieve-card:hover .achieve-icon:hover {
    /*background: rgb(255, 255, 255);*/
    transition: 0.5s;
    color:#1790E2 ;
}
/*.align-items-center {*/
/*    align-items: center !important;*/
/*}*/
/*.justify-content-between {*/
/*    justify-content: space-between !important;*/
/*}*/
/*.d-flex {*/
/*    display: flex !important;*/
/*}*/


.ml50 {
    margin-left: 50px;
}

.ml50 {
        font-family: 'DM Sans', sans-serif;
    margin-bottom: 25px;
}
.benefit-list li, .moduls-data li {
    margin-bottom: 18px;
    position: relative;
    padding-left: 10px;
}
.benefit-list li {
    list-style: none;
        list-style-image: url("../images/star.svg") !important;
}


.challenge-list li {
    list-style-image: url("../images/star.svg") !important;
    padding-left: 10px;
    margin-left: 34px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #5F5F5F;
}
.benefits-fupo{
    font-weight:bold;
}


.fupo-intro-section {
  padding: 60px 20px;
  border-radius: 8px;
}

.fupo-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

.fupo-wwya{
  font-size: 1.2rem;       /* Adjust the font size */
  font-weight: 400;        /* Semi-bold */        /* Blue color (Bootstrap primary blue) */
  margin-bottom: 0.5rem;   /* Spacing below the heading */
  line-height: 1.2;    
  color: #5F5F5F;
}
.text-orange {
  color: #FF9400 !important; /* Bootstrap default primary blue */
}
.text-blue{
    color: #1790e2 !important;
}

.fupo-subtitle {
  font-size: 16px;
  line-height: 1.6;
}

.orange {
  color: #FF9400;
}

.blue {
  color: #1790e2;
}

.fupo-card {
  background: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.fupo-logo {
  max-width: 150px;
}


.scope-sub-title
 {
    color: #1790e2;
    margin: 20px 0px 10px -8px;
    text-align: start;
}

.fupo-scope-sub-title
 {
    color: black;
    font-weight: bold;
    text-align: center;
    
}
/*.challenge-list li {*/
/*    list-style-image: url(images/star.svg) !important;*/
/*    margin-bottom: 10px;*/
/*    font-size: 16px;*/
/*    color: #5F5F5F;*/
/*}*/


    .custom-visit-btn {
        background: linear-gradient(135deg, #007bff, #00c6ff);
        color: white;
        padding: 12px 30px;
        border-radius: 30px;
        text-decoration: none;
        font-weight: bold;
        transition: 0.3s ease;
        display: inline-block;
    }

    .custom-visit-btn:hover {
        background: linear-gradient(135deg, #0056b3, #00aaff);
        text-decoration: none;
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
    }

  @media (max-width: 768px) {
    .fupo-container {
      flex-direction: column;
      align-items: center;
    }

    .fupo-block {
      width: 100%;
    }
  }






/*<------------------------------------------------------------------------------------------------------------------------------------------->*/


/*Mobile responsive*/
@media only screen and (max-width: 991px) {
    /*chnages by swetha from 2/3/2025*/
    h1, .h1 {
    font-size: 36px;
    text-align: center;
}
.border-r-card {
    border:none;
}
.heading-wrapper.with-separator h1:after, .heading-wrapper.with-separator h2:after, .heading-wrapper.with-separator h3:after {
    margin-left: 40%;
}
.section-content-padding {
    padding: 50px 0px;
}
.features-section .container .row  {
    row-gap: 3rem;
}
.mobile_footer {
    display:flex;
    gap: 10px;
}
  .weoffer h2 {
    font-size: 26px;
    text-align: center;
}
.single-counter .counter-content {
    margin-left: 0px;
}
.single-counter .counter-img {
    width: 30%;
    margin: auto;
            margin-bottom: 1rem;
}

.techwix-counter-section-02 .single-counter {
    position: relative;
    margin-left: 0px;
    text-align: center;
}
.navbar-expand-lg .navbar-nav {
    flex-direction: column;
    align-items: start;
    justify-content: left;
}

.header .navbar-nav li:hover > .nav-link:before,
.header .navbar-nav li:hover > .dropdown-toggle:before {
   display:none;
}
.header .navbar-nav li.dropdown:hover > .dropdown-menu {
       top: 14px;
    border-radius: 5px;
    background-color: #f1f1f1;
    padding: 0px 10px;
    left: 115px;
}
.navbar-nav li {
    padding: 0px 15px;
    font-size: 14px;
}
.mb3-mbl {
    margin-bottom:1rem;
}
.industries h2 {
    font-size: 24px;
    margin-bottom: 15px;
}
.industries ul li {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.pem-3 {
    padding-right:1rem !important;
}
.it_challanges_img img {
    display: none;
}
.mbm-3 {
    margin-bottom: 1rem!important;
}
.clients h2 {
    margin-bottom: 15px;
}
.holder {
    height: 150px;
    padding: 15px 0;
    text-align: center;
}
.carousel_testimonial .d-flex {
        flex-direction: column;
}
.sweets {
    height: auto;
}
.employee {
    text-align: center;
}
.employee-text {
    text-align: center;
}
.employe-content {
    text-align: center;
}
.social-icons {
    margin-top: 15px;
}
.social-icons {
           text-align: center;
        column-gap: 10px;
        display: flex;
}
footer h4 {
    font-weight: 700;
    margin-bottom: 15px;
}
.bannerFont h1 {
    font-size: 30px;
}
.bannerFont h5 {
    font-size: 20px;
        width: auto;    
    line-height: 1.2;
}
.btn-touch {
    font-size: 16px;
}
.bannerFont {
    position: relative;
    /*height: 30vh !important;*/
    min-height: 30vh;
    overflow: hidden;
    background-position-x: 80% !important;
}
.common-title {
    font-family: "Source Sans 3", serif;
    font-size: 40px !important;
    font-weight: bold;
    color: #FF9400;
}
.clients h2 {
    font-size: 24px;
}
.navbar-nav li {
    text-align: left;
}
.index_bg:not(.home-hero) {
    height: calc(40vh - 0px);
}
.index_bg.home-hero {
    height: 400px; 
    padding-left: 0;
    padding-right: 0;
}
.credntial_banner {
      height: calc(50vh - 0px);
}
.cross_banner {
     height: calc(50vh - 0px);
}
.vission_banner {
     height: calc(50vh - 0px);
}
.about_banner {
      height: calc(50vh - 0px);
}
.about2_banner {
     height: calc(50vh - 0px);
}
.cloud_banner {
     height: calc(50vh - 0px);
}
.digital_trans {
     height: calc(50vh - 0px);
}
.mobiltyservices_banner {
     height: calc(50vh - 0px);
}
.e_governance {
     height: calc(50vh - 0px);
}
.insurance_banner {
     height: calc(50vh - 0px);
}
.finance_banner {
     height: calc(50vh - 0px);
}
.hr_banner {
     height: calc(50vh - 0px);
}
.auto_banner {
     height: calc(50vh - 0px);
}
.real_banner {
     height: calc(50vh - 0px);
}
.travel_banner {
     height: calc(50vh - 0px);
}
.padding_left_mobile {
        padding-left: 0.8rem !important;
}
.padding_right_mobile {
    padding-right: 0.8rem !important;
}
.bgf1f1 .card {
    height: 250px !important;
}

.text_centermbl {
    text-align:center;
}
.text_centermbl .valuesp{
    text-align:justify;
}
.temmainheading {
    padding-top: 0;
    text-align: center;
    padding-bottom: 0 !important;
}
.TeamHeading {
    font-size: 24px;
    text-transform: capitalize;
}
.mb_3Mobile {
    margin-bottom:15px !important; 
}
.awrdimg {
    column-gap: 0px;
    justify-content: center;
}
.mt_3mobile {
    margin-top:15px !important;
}
/*.data-driven-title {*/
/*    font-size: 26px;*/
/*    text-transform: capitalize;*/
/*    font-weight: normal;*/
/*}*/
    /*chnages by geetha from 2/11/2025*/
.contactus-iframe{
           width: 100%;
        height: 239px;
        overflow: hidden;
        max-width: 100%;
}

footer p {
    font-size: 13px;
}
.rowgap{
    row-gap:15px;
}
.nav-link{
    font-size: 14px;
}


}

/*<------------------------------------------------------------------------------------------------------------------------------------------------>*/


/*Cookies css*/
#simple-cookie-consent {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  resize: vertical;
  overflow: auto;
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.7);
}
#simple-cookie-consent .cookie-consent-container {
 position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    margin: -100px auto 0;
    background: #fff;
    padding: 30px;
    max-width: 700px;
    height: 300px;
}
#simple-cookie-consent .cookie-consent-selection {
      text-align: right;
    margin-top: 6rem;
}
#simple-cookie-consent button {
  border: none;
  padding: 10px 20px;
  margin: 10px 0 0 10px;
  background: none;
  font-size: 1.1em;
}
#simple-cookie-consent button.cookie-consent-allow {
  background-color: #04aa6d;
  color: #fff;
}
#simple-cookie-consent button.cookie-consent-allow:focus,
#simple-cookie-consent button.cookie-consent-allow:hover {
  background-color: #059862;
  cursor: pointer;
}
#simple-cookie-consent button.cookie-consent-deny {
  padding: 5px 0;
  font-size: 0.9em;
  opacity: 0.8;
}
#simple-cookie-consent button.cookie-consent-deny:focus,
button.cookie-consent-deny:hover {
  opacity: 1;
  cursor: pointer;
}
#simple-cookie-consent hr {
  margin: 15px 0;
}
.btn-touch:hover i {
    color: #000!important;
}


/* For animation transition */
    .reveal {
        position: relative;
        transform: translateY(45px);
        opacity: 0;
        transition: 1s all ease;
    }

    .reveal.active {
        transform: translateY(0);
        opacity: 1;
    }

/* For animation transition right to left */
.reveal-right.active {
    transform: translateX(0);
    opacity: 1;
}

.reveal-right {
    position: relative;
    transform: translateX(30px); /* Moves element from right */
    opacity: 1;
    transition: 1s all ease;
}

.enrol-page {
  display: flex;
  width: 150px;
  height: 40px;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  line-height: 35px;
  border: 1px solid;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #979695;
  text-decoration: none;
  transition: all 0.35s;
  box-sizing: border-box;
  position: relative;
  border-color: #979695;
  
  &:hover {
   transition: transform 0.3s ease-in-out;
    border-color: #5e5e5e;
    color: #5e5e5e;

    &::before {
      opacity: 1;
    }
  }

  &::before {
    width: 100%;
    height: 1em;
    position: absolute;
    left: 0;
    bottom: -1.35em;
    background: radial-gradient(
      ellipse at center,
      rgba(0, 0, 0, 0.35) 0%,
      rgba(0, 0, 0, 0) 80%
    );
    opacity: 0;
    transition: all 0.65s;
    content: "";
  }
}