@charset "UTF-8";
/* CSS Document */
html {
    height: 100%;
    width: 100%;
}
body {
    height: 100%;
    width: 100%;
    /*font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;*/
    font-family: 'livvic', sans-serif !important;
    font-style: normal;
    padding-top: 87px; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 425px) { body{
        padding-top: 76px; 
}}
a {
    color: #454545;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #000000;
    text-decoration: none;
    /*text-decoration: underline;*/
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #000000;
}
::-webkit-scrollbar-thumb {
    background: #008A8A;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
p {
    font-size: 17px;
    line-height: 26px;
    color: #454545;
    font-weight: 400;
}
h1, h2, h3, h4, h5 {
    font-weight: 600;
    color: #000000;
}
h2 {
    font-weight: 600;
    color: #000000;
    font-size: 40px;
}
.section-header {
    height: 600px;
    background: url("../imgs/header_bg.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.section-header h1 {
    font-size: 48px;
}
.section-header p{
    font-size: 20px;
}
.technologies-page.section-header {
    height: 250px;
    background-size: 80%;
    background-position: bottom right;
}
.technologies-page.section-header h1 {
    font-size: 35px;
}
a.hire-expert-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    justify-content: center;
}
.content-section {
    padding: 70px 0;
}
.bg-dark {
background: linear-gradient(180deg, #b5e3e3, #f5f5f5) !important;
color: white !important;}
.bg-light {
    background-color: #F8F9FB !important;
}
.menu-work-card {
    background: #FFFFFF;
}
.work-content {
    padding: 20px 15px 10px;
}
.menu-client-card {
    padding: 15px;
    background-color: #1E282C;
    border-radius: 6px;
}
.footer-form label {
    color: rgba(256, 256, 256, 0.5);
}
.footer-form .form-control {
    background: #000000;
    border-color: rgba(256, 256, 256, 0.5);
    color: #FFFFFF;
}
.footer-form textarea.form-control {
    height: 125px;
}

.btn-theme, .btn-theme:active {
    background: linear-gradient(to right, #008A8A, #12adad);
    color: #FFFFFF !important;
    height: 45px !important;
    font-size: 17px !important;
    padding: 0.75em 1.5em !important;
    border-radius: 5px;
}
.btn-theme:hover,
.btn-theme:focus{
    filter: brightness(1.1);
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #000000;
    border-bottom: 2px solid #008A8A !important;
    font-size: 17px;
}
.navbar-light .navbar-nav .nav-link {
    color: #455A64;
    font-size: 17px;
}
.nav-link {
    padding: 10px 15px !important;
    font-size: 17px;
    border-bottom: 2px solid #ffffff00 !important;
}
.bg-light {
    background-color: #FFFFFF !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active {
    color: #000000;
    border-bottom: 2px solid #008A8A !important;
    font-size: 17px;
}
.office-location-div a {
    width: 100%;
}
.office-location-div a img {
    width: 100%;
}
#wpadminbar {
    display: none !important;
}
.grecaptcha-badge {
	display: none !important;
}
.navbar-brand.logo-link {
    display: block;
    max-width: 320px;
    width: 100%;
}
a.lift, .lift h5, .lift p {
    text-decoration: none;
}
.post-preview-featured-img {
	width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px 0px 0px 8px;
}
.table-content {
    align-self: flex-start !important;
    position: sticky !important;
    top: 100px !important;
}
.table-contents {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
.table-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.table-content ul ul {
    margin-left: 10px;
    padding-left: 10px;
}
.table-content a {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}
.table-content ul li {
    padding: 3px 0;
}
.menu-card-img-top {
    max-height: 210px;
}
.feather-floating-whatsapp {
    position: fixed;
    bottom: 20px;
    right: 130px;
    background: #1DBEA5 !important;
    border-radius: 100px;
    display: block;
    padding: 0 13px;
}
.feather-floating-whatsapp a {
    color: #fff;
    font-size: 40px;
    padding: 0;
    margin: 0;
}
.feather-floating-whatsapp a:hover {
    color: #fff;
}
.single-post h2 {
    margin-top: 40px;
}
.single-post h3 {
    font-size: 1.25rem;
}
.technologies-page-content .table-content ul {
    list-style: disc;
    padding-left: 25px;
}
.content-section.technologies-page-content h3 {
    font-size: 18px;
    margin-top: 20px;
}
.content-section.technologies-page-content h2 {
    font-size: 25px;
    margin-top: 20px;
}
@media (max-width: 480px) {
	.navbar-brand.logo-link {
		width: 200px;
	}
}
.wpcf7-response-output {
    color: white;
}
.wpcf7-response-output {
    color: white;
}
@media(max-width: 500px) {
	.contact-details a {
		display: block;
	}
}
/*======================*/
/* Header Logo Handling */
/*======================*/

.navbar .navbar-brand .desktop-logo {
  display: block;
}

.navbar .navbar-brand .mobile-logo {
  display: none;
}

@media screen and (max-width: 992px) {
  .navbar .navbar-brand .desktop-logo {
    display: none;
  }

  .navbar .navbar-brand .mobile-logo {
    display: block;
  }
}

/*====================*/
/* Header Menu Layout */
/*====================*/

.ml-auto, .mx-auto {
  margin: auto !important;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding: 3px 30px;
  margin-bottom: 0;
  border-radius: 50px;
  /*background-color: #0683831a;*/
}

.navbar-light .navbar-nav .nav-link {
  color: #000;
}

/*================*/
/* Company Menu   */
/*================*/

.dropdown-menu {
  width: 1100px;
  padding: 30px;
  margin-top: 10px;
  border-radius: 10px;
  font-family: sans-serif;
  left: -350px;
}


/* Mega Menu Grid Layout */

.mega-menu-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas:
    "about how careers contact"
    "team life . talk";
  gap: 20px;
}

.menu-card {
  background: #f8f8f8;
  padding: 20px;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.menu-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Grid Area Assignments */

.about-us      { grid-area: about; }
.how-we-work   { grid-area: how; }
.careers       { grid-area: careers; }
.contact-box   { grid-area: contact; }
.our-team      { grid-area: team; }
.life-addweb   { grid-area: life; }
.lets-talk     { grid-area: talk; }

.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.contact-icon-header {
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.social-icons-about {
  margin-top: 15px;
}

.social-icon-header {
  width: 25px;
  height: 25px;
}

/*==================*/
/* Solution Menu    */
/*==================*/

.mega-dropdown {
  display: grid;
 /* grid-template-columns: 200px 1fr 300px;*/
  gap: 20px;
  background: #fff;
  padding: 10px;
  font-family: sans-serif;
}

.left-tabs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  grid-row: 1 / span 2;
}

.tab {
  padding: 18px 12px;
  background: white;
  border: 1px solid #008A8A;
  font-weight: bold;
  cursor: pointer;
  border-radius: 10px;
  transition: background 0.3s, border-left 0.3s;
}

.tab:hover,
.tab.active {
  background: #f4fdfd;
  border-left: 4px solid #008A8A;
}

.center-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  grid-row: 1 / span 2;
}

.services {
  display: none;
  flex-direction: row;
  gap: 50px;
}

.services.active {
  display: flex;
}

.column div {
  padding: 6px 0;
}

.right-blog {
  background: #008A8A;
  color: white;
  padding: 15px;
  border-radius: 6px;
  grid-row: 1 / span 2;
}

.right-blog h4 {
  border-bottom: 1px solid #008A8A;
  color: white;
  margin-bottom: 20px;
}

.list-headermenu-icon {
  width: 20px;
  height: 20px;
}

.blog {
  margin-bottom: 20px;
}

.talk-box {
  grid-column: 1 / span 3;
  text-align: right;
  padding-top: 10px;
}

.talk-box a {
  font-weight: bold;
  text-decoration: none;
  color: #008A8A;
}

/*==================*/
/* Services Menu    */
/*==================*/

.right-imagemenu {
  grid-row: 1 / span 2;
  color: white;
}

.imagemenuright {
  width: 270px;
  height: auto;
}

/*==================*/
/* contact us Menu    */
/*==================*/
.menustyle-menubgc{
    background: linear-gradient(90deg, #008A8A, #80cfcf);
    border-radius: 50px;
    border: solid 0px;
    color: white;
    margin-left: 15px;
}
/*====================*/
/* Responsive Helpers */
/*====================*/

@media (max-width: 992px) {
  .hide-mobile {
    display: none !important;
  }
}

/*====================*/
/*  start Mobile Menu Styles */
/*====================*/

.mobile-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease;
    z-index: 1050;
    overflow-y: auto;
}

.mobile-nav.open {
    right: 0;
}

.mobile-close-btn {
    font-size: 24px;
    cursor: pointer;
    text-align: right;
    border-bottom: 1px solid #ccc;
}

.mobile-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu li {
    border-bottom: 1px solid #ddd;
}

.mobile-nav-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

.mobile-nav-link:hover {
    background-color: #008a8a21;
}

.arrow {
    font-size: 18px;
}

.mobile-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0px;
    background: #f9f9f9;
}

.mobile-submenu li {
    border-bottom: 1px solid #eee;

}

.mobile-dropdown-item {
    display: block;
    padding: 12px;
    text-decoration: none;
    color: #333;
}

.mobile-dropdown-item:hover {
    background: #008a8a21;
}

.mobile-contact-info {
    padding: 15px;
    border-top: 1px solid #ccc;
    font-size: 14px;
}

.mobile-contact-info p {
    margin: 10px 0;
    display: flex;
    align-items: center;
}

.mobile-contact-info img {
    margin-right: 10px;
}

@media (min-width: 991px) {
    .mobile-nav,
    .hamburger {
        display: none !important;
    }
}

/* end Mobile Menu Styles */




/* footer start */

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;}}
.bg-copyright{
    padding: 20px 10%;
    padding: 20px 10%;
    background: #008A8A;
}
.footer-bg1{
     padding-top: 7cap;
    padding-bottom: 70px;
}
.contact-icon-footer {
    height: 23px;
    width: 23px;
    line-height: 33px;
}
.listspace-footer{
line-height: 35px;
}
/* footer End */

