﻿/* Container size fixes */
@media (min-width: 550px) {
  .intro-container-wrapper.style1 .container,
    .intro-wrapper.style1 .container,
    .brand-slider-container-wrapper.style1 .container,
    .work-process-container-wrapper.style1 .container,
    .advantage-container-wrapper.style1 .container,
    .advantage-wrapper.style1 .container,
    .counter-container-wrapper.style1 .container,
    .counter-wrapper.style1 .container,
    .testimonial-container-wrapper.style1 > .container,
    .cta-container-wrapper.style1 > .container,
    .wcu-container-wrapper.style2 > .container, /* keep if you want same for style2 */
    .about-container-wrapper.style2 .container, /* keep if you want same for style2 */
    .about-wrapper.style2 .container, /* keep if you want same for style2 */
    .footer-widgets-wrapper.style1 .container,
    .footer-bottom.style1 .container, .header-1 .container, .team-page-container-wrapper .container,
    .service-details-container-wrapper .container, .project-details-container-wrapper .container {
    width: 90%;
    margin: 0 auto;
    max-width: 90%;
  }

  .header-1 .container {
    padding: 0px;
  }
}

/* Top bottom spacing fixes */
.section-padding {
  padding: 60px 0px;
}

.intro-wrapper.style1 {
  padding: 140px 0 0px;
}

