.glass-cta-btn .emoji {
  font-size: inherit !important;
  vertical-align: middle;
  padding-right: 0;
}

.glass-cta-btn {
  position: relative;
  display: block;
  width: 100%;
  margin: 60px auto;
  padding: 100px 32px;
  text-align: center;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 3rem;
  font-weight: 600;
  color: #ffffff;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow:
    0 4px 30px rgba(0, 0, 0, 0.25),
    inset 0 1px 2px rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease, transform 0.3s ease;
  overflow: hidden;
  z-index: 1;
}

.glass-cta-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/assets/img/bg/bg-audit.webp') center center / cover no-repeat;
  filter: blur(20px);
  transform: scale(1.2);
  z-index: -2;
  opacity: 0.8;
}

/* Glassy gradient "border" reflection */
.glass-cta-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 30px;
  padding: 2px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.glass-cta-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: scale(0.98);
  box-shadow:
    0 8px 40px rgba(0, 0, 0, 0.35),
    inset 0 0 0.5px rgba(255, 255, 255, 0.3);
  text-shadow: 0 2px 8px rgba(58, 161, 255, 0.7);
}


.row.g-4.space-between.content-center {
    margin-left: auto;
    margin-right: auto;
}

.row.client-info {
    align-items: center;
}

.round-corners {
    border-radius: 100px;
}

span.emoji {
    font-size: 24px;
    vertical-align: bottom;
    padding-right: 5px;
}

p.ajax-response.mb-0 {
    text-align: center;
}

a.btn.btn-outline {
    border: 1px solid var(--border);
    background-color: transparent;
    color: var(--black);
    position: relative;
}

.dark-theme a.btn.btn-outline {
    border: 1px solid var(--black);
    color: var(--dark-theme-light-white);
}

a.btn.btn-outline:hover {
    background-color: var(--background);
}

.dark-theme a.btn.btn-outline:hover {
    background-color: var(--dark-theme-black);
    color: var(--white);
}

.space-between-center {
    place-content: center;
}

.pt-30 {
    padding-top: 30px;
}


#preloader {
  position: fixed;
  inset: 0;
  background: #ffffff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.loader-container {
  font-size: 2rem;
  font-family: monospace;
  color: #333;
}

#preloader.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body.fade-out #page-content {
  opacity: 0;
}

.social-media-icon.blog-icon {
    margin-top: 0px;
    text-align: end;
}

.no-margin {
    margin: 0px !important;
}



@media (hover: none) and (pointer: coarse) {
  .gen-button-label::after,
  .gen-button:active .gen-button-label::after {
    --angle-2: -45deg;
  }
}

/* Button Outline */
.gen-button::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: 999vw;
  width: calc(100% + var(--border-width));
  height: calc(100% + var(--border-width));
  top: calc(0% - var(--border-width) / 2);
  left: calc(0% - var(--border-width) / 2);
  padding: var(--border-width);
  box-sizing: border-box;
  background: conic-gradient(
      from var(--angle-1) at 50% 50%,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0) 5% 40%,
      rgba(0, 0, 0, 0.5) 50%,
      rgba(0, 0, 0, 0) 60% 95%,
      rgba(0, 0, 0, 0.5)
    ),
    linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: all var(--anim--hover-time) var(--anim--hover-ease),
    --angle-1 500ms ease;
  box-shadow: inset 0 0 0 calc(var(--border-width) / 2) rgba(255, 255, 255, 0.5);
}

.gen-button:hover::after {
  --angle-1: -125deg;
}

.gen-button:active::after {
  --angle-1: -75deg;
}

@media (hover: none) and (pointer: coarse) {
  .gen-button::after,
  .gen-button:hover::after,
  .gen-button:active::after {
    --angle-1: -75deg;
  }
}


.no-border-no-shadow {
    border-radius: 0px;
    box-shadow: none;
}

.article-publications-item .image {
    overflow: visible;
    margin-top: 12px;
}


.services-item .text .title {
    font-size: 18px;
}

img {
    box-shadow: 0 1px 4px 0 rgba(26, 31, 44, 0.25);
}

.content-box-card .top-info {
    margin-bottom: 96px;
    margin-top: 48px;
}

.portfolio-card .top-info {k;
    text-align: center;
}

