{# /* header general css */
header{ position: relative;}
.header-wrapper h1,.header-wrapper  h2,.header-wrapper h3,.header-wrapper h4,.header-wrapper h5,.header-wrapper h6,.header-wrapper ol,.header-wrapper ul {margin: 0;}
.header-wrapper p {margin: 0; font-size: 16px; line-height: 1.38; font-weight: 400; color: #888888;}
.header-wrapper a {font-size: 18px; color: #050a0a; font-weight:500;}
.header-wrapper a:hover { -webkit-text-stroke: 0.5px;}
.header-wrapper h4 { line-height: 1.29; font-weight: bold}
.header.nav-with-mega .left-side-logo-wrap svg {width: 200px; height: 49px; display: block;}
.header.nav-with-mega .nav-item .nav-item-tag a {padding: 24px 20px; display: inline-block;}
.header.nav-with-mega .navbar-items {display: flex; align-items: center;}
.header.nav-with-mega .right-side-nav-cta-content {display: flex; align-items: center; gap: 18px;}
.header.nav-with-mega .header-two-col {display: flex; align-items: center; justify-content: space-between; position:relative;}
.header.nav-with-mega .header-cta-inner a { border-radius: 54px; color: #050a0a; padding: 8px 16px; border: 2px solid #ffd027; transition: all ease 0.2s;}
.header.nav-with-mega .header-cta-inner a:hover { background-color: #ffd027;}
.nav-item-tag a { position: relative; line-height:1.33;}
.nav-item-tag a::after { content: ''; position: absolute; width: 0; margin: 0 auto; height: 2px; background-color: #021eee; bottom: 32%; left: 17%; transition: all ease 0.3s;}
.nav-item-tag a:hover::after { width: 70%;}
.mega-menu-left-col-list a { font-size: 18px; line-height: 1.33; font-weight: 500;}
.project-main-title h4 { font-size: 18px; line-height: 1.33; font-weight: 500; color: #021eee;}
.project-main-title { padding: 30px 20px;}
.featured-project-sub-title h5 { font-size: 16px; font-weight: 400; line-height: 1.25;}
.by-industry-list a:hover span.by-industry-svg svg path { fill: #021eee;}
.by-industry-list a:hover span.by-industry-link { color: #021eee;}
.solutions-image { width: 100%; max-width: 43%;}
.mega-menu-left-news-title h4 { font-size: 18px; line-height: 1.33; color: #012eee; font-weight: 500;}
.mega-menu-left-news-view-all-btn a { font-size: 18px; line-height: 1.17; font-weight: 700; color: #050a0a; padding: 12px 24px; border: 2px solid #EED202; border-radius: 40px;}
.mega-menu-right-news-blog-image { width: 100%; max-width: 269px; border-radius: 20px; overflow: hidden;}
.blog-content-right { width: 100%; max-width: 340px;}
.mega-menu-blog-tag { padding-right: 10px; border-right: 2px solid #d9d9d9;}
.mega-menu-left-blog-cta:hover a { color: #ffd027;}
.mega-menu-left-news-blog:hover { border: 2px solid #021eee;}
.mega-menu-right-blog-cta a:hover { transform: translateX(10px); color: #ffd027;}
.mega-menu-left-col-list a{position: relative;}
.project-clients-image:hover {
    border: 2px solid #012eee;
}
.mega-menu-left-col-list a::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16667 1H13.5M13.5 1L13.5 10.3333M13.5 1L1.5 13' stroke='%23050a0a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    right: 4%;
    bottom: 33%;
}
.mega-menu-left-col-list a:hover:after { fill:#012eee;}
.featured-project-btm-content a:hover { background-color: #eed202;}
.access_buttons_outer a {
    font-size: 16px;
    line-height: 1.32;
    color: #9E9E9E;
    font-family: Montserrat;
    font-weight: 400;
}

.featured-project-btm-content a {
    background-color: transparent;
    border: 2px solid #eed202;
    color: #050a0a;
    font-weight: 500;
}

.featured-project-btm-content a:hover {
    background-color: #eed202;
    color: #000;
}

/* MObILE NUMBER HIDDEN */
.top-line-header-left-col .top-line-element:not(:first-child) { display: none;}
/* * * * */

/* Toggle */
.header.nav-with-mega .toggle {position: relative; width: 70px; height: 70px; justify-content: center; align-items: center; cursor: pointer; overflow: hidden; display: none;}
.header.nav-with-mega .toggle span {position: absolute; width: 40px; height: 4px; background: #000000; border-radius: 10px; transition: 0.5s;}
.header.nav-with-mega .toggle span:nth-child(1) {transform: translateY(-15px); width: 25px; left: 15px;}
.header.nav-with-mega .toggle.active span:nth-child(1) {width: 40px; transform: translateY(0) rotate(45deg); transition-delay: 0.125s;}
.header.nav-with-mega .toggle span:nth-child(2) {transform: translateY(15px); width: 15px; left: 15px;}
.header.nav-with-mega .toggle.active span:nth-child(2) {width: 40px; transform: translateY(0) rotate(315deg); transition-delay: 0.25s;}
.header.nav-with-mega .toggle.active span:nth-child(3) {transform: translateX(60px);}
/* * * * */

/* Mega-menu */

.about-us-mega .mega-menu-left-col {width: 35%;}
.about-us-mega .mega-menu-right-col {width: 65%;}

.navbar-mega-menu {position: absolute; left: 50%; transform: translateX(-50%); overflow: hidden; height: auto; top: calc(100% + 0px); width: 100%; max-width: 1243px; background-color: #fff; z-index: 99; box-shadow: 0px 20px 60px 10px rgb(59 103 142 / 8%); border-radius: 0px 0px 20px 20px;}
.mega-menu-right-col {padding: 20px; background-color: #f5f5f5; }
.mega-menu-left-col {padding: 20px 30px 20px 20px; }
.navbar-mega-menu-two-col {display: flex; align-items: stretch; justify-content: space-between;}
.mega-menu-right-col-bottom-social-media {display: flex; gap: 22px; align-items: center;}
.mega-menu-right-col-bottom-social-media {display: flex; gap: 22px; align-items: center;}
.mega-menu-right-col-bottom-social-media svg {display: block; width: 48px; height: 48px; transition: all 0.3s ease;}
.mega-menu-right-col-bottom-social-media svg:hover{fill:#eed202;}
.mega-menu-right-col-bottom-two-col {display: flex; align-items: center; justify-content: space-between; gap:20px;}
.mega-menu-right-col-content p {font-size: 16px; line-height: 1.38; font-weight: 400;}
.mega-menu-right-col-bottom-cta a {align-items: center; border: 2px solid #EED202; border-radius: 40px; display: flex; gap: 12px; padding: 8px 16px; -webkit-transition: all ease-in-out 0.2s;}
.mega-menu-right-col-bottom-cta a:hover {background-color: #eed202;}
/* .btm-btn-mega span.by-solution-svg svg{display:block;} */
span.by-solution-svg svg {display: block;}
.mega-menu-left-col-listing-wrap {display: flex; flex-direction: column; gap: 30px;}
.mega-menu-blog-title {padding-top: 8px;}
.mega-menu-left-col-list {position: relative}
.mega-menu-left-col-list i {position: absolute; right: 16px; top: 50%; transform: translateY(-50%)}
.mega-menu-left-col-list a {font-weight: 500; padding: 10px 20px; display: block; border: 1px solid #fff; border-radius: 8px; transition: all 0.2s ease;}
.mega-menu-left-col-list a:hover { border: 1px solid #f5f5f5; background-color: #f5f5f5; color: #021EEE;}

/* Solution */ 
.navbar-mega-menu.solution-mega .mega-tab-btn {padding: 10px 20px; line-height: 1.33; font-weight: 600; font-size: 18px; border: none; color: #888888; background: none; border: 2px solid #888888; border-radius: 10px;}
.navbar-mega-menu.solution-mega .mega-tab-btn:hover {font-weight: 600;}
.navbar-mega-menu.solution-mega .mega-tab-btn.activeTab { font-weight: 600; color: #050A0A; border: 2px solid #FFD027;}
.navbar-mega-menu.solution-mega .navbar-top-tabbing-btn-right-btns {display: flex; gap: 20px;}
.navbar-mega-menu.solution-mega .navbar-top-tabbing-btn-left-title h4 {margin: 0;}
.navbar-mega-menu.solution-mega .mega-menu-left-col {padding: 0px;}
.navbar-mega-menu.solution-mega .navbar-top-tabbing-btn-wrap {display: flex; align-items: center; gap: 40px; padding:30px 20px; border-bottom: 3px solid #F2F2F2;}
.navbar-mega-menu.solution-mega .mega-menu-right-col { background-color: #f5f5f5; max-width: 69.3%; padding: 20px; width: 100%;}
.Product-icon-title h4 {font-size: 18px;}
.by-Category-right-Main-solution-col {display: flex; align-items: stretch;}
.by-Category-two-col-inner {display: flex; align-items: stretch; width: 100%;}
.by-Category-btn {padding: 10px 20px; border-radius: 10px; border: 2px solid transparent; font-size: 18px; line-height:1.33; font-weight:500; display: flex; justify-content: space-between; gap: 10px; cursor: pointer;}
.about-us-mega .mega-menu-right-col-bottom-wrap {padding-top: 32px;}
.about-us-mega .mega-menu-right-col-content {padding-top: 30px;}
.about-us-mega .mega-menu-right-col-inner,
.by-Category-right-solution-col .mega-menu-right-col-inner {display:flex; width: 100%; position: relative;}
.by-Category-right-solution-col .mega-menu-right-col-inner .mega-menu-display-image {width: 100%; object-fit: cover; border-radius: 4px;}
.by-Category-right-solution-col .mega-menu-right-col-inner .mega-menu-display-content-wrapper {width: 80%; padding-left: 16px; position: relative;}
.mega-menu-right-col-inner:hover .megamenu-round-arrow-button {box-shadow: 0 0 6px 2px white;}
a.mega-menu-view-all-cta:hover {box-shadow: 0 0 6px 2px white;}
.megamenu-round-arrow-button {position: absolute; top: 0; right: 0; height: 42px; width: 42px; background-color: #eed202; border-radius: 40px; z-index: 99; box-shadow: 0 0 white;}
.megamenu-round-arrow-button i {position: absolute; top: 0; right: 0; height: 42px; width: 42px;}   
.megamenu-round-arrow-button i:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.about-us-mega .mega-menu-right-col-text-wrap {width: 45.7%; padding-left: 30px;}
.about-us-mega .mega-menu-right-col-image {width: 35.5%; height: 100%;}
.about-us-mega .mega-menu-right-col-bottom-cta.btn-arrow a {font-weight: 700; padding: 12px 24px; border: 2px solid #EED202; border-radius: 40px; gap: 6px;}
.about-us-mega .mega-menu-right-col-bottom-cta.btn-arrow i {margin-bottom: 2px}
.by-Category-left-col {display: flex; flex-direction: column; gap: 10px; width: 100%; max-width:236px; padding: 20px 30px 20px 20px;}
.by-Category-right-solution-col { border-left: 3px solid #F5f5f5; width: 100%; display: flex;}
.by-solution-btn {border: 2px solid transparent; border-radius: 10px; display: flex; font-size: 18px; line-height: 1.33; font-weight: 500; gap: 10px; justify-content: space-between; padding: 10px 20px; cursor: pointer; align-items: center;}
.by-Category-sol {display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 337px; padding: 20px 30px;}
.mega-menu-view-all-cta { width: 100%; /*max-width: 125px;*/ display: block; text-align: center; margin: 24px 0 0; padding: 12px 24px; border-radius: 40px; border: 2px solid #EED202;}
.mega-menu-display-sub-title h5 {font-size: 16px; line-height: 1.25; font-weight: 400;}
.mega-menu-display-sub-title {padding-top: 8px;}
.mega-menu-display-content {padding-top: 20px;}
.mega-menu-display-btm-btn {padding-top: 25px;}
.mega-menu-display-btm-btn {display: flex; align-items: center; gap: 18px;}
span.by-industry-svg svg {display: block;}
.by-industry-list a {display: flex; align-items: center; gap: 20px; transition: all 0.4s ease;}
.by-industry-list a:hover{background-color: #f5f5f5; border-color: #f5f5f5!important; transition: all 0.4s ease; }
span.by-industry-svg svg {display: block; width: 38px; height: 38px;}
.Product-icon {max-width: 55px; height: 100%; width: 100%; max-height: 55px; overflow: hidden; border-radius: 5px;}
.Product-icon img {width: 100%; height: 55px !important; object-fit: cover; max-height: 100% !important; display: block;}
.Product-icons-inner {display: flex; gap: 20px;}
span.by-Category-svg svg {display: inline-block;}
.Product-industry-icons-wrap {display: flex; align-items: center; gap: 27px;}
.mega-menu-display-btm-btn {padding-bottom: 30px;}
.Product-industry-icons {padding-top: 30px; border-top: 1px solid #707070;}
.by-Category-right-Main-solution-col {display: none;}
.mega-menu-right-tab{display: none;}
.by-industry-list a {display: flex; align-items: center; gap: 20px; padding: 15px 18px; border: 2px solid #f5f5f5; border-radius: 10px;}
.by-industry-inner-list {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px;}
.by-industry-list {max-width: calc(33.33% - 14px); width: 100%;}
.by-industry-inner {padding: 25px;}
.by-industry-inner span.by-industry-link { color: #050A0A; font-size: 18px; line-height: 1.33; font-weight: 500;}
.mega-tab {display: none;}
.mega-tab.activeClass{display: block;}

/* Project */
.navbar-mega-menu.project-mega .mega-menu-left-col {width: 54%; padding: 20px;}
.navbar-mega-menu.project-mega .mega-menu-right-col {width: 70%; padding: 20px}
.project-clients-images-wrap {display: flex; flex-wrap: wrap; gap: 10px 30px;}
.project-clients-image {width: calc(47% - 10px); border-radius: 10px; overflow: hidden; cursor: pointer; transition: all 0.4s ease; padding: 30px; border: 2px solid #F5F5F5; border-radius: 10px; }
.project-clients-image:hover { -webkit-transition: all ease-in-out 0.2s; transform: scale(1.02); -webkit-transform: scale(1.01);}
.project-clients-image { text-align:center;} 
.project-clients-image img{ filter: grayscale(1) }
.project-clients-image:hover img { filter: none; }
.project-clients-image img {width: 100%; max-height:50px !important; height: 100% !important; object-fit: contain;}
.featured-project-content-two-col {display: flex; gap: 30px; position: relative}
.featured-project-image { border-radius: 20px; overflow: hidden; width: 100%; max-width: 269px;}
.featured-project-sub-title {padding-top: 8px;}
.featured-project-content {padding-top: 20px;}
.featured-project-sub-title {padding-top: 8px;}
.featured-project-btm-content-inner {display: flex; align-items: center; justify-content: space-between; gap:20px;}
.featured-project-content-wrap {display: none;}
.project-clients-image.activeImage { -webkit-transition: all ease-in-out 0.2s; transform: scale(1.01); -webkit-transform: scale(1.02);}
.featured-project-btm-content-image {max-width: 50px; width: 100%; height: 50px; border-radius: 5px; overflow: hidden;}
.mega-menu-right-col-bottom-cta-project a{align-items: center; border: 1px solid #707070; border-radius: 38px; display: flex; font-size: 18px; gap: 18px; padding: 12px 28px;  -webkit-transition: all ease-in-out 0.2s;}
.mega-menu-right-col-bottom-cta-project a:hover{transform: scale(1.02); -webkit-transform: scale(1.02);}
.mega-menu-display-btm-btn-project {display: flex; gap: 20px;}
.featured-project-image img {height: 100%!important; width: 100%; object-fit: cover; display: block;}
.mega-menu-right-col-bottom-cta-project a{align-items: center; border: 1px solid #707070; border-radius: 38px; display: flex; font-size: 15px; gap: 18px; padding: 13px 28px;}
.featured-project-btm-content-images {display: flex; gap: 20px;}
.featured-project-btm-content-image img {width: 100%; height: 100% !important; object-fit: cover;}
.mega-menu-left-news-blog-image {height: 112px; max-width: 197px; width: 100%; overflow: hidden; border-radius: 10px;}
.mega-menu-left-news-blog-image img {width: 100%; height: 100% !important; object-fit: cover;}
.mega-menu-left-news-title-content {display: flex; justify-content: space-between; align-items: center; padding: 40px 20px; border-bottom: 3px solid #F5F5F5;}
.mega-menu-left-news-blog {display: flex; gap: 16px; align-items: flex-start; padding: 10px; border: 2px solid #f2f2f3; border-radius: 10px;}
.mega-menu-blog-date-name {display: flex; justify-content: flex-start; gap: 10px; align-items: center;}
.mega-menu-blog-name {text-transform: capitalize;font-size: 18px;}
.mega-menu-blog-date {font-size: 16px; line-height: 1.25; color: #888888; font-weight: 400;}
.mega-menu-blog-title h5 {font-size: 18px; font-weight: 500; line-height: 1.33;}
.mega-menu-left-news-blogs {display: flex; flex-direction: column; gap: 18px;}
.navbar-mega-menu.news-mega .mega-menu-left-col {padding: 30px 30px 20px 20px;}
.navbar-mega-menu.news-mega .mega-menu-left-col {max-width: 627px; width: 100%;}
.navbar-mega-menu.news-mega .mega-menu-right-col {padding: 20px; max-width: 100%;}
.mega-menu-right-blog-top-line {display: flex;}
.mega-menu-right-blog-date-name {font-size: 18px; display: flex;}
.mega-menu-right-blog-image img {width: 100%; height: 100%; object-fit: cover;}
a.blog-featured-image-link a {display: block;}
.mega-menu-right-blog-inner {display: flex; gap:30px;}
.mega-menu-right-blog-date-name {display: flex; width: 100%; justify-content: space-between;}
.mega-menu-right-blog-title a {font-size: 24px; line-height: 1.5; font-weight: 500;}
.mega-menu-right-blog-content p {font-size: 16px; line-height: 1.38; font-weight: 400; color: #888888;}
.mega-menu-right-blog-title {padding-top: 10px;}
.mega-menu-right-blog-content {padding-top: 10px;}
.mega-menu-right-blog-content {display: flex; flex-direction: column; justify-content: space-between;}
.mega-menu-right-blog-content {display: flex; flex-direction: column; justify-content: space-between; gap:20px;}
.mega-menu-right-blog-cta a {align-items: display: flex; font-size: 18px; gap: 18px; display: inline-flex; -webkit-transition: all ease-in-out 0.2s;}
.mega-menu-right-blog-cta a:hover {transform: scale(1.02); -webkit-transform: scale(1.02);}
a.blog-control {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:-1;}
.mega-menu-left-news-blog{-webkit-transition: all ease-in-out 0.2s; position:relative;}
.mega-menu-left-news-blog:hover{transform: scale(1.02); -webkit-transform: scale(1.02);}
.navbar-mega-menu {opacity: 0; z-index: -1; visibility: hidden; transition: all 0.4s ease; border: 1px solid #f2f2f2;}
.nav-item:hover .navbar-mega-menu{opacity: 1; z-index: 1; visibility: visible; transition: all 0s ease;}
.navbar-mega-menu h4{margin: 0;}
.navbar-mega-menu h5{margin: 0;}
.navbar-mega-menu p{margin: 0;}
.mega-tab-btn {transition: all 0.2s ease;}
.by-Category-btn {transition: all 0.2s ease;}
.by-Category-btn:hover { background-color: #f5f5f5; border-color: #f5f5f5 !important;}
.by-solution-btn {transition: all 0.2s ease;}
.by-solution-btn:hover {background-color: #f5f5f5; border-color: #f5f5f5 !important;}
.by-Category-btn.activetab {background-color: #f5f5f5; color: #021EEE; font-weight: 600;}
.by-solution-btn.activetab {background-color: #f5f5f5; border-color: #f5f5f5 !important;}
.mega-tab-btn{cursor:pointer;}

/* Mobile toggle */
.mobile-toggle-menu {position: absolute; height: 100vh; background: #fff; top: 100%; z-index: 10; width: 100%; backface-visibility: hidden; left: -100%; overflow-x: hidden; transition: 0.4s all ease-in; }
.active-home-screen{visibility: visible; left: 0%; transition: 0.4s all ease-in;}
.mobile-toggle-container {padding: 0 42px;}
.nav-svg svg {display: block;}
.nav-tag-mob a {display: flex; align-items: center;justify-content: space-between;}
.mobile-toggle-navbar {display: flex; flex-direction: column; gap: 18px;}
.mobile-toggle-navbarinner {padding-top: 15px;}
.nav-item-mob {padding: 10px 0px;}
.nav-tag-mob-svg a {align-items: center; display: flex; justify-content: space-between;}
.is-hidden {right: 0% !important; visibility: visible; transition: 0.4s all ease-in;}
.is-show{right: -100% !important; backface-visibility: hidden;}
.nav-item-mob-mega {background: #fff; position: absolute; top: 0; right: -100%; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; transition: 0.4s all ease-in; padding-top: 0px; padding-left: 0; backface-visibility: hidden;}
.nav-mega-mob-backbtn {background-color: rgba(238,210,2,.18); padding: 10px 42px;}
.nav-mega-mob-backbtn .nav-svg {transform: rotate(180deg);}
.mob-backbtn.nav-tag-mob-svg a {justify-content: flex-start; gap: 20px;}
.about-mega-mob-navbar {padding: 0px 42px; margin-top: 10px;}
.about-mega-mob-display {padding: 0px 42px; margin-top: 10px;}
.nav-item-mob-mega .mega-menu-left-col-list a { font-size: 20px;}


/* Solution */
.by-Category-right-solution-col.for-mobile-only {background: #fff; position: absolute; top: 0; right: -100%; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; transition: 0.4s all ease-in; padding-top: 0px; padding-left: 0; backface-visibility: hidden;}
.mega-menu-right-col.for-mobile-only {background: #fff; position: absolute; top: 0; right: -100%; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; transition: 0.4s all ease-in; padding: 0; max-width: 100%; backface-visibility: hidden;}
.mobile-toggle-menu .by-Category-btn {border: none; border-radius: 10px; display: flex; font-size: 18px; gap: 10px; justify-content: space-between; padding: 10px 0px; cursor: pointer;}
.mobile-toggle-menu .navbar-top-tabbing-btn-left-title {margin-bottom: 20px;}
.mobile-toggle-menu .navbar-top-tabbing-btn-left-title h4 {font-weight: 600;margin: 0;}
.mobile-toggle-menu .navbar-top-tabbing-btn-wrap {padding: 0px 42px; padding-top: 20px;}
.mobile-toggle-menu .navbar-top-tabbing-btn-right-btns {display: flex; gap: 20px; font-size: 14px;}
.mobile-toggle-menu .mega-tab-btn {padding: 8px 13px; border: 1px solid; border-radius: 10px;}
.mob-backbtn-for-cat.nav-tag-mob-svg a {gap: 20px; justify-content: flex-start;}
.mob-backbtn-for-sol.nav-tag-mob-svg a {gap: 20px; justify-content: flex-start;}
.mobile-toggle-menu .mega-menu-display-title h4 {font-size: 22px !important; margin: 0;}
.mobile-toggle-menu .mega-menu-display-title {margin-bottom: 20px;}
.mobile-toggle-menu .mega-menu-display-sub-title h5 {margin: 0;}
.mobile-toggle-menu .mega-menu-display-content p {margin: 0;}
.mobile-toggle-menu  .by-solution-btn {border: none; border-radius: 10px; display: flex; font-size: 18px; gap: 10px; justify-content: space-between; padding: 10px 0px;}
.mobile-toggle-menu .by-Category-sol {max-width: 100%; padding: 0px 15px; margin-top: 20px;}
.mobile-toggle-menu  .by-Category-left-col.for-mobile-only {max-width: 100%; padding: 0px 42px; }
.mobile-toggle-menu .by-industry-inner-list {flex-direction: column; gap:8px}
.mobile-toggle-menu .by-industry-list {max-width: 100%; width: 100%;}
.mobile-toggle-menu .by-industry-list a {border: none; border-radius: 10px; display: flex; font-size: 18px; gap: 10px; justify-content: flex-start; padding: 16px 0; align-items: center;}
.by-industry-svg svg {width: 30px; height: 30px;}
/* * * * * * */

/* Projects  */
.nav-item-mob-mega .navbar-mega-menu-two-col {flex-direction: column;}
.nav-item-mob-mega .mega-menu-right-col {max-width: 100%;}
.nav-item-mob-mega  .featured-project-content-two-col {gap: 25px; align-items: flex-start;}
.nav-item-mob-mega  .featured-project-title h4 {font-size: 22px !important; font-weight: 600;}
.mega-menu-left-news-view-all-btn a {display: flex; align-items: center; gap: 12px; transition: all ease 0.3s;}
.mega-menu-left-news-view-all-btn a:hover { background-color: #eed202;}
.nav-item-mob-mega .mega-menu-right-col-bottom-wrap {padding-top: 20px;}
.nav-item-mob-mega .mega-menu-right-col-content {padding-top: 20px;}

/* Top stripe css */
.top-line-header {background-color: #F5F5F5; padding: 14px 0 15px;}
.top-line-header-left-col {max-width: 750px; display: flex; width: 100%;}
.top-line-element,.top-line-element a {font-size: 16px; line-height:1.32; color: #9E9E9E; font-family: Montserrat; font-weight:400;}
/* .top-line-header-left-col .top-line-element:first-child { padding-left: 0 !important; border-right: 2px solid #9e9e9e;} */
.top-line-header-right-col,.top-line-element {padding: 4px 20px; }
.top-line-header-right-col { gap:30px;}
.top-line-header-two-col {display: flex; justify-content: space-between; gap: 10px;}
.social-icons-outer { gap: 30px;}
.linkings-header {text-align: center; }
.btm-btn-mega a {background-color: #eed202; border-radius: 54px; color: #fff; padding: 12px 22px; display: inline-flex; align-items: center; font-family: Montserrat; gap: 10px;}
.btm-btn-mega  .by-solution-svg path {fill: #fff;}
.btm-btn-mega {margin-top: 20px;}
.portal_login a svg { vertical-align: middle;}
/* .access_buttons_outer > div:not(:last-child) {border-right: 2px solid #9e9e9e;} */
/* * * * * */


.header-cta-button {height: 40px;}
.featured-project-title-content { width: 100%; max-width: 340px;} #}

/* Responsive */
@media (max-width: 1430px){
  {#.header.nav-with-mega .top-line-header-wrapper{padding: 0 42px;}
  .header.nav-with-mega .header-container{padding: 0 42px;}
  .left-side-logo-wrap svg {width: 200px; height: 40px;}
  .nav-item .nav-item-tag a {font-size:16px;}
  .header-cta-inner a {font-size:16px;}
  /*  Megamenu  */
  .mega-menu-left-col-list a {font-size: 18px;}
  .mega-menu-right-col-title h4 {font-size: 18px;}
  .mega-menu-right-col-content p {font-size: 16px;}
  .mega-menu-right-col-bottom-cta a {font-size: 17px;}
  .mega-menu-right-col-bottom-social-media svg {height: 42px; width: 42px; }
  .mega-menu-left-col-listing-wrap {gap: 8px;}
  .by-Category-text {font-size: 20px;}
  .by-solution-text{font-size: 20px;}
  .mega-menu-right-col-bottom-cta a {padding: 15px 30px;}
  /*  Project  */
  .mega-menu-right-col-bottom-cta-project a {font-size: 18px;}
  /* * * * * * */ #}
}
/* @media (max-width: 1380px){
  .mega-menu-right-blog-inner {flex-direction: column; gap: 20px;}
  .mega-menu-right-blog-image {height: auto;}
  .mega-menu-display-btm-btn-project {flex-direction: column}
  .navbar-mega-menu p {font-size: 12px;}
  .by-Category-text, .by-solution-text {font-size: 18px;}
  .featured-project-content-two-col {align-items: flex-start;}
} */

/* @media (max-width: 1230px){
  .mega-menu-right-col-bottom-cta a {padding: 15px 22px;}
  .mega-menu-right-col-bottom-cta a {padding: 15px;}
  .mega-menu-right-col-bottom-cta a {font-size: 16px;}
  .Product-industry-icons-wrap {flex-direction: column;}
  .mega-menu-right-col-bottom-cta-project a {font-size: 15px;}
} */
/* @media (max-width: 1080px){
  .right-side-nav-content-outter {display: none;}
  .header-cta-button {display: none;}
  .top-line-header{display: none;}
  .header.nav-with-mega .toggle {display: flex;}
  .header.nav-with-mega .header-container {padding: 10px 42px;}
  .featured-project-btm-content-inner {gap: 24px;}
  .project-main-title h4 {font-weight: 600;}
  .by-Category-btn.activetab, .by-solution-btn.activetab, .by-solution-btn:hover {background-color: #fff; border-color: #fff !important;}
  .mobile-toggle-menu .navbar-top-tabbing-btn-wrap {margin-top: 20px;}
  .mega-menu-display-btm-btn {flex-direction: inherit;}
  .mega-menu-left-news-view-all-btn a {font-size: 12px;}
  .mega-menu-left-news-title h4 {font-size: 16px !important}
  .nav-item-mob {padding: 14px 28px; border-bottom: 1px solid #f2f2f2;}
  .mobile-toggle-navbar {gap:0px;}
  .mobile-toggle-container {padding: 0px;}
  .mobile-toggle-container {padding: 0;}
  .nav-item-mob.portal-login-last {border-bottom: none;}
  .by-Category-text, .by-solution-text {display: contents;}
  .about-mega-mob-display {border-top: 1px solid #f2f2f2; padding-top: 25px !important; margin-top: 10px;}
  .navbar-top-tabbing-btn-wrap {padding-bottom: 20px !important; border-bottom: 3px solid #F5f5f5;}
  .mobile-toggle-menu .by-Category-left-col.for-mobile-only {margin-top: 0px;}
  .mega-menu-left-news-title-content { padding:15px 0;}
  .mega-menu-display-col-inner { padding: 10px;}
  .nav-mega-mob-backbtn { padding: 10px;}
  .by-Category-right-solution-col.for-mobile-only { display: block;}
  span.nav-svg svg { width: 8px;}
  .industry-btn.mega-tab-btn,.category-btn.mega-tab-btn {border: 2px solid #888888; border-radius: 10px; color: #888888; transition: all ease 0.3s;}
  .industry-btn.mega-tab-btn:hover,.category-btn.mega-tab-btn:hover,.category-btn.mega-tab-btn.activeTab { border-color: #ffd027; color: #050a0a;}
  .by-industry-inner { padding: 15px;}
  .mobile-toggle-menu .by-industry-list a { padding: 10px 0;}
  .mega-menu-left-col { padding: 15px;}
  .project-main-title { padding: 15px 0;}
  span.by-solution-svg svg { width: 7px;}
} */

/* @media (max-width: 767px){
  .h4, h4 { font-size: 20px;}
  .header.nav-with-mega .left-side-logo-wrap svg {height: 40px; width: 200px;}
  .mega-menu-blog-title h5 {font-size: 18px; font-weight: 600;}
  .mega-menu-blog-date, .mega-menu-blog-name {font-size: 16px;}
  .nav-mega-mob-backbtn {padding: 10px;}
  .about-mega-mob-display, .about-mega-mob-navbar {padding: 0 28px;}
  .header.nav-with-mega .header-container {padding: 10px 28px;}
  .mobile-toggle-container {padding: 0 28px;}
  .mobile-toggle-menu .navbar-top-tabbing-btn-wrap {padding: 0px 28px;}
  .left-side-logo-content { position: relative; top: -4px;}
  .mobile-toggle-container {padding: 0;}
  .nav-text {font-size: 20px;}
  .nav-tag-mob a {font-size: 20px;}
  .mobile-toggle-menu .by-Category-left-col.for-mobile-only {padding: 0px 28px;}
} */
/* @media (max-width: 680px){
  .mobile-toggle-menu .featured-project-content-two-col {gap: 20px; flex-direction: column; align-items: flex-start;}
  .mobile-toggle-menu .mega-menu-display-btm-btn-project {flex-direction: column;}
  .mega-menu-blog-title h5 {font-size: 16px;}
  .mega-menu-blog-date, .mega-menu-blog-name {font-size: 12px;}
} */
/* @media (max-width: 480px){
  .project-clients-image {width: calc(100% - 14px); padding: 15px; }
  .featured-project-btm-content-images {flex-wrap: wrap; justify-content: center;}
  .mega-menu-right-col-bottom-cta a .nav-text {font-size: 16px;}
  .mega-menu-right-col-bottom-cta a .nav-text {font-size: 16px;}
  
} */
/* @media (max-width: 450px){
  .mega-menu-right-col-bottom-two-col {justify-content: center; flex-wrap: wrap;}
  .mega-menu-display-btm-btn {flex-wrap: wrap; justify-content: center;}
  .Product-icons-inner {flex-wrap: wrap; align-items: center; justify-content: center;}
} */