.blog-card.style1 .body .blog-meta {
  gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.blog-card.style1 .body .blog-meta .item.child1:before {
  width: 0px;
}

.blog-card.style1 .body .blog-meta .item.child1 {
  margin-right: 0px;
}
.blog-card.style1 {
  height: 100%;
}
.blog-card.style1 .body .blog-meta .item .icon {
  margin-right: 4px;
}

.blog-card.style1 .body h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.blog-card.style1 .blog-card__snippest {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
/* Footer */
.footer-widgets-wrapper-new {
  padding: 60px 0 60px;
}
.back-to-top:hover {
  background-color: #0c5adb;
  opacity: 0.8;
}
/* Testimonial equal height fixes */
.testimonial-card.style1 {
  padding: 30px 30px 50px 30px;
}
.testimonial-section .swiper {
  height: auto;
}
.testimonial-section .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.testimonial-section .swiper-slide {
  display: flex;
  height: auto;
}
.service-box.style1:hover .icon-box,
.service-box.style1.active .icon-box {
  transform: unset;
}
.testimonial-card.style1 .testimonial-header {
  margin-bottom: 0px;
}
.testimonial-card.style1 .testimonial-body {
  margin-top: 5px;
}

.service-box.style1 {
  height: 100%;
}
.service-box.style1 {
  border: 3px solid #0c5adb9e;
}
/* Homepage only */
.homepage-override .intro-wrapper.style1 .intro-content .intro-section-title .intro-title {
  font-size: 56px;
}
.homepage-override .intro-wrapper.style1 .intro-content .intro-section-title .intro-title,
.homepage-override .intro-wrapper.style1 .intro-content .intro-section-title p {
  color: #fff;
}
.homepage-override .intro-wrapper .theme-btn.style2 {
  border: 1px solid #fff;
  color: #fff;
}
.homepage-override .intro-wrapper .theme-btn.style2:hover {
  border: 1px solid transparent;
  color: #fff;
}
.homepage-override .intro-wrapper .theme-btn.style2 svg path {
  fill: #fff;
}
.homepage-override .intro-wrapper .theme-btn.style2:hover svg path,
.theme-btn.style2:hover svg rect {
  fill: #fff;
}

.homepage-override .header-main .main-menu ul li a {
  color: #fff;
}

/*
About Us*/

.wcu-wrapper.style2 .wcu-thumb .main-thumb img {
  box-shadow: none;
}

/*
Case Study Category Bubbles
*/
.blog-card.style1 .body .case-study-category-override .tag-meta {
  position: unset;
}

.blog-card.style1 .body .blog-meta.case-study-category-override {
  position: unset;
  gap: 3px;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

/*
Service Block*/
.service-box.style1 .service-box-override {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 25px;
}
.service-box.style1 .service-box-override .icon-box {
  margin-bottom: 0px;
  flex: 0 0 70px;
}

.service-box.style1 .service-box-override .content h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.blog-section.news-new-bg.section-padding.fix.section-override {
  padding-bottom: 10px;
}

/*Service Tags*/

.service-box.style1.service-override {
  display: flex;
  flex-direction: column;
}
.service-box.style1.service-override .blog-meta.service-category-override {
  margin-top: auto;
  padding-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.blog-meta.service-category-override .item .tag-meta {
  bottom: 10px;
  position: unset;
  left: 0;
  display: inline-block;
  color: var(--theme);
  font-family: var(--title);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.32px;
  padding: 6px 12px;
  gap: 12px;
  border-radius: 100px;
  background: var(--theme3);
}

/*Category & case studies card */

.category-tags .content {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px;
}

.category-tags .blackbtn {
  background-color: #0c5adb;
  color: white;
  position: relative;
  padding: 8px 16px;
}

.category-tags .btn {
  border: 2px solid #0c5adb;
  position: relative;
  padding: 8px 16px;
}

.category-card__heading {
  height: 70px;
}

.category-tags .btn:hover {
  background-color: #0c5adb;
  color: white;
}

/* Category card */
.category-card {
  margin-top: 30px;
  background-color: white;
  border: 2px solid white;
  box-shadow: 0px 0px 20px lightgray;
  padding: 30px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.category-card__text {
  padding: 4px 0px;
  margin: 0;
}

.category-card__img {
  position: relative;
  width: 310px;
  height: 210px;
}

.category-card__img img {
  width: 100%;
}

.category-card__img-text {
  position: absolute;
  bottom: 16px;
  right: 10px;
  background: #edf5ff;
  border: 1px solid #d0e0f4;
  color: #1b1b1b;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 400;
}

.category-cards {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
}

/* Mobile design */
@media (max-width: 768px) {
  .category-tags .content {
    gap: 12px;
    margin: 40px 16px;
  }

  .category-card {
    flex: 0 1 calc(50% - 16px);
  }
}

@media (max-width: 576px) {
  .category-card {
    flex: 1 1 100%;
  }
}

@media (min-width: 768px) {
  .category-card {
    flex: 0 1 calc(33% - 16px);
  }
}

/*
header fixes*/
@media (max-width: 1899px) {
  .header-main {
    padding: 2px 10px;
  }
  .header-main .main-menu ul li {
    margin-bottom: 0px;
  }
  .header-main .main-menu ul li .submenu {
    top: 100%;
  }
}

/* Blog area */
.blog-area {
  padding: 160px 0px;
}

/*homepage masthead blue theme change by om */
.intro-wrapper.style2.bg-cover.homepage-masthead-bluetheme-override {
  padding-bottom: 0px;
}
/* Media query for height > 660px and width = 991px */
@media (min-height: 550px) and (min-width: 991px) {
  .intro-wrapper.style2.bg-cover.homepage-masthead-bluetheme-override {
    height: 100vh;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .intro-wrapper.style2.bg-cover.homepage-masthead-bluetheme-override .container {
    margin: auto;
  }
  .intro-wrapper.style1.fix {
    height: 100vh;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .intro-wrapper.style1.fix .container {
    margin: auto;
  }
}
.intro-wrapper.style2.bg-cover.homepage-masthead-bluetheme-override .subtitle-override {
  font-weight: 800;
  font-size: larger;
}
.intro-wrapper.style2.bg-cover.homepage-masthead-bluetheme-override .intro-section-title > p.wow.fadeInUp.desc-override {
  font-size: 20px;
}

/*    about use block blue theme
*/
.fancy-box.style3 .content .text {
  color: black;
}
/*
  Hompegae masthead content about use */
.intro-wrapper.style1 .intro-content .intro-section-title .intro-title {
  color: var(--title);
  font-family: "Rajdhani", sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: -1.28px;
  margin-bottom: 15px;
}

/*
Blogs css background none*/
.our-blog-override.news-new-bg::after {
    background: none !important;
}
/*
truncate stop stop lines*/
.truncate-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Allow wrapping */
}
.truncate-3-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Allow wrapping */
}

/*About use blog block*/
.about-us-override .our-blog-override{
    margin-top:60px;
}
.about-us-override .card-block-override{
    margin-top:60px;
}
/*
contact use form design */
.gt-contact-right-items.contact-form-override {
    padding: 35px 32px;
}
    .gt-contact-right-items.contact-form-override h3 {
        margin-top:0px;
        margin-bottom:15px;
    }

/*
Team card*/

.team-card.team-card-override .description-override {    
    margin:10px 0px;
}
/*
white button*/
.white-button-theme.theme-btn.style2 {
    border: 1px solid #fff;
    color: #fff;
}
.white-button-theme.theme-btn.style2:hover {
    border: 1px solid transparent;
    color: #fff;
}

.white-button-theme.theme-btn.style2 svg path {
    fill: #fff;
}

    .white-button-theme.theme-btn.style2:hover svg path,
    .white-button-theme.theme-btn.style2:hover svg rect {
        fill: #fff;
    }

/*
work process block*/
/*#howitworkimg {
    transition: opacity .4s ease-in-out;
}
*/

.work-process-override .wp-content .accordion-item .accordion-header .accordion-button.collapsed {
    padding: 10px 15px;
}
.work-process-override .wp-content .accordion-item .accordion-header .accordion-button {
    font-size: 22px;
}
.work-process-override .wp-content .accordion-item {
    margin-bottom: 10px !important;
}

/*
white li */
.white-li.rte ul li::before {
    background-color: white;
}

/*
case study page override*/
.case-study-page-override .two-column{
    padding-top:0px;
}
.case-study-page-override .logoBlock{
    padding-top:0px;
}