/* start product menu droup down */
.dropdown-wrapper {
  width: 700px;
}
.industry-category-grid {
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px 30px;
}
.industry-item {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  padding: 10px;
  border: 1px solid;
  border-radius: 8px;
  background: #e6f2f2;
  border-color: #3b262600;
}
.industry-item img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
/* end product menu droup down */



/* start page title */
.bradcrub1 {
    position: relative;
    width: 100%;
    height: 250px; 
    background-size: cover;
    background-position: center;
}
@media (max-width: 768px) {.bradcrub1 {
    position: relative;
    height: 200px; 
}}
.bradcrub1-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(62, 155, 161, 0.288); 
}
.bradcrub1-content {
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column; 
    justify-content: center; 
    align-items: center;  
    text-align: center;
    padding: 0 20px; 
  }
@media (max-width: 768px) {.bradcrub1-content h1 {
    font-size: 2rem; 
    margin: 0;
} }
@media (max-width: 768px) {.bradcrub1-content p {
    font-size: 0.9rem;
    margin-top: 10px;
}}
/* end page title */










/* start all blog */

.card {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 8px;
}
.card-img, .card-img-top {
    border-radius: 8px 8px 0px 0px;
}
.page-link {
    color: #000000;
    background-color: #fff;
}
/* end all blog */