.header-area .menu-container {
    border-radius: 24px;
}

.card {
    border-radius: 24px;
}

.services-item {
    border-radius: 24px;
}

.services-item .image {
    border-radius: 24px;
}

.content-box-card .awards-recognitions .awards-item {
    border-radius: 24px;
}

.content-box-card .client-feedback .feedback-item {
    border-radius: 24px;
}

.portfolio-area .portfolio-item .image {
    border-radius: 24px;
}

.home-portfolio-title {
    color: var(--black);
    font-size: 18px;
}

.dark-theme .home-portfolio-title {
    color: var(--dark-theme-light-white)
}

.home-portfolio-title:hover {
    color: var(--primary);
}

p.date {
    font-size: 14px;
}

.dark-theme .content-box-card .top-info p {
    color: var(--paragraph);
}

.content-box-card .top-info p {
    color: var(--paragraph);
}

.article-publications-item .text .title {
    font-size: 18px;
}

.content-box-card .awards-recognitions .awards-item .award-name .text .title {
    font-weight: 600;
}

.content-box-card .work-together-slider a
 {
    letter-spacing: -1px;
    font-weight: 600;
}

.header-area .navbar-info .nav-link {
    color: var(--light-black);
    padding: 16px 12px !important;
}

.header-area .navbar-info .nav-link .nav-icon {
    stroke: var(--light-black);
}

.dark-theme .header-area .navbar-info .nav-link {
    color: #a2a2a2;
}

.dark-theme .header-area .navbar-info .nav-link .nav-icon {
    stroke: #a2a2a2;
}

.primary-color {
    color: var(--primary) !important;
}

.header-area .container .navbar-brand span {
    letter-spacing: -1px;
    font-size: 22px;
}

.dark-theme .header-area .menu-container {
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 40%);
}

.content-box-card .main-common-title {
    font-weight: 600;
}

.card-title {
    line-height: 1.133em
}

a.blog-link {
    color: var(--black);
}

h2.sub-title {
    color: var(--paragraph);
}

.content-box-card .work-together-slider a::before {
    background-color: transparent;
}