/* start Blog Detail Layout */
.blog-detail-layout {
  margin: 100px 0;
}
@media (max-width: 767.98px) {
  .blog-detail-layout {
    margin: 50px 0;
  }
}

/* Sidebar (Left & Right) */
.sidebar-left-blog-detail,
.custom-widget {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.082);
  padding: 24px;
  background: #fff;
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .sidebar-left-blog-detail,
  .sidebar {
    padding: 20px;
    box-shadow: none;
    border-radius: 0;
  }
}
.custom-widget13{
   background: linear-gradient(135deg, #1aabab42, #ffffff,#dedfdf); /* Soft gray to bluish */
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

}
/* Widget Titles */
.widget-title {
  font: 600 18px/1.4 sans-serif;
  border-bottom: 2px solid #008A8A;
  padding-bottom: 10px;
  margin-bottom: 20px;
  display: inline-block;
}
@media (max-width: 767.98px) {
  .widget-title {
    font-size: 16px;
  }
}

/* Recent Posts */
.recent-posts-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.recent-post-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.recent-post-item:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.recent-post-item a {
  display: flex;
  gap: 15px;
  text-decoration: none;
  color: inherit;
  width: 100%;
}
.recent-post-item .thumb {
  width: 100px;
  height: 75px;
  overflow: hidden;
  border-radius: 5px;
  flex-shrink: 0;
}
.recent-post-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.recent-post-item .info {
  flex: 1;
}
.recent-post-item .title {
  font: 600 18px sans-serif;
  margin-bottom: 5px;
}
.recent-post-item .date {
  font-size: 13px;
}
@media (max-width: 767.98px) {
  .recent-post-item {
    flex-direction: column;
    gap: 10px;
  }
  .recent-post-item .thumb img {
    width: 100%;
    height: auto;
  }
  .recent-post-item .info .title {
    font-size: 16px;
  }
  .recent-post-item .date {
    font-size: 14px;
  }
}

/* Category List */
.category-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-list li {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.category-list li:last-child {
  border: none;
}
.category-list li a {
  text-decoration: none;
  color: #333;
  font-size: 15px;
  transition: 0.3s;
}
.category-list li a:hover {
  color: #008A8A;
}
@media (max-width: 767.98px) {
  .category-list li a {
    font-size: 14px;
  }
}

/* Tag Cloud */
.tag-cloud a {
  display: inline-block;
  background: #f5f5f5;
  padding: 5px 10px;
  margin: 5px 5px 0 0;
  border-radius: 3px;
  text-decoration: none;
  font-size: 14px;
  color: #333;
  transition: 0.3s;
}
.tag-cloud a:hover {
  background-color: #008A8A;
  color: #fff;
}
@media (max-width: 767.98px) {
  .tag-cloud a {
    font-size: 14px;
    padding: 6px 12px;
    margin: 4px 4px 0 0;
  }
}

/* Post Meta & Thumbnail */
.post-meta-blogdetail {
  margin: 20px 0 10px;
}
@media (max-width: 767.98px) {
  .post-meta-blogdetail {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
.post-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  object-fit: cover;
}

/* Responsive Grid */
@media (max-width: 767.98px) {
  .row {
    flex-direction: column;
  }
  .col-md-9,
  .col-md-3 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .post-title {
    font-size: 24px;
    line-height: 1.3;
  }
}

/* end Blog Detail Layout */












/* start contact form */
.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 5px;
}

.formhalf-width {
  flex: 1 1 48%;
}

.formfull-width {
  flex: 1 1 100%;
}
.textarea-field {
  height: 5.5em; /* Adjust height for two lines approx */
  resize: vertical; /* Optional: allows users to expand */
}
.submit-btn{
    background: linear-gradient(90deg, #008A8A, #80cfcf);
    padding: 15px 40px;
    border-radius: 50px;
    border: solid 0px;
    color: white;
}
.submit-btn:hover{
    background: linear-gradient(180deg, #008A8A, #80cfcf);
}

@media (max-width: 768px) {.form-group {
  margin-bottom: 0px;
} }
/* end contact form */







/* start  blog slider */
.custom-carousel-container {
  position: relative;
  overflow: hidden;
  margin: 40px auto;
  width: 100%;
}
.custom-carousel {
  display: flex;
  gap: 20px;
  transition: transform 0.5s ease-in-out;
  will-change: transform;
}
.carousel-slide {
  min-width: calc(100% / 3 - 20px);
  box-sizing: border-box;
}
.card {
  transition: transform 0.3s ease;
}
.card:hover {
  transform: translateY(-5px);
}
.card-img-top {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 6px #008a8a;
  cursor: pointer;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
}
.carousel-btn.prev {
  left: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>');
}
.carousel-btn.next {
  right: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z"/></svg>');
}
@media (max-width: 992px) {
  .carousel-slide {
    min-width: calc(100% / 2 - 10px);
  }
}
@media (max-width: 576px) {
  .carousel-slide {
    min-width: 100%;
  }
}
/* end blog slider */