.article-details-text {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

button.btn.btn-outline {
    background-color: transparent;
    border: 1px solid var(--black);
    color: var(--dark-theme-light-white);
}

button.btn.btn-outline:hover {
    background-color: var(--dark-theme-black);
    color: var(--white);
}


.article-details-area .article-details-text .main-title {
    margin-bottom: 10px;
    margin-top: 60px;
    font-size: 40px;
}

.article-details-area .article-details-text p {
    margin-bottom: 16px;
    color: #333333 !important;
}

.article-details-area .article-details-text .listed-info li {
    color: #333333;
}

td {
    color: #333333;
}

th {
    color: #333333;
}

.dark-theme td {
    color: #d1d5db;
}

.dark-theme th {
    color: #d1d5db;
}

.table {
    border-color: #5b5b5b;
}


.dark-theme .article-details-area .article-details-text p {
    color: #d1d5db !important;
}

.dark-theme .article-details-area .article-details-text .listed-info li {
    color: #d1d5db;
}

h5.main-title {
    font-size: 22px !important;
}

h2.main-title {
    font-size: 22px !important;
    letter-spacing: -1px;
}

.leave-comments-area .comments-box .form-select {
    border-radius: 42px !important;
}

.text.client-review {
    background-color: var(--background);
    border-radius: 24px;
    padding: 42px;
}

.dark-theme .text.client-review {
    background-color: var(--dark-theme-black);
}

.img-tip {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
    width: 100%;
    border-radius: 0px 0px 24px 24px;
}

.port-video {
    width: 100%;
    border-radius: 24px;
}

.less-round {
    border-radius: 12px;
}

.port-img-tip {
    position: relative;
    bottom: 74px;
    left: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    width: 100%;
    border-radius: 24px;
    margin-bottom: -74px;
}

.info.port-video-tip {
    position: relative;
    bottom: 84px;
    left: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    width: 100%;
    border-radius: 24px;
    margin-bottom: -84px;
}

h3.card-title {
    font-size: 18px;
}

img {
    border-radius: 24px;
}


strong.portfolio {
    color: var(--paragraph);
    font-weight: 600;
}

.align-center {
    place-content: center;
}

span.category.category-tip {
    font-size: 15px;
    font-weight: 500;
    color: var(--primary);
    background-color: var(--white);
    border-radius: 50px;
    padding: 4px 8px;
    margin: 24px;
    line-height: 1.333em;
    box-shadow: 0 1px 4px 0 rgba(26, 31, 44, 0.25);
}

.services {
    margin-bottom: 0px;
}

.main-img {
    background: #0a0a0a;
    border-radius: 24px;
}


.dark-theme .common-button-groups .btn.btn-copy:hover {
    background-color: var(--dark-theme-black);
    color: var(--white);
}

.main-title {
    font-size: 62px;
    font-weight: 600 !important;
    line-height: 110%;
    letter-spacing: -2px;
}

.content-center {
    align-content: center;
}


.space-between { 
    place-content: space-between;
}

.sub-title {
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.5rem !important;
}


.content-box-card .top-info .text {
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}

.content-box-card .top-info .main-title {
    line-height: 120%;
    font-weight: 500;
    font-size: 62px;
    letter-spacing: -2px;
}

.content-box-card .top-info .main-title {
    margin-bottom: 12px;
    margin-top: 12px;
}

img.profile-card {
    height: 420px;
    border-radius: 24px;
}

a.link-btn {
    border-bottom: 1px solid #0d6efd;
}

.expertise-card {
    height: 100%;
}

.client-feedback.home {
    margin-top: 0px;
}

.profile-card .image {
    background-color: #1B1B1B000;
}

.card-body.home {
    padding: 24px;
}

.card-projects .project-item .image {
    padding: 0px;
}


.card-projects .project-item .image .info .category {
    margin: 24px;
}

.work-experiance-card {
    height: 320px;
}

.portfolio-area .portfolio-item .image {
    padding: 0px !important;
}

.portfolio-area .portfolio-item .image img {
    border-radius: 24px;
}

hr {
    margin: 50px 0;
    color: #5b5b5b;
}

.content-box-card .awards-recognitions .awards-item .award-name {
    max-width: 600px;
}

.content-box-card .awards-recognitions .awards-item .winner-tag {
    width: auto;
}


.portfolio-area .portfolio-item .text .info .title:hover {
    color: var(--black);
    border-color: var(--primary);
}

.no-shadow {
    box-shadow: none;
}

.link-button {
    padding: 50px 0px 20px 0px;
    text-align: center;
    font-weight: 600;
}

.common-button-groups .btn {
    font-weight: 600;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%);
}

.header-area .navbar-info .nav-link.active {
    font-weight: 600;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%);
}

/* 

.header-area .header-right-info .lets-talk-btn {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%);
    background-image: linear-gradient(104deg, #232323 1%, #2a2a2a);
    border: 1.5px solid #3636369c;
}


.dark-theme .header-area .header-right-info .lets-talk-btn {
    background-image: linear-gradient(104deg, #232323 1%, #2a2a2a);
    border: 1.5px solid #3636369c;
}

.dark-theme .header-area .header-right-info .lets-talk-btn:hover {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%);
    background-image: linear-gradient(104deg, #114cbb 1%, #1564f8);
    border: 1.5px solid #fefefe47;
}

*/

.dark-theme .common-button-groups .btn.btn-copy {
    border: 1px solid var(--light-black);
}

.dark-theme .navbar .navbar-main {
    background-color: #1a1a1a;
}

.btn-call .emoji {
      margin-right: 8px;
}




@media (max-width: 1199.98px) {
.social-media-icon.blog-icon {
    margin-top: 0px;
    text-align: start;
}
}

@media (max-width:767.98px) {
    
    .content-box-card .work-together-slider a {
        line-height: 1.4em;
    }
    
    .content-box-card .top-info .main-title {
    font-size: 42px;
}
    
    .common-button-groups .btn.btn-outline {
        margin-top: 8px;
    }
    
    .winner-tag {
        display: none;
    }
    .content-box-card .working-with-area .working-with-main .items {
        width: 65px;
        height: 65px;
    }
    .main-title {
    font-size: 32px;
    font-weight: 600 !important;
    line-height: 110%;
    letter-spacing: -2px;
}

}