body {
  @apply font-body text-theme-900 m-0 font-normal text-md 2xl:text-lg leading-[30px] 2xl:leading-32 antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  @apply font-display mt-0 font-normal text-theme-900;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

a {
  @apply no-underline hover:text-hover_color transition-all;
}

.has-tertiary-color {
  @apply !text-[currentColor];
}
.highlight-link a {
  @apply no-underline border-b-2 border-hover_color hover:text-white hover:bg-hover_color;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

strong {
  @apply font-semibold;
}

/*body .site {
        @apply overflow-x-hidden
    }*/

/*button style*/

.btn,
.wp-block-button .wp-block-button__link {
  @apply px-6 xl:px-8 py-2.5 md:py-3 border border border-transparent text-[15px] sm:text-md 2xl:text-lg !no-underline font-medium 2xl:leading-[28px] text-center rounded-full inline-block leading-normal;
}

.btn-primary,
.wp-block-button .wp-block-button__link {
  @apply bg-theme-900 text-white hover:bg-transparent hover:border-theme-900 hover:text-theme-900;
}

.btn-outline-primary {
  @apply border-theme-900 text-theme-900 hover:bg-theme-900 hover:text-white;
}

.btn-outline-light {
  @apply border-white text-white hover:bg-white hover:text-theme-900;
}

.wp-block-button .wp-block-button__link:after {
  content: "";
}

.wp-block-button .wp-block-button__link:after {
  @apply bg-btn-arrow w-3 h-3 ml-2.5 inline-block bg-[100%];
}

.wp-block-button .wp-block-button__link:hover:after {
  @apply bg-btn-arrow-dark bg-[100%];
}


/** header **/
/*.wc-transparent{
    @apply pt-[71px] xl:pt-[113px]
}*/
.wp-single-blog-img img.wp-post-image {
  @apply h-auto;
}
.wc-transparent.site-header {
  @apply absolute top-0 left-0 bg-transparent;
}
body.open-search .wc-transparent.site-header {
  @apply bg-gray-200;
}

.home .site-header .header-wrap {
  @apply border-gray-100;
}

.site-branding > p {
  @apply m-0;
}

.wc-normal.site-header {
  position: relative;
}

.site-title {
  @apply m-0 text-5xl font-display;
}

.site-title a {
  @apply hover:no-underline;
}

.site-description {
  @apply text-gray-500;
}

.custom-logo {
  @apply max-w-full block;
}

/** navigation **/

.main-navigation {
}

.menu-main-menu-container {
  @apply w-full;
}

.main-navigation > ul,
.main-navigation ul > li {
  @apply p-0 m-0 list-none;
}

.main-navigation ul {
  @apply p-0 m-0 xl:flex gap-0 xl:gap-2 2xl:gap-4;
}

.main-navigation ul > li a {
  @apply text-dark-900 font-medium text-md 2xl:text-lg xl:hover:text-theme-900 relative;
}

.menu-main-menu-container .menu .menu-item > a {
  @apply xl:border-b-[3px] xl:border-transparent xl:mb-[-1px] transition-all ease-in-out;
}
.menu-main-menu-container .menu .menu-item > a:hover,
.menu-main-menu-container .menu .menu-item.active > a {
  @apply border-theme-900;
}


.main-navigation ul > li > a {
  @apply px-3 py-2 xl:py-6 2xl:py-8 block before:content-[''] flex gap-2 items-center w-fit;
}
.main-navigation ul > li.current-menu-parent > a:before,
.main-navigation ul > li.current-menu-item > a:before,
.main-navigation ul > li:hover > a:before {
  @apply w-full;
}

.main-navigation ul > li:hover > ul li a:before {
  @apply hidden;
}

.main-navigation ul > li {
  @apply p-0 relative;
}

.main-navigation ul > li > ul {
  @apply pl-3 ml-3;
}

.main-navigation ul > li > ul > li {
  @apply p-0 mx-0 list-disc;
}

/** main **/
.site-main {
  @apply max-w-[100%] mx-0;
}

.site-main .main-content {
  @apply col-start-2 col-end-3;
}

.site-main .main-content .alignwide {
  @apply -ml-1 -mr-1 xl:-ml-32 xl:-mr-32;
}

.site-main {
  @apply text-gray-600;
}

/** footer */
.site-footer {
  @apply mt-20 text-center;
}

.site-footer > p > a {
  @apply inline-flex after:content-[''] after:ml-2 after:block after:bg-wp-performance after:bg-contain after:bg-no-repeat after:w-5 after:h-5 after:mt-1;
}

/** pattern example */
.pattern-example {
  @apply px-3 py-10 lg:p-10;
}

.pattern-example > p {
  @apply max-w-2xl mx-4 my-8 lg:mx-auto;
}

/** prism */
.wp-block-wp-performance-prism-my-code {
  @apply max-w-[calc(100vw-2rem)];
}

p {
  @apply mt-0 text-md 2xl:text-lg text-theme-900 sm:leading-[30px] leading-[28px] 2xl:leading-32 font-normal;
}

/*hero slider*/
.wp-block-post-title,
h1 {
  @apply text-black text-3xl md:text-[35px] xl:text-4xl 2xl:text-6xl leading-[42px] md:leading-tight 2xl:leading-6xl;
}

.font-h2 h1 {
  @apply font-normal text-black text-[25px] md:text-2xl lg:text-3xl 1xl:text-[38px] 2xl:text-[45px] leading-tight 2xl:leading-[55px];
}
h2 {
  @apply font-normal text-black mt-0 mb-8 text-[25px] md:text-2xl lg:text-3xl 1xl:text-[38px] 2xl:text-[45px] leading-tight 2xl:leading-[55px];
}

h3 {
  @apply font-normal text-black mt-0 mb-8 text-[22px] md:text-1xl lg:text-1xl 1xl:text-[28px] 2xl:text-[36px] leading-tight;
}

h4 {
  @apply font-normal text-black text-[20px] md:text-1xl lg:text-2xl 1xl:text-3xl 2xl:text-32;
}

h5 {
  @apply font-normal text-black text-xl md:text-1xl 1xl:text-2xl 2xl:text-3xl;
}

h6 {
  @apply font-normal text-black text-lg 1xl:text-1xl 2xl:text-[25px] leading-normal 2xl:leading-[35px];
}

ul.dashed-style {
  @apply p-0;
}

ul.dashed-style li {
  @apply list-none relative pl-5;
}

ul.dashed-style li:before {
  @apply content-['-'] absolute left-0 font-medium text-xl;
}

.hero-section-overlay {
  border-radius: 1000px;
  opacity: 0.14;
  background: radial-gradient(
    60.88% 60.88% at 35.03% 45.57%,
    #ffcd03 0%,
    rgba(255, 205, 3, 0) 100%
  );
}

.slider-custome-arrow .slider-arrow {
  @apply static m-0 text-black;
}

.slider-arrow {
  @apply !text-black !bg-white !border !border-gray-200 cursor-pointer !rounded-full !w-[40px] !h-[40px] 1xl:!w-[50px] 1xl:!h-[50px] 2xl:!w-[55px] 2xl:!h-[55px] !flex items-center justify-center transition-all hover:!bg-theme-900 hover:!text-white;
}

.slider-arrow:after {
  @apply hidden;
}

.slider-arrow svg {
  @apply !w-auto !h-auto;
}

a {
  @apply text-dark-400;
}

.tabs-list {
  @apply px-0 pb-[1px] scroll-smooth overflow-y-hidden overflow-x-auto lg:flex overflow-x-auto lg:overflow-x-visible whitespace-nowrap lg:whitespace-normal;
}

.tabs-list li {
  @apply list-none -mb-[1px] lg:w-full text-dark-400 inline-block align-middle mx-2 lg:mx-0 py-3 xl:py-5 px-3 xl:px-5 text-md font-medium lg:text-lg border-b border-transparent no-underline text-center whitespace-nowrap cursor-pointer;
}

.tabs-list li.active {
  @apply border-theme-900 text-dark-400;
}

.technologies-boxes a.technology:hover {
  @apply text-dark-400;
}

.technologies-boxes a.technology .box-title {
  @apply underline;
}

.technologies-boxes a.technology .box-title:after {
  @apply content-[''] sm:w-2.5 sm:h-2.5 w-2 h-2 bg-[url('/app/uploads/2024/02/btn-arrow-dark.svg')] bg-contain bg-center ml-1 inline-block;
}

.footer-menu .menu {
  @apply hidden md:block p-0 m-0 space-y-3;
}

.footer-menu li {
  @apply list-none;
}

.footer-menu li a {
  @apply block no-underline text-white hover:underline text-md 2xl:text-lg;
}

.footer-menu li.current-menu-item a {
  @apply opacity-50 underline;
}

.footer-section p {
  @apply block no-underline text-white text-md 2xl:text-lg;
}

.footer-section p a {
  @apply no-underline text-white hover:underline text-md md:text-md 2xl:text-lg opacity-80 hover:opacity-100;
}

.footer-section h6 {
  @apply mb-3 xl:mb-4 text-md md:text-lg 1xl:text-xl font-normal text-white/40 font-body cursor-pointer md:cursor-auto;
}

.footer-section .footer-bottom-text p,
.footer-section .footer-bottom-text p a {
  @apply text-md 2xl:text-lg leading-normal font-light;
}

.social-link {
  @apply px-0 flex gap-2 sm:gap-2 md:gap-3;
}

.social-link li {
  @apply list-none;
}

.social-link li a {
  @apply block no-underline text-white w-10 h-10 1xl:w-[40px] 1xl:h-[40px] 2xl:w-[60px] 2xl:h-[60px] text-lg md:text-[20px] 2xl:text-[24px] border border-white/30 rounded-full flex items-center justify-center hover:bg-white hover:text-theme-900;
}

.blog-social.social-link li a {
  @apply bg-theme-900 hover:bg-black border-0 text-white;
}

.blog-social {
  @apply flex-wrap;
}

.main-title-top,
.page-id-45 .main-title-top,
.page-id-207 .main-title-top,
.page-id-18 .main-title-top,
.page-id-39 .main-title-top {
  @apply hidden;
}

img {
  @apply max-w-full block;
}

.pagination-nav .page-numbers {
  @apply w-10 h-10 2xl:w-[52px] 2xl:h-[52px] rounded-lg 1xl:rounded-[14px] flex items-center justify-center hover:bg-theme-900 hover:text-white no-underline;
}

.pagination-nav .page-numbers.current {
  @apply bg-theme-900 text-white no-underline;
}

.recruitment-process .recruitment-process-list .recruitment-process-img {
  @apply md:pr-24 1xl:pr-32 2xl:pr-40;
}

.recruitment-process .recruitment-process-list .recruitment-process-info {
  @apply md:pl-24 1xl:pl-32 2xl:pl-40;
}

.recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-img {
  @apply md:order-2 pr-0 md:pl-24 1xl:pl-32 2xl:pl-40;
}

.recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-info {
  @apply md:order-1 pl-0 md:pr-24 1xl:pr-32 2xl:pr-40;
}

.recruitment-process
.recruitment-process-list
.recruitment-process-info
.process-number {
  @apply left-0 md:-ml-[30px] xl:-ml-[50px] bg-white;
}

.recruitment-process
.recruitment-process-list:nth-child(odd)
.recruitment-process-info
.process-number {
  @apply right-0 left-auto md:-mr-[30px] xl:-mr-[50px];
}

.step-scroll-line {
  @apply w-2 h-[calc(100%-24%)] bg-gray-400/50 absolute top-[14%] left-1/2 -ml-1 hidden md:block rounded-full;
}

.career-hiring-step .step-scroll-line {
  @apply top-[13%];
}

.recruitment-process .recruitment-process-list.active .process-number {
  @apply bg-theme-900 text-white border-theme-900;
}

.page-saas-development .hiring-step.recruitment-process .step-scroll-line {
  @apply top-[5%];
}
.wc-webflow-h-steps .hiring-step.recruitment-process .step-scroll-line {
  @apply !top-[1%] h-[calc(100%-20%)] xl:h-[calc(100%-12%)];
}

.hiring-step.recruitment-process .step-scroll-line {
  @apply left-7 md:left-[31px] xl:left-12 h-[calc(100%-12%)] xl:h-[calc(100%-9%)] xl:top-[5%] top-[6%];
}

.page-mobile-application-development
.hiring-step.recruitment-process
.step-scroll-line {
  @apply h-[calc(100%-13%)] xl:h-[calc(100%-9%)] top-[5%];
}

.hiring-step.recruitment-process .process-number {
  @apply left-0;
}

.input-field label {
  @apply block text-md md:text-xl text-black m-0;
}

.form-input {
  @apply border-0 border-b border-gray-700 text-black py-3 px-0;
}

.contact-info:before {
  @apply w-[500%] h-full block absolute top-0 -left-[500%] bg-gray-200/50 -z-10;
}

.blog-post-img img {
  @apply w-full h-full object-cover;
}

.single-blog-img:before {
  @apply absolute bottom-0 left-0 w-full h-full bg-gradient-to-t from-black/70 to-black/0;
}

.single-blog-img img {
  @apply w-full h-full object-cover;
}

.post-filter .topic-post:after,
.post-filter .topic-post.active:before {
  content: "";
}

.post-filter .topic-post.active:before {
  @apply absolute -bottom-[30px] left-0 w-full h-[3px] bg-theme-900;
}

.post-filter .topic-post {
  @apply flex items-center;
}

.post-filter .topic-post:after {
  @apply bg-dark-arrows ml-2.5 w-[18px] h-[18px] bg-cover bg-center bg-no-repeat;
}

.post-filter .topic-post.active:after {
  @apply -rotate-180;
}

.post-category-menu.active {
  @apply block;
}

.related-posts-list .related-post:first-child {
  @apply border-0;
}

.single-post-content h2 {
  @apply mt-5 md:mt-12 mb-2.5 md:mb-3.5 font-normal text-black text-1xl lg:text-2xl 1xl:text-3xl 2xl:text-32 leading-normal md:leading-1xl lg:leading-2xl 1xl:leading-3xl 2xl:leading-[42px];
}

.single-post-content h3 {
  @apply font-normal text-black mt-5 md:mt-8 mb-2.5 md:mb-3.5 text-xl 1xl:text-1xl 2xl:text-2xl leading-normal;
}

.single-post-content p {
  @apply mb-5;
}

.single-post-content ul,
.single-post-content ol {
  @apply text-dark-400 pl-1.5 lg:pl-2.5 xl:pl-5;
}

.single-post-content ul li,
.single-post-content ol li {
  @apply mb-2 text-md 2xl:text-lg text-theme-900 sm:leading-[30px] leading-[28px] 2xl:leading-32;
}

.single-post-content ul li ul {
  @apply mt-2;
}

.single-post-content ul.additional-service li:before {
  @apply w-[16px] h-[16px] 2xl:w-[18px] 2xl:h-[18px] top-[5px] md:top-[7px];
}

.single-post-content ul li {
  @apply text-md 2xl:text-lg text-theme-900;
}

.single-post-content ul strong,
.single-post-content p strong {
  @apply font-semibold;
}

.single-post-content ul li ul li {
  @apply !pl-6;
}

.single-post-content ul li ul li:before {
  @apply bg-theme-900 !w-1.5 !h-1.5 rounded-full !top-[11px];
}

.main-navigation .menu li .sub-menu {
  @apply xl:absolute xl:top-full xl:left-0 xl:w-[370px] 2xl:w-[450px] xl:bg-white xl:border xl:border-gray-400 hidden p-0 m-0 z-[100];
}

.main-navigation .menu li .sub-menu li {
  @apply list-none mx-0 !mt-0 !border-0;
}

.main-navigation .menu li .sub-menu li a {
  @apply block py-3 md:py-3 2xl:py-4 px-5 md:px-7 text-white xl:text-theme-900 text-md 2xl:text-lg hover:xl:bg-theme-900 hover:xl:text-white;
}

.main-navigation .menu li .sub-menu li.current-menu-item > a {
  @apply xl:bg-theme-900 xl:text-white;
}

.archive-category-info p {
  @apply mb-0;
}

.no-banner-image {
  @apply min-h-0;
}

.no-banner-image .single-blog-img {
  @apply hidden;
}

.no-banner-image h1,
.no-banner-image .text-white {
  @apply text-black;
}

.no-banner-image span.bg-white {
  @apply bg-black;
}

.container-wrap {
  @apply !mx-auto;
}

.right-img-full {
  @apply md:!w-[calc(50%_-_40px)] h-full;
}

.right-img-full .wp-block-image {
  @apply h-full;
}

.right-img-full .wp-block-image img {
  @apply !w-full;
}

.about-theme-logo {
  @apply lg:px-6 px-3 lg:py-3 py-2 h-[55px] lg:h-[85px] 2xl:h-[110px] flex items-center justify-center md:px-3 text-center 2xl:max-w-[300px] lg:max-w-[240px] max-w-[180px];
}

.about-theme-section {
  @apply !m-0;
}

.request-more-information {
  @apply max-w-[950px];
}

.post-top-section {
  @apply !max-w-[1270px] 2xl:!max-w-[1420px] !mx-auto;
}

.offer-our-clients:first-child {
  @apply pt-0 border-0;
}








.wc-integrations-section {
  @apply p-0;
}
.wc-integrations-section p:last-child {
  @apply m-0;
}
.wp-our-stories img {
  @apply w-full max-w-[120px];
}
.wc-integrations-section h2 {
  @apply m-0;
}
.wc-integrations-section .container {
  @apply p-0;
}
@media (min-width: 640px) {
  .wc-integrations-section .rounded-full {
    @apply w-[72px] h-[72px];
  }
}
@media (min-width: 1360px) {
  .wc-integrations-section h3 {
    @apply text-[25px];
  }
}
.wc-moduels-section .wc-moduels-wrapper {
  @apply border px-[22px] py-[25px] border-solid border-[#e2e2e2];
}
.wc-moduels-section .wc-moduels-wrapper h6 {
  @apply mb-3 text-[22px];
}
@media (min-width: 1171px) {
  .wp-new-layouts-grid .border_icon_box_wrap {
    @apply grid-cols-3;
  }
}





.pricing-list {
  @apply pl-0 m-0;
}

.pricing-list li {
  @apply list-none pl-10 relative;
}

.pricing-list li:before {
  content: "";
}

.pricing-list li:before {
  @apply absolute top-0 left-0 bg-check-arrow w-[28px] h-[28px] bg-[100%] bg-no-repeat bg-center;
}

.category-tags a {
  @apply border border-gray-400 md:px-3.5 px-3 md:py-2 py-1.5 text-black rounded-lg hover:bg-gray-200 border-gray-200 hover:no-underline leading-normal;
}

.filter-marker,
.additional-service {
  @apply pl-0 lg:pl-2.5 xl:pl-5 text-black;
}

.filter-marker li,
.additional-service li {
  @apply 1xl:mb-[18px] 2xl:mb-2.5 mb-2 list-none relative pl-6 md:pl-8;
}

.filter-marker li:before,
.additional-service li:before {
  content: "";
}

.filter-marker li:before,
.additional-service li:before {
  @apply w-3.5 h-3.5 md:w-4 md:h-4 xl:w-5 xl:h-5 absolute top-[5px] left-0 bg-li-arrow-right bg-[100%] bg-contain;
}

.casestudy-implement li {
  @apply mb-2;
}

.filter-marker li:before {
  background-image: url(https://www.webbycrown.com/app/uploads/2025/03/round.svg);
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.faq-title span:before {
  content: "+";
}

.faq-title.active span:before {
  content: "-";
}

.faq-content ul,
.faq-content ol {
  @apply text-black;
}

.popup-video {
  overflow-x: hidden;
  overflow-y: auto;
}

.popup-video .popup-wrapper {
  min-height: calc(100% - (1.75rem * 2));
  margin: 1.75rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: auto;
}

.popup-video .popup-wrapper .popup-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
}

.case-studies-grid .case-studies-grid-img img {
  @apply w-full h-full object-cover transition-all;
}

.case-study-gallery-popup-active {
  @apply overflow-hidden;
}

.masonry-grid {
  @apply flex flex-wrap;
}

.masonry-grid .masonry-item,
.masonry-grid1 .masonry-item {
  @apply w-1/3 sm:w-1/4 lg:px-2 px-1.5 lg:px-4 mb-3 md:mb-5 lg:mb-8;
}

.masonry-grid1 .masonry-item img,
.masonry-grid .masonry-item img {
  @apply w-full rounded-lg block;
}

.masonry-grid1 .gallery-box,
.masonry-grid .gallery-box {
  @apply bg-white md:p-2 p-1 md:rounded-lg rounded-md w-full;
}

.gallery-popup {
  @apply fixed top-0 left-0 z-[999] w-full h-full bg-white my-0;
}

.gallery-popup-wrapper {
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.progressbar-part .swiper-pagination .swiper-pagination-progressbar-fill {
  @apply bg-theme-900;
}

.social-link li.copytoClipboard {
  @apply relative;
}

.social-link li.copytoClipboard .tooltiptext {
  @apply absolute bottom-[112%] hidden left-1/2 bg-theme-900 rounded-md text-sm text-white text-center py-1 px-3 w-[130px] -ml-[65px] before:content-[''];
}

.social-link li.copytoClipboard .tooltiptext.active {
  @apply block;
}

.social-link li.copytoClipboard .tooltiptext:before {
  @apply absolute -bottom-2 left-1/2 -ml-2;
}

.social-link li.copytoClipboard .tooltiptext:before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #1a2a1d;
}

.gform-body .gform_fields .gfield .gfield_label {
  @apply m-0 block text-md 2xl:text-lg leading-normal text-theme-900 font-medium;
}

.contact-form-part .gform-theme--foundation .gform_fields {
  @apply items-end;
}

.gform-theme--foundation .gform_fields {
  @apply !gap-y-0 md:!gap-x-4 1xl:!gap-x-10 2xl:!gap-x-[50px];
}

.gform-body .gform_fields .gfield {
  @apply mb-5 md:mb-8 2xl:mb-10;
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single,
.gform-body .gform_fields .gfield .ginput_container .large,
.gform-body .gform_fields .gfield .ginput_container input,
.searchform input[type="text"] {
  @apply min-h-[40px] md:min-h-[55px];
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single {
  @apply relative;
}

.gform_confirmation_wrapper {
  @apply bg-hover_color/10 border border-hover_color py-2.5 px-4 text-theme-900 text-md font-medium rounded-lg;
}

.gform-theme--framework .gform-loader {
  margin-left: 10px;
  border-block-end-color: #1a2a1d !important;
  border-inline-start-color: #1a2a1d !important;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  @apply !h-full;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  border: 4px solid transparent;
  border-top-color: #888 !important;
  border-bottom-width: 0;
}

.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
  border-width: 0 4px 5px;
  border-color: transparent transparent #1a2a1d !important;
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single,
.gform-body .gform_fields .gfield .ginput_container .large,
.gform-body .gform_fields .gfield .ginput_container input,
.gform-body .gform_fields .gfield .ginput_container .textarea,
.searchform input[type="text"] {
  @apply m-0 block text-md 2xl:text-lg shadow-none bg-transparent h-auto leading-loose text-theme-900 rounded-none py-2 px-0 font-normal placeholder:text-gray-700 border-0 border-b border-gray-700;
}

.gform-body .gform_fields .gfield .ginput_container .textarea {
  @apply h-[100px] md:h-[120px] resize-none;
}

.gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gfield-choice-input {
  @apply w-5 h-5 !border p-0 rounded-md bg-white;
}

.gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gfield-choice-input:before {
  @apply text-[17px] text-theme-900 flex items-center justify-center;
}

.gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gfield-choice-input {
  @apply min-h-0;
}

.gform-body
.gform_fields
.gfield
.ginput_container
.gfield_checkbox
.gform-field-label {
  @apply text-md 1xl:text-lg 2xl:text-lg -mt-1;
}

.gform-body .gform_fields .gfield.gfield--type-checkbox {
  @apply mb-5 md:mb-0 md:w-[calc(100%-250px)];
}

.career-form-section .gform_wrapper .gform_footer {
  @apply md:!-mt-14 ml-auto mr-0;
}

.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
.custom-span,
.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload {
  @apply relative;
}

.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
input::file-selector-button {
  @apply border border-dashed border-gray-700 bg-[#ECECEC] text-sm text-gray-700 rounded-md font-normal py-2 px-4 leading-none;
}

.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
.custom-span {
  @apply absolute top-0 left-0 h-[55px] w-full flex items-center pl-[128px] text-sm md:text-md text-gray-700 border-0 !border-b !border-solid !border-gray-700;
}

.gform_wrapper
.gform-body
.gfield--type-fileupload.wc-file-upload
.ginput_container_fileupload
.large {
  @apply text-gray-700 cursor-pointer relative z-5 text-md;
}

.gform-body .gform_fields .gfield .ginput_container .large.gfield_select {
  @apply flex items-center bg-wc-select;
}

.select2-dropdown {
  @apply border-0 rounded-none !bg-transparent shadow-none;
}

.select2-dropdown .select2-results__options {
  @apply !rounded-none !border-0 divide-y divide-gray-400/50 block;
}

.select2-dropdown .select2-results__options .select2-results__option {
  @apply text-md 1xl:text-lg text-theme-900 py-3 md:py-3 px-4 md:px-6 block leading-normal;
}

.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable,
.select2-dropdown .select2-results__options .select2-results__option--selected,
.select2-dropdown .select2-results__options .select2-results__option:hover,
.select2-dropdown
.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
  @apply !bg-theme-900 !text-white;
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  @apply leading-[38px] py-2;
}

.gform-body
.gform_fields
.gfield
.select2-container--default
.select2-selection--single {
  @apply !py-0;
}

.select2-container--open .select2-dropdown {
  @apply !border-0 !rounded-none;
}

.select2-container--open .select2-dropdown .select2-results {
  @apply mt-[31px] shadow-card bg-white;
}

.gform-body .iti--separate-dial-code .iti__selected-flag {
  @apply bg-transparent text-black;
}

.contact-form-part .gform-body .gform_fields .ginput_container_fileupload {
  @apply relative !mb-0;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload:before {
  content: "";
}

.gform-body .gform_fields .gfield.wc-recaptcha {
  @apply mt-0 sm:mb-6 mb-3;
}

.gform-body .gform_fields .gfield.wc-recaptcha iframe {
  @apply sm:scale-100 scale-75 origin-top-left;
}

.gform-body .gform_fields .gfield.wc-recaptcha div,
.gform-body .gform_fields .gfield.wc-recaptcha iframe {
  @apply !h-full max-h-[78px];
}

.gform-body .gform_fields .gfield_checkbox {
  @apply cursor-pointer;
}

.gform-body .gform_fields .gfield .gfield_label .gfield_required,
.contact-form-part
.gform-body
.gform_fields
.gfield--input-type-fileupload
.gform-field-label {
  @apply !hidden;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.gform_fileupload_multifile
.gform_drop_area::before {
  @apply text-theme-900;
}

.gform-theme--framework
.gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload)
.ginput_preview
.gfield_fileupload_progressbar_progress {
  @apply !bg-theme-900;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.gform_fileupload_multifile
.gform_button_select_files {
  @apply bg-theme-900 py-2 sm:px-8 px-6 rounded-full hover:bg-transparent border border-theme-900 hover:text-theme-900;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload:before {
  @apply hidden mb-5 pt-10 p-3 text-md md:text-lg text-center border border-dashed border-gray-700 text-theme-900 cursor-pointer rounded-md flex items-center justify-center h-[120px] md:h-[170px];
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span {
  @apply absolute top-0 left-0 w-full h-[120px] md:h-[170px] grid content-center justify-center text-theme-900 text-md 2xl:text-lg text-center p-2 leading-snug;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span:before {
  content: "";
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.custom-span:before,
.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.large:before {
  @apply h-9 md:h-12 pointer-events-none bg-file-upload-icon bg-contain bg-no-repeat bg-center w-full mb-3 md:mb-5;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.large {
  @apply absolute top-0 left-0 !h-[82%] cursor-pointer z-1;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.large::file-selector-button {
  display: none;
}

.contact-form-part
.gform-body
.gform_fields
.ginput_container_fileupload
.gfield_description {
  @apply w-[74%];
}

.gform-body .gform_fields .gfield .iti__country-list {
  @apply text-black;
}

.gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
  @apply !pl-6 !pr-12 xl:!pl-8 xl:!pr-14 !py-2.5 md:!py-3 !h-auto !shadow-none cursor-pointer !min-h-0 border border border-transparent !text-[15px] sm:!text-md 2xl:!text-lg !no-underline font-medium !leading-normal 2xl:!leading-[28px] text-center !rounded-full inline-block;
}

.gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
  @apply !bg-theme-900 !bg-btn-arrow !text-white hover:!bg-transparent hover:!border-theme-900 hover:!text-theme-900;
}

.gform_wrapper .gform_footer .gform_button,
.searchform input#searchsubmit {
  background-position: center right 33px;
  background-repeat: no-repeat;
  background-size: 12px;
}

.gform_wrapper .gform_footer .gform_button:hover,
.searchform input#searchsubmit:hover {
  @apply !bg-btn-arrow-dark !text-theme-900;
}

.gform_wrapper .gform_footer {
  @apply max-w-fit mx-auto ml-0 relative !gap-0 !mt-0 items-center;
}

.contact-form-part .gform_wrapper .gform_footer {
  @apply mx-auto mr-0;
}

.contact-form-part
.gform-body
.gform_fields
.wc-contact-file-upload
.gform_drop_area {
  @apply border-gray-700 rounded-lg shadow-none;
}

.gform-theme--framework .gform_validation_errors .gform_submission_error {
  @apply !flex-row items-center;
}

.career-form-section .gform-theme--foundation .gfield--width-third {
  @apply lg:col-span-4 sm:col-span-6 col-span-12;
}

.wp-block-column.full-4-column {
  @apply !w-full lg:!w-2/5 !grow-0 basis-full lg:!basis-2/5;
}

.wp-block-column.full-6-column {
  @apply !w-full lg:!w-3/5 !grow-0 basis-full lg:!basis-3/5;
}

.tabs-header {
  @apply !p-0 !m-0 scroll-smooth overflow-y-hidden overflow-x-auto overflow-x-auto whitespace-nowrap;
}

.tabs-header li {
  @apply relative list-none inline-block align-middle;
}

.tabs-header li:first-child {
  @apply pl-0;
}

.tabs-header li:first-child a:before {
  @apply !hidden;
}

.tabs-header li a:before {
  @apply bg-gray-400 block h-10 w-[1px] absolute top-1/2 left-0 -mt-5 content-[''] transition-none;
}

.tabs-header li a {
  @apply py-3.5 lg:py-4 lg:px-6 px-4 block text-md 2xl:text-lg hover:no-underline hover:text-white hover:bg-theme-900 transition-none;
}

.tabs-header li a:hover,
.tabs-header li a.active {
  @apply before:bg-theme-900;
}

.tabs-header li a.active {
  @apply text-white bg-theme-900;
}

.technologies-development-service {
  @apply relative;
}

.technologies-development-service .swiper {
  @apply md:h-full;
}

.technologies-development-service .swiper .swiper-slide.swiper-slide-active {
  @apply z-[0];
}

.technologies-development-service .swiper .swiper-slide.swiper-slide-next {
  @apply z-[1];
}

.technologies-development-service .swiper .swiper-slide {
  @apply relative before:!content-[''] z-2 h-auto;
}

.technologies-development-service .swiper .swiper-slide:before {
  @apply hidden md:!block absolute top-0 left-[26px] 1xl:left-[37px] h-full bg-gray-800 w-[1px] z-0;
}

.technologies-development-service
.swiper
.swiper-slide.swiper-slide-next
~ .swiper-slide:before,
.technologies-development-service .swiper-slide:last-child:before {
  @apply !hidden;
}

.service-box .overview-icon {
  @apply relative before:content-[''] after:content-[''];
}

.service-box .overview-icon:before {
  @apply absolute -top-[20%] -left-[20%] w-[140%] h-[140%] rounded-full bg-white z-1;
}

.service-box .overview-icon:after {
  @apply absolute top-0 left-0 w-full h-full rounded-full bg-theme-900 z-[2];
}

.service-box p {
  @apply lg:min-h-[102px];
}

.technologies-hire-developer {
  @apply text-center relative;
}

.technologies-hire-developer:before {
  content: "";
}

.technologies-hire-developer:before {
  @apply xl:w-[170px] xl:h-[50px] 1xl:w-[185px] 1xl:h-[50px] 2xl:w-[225px] 2xl:h-[50px] absolute top-0 -left-[35%] hidden lg:block bg-arrows bg-contain bg-no-repeat;
}

.technologies-hire-developer:nth-of-type(3):before {
  @apply bg-arrows-down bg-no-repeat bg-contain;
}

.technologies-hire-developer:after {
  content: "";
}

.technologies-hire-developer:after {
  @apply w-[10px] h-[50px] my-3 mx-auto block xl:hidden bg-arrows-mobile bg-no-repeat bg-contain;
}

.technologies-hire-developer:nth-of-type(3):after {
  @apply block md:hidden;
}

.technologies-hire-developer:nth-of-type(4):after {
  @apply hidden;
}

.technologies-hire-developer:nth-of-type(3):before {
  @apply absolute top-[60px];
}

.technologies-hire-developer:first-child:before {
  @apply !hidden;
}

.our-clients-logo:before {
  @apply absolute top-0 left-0 bg-gray-500 h-full w-[1px];
}

.our-clients-logo:after {
  @apply absolute bottom-0 left-0 bg-gray-500 h-[1px] w-full;
}
.our-clients-logo.bedrock-tech:before,
.our-clients-logo.bedrock-tech:after {
  @apply bg-white;
}
.our-clients-logo.bedrock-tech .our-clients:last-child {
  @apply border-r-0;
}
.our-clients-logo.bedrock-tech .our-clients {
  @apply h-full;
}
.our-clients-bg-color {
  @apply !bg-gray-200;
}
.our-clients-logo a span .hidden {
  @apply inline-block align-middle;
}
.proposal-form .gform_wrapper .gform-body .gfield input {
  @apply w-full;
}

.proposal-form .gform-theme--foundation .gform_fields {
  align-items: end;
}

/* 
.proposal-form .gform_wrapper .gform-body .gfield {
    @apply !mb-3 lg:!mb-5
}

.proposal-form .gform_wrapper .gform-body .gfield input {
    @apply w-full placeholder:text-dark-900
}

 .proposal-form .gform_wrapper .gform-body .gfield input{
    @apply bg-white/60 border border-gray-700 w-full rounded-full py-2 lg:py-3 px-5 lg:px-8 text-theme-900 placeholder:text-gray-700 text-md 1xl:text-lg 2xl:text-lg
} 
.proposal-form .gform_wrapper .gform_footer {
    @apply !mt-5 md:!mt-10
} */

.our-clients-logo .our-clients-right {
  @apply absolute top-0 right-0 bg-gray-500 h-full w-[1px];
}

.our-clients-logo .our-clients:last-child {
  @apply border-r;
}

.simple-step-list .hiring-step.recruitment-process .step-scroll-line {
  @apply h-[80%] xl:h-[82%] top-[10%] xl:top-[8%];
}

.margin-top-5 {
  @apply !mt-7 lg:!mt-0;
}

a.read-more-testimonial:after {
  @apply content-[''] block w-full h-[150px] absolute left-0 bottom-6 -z-1 bg-gradient-to-t from-white to-transparent;
}

.site-branding img {
  @apply h-auto;
}

.nav-btns .btn.btn-icon {
  @apply 1xl:block hidden;
}

.sportlight_content .read-more {
  @apply block underline text-hover_color hover:text-dark-900;
}

.privacy-contact .wp-block-column {
  @apply bg-[#f4f1eb5e] border border-[#dfdad0] sm:!basis-[40%] lg:py-5 py-3 lg:px-7 px-4;
}

.privacy-contact .wp-block-column h4 {
  @apply lg:text-[22px] text-[20px] mb-2.5;
}

.privacy-policy .main-content,
.main-content .term-condition {
  @apply xl:py-14 py-10;
}

.privacy-policy h1.page-title,
.term-condition h1.page-title {
  @apply text-black mt-0 mb-8 text-[25px] md:text-2xl lg:text-3xl 1xl:text-[38px] 2xl:text-[45px] leading-tight 2xl:leading-[55px] lg:pb-6 pb-4 lg:mb-7 mb-4 border-b border-gray-300;
}

.wp-block-columns.privacy-contact {
  @apply !flex-wrap;
}

.faq-pt-0 .faq-padding {
  @apply !pt-0;
}

.faq-pb-0 .faq-padding {
  @apply !pb-0;
}

.faq-py-0 .faq-padding {
  @apply !py-0;
}

.menu-footer-privacy-menu-container .menu {
  @apply flex p-0 m-0 flex-wrap md:justify-end min-[1240px]:flex-row xl:flex-col text-end;
}

.menu-footer-privacy-menu-container .menu li {
  @apply list-none font-light;
}

.menu-footer-privacy-menu-container .menu li a {
  @apply text-md 2xl:text-lg leading-normal font-light text-white;
}

.menu-footer-privacy-menu-container .menu li:not(:last-child):after {
  @apply content-['|'] mx-3 min-[1240px]:inline-block xl:hidden;
}

.menu-footer-privacy-menu-container .menu li a:hover,
.menu-footer-privacy-menu-container .menu li.current-menu-item a {
  @apply opacity-100 underline;
}

.tech-pb-0 .technologies-portfolio-slider {
  @apply pb-0;
}

.page-contact-us .header-wrap,
.blog .header-wrap,
.single-post .header-wrap,
.privacy-policy .header-wrap,
.page-terms-and-conditions .header-wrap,
.error404 .header-wrap,
.search-results .header-wrap,
.author .header-wrap,
.category .header-wrap {
  @apply border-0;
}

.page-contact-us .site-header,
.blog .site-header,
.single-post .site-header,
.privacy-policy .site-header,
.page-terms-and-conditions .site-header,
.error404 .site-header,
.search-results .site-header,
.author .site-header,
.category .site-header {
  @apply border-b border-dark-100;
}

.casestudy-heroproduct {
  @apply block;
}

.casestudy-heroproduct:hover p a {
  @apply text-hover_color underline;
}

.casestudy-heroproduct p {
  @apply 2xl:text-[26px] lg:text-[22px] text-xl font-semibold !mb-0;
}

.casestudy-heroproduct .wp-block-media-text__content {
  @apply p-0;
}

.casestudy-heroproduct a {
  @apply lg:pb-5 pb-3.5;
}

.casestudy-heroproduct .wp-block-media-text__media a {
  @apply lg:p-5 p-3.5 block;
}

.casestudy-heroproduct p svg {
  @apply 2xl:w-4 w-3 2xl:h-4 h-3;
}

#overview.o-pb-0 .overview-wrap {
  @apply !pb-0;
}

.search-form {
  @apply 1xl:mt-10 mt-6;
}

.search-form .gform_heading {
  @apply hidden;
}

.search-form .gform-body,
.searchform input[type="text"] {
  @apply text-left 1xl:max-w-[calc(100%-200px)] sm:max-w-[calc(100%-170px)] focus-visible:outline-none;
}

.search-form .gform_wrapper .gform_footer input[type="submit"] {
  @apply !mt-5 sm:!-mt-12 block;
}

.search-form .gform_footer {
  @apply ml-auto mr-0;
}

form#searchform > div {
  @apply flex md:flex-nowrap flex-wrap items-center lg:gap-8 gap-4;
}

.searchform input[type="text"] {
  @apply grow md:w-auto w-full;
}

.searchform input#searchsubmit {
  @apply inline-block ml-auto mr-0;
}

.search-form .gform-body .gform_fields .gfield {
  @apply m-0;
}

.single-post .faq-padding,
.single-post #faqs .container {
  @apply p-0;
}

.single-post #faqs .faq-margin,
.single-post #faqs p {
  @apply !m-0;
}

.single-post #faqs .faq-main:last-child {
  @apply border-b;
}

.single-post #faqs .text-center {
  @apply text-left;
}

.single-post #faqs .grid {
  @apply block;
}

/*header css*/
body.search-active {
  @apply relative;
}

body.search-active:before {
  @apply content-[''] absolute block w-full h-full bg-[#00000063] z-[90];
}

.header-search-form {
  @apply absolute w-full top-0 right-0 left-0 bg-white z-[90] 2xl:py-11 py-7 px-8;
}

.header-search-form .header-content {
  @apply max-w-[1440px] relative mx-auto;
}

.header-search-form form#searchform {
  @apply max-w-[1200px];
}

.header-search-form form#searchform input[type="text"] {
  @apply p-0;
}

.header-search-form .search-close-icon {
  @apply absolute right-0 top-[16px];
}

.steps-btn a.wp-block-button__link::after {
  @apply hidden;
}

.steps-btn a.wp-block-button__link {
  @apply bg-[#F3F5F4] text-dark-400 rounded-lg border border-[#E0F1E9] py-3 px-7 cursor-auto;
}

.steps-btn a.wp-block-button__link:hover {
  @apply bg-gray-500 text-dark-400 border border-gray-500;
}

.wc-rapnet-box {
  @apply bg-white border border-gray-400 text-center p-3;
}

.wc-rapnet-box a.wp-block-button__link {
  @apply p-0 text-dark-400 bg-transparent;
}

.wc-rapnet-box .wp-block-button .wp-block-button__link:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%201L1%2011M11%201H2.66667M11%201V9.33333'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

.wc-rapnet-box .wp-block-button .wp-block-button__link:hover:after {
  filter: invert(45%) sepia(4%) saturate(5322%) hue-rotate(7deg) brightness(96%)
  contrast(61%);
}

.wc-rapnet-box a.wp-block-button__link:hover,
.wc-rapnet-box a.wp-block-button__link:focus-visible {
  @apply !border-0 outline-none text-hover_color underline;
}

.wc-rapnet-box figure.wp-block-image {
  @apply m-0;
}

.wc-rapnet-box .wp-block-buttons {
  @apply mt-3;
}
.wc-portfolio-section .wc-portfolio-box {
  @apply bg-gray-500;
}

.wc-portfolio-section .wc-portfolio-box .wp-block-image {
  @apply m-0 flex;
}
.wc-portfolio-section .wc-portfolio-box .wp-block-image {
  @apply p-2.5;
}
.wc-portfolio-section .wc-portfolio-box .wp-block-image {
  @apply no-underline transition-all;
}
.wc-portfolio-section .wc-portfolio-box p a {
  @apply inline-block w-full pb-2.5;
}
.wc-portfolio-box:hover .wp-block-image {
  @apply scale-95;
}
.wc-link-platforms .wc-platforms-arrow {
  @apply -mt-4 ml-7;
}
.wc-link-platforms .wc-hand-icon,
.wc-link-btn .wc-hand-icon img {
  margin-top: -20px;
  animation: rock-on 1.25s ease-out backwards;
  animation-iteration-count: infinite;
}

@keyframes rock-on {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}
.wc-link-btn .wc-hand-icon {
  @apply absolute;
}
.wc-link-btn .wc-hand-icon img {
  @apply ml-[140px];
}
.wc-comman-lightbox {
  @apply !gap-5;
}
.wc-comman-lightbox figure.wp-block-image {
  @apply border border-[#E2E2E2B2];
}
.framework-section .framework-technology {
  @apply rounded-[50%] w-28 h-28 border-8 border-[#f9f8f5] relative;
}
.framework-section .framework-technology.link:after {
  @apply content-[''] bg-[url('/app/uploads/2024/02/btn-arrow-dark.svg')] bg-center bg-contain bg-no-repeat w-3 h-3 ml-1 flex absolute opacity-0;
}
.framework-section .framework-technology.link:before {
  @apply content-[''] bg-[#f9f8f5b8] w-full h-full rounded-full absolute opacity-0;
}
.framework-section .framework-technology.link:hover:after,
.framework-section .framework-technology.link:hover:before {
  @apply opacity-100;
}
.wc-tailwind-devlopment {
  @apply bg-gray-500;
}
p.wc-addavance-title {
  @apply mb-1.5;
}
.wc-wix-bg {
  @apply sm:!px-0 sm:!py-20 !px-8 !py-12;
}
.wc-wix-bg .wp-block-columns {
  @apply !my-0;
}

.WC_Get-Touch_section section {
  @apply p-0;
}
.WC_Get-Touch_section section {
  @apply bg-gray-500 rounded-xl bg-[url('/app/uploads/2024/06/Pettern.png')] bg-no-repeat bg-bottom 2xl:pt-8 2xl:pb-8 lg:pb-0 pb-6 pt-6 xl:px-20 px-12;
}
.WC_Get-Touch_section section .get-in-touch-img img {
  @apply 2xl:-mb-8 md:-mb-6;
}
.WC_Get-Touch_section.Wc_Get-Touch_new_section .wp-block-column {
  background: linear-gradient(360deg, #f3f5f4 0%, #ffffff 100%);
}
.WC_Get-Touch_section.Wc_Get-Touch_new_section .wp-block-column {
  @apply rounded-xl bg-[url('/app/uploads/2024/06/Pettern.png')] bg-contain bg-no-repeat bg-bottom;
}
.WC_Get-Touch_section.Wc_Get-Touch_new_section section {
  @apply bg-none bg-transparent;
}
.shopify-migration-section .wc-features-layout hr {
  @apply hidden;
}
.shopify-migration-section .wc-features-layout h3 {
  @apply mb-4;
}
.wc-platform-section .service-box .overview-icon:before {
  @apply hidden;
}
.wc-platform-section .service-box p {
  @apply min-h-0;
}
.grid-col-span-2,
.wc-features-section .wc-features-layout.grid-col-span-2 {
  @apply sm:col-span-2;
} 
.wc-features-section .wc-features-layout:nth-child(odd) {
  @apply bg-[#F3F5F480];
}

.wc-features-section .wc-features-layout:nth-child(even) {
  @apply bg-gray-500;
}
.our-clients-logo.our-clients-line::before,
.our-clients-logo.our-clients-line::after {
  @apply bg-white;
}

.our-clients-logo.wc-benefit-section::before,
.our-clients-logo.wc-benefit-section::after {
  @apply bg-[#f4f1eb];
}
.our-layout-clients p {
  @apply mb-0;
}
section.hero-with-img img.webflow-img {
  @apply lg:w-72 w-52 lg:mt-8 mt-5;
}
.wc-download-btns .btn.buynow-btn {
  @apply bg-[#FFC107] border-[#FFC107] text-black;
}
.wc-download-btns .btn.buynow-btn:hover {
  @apply bg-white;
}
.wc-download-btns .btn {
  @apply px-6 xl:px-8 py-2 md:py-3;
}
.feature-grid-2.wc-features-section .grid {
  @apply grid-cols-1 sm:grid-cols-2 lg:grid-cols-2;
}
/*.feature-grid-2.wc-features-section .wc-features-layout:nth-child(3n + 1) {
  @apply bg-[#F3F5F480];
}

.feature-grid-2.wc-features-section .wc-features-layout:nth-child(3n + 2),
.feature-grid-2.wc-features-section .wc-features-layout:nth-child(3n + 3) {
  @apply bg-gray-500;
}*/


.feature-grid-2.wc-features-section .wc-features-layout:nth-child(4n+1),
.feature-grid-2.wc-features-section .wc-features-layout:nth-child(4n) {
  @apply sm:bg-[#F3F5F480];
}
.feature-grid-2.wc-features-section .wc-features-layout:nth-child(4n+2),
.feature-grid-2.wc-features-section .wc-features-layout:nth-child(4n+3) {
  @apply sm:bg-[#F3F5F4];
}
.wc-ghost-img-content .staff-augmentation-help img {
  @apply w-auto mx-auto;
}

.wc-ghost-img-content .staff-augmentation-help .max-w-\[656px\] {
  @apply max-w-full;
}
.wc-ghost-img-content.reverse-columns .md\:flex {
  @apply flex-row-reverse;
}
.wc-images-left .staff-augmentation-help .w-full.md\:w-1\/2.md\:order-2 img {
  @apply ml-0;
}
.wc-nuxtjs-lists {
  @apply my-5 sm:flex block items-center;
}

.wc-nuxtjs-lists .wp-block-media-text__media {
  @apply lg:w-[350px] w-[280px];
}

.wc-nuxtjs-lists .wp-block-media-text__content {
  @apply w-auto lg:px-12 md:px-6;
}

.wc-nuxtjs-lists .wp-block-media-text__content p {
  @apply my-2;
}
.wc-bordered-color.wc-platform-section .our-clients-logo.bedrock-tech::before,
.wc-bordered-color.wc-platform-section .our-clients-logo.bedrock-tech::after {
  @apply bg-gray-200;
}
section.feature-grid-2.remove-hr .wc-features-layout hr {
  @apply opacity-0 md:my-2 my-1;
}
.wc-custom-wix-transparent section {
  @apply bg-transparent;
}
.jiwa-intergation-section {
  @apply flex gap-5 mb-5 sm:flex-row flex-col;
}

.jiwa-intergation-section .jiva-int-box {
  @apply min-w-[36%] text-center bg-[#f4f1ec] rounded-lg p-6 flex flex-col border-[10px] border-[#f9f8f4];
}

.jiwa-intergation-section span.plus-icon {
  @apply w-[6%] text-center text-[42px] font-body font-light text-black self-center;
}

.jiwa-intergation-section .jiva-int-box img.icon {
  @apply m-auto w-auto max-h-[100px];
}

.jiwa-intergation-section .jiva-int-box p {
  @apply mb-0 mt-7 bg-white rounded-lg p-3 font-medium text-dark-400 shadow-[0_1px_2px_rgba(0,0,0,0.2)];
}

.wc-payload-cms-content-sec .tech-overview-sec > div {
  @apply m-0;
}

.wc-payload-cms-content-sec .tech-overview-sec > div p span {
  @apply relative pl-6;
}

.wc-payload-cms-content-sec .tech-overview-sec > div p span img {
  @apply absolute left-0 top-[2px];
}

.gform_wrapper .iti {
  @apply !w-full;
}

.gform_wrapper .iti__flag {
  @apply ml-[5px];
}

.ginput_container_phone .iti.iti--allow-dropdown input {
  @apply !pl-[55px];
}

.iti__flag-container ul.iti__country-list {
  @apply z-50 relative bg-white max-h-60;
}

.technologies-links {
  @apply relative;
}
.technologies-links:after {
  @apply content-[''] bg-[url('/app/uploads/2024/02/btn-arrow-dark.svg')] bg-center bg-contain bg-no-repeat w-3 h-3 left-2/4 -translate-x-1/2 flex absolute opacity-0;
}
.technologies-links:before {
  @apply content-[''] bg-[#f3f5f480] w-full h-full rounded-full absolute opacity-0;
}
.technologies-links:hover:after,
.technologies-links:hover:before {
  @apply opacity-100;
}

.odoo-integration-item.active:before,
.odoo-integration-item:hover:before {
  @apply bg-theme-900;
}
.odoo-integration-item.active {
  @apply border-r-transparent bg-white;
}
.show-arrow svg {
  @apply inline-block align-middle;
}
.img-text-middle .get-in-touch-img {
  @apply items-center;
}
.custom-html-box {
  @apply hidden xl:absolute left-0 w-full bg-white border-t border-gray-400;
}
.main-navigation ul > li.custom-megamenu {
  @apply static;
}
.custom-megamenu ul.sub-menu {
  @apply !hidden;
}
li.custom-megamenu.menu-item > a:after {
  @apply content-[''] flex-shrink-0 hidden xl:block bg-[url('/app/uploads/2024/09/chevron-down-solid.svg')] bg-contain bg-no-repeat bg-center w-[12.5px] h-[13px];
}
li.custom-megamenu.menu-item.active > a:after {
  @apply rotate-180;
}

.custom-html-box p.wc-megamenu-title {
  @apply text-md font-semibold uppercase tracking-widest text-dark-900 2xl:mb-6 xl:mb-5 mb-3.5 basis-full grow;
}
.wc-megamenu-wrap {
  @apply xl:flex items-stretch xl:py-0 py-0;
}
.wc-megamenu-wrap .wc-left-menu-tech {
  @apply xl:w-[70%] 2xl:p-10 xl:p-8 !pl-0 relative block flex-wrap content-start;
}
.wc-megamenu-wrap .wc-left-menu-tech.list-menu {
  @apply xl:!pl-[20%];
}
.wc-megamenu-wrap .wc-right-client {
  @apply xl:w-[30%] 2xl:p-8 p-6 xl:pr-0 bg-gray-500 relative;
}
.wc-megamenu-wrap .wc-right-client:after {
  @apply content-[''] xl:block hidden w-1/3 h-full bg-gray-500 absolute top-0 z-0 left-full;
}
.wc-technologies-grid {
  @apply grid xl:grid-cols-3 grid-cols-1 2xl:gap-x-8 xl:gap-x-6 lg:gap-x-5 gap-x-3 2xl:gap-y-4 xl:gap-y-3 lg:gap-y-0 gap-y-0 xl:-ml-4;
}
.wc-tech-nav {
  @apply flex gap-4 relative lg:p-4 p-2 z-2 cursor-pointer;
}
.wc-tech-nav .main-menu-link {
  @apply flex gap-4 relative lg:p-4 p-2 z-2 w-full items-center;
}
.wc-tech-nav a,
.wc-m-blog-box a {
  @apply !p-0;
}
.main-menu .wc-tech-nav .wc-nav-link {
  @apply flex items-center xl:items-start gap-4 relative z-2 cursor-pointer w-full;
}
.iconbox-content {
  @apply w-full md:mt-0 mt-0;
}
/* .wc-tech-nav .main-menu-link > div,
.wc-tech-nav > div {
  @apply w-full;
} */
.wc-tech-nav:after {
  @apply content-[''] block w-full h-full rounded-lg absolute left-0 top-0 -z-1 transition-all;
}
.wc-tech-nav p.wc-tech-title img {
  @apply opacity-0;
}
.wc-tech-nav:hover p.wc-tech-title img {
  @apply opacity-100;
}
.wc-tech-nav:hover:after {
  @apply bg-gray-500;
}
.wc-tech-nav p {
  @apply mb-0 xl:text-[15px] text-sm leading-normal;
}
.wc-tech-nav p.wc-tech-title {
  @apply xl:mb-1 font-medium text-md flex items-center justify-between;
}
.wc-megamenu-wrap .wc-client-logo {
  @apply flex items-center justify-between mb-4;
}
.wc-client-info {
  @apply flex items-center gap-3;
}
.wc-client-info .wc-client-name {
  @apply font-semibold leading-normal;
}
.wc-client-info .wc-client-position {
  @apply mb-0 text-sm;
}
.wc-partner-logos {
  @apply mt-6 pt-6 border-t border-gray-400;
}
.wc-partner-logos .wc-logo-grid {
  @apply grid grid-cols-2 gap-6 justify-between items-center;
}
.wc-partner-logos .wc-logo-grid img {
  @apply w-auto h-auto;
}
.wc-partner-logos .wc-logo-grid .wc-logo-img:nth-child(even) img {
  @apply ml-auto;
}
.wc-tech-megamenu {
  @apply relative overflow-hidden;
}
.wc-left-menu-tech.list-menu .wc-technologies-grid {
  @apply grid-cols-1 xl:gap-4 xl:w-[25%] mx-0 h-[calc(100%-60px)] xl:top-10 overflow-auto pr-2 xl:absolute xl:left-0 xl:pb-5;
}
.wc-left-menu-tech.list-menu .list_menu_tab {
  @apply !block xl:w-full xl:px-8;
}
.wc-tech-nav-item-box ul {
  @apply grid grid-cols-1;
}
.wc-tech-nav-item-box ul li a {
  @apply p-0 text-md;
}
.list-menu .wc-tech-nav {
  @apply items-center border border-gray-400 p-2 px-3 gap-3 transition-all rounded-lg;
}
.list-menu .wc-tech-nav:hover,
.wc-tech-nav.active {
  @apply xl:bg-theme-900 xl:border-theme-900;
}
.list-menu .wc-tech-nav:hover::after,
.list-menu .wc-tech-nav p.wc-tech-des,
.wc-left-menu-tech.list-menu p.wc-megamenu-title {
  @apply hidden;
}
.list-menu .wc-tech-nav:hover p,
.list-menu .wc-tech-nav.active p {
  @apply xl:text-white;
}
.list-menu .wc-tech-nav:hover img,
.list-menu .wc-tech-nav.active img {
  @apply xl:invert xl:brightness-0;
}

.list-menu .wc-tech-nav p.wc-tech-title {
  @apply mb-0;
}
.wc-tech-nav-item-box ul li a::after {
  @apply hidden;
}
.wc-tech-nav-item-box ul li a::before {
  @apply content-[''] shrink-0 inline-block bg-[url('/app/uploads/2024/10/arrow-right.svg')] bg-contain bg-center bg-no-repeat bg-transparent w-0 h-0 mr-0 transition-all static;
}
.wc-tech-nav-item-box ul li .wc-tech-nav-item-box ul li a::before {
  @apply bg-transparent;
}
.wc-tech-nav-item-box ul li a:hover::before {
  @apply w-4 h-[14px] mr-3;
}
.list-menu .wc-tech-nav p.wc-tech-title img {
  @apply opacity-100;
}
.megamenu-spacing {
  @apply 2xl:py-10 xl:py-8 py-0;
}
.megamenu-bottom-btn {
  @apply xl:pt-6 pt-4 border-t border-gray-400 xl:mt-6 mt-4;
}
.main-menu .megamenu-bottom-btn .btn {
  @apply inline-flex items-center bg-transparent border-0 p-0 text-dark-900;
}
.megamenu-bottom-btn .btn img {
  @apply w-2.5 transition-all;
}
.megamenu-bottom-btn .btn:hover img {
  @apply translate-x-1.5;
}
.custom-html-box .custom-bg-layer {
  @apply content-[''] xl:block hidden w-full h-full bg-black/60 fixed left-0 backdrop-blur-sm -z-1 top-36;
}
.wc-megamenu-wrap .wc-res-menus {
  @apply xl:w-[55%] 2xl:p-10 xl:p-8 !pl-0;
}
.wc-megamenu-wrap .wc-menu-blogs {
  @apply xl:w-[45%] 2xl:p-10 xl:p-8 lg:p-5 p-3.5 xl:pr-0 bg-gray-500 relative xl:mt-0 mt-3;
}
.wc-megamenu-wrap .wc-menu-blogs:after {
  @apply content-[''] xl:block hidden w-1/3 h-full bg-gray-500 absolute top-0 z-0 left-full;
}
.wc-res-menus .wc-technologies-grid {
  @apply xl:grid-cols-2 grid-cols-1;
}
.wc-m-blog-grid {
  @apply grid sm:grid-cols-2 grid-cols-1 2xl:gap-6 gap-4;
}
.wc-client-review .wc-client-review {
  @apply text-md leading-normal;
}

.wc-m-blog-box p.wc-m-blog-title {
  @apply font-display 2xl:text-[20px] lg:text-lg text-[17px] text-dark-900 mt-4 mb-2 leading-6;
}
.wc-m-blog-box p.wc-m-blog-des {
  @apply text-sm leading-6;
}
.wc-m-blog-box img.wc-blog-img {
  @apply w-full object-cover 2xl:h-[200px] h-[160px] transition-all;
}
.wc-m-blog-box:hover p.wc-m-blog-title {
  @apply text-hover_color underline;
}
/*.career-form-section .gform-body .gfield--type-phone .iti__flag-container{
    display: none !important;
}*/
/*.career-form-section .gform-body .gfield--type-phone .iti__flag-container .iti__selected-flag .iti__flag{
    display: none !important;
}*/
.career-form-section
.gform-body
.gfield--type-phone
.iti__flag-container
.iti__selected-flag {
  background: transparent !important;
}
/*.career-form-section .gform-body .gfield--type-phone .iti--allow-dropdown input{
    padding-left: 70px !important;
}*/

.wc-left-menu-tech.list-menu .wc-technologies-grid::-webkit-scrollbar-track {
  background-color: #e9e4da;
  border-radius: 5px;
}

.wc-left-menu-tech.list-menu .wc-technologies-grid::-webkit-scrollbar {
  width: 6px;
  background-color: #f4f1eb;
}

.wc-left-menu-tech.list-menu .wc-technologies-grid::-webkit-scrollbar-thumb {
  background-color: #1a2a1d;
  border-radius: 5px;
}
.wc-tech-nav-item-box {
  display: none;
}
.wc-tech-nav-item-box.active {
  display: block;
}

.active-header .site-header {
  @apply sticky top-0 !bg-gray-200;
}

.benefit-centric-react-services {
  @apply py-8 md:py-14 2xl:py-24 !m-0;
}
.benefit-centric-react-two-col.benefit-centric-react-services {
  @apply pt-0;
}
.benefit-centric-react-services .container {
  @apply mx-auto;
}
.benefit-centric-react-services h2 {
  @apply mb-3 md:mb-5;
}
.benefit-centric-react-services ul {
  @apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 md:gap-7 !p-0 md:!pt-5;
}
.benefit-centric-react-two-col.benefit-centric-react-services ul {
  @apply sm:grid-cols-2;
}
.benefit-centric-react-services ul li {
  @apply border-l-[3px] border-theme-900 bg-gray-200 px-3 md:px-9 py-3 md:py-6 flex items-center text-black text-md md:text-lg xl:text-xl 2xl:text-1xl font-display list-none;
}

.wc-blog-box-btn-title {
  background-image: url(https://www.webbycrown.com/app/uploads/2024/12/wc-blog-box-btn-title.png);
}
.wc-blog-box-btn-title {
  @apply bg-[#1A2A1D] xl:p-10 lg:p-8 md:p-7 p-5;
}
.wc-blog-box-btn-title .wp-block-heading {
  @apply text-white;
}
.wc-blog-box-btn-title .wp-block-heading span {
  @apply text-[#83764F];
}
.wc-blog-box-btn-title .wp-block-button__link {
  @apply bg-white text-black hover:bg-transparent hover:text-white hover:border-white;
}
.wc-blog-box-btn-title .wp-block-button__link:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%201L1%2011M11%201H2.66667M11%201V9.33333'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") !important;
}
.wc-blog-box-btn-title .wp-block-button__link:hover:after {
  filter: invert(100%) sepia(0) brightness(100%);
}

.header-search-part.search-open {
  @apply w-full md:w-[calc(100%-320px)] 1xl:w-[calc(100%-350px)] 2xl:w-[calc(100%-450px)] md:px-5;
}

.header-search-part {
  transition: all 0.5s, opacity 0.5s;
}
/*.header-search-part.search-open {
    transition-delay: .7s;
}*/
.header-search-part.search-open {
  @apply translate-x-0 overflow-visible;
}
/*.header-search-part.search-open .search-popular-box{
    transition-delay: 0.9s;
}*/
.header-search-part .search-popular-box {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: -webkit-transform 0.3s 0.5s;
  transition: transform 0.3s 0.5s;
  transition: transform 0.3s 0.5s, -webkit-transform 0.3s 0.5s;
}
.header-search-part.search-open .search-popular-box {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
body {
  @apply overflow-x-hidden;
}
body.open-search:after {
  @apply content-[''] w-screen bg-black/30 fixed top-0 z-[1] left-0 h-[100vh];
}
body.active-header {
  @apply !overflow-hidden;
}

.wc-multicolumn-grid {
  @apply !grid md:grid-cols-3 min-[480px]:grid-cols-2 grid-cols-1 gap-[15px];
}
.wc-multicolumn-grid .wc-multicolumn-info {
  @apply bg-[#F3F5F4] pt-[15px] pb-[18px] px-4;
}
.wc-multicolumn-grid .wc-multicolumn-info .wp-block-columns {
  @apply m-0;
}
.wc-multicolumn-grid .wc-multicolumn-info p {
  @apply text-base leading-[22px] tracking-[-0.3px] mb-[15px];
}
.wc-multicolumn-grid .wc-icon-grid {
  @apply flex flex-wrap gap-2.5;
}
.wc-multicolumn-grid .wc-icon-grid .wp-block-image {
  @apply bg-white w-[50px] h-[50px] flex items-center justify-center rounded shadow-[0px_1.84px_2.45px_0px_#0000000D] m-0;
}
.wc-main-article .wc-article-wrapper {
  @apply flex items-start gap-[15px];
}
.wc-main-article {
  @apply mb-[18px];
}
.wc-main-article .wc-article-wrapper figure.wc-article-icon {
  @apply w-10 h-10 bg-[#1A2A1D] flex items-center justify-center shrink-0 m-0 p-[5px] rounded-[50%];
}
.wc-main-article .wc-article-wrapper p strong {
  @apply font-medium;
}

.hcb_wrap.wc-code-section {
  @apply rounded-lg bg-[#2d2c2c];
}
.wc-code-section .prism.off-numbers {
  @apply pt-[55px] pb-[25px] px-8 rounded-lg before:content-[attr(data-lang)] before:flex before:items-center before:font-["Inter"] before:bg-[#3A3A3A] before:w-full before:text-left before:lowercase before:text-xs before:h-9 before:px-4 before:py-[7px] before:rounded-[8px_8px_0_0];
}
.hcb_wrap,
.hcb_wrap * {
  @apply !font-Fira_Code;
}
.wc-code-section .prism.off-numbers code {
  @apply text-[#9CDCFE] bg-[#2D2C2C] drop-shadow-none;
}
.wc-code-section .prism.off-numbers code .token.punctuation {
  @apply text-[#FFD70B];
}
.wc-code-section .prism.off-numbers code .token.comment {
  @apply text-[#6A9955];
}
.wc-code-section .prism.off-numbers code .token.operator {
  @apply text-white;
}
.wc-code-section .prism.off-numbers code .token.string {
  @apply text-[#CE9178];
}
.wc-code-section button.hcb-clipboard {
  @apply bg-[url(https://www.webbycrown.com/app/uploads/2025/01/Group-1171275988.png)] bg-transparent w-[130px] h-5 bg-[top_right] opacity-100 cursor-pointer top-[7px] before:hidden;
}

.wc-odoo-integration-services-feature-section > div {
  @apply !pb-0;
}

.wc-odoo-integration-services-feature-section .grid {
  @apply pb-10 md:pb-14 2xl:pb-24 border-b border-gray-400;
}

.wc-features-layout p:empty {
  @apply hidden;
}
.wc-features-layout p:nth-last-child(2) {
  @apply mb-0;
}

#industries-we-serve {
  @apply bg-[#F4F1EB];
}
#industries-we-serve .container {
  @apply border-0;
}
#industries-we-serve .container .lg\:w-\[38\%\] {
  @apply lg:w-[36.6667%];
}
#industries-we-serve .container .lg\:w-\[62\%\] {
  @apply lg:w-[63.3333%];
}
.ul-list-design ul {
  @apply text-theme-900 pl-0 m-0;
}
.ul-list-design ul li {
  @apply relative pl-8 list-none text-theme-900 mb-2 md:mb-4;
}

.ul-list-design ul li::before {
  @apply content-[''] shrink-0 block bg-[url('/app/uploads/2025/02/list-arrow.svg')] bg-contain bg-center bg-no-repeat w-5 h-5 absolute top-[6px] left-0;
}

.wc-custom-faq-section .container {
  @apply px-0;
}
.wc-custom-faq-section .faq-content {
  @apply lg:!pl-[70px] md:!pl-[48px] !pl-[48px];
}
.wc-custom-faq-section .faq-margin > div,
.wc-custom-faq-section .faq-margin > div h2 {
  @apply text-left;
}
.wc-custom-faq-section .grid {
  @apply grid-cols-1;
}
.wc-custom-faq-section .faq-margin {
  @apply mb-0;
}
.wc-custom-faq-section .grid .faq-title h4 {
  @apply font-semibold lg:text-xl lg:leading-9 font-body sm:text-lg sm:leading-7 text-md leading-6;
}
.wc-custom-faq-section .grid .faq-main {
  @apply px-0 lg:py-[35px] md:py-[25px] py-4;
}
.wc-custom-faq-section .grid .faq-main .faq-content p {
  @apply m-0;
}
.wc-custom-faq-section .grid .faq-title span {
  @apply lg:mr-[22px] mr-3.5;
}
.wc-involvement .involvement-title {
  @apply w-full md:max-w-[126px] md:min-w-[126px] max-w-full min-w-full;
}
.wc-involvement .involvement-title h3 {
  @apply lg:text-[22px] lg:leading-8 md:text-[19px] md:leading-7 text-base leading-5;
}
.involvement-content {
  @apply md:px-10 md:py-[25px] px-3.5 py-4;
}
.wc-involvement .our-involvement {
  @apply border-b-[0px];
}
.wc-involvement .our-involvement:last-child {
  @apply border-b;
}

.webby-left-sidebar-title {
  @apply mb-5 text-md text-[#1A2A1D] leading-[1.5] uppercase font-semibold;
}
.webby-left-sidebar-title span {
  @apply mr-3;
}
.webby-left-sidebar {
  @apply w-full max-w-[388px] sticky hidden align-top ml-12 mb-[30px] top-5;
}
.active-toc-body .webby-sidebar-content-section .webby-left-sidebar {
  @apply md:inline-block;
}
.active-toc-body .max-w-\[1030px\] {
  @apply max-w-[1320px];
}
.webby-right-sidebar {
  @apply w-full inline-block;
}
.webby-left-sidebar .webby-blog-menu {
  @apply max-h-[calc(100vh_-_80px)] h-auto overflow-y-auto text-left mb-0 shadow-[inset_2px_0px_#e6e6e6] pr-2.5;
}
.webby-left-sidebar a {
  @apply relative text-md leading-[24px] font-medium pl-5 text-theme-900 no-underline m-0 mb-4 relative flex before:absolute before:left-0 before:top-0 before:content-[''] before:inline-block before:w-[2px] before:h-full before:bg-transparent;
}
.webby-blog-menu a.toc-h3 {
  @apply text-[15px] leading-[24px] font-normal pl-[60px] relative text-[#2B2B2B];
}
.webby-blog-menu a.toc-h3::after {
  @apply content-[''] shrink-0 block bg-[url('https://www.webbycrown.com/app/uploads/2025/03/lets-icons_return-light-2.svg')] bg-contain bg-center bg-no-repeat w-4 h-4 absolute top-[3px] left-[35px];
}
.webby-left-sidebar a.active {
  @apply before:bg-[#1A2A1D] underline;
}
.webby-left-sidebar a.active {
  @apply text-[#1A2A1D];
}

.additional-service.additional-study {
  @apply pl-0;
}
.wc-container-case-study figure.wp-block-image img {
  @apply !w-full;
}
.wc-container-case-study .wp-block-column.full-4-column {
  @apply lg:!basis-[54%] lg:!w-[54%];
}
.wc-container-case-study {
  @apply xl:!gap-[0_150px] lg:!gap-[0_80px];
}
ul.additional-sub-study li::before {
  @apply bg-[url(https://www.webbycrown.com/app/uploads/2025/03/round1.svg)] bg-no-repeat;
}
.additional-service.additional-study li:before {
  @apply bg-[url("https://www.webbycrown.com/app/uploads/2025/03/round.svg")];
}

.solution_provide-profit {
  @apply border-[10px] border-solid border-[#f6eff4];
}
.solution_provide-assest {
  @apply border-[10px] border-solid border-[#005E7A17];
}
.single-blog-table {
  @apply mb-[25px];
}
.single-blog-table table {
  @apply border-collapse;
}
.single-blog-table thead th {
  @apply text-lg border font-normal text-left px-5 py-[11px] border-solid border-[#E2E2E2];
  font-family: "PPFragment";
}
.single-blog-table tbody td {
  @apply border text-lg leading-7 text-[#2B2B2B] font-normal px-5 py-2.5 border-solid border-[#E2E2E2] align-middle;
  font-family: "Poppins";
}
.single-blog-table tbody tr td:first-child {
  @apply font-medium;
}

.content_p {
  @apply mb-0;
}
.overview-section .wp-block-column p {
  @apply !mb-[15px];
}
.wc-conclusion-performance .bg-\[\#FAE7F3\] {
  @apply bg-[#E3EDF0];
}

.case-study-top-section .container-wrap .wc-the-solution-section {
  @apply !flex !flex-col md:![flex-direction:unset] !gap-[25px] md:!gap-[75px] !items-center;
}
.overview-section {
  @apply pt-[50px] pb-0 px-5 md:pt-20 md:pb-0 lg:pt-[100px] lg:pb-6;
}

.about-theme-section.about-theme-Performance-section {
  @apply !pt-0;
}

.about-theme-section.about-theme-Performance-section .wp-block-column {
  @apply !pt-0;
}

.case-studies-grid-img .case-bg-hover {
  @apply opacity-0 hover:opacity-100;
}

main.webflow-layout .webby-right-sidebar .single-post-content > h2:first-child {
  @apply mt-0;
}

.border_icon_box_section .border_icon_box_wrap {
  @apply xl:gap-8 lg:gap-7 md:gap-6 gap-5;
}

.border_icon_box_section .border_icon_box_wrap .border_icon_box_col {
  @apply 2xl:p-10 xl:p-8 md:p-7 p-6 border border-gray-400;
}
body .container-wrap .wp-block-columns.wc_about_statamic_CMS_section {
  @apply !flex md:flex-row md:!flex-nowrap flex-col 2xl:gap-20 xl:gap-16 lg:gap-12 md:gap-10 gap-8;
}
.wc_about_statamic_CMS_section .wc_about_statamic_CMS_left {
  @apply border border-gray-400 2xl:max-w-[500px] xl:max-w-[400px] md:max-w-[300px] max-w-full 2xl:pt-10 2xl:pb-12 2xl:px-[35px] lg:p-8 p-6 w-full md:sticky md:top-1;
}
.case-studies-listing p.highlight-link,
.border_icon_box_col p:last-child{
  @apply mb-0;
}

.wc_height_imgaes img {
  @apply !w-full !h-full object-cover;
}








/* New mega menu css start */
.wc-new-tech-megamenu {
  @apply overflow-y-auto;
}

p.wc-company-title {
  @apply flex items-center justify-between gap-[10px] w-full text-base xl:text-[19px] text-[15px] m-0 font-medium leading-[24px] xl:leading-[28px];
}

.wc-company-nav p.wc-company-title {
  @apply xl:leading-[26px] xl:text-[17px] text-[15px];
}

/*.wc-mega-wrap {
  @apply md:flex block items-start 2xl:py-[45px] 1xl:py-[36px] md:py-[24px] py-[16px];
}*/

.wc_lists_megamenu_section {
  @apply bg-white w-full;
}
.wc_lists_megamenu_section .wc_lists_megamenu_wrap {
  @apply xl:flex block items-start;
}
.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_left {
  @apply 2xl:max-w-[360px] xl:max-w-[280px] w-full 2xl:pr-10 2xl:pt-10 2xl:pb-[50px] xl:pr-[30px] xl:pt-[30px] xl:pb-[35px] xl:border-r border-[#e2e2e2bf];
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid {
  @apply grid grid-cols-1 2xl:gap-[18px] xl:gap-[15px] gap-[0px] p-0 h-full xl:overflow-auto xl:max-h-[500px] pr-1;
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav {
  @apply cursor-pointer bg-white xl:rounded-[7px] text-black xl:border border-b border-[#e0e0e0] 2xl:pl-[24px] 2xl:py-[15px] 2xl:pr-3 xl:pl-[17px] xl:py-[10px] xl:pr-[15px] px-0 py-[18px];
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav.active,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav:hover {
  @apply xl:bg-[#1a2a1d];
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav
.wc_lists_megamenu_left_grid_nav_title {
  @apply flex items-center justify-between gap-2.5 w-full 2xl:text-[17px] text-[16px] m-0 font-medium leading-[26px];
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav.active
.wc_lists_megamenu_left_grid_nav_title,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav:hover
.wc_lists_megamenu_left_grid_nav_title {
  @apply xl:text-white text-hover_color transition-all ease-in-out;
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav.active
.wc_lists_megamenu_left_grid_nav_title
svg,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_left
.wc_lists_megamenu_left_grid_nav:hover
.wc_lists_megamenu_left_grid_nav_title
svg {
  @apply opacity-100;
}
.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right {
  @apply w-full 2xl:pl-[50px] 2xl:py-[45px] xl:pl-5 xl:py-[30px] w-full py-6;
}

.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right .wc_lists_megamenu_tab,
.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right .wc_lists_megamenu_sbu_tab {
  @apply xl:max-h-[500px] h-full xl:overflow-auto;
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box {
  @apply hidden 1xl:grid-cols-3 md:grid-cols-2 grid-cols-1 2xl:gap-[30px_70px] xl:gap-[13px_25px] gap-[25px] lg:gap-7;
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_box.active {
  @apply grid;
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme {
  @apply hidden;
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme.active {
  @apply block;
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
.wc_list_megamenu_tab_nav_itme,
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_itme_box
> a {
  @apply flex 2xl:!gap-[21px] !gap-3 relative 2xl:px-3 xl:py-2.5 xl:px-2.5 p-0 w-full 2xl:rounded-[6px] xl:rounded-[8px] xl:hover:bg-[#F3F5F4];
}
.wc_lists_megamenu_section .wc_lists_megamenu_wrap .wc_lists_megamenu_right .wc_list_megamenu_tab_nav_itme_box a[href="javascript:void(0)"] {
  @apply cursor-default hover:!bg-transparent;
}
.wc_list_megamenu_tab_nav_itme_title {
  @apply flex items-center justify-between gap-[10px] w-full text-black 2xl:text-[19px] text-base m-0 font-medium 2xl:leading-[28px] leading-[25px];
}
.wc_list_megamenu_tab_nav_itme_des {
  @apply font-normal 2xl:text-[15px] text-[14px] leading-[24px] 2xl:mt-1.5 xl:mt-[2px] mt-[3px] mb-0 text-[#2B2B2B];
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
.wc_list_megamenu_tab_nav_sub_itme_list {
  @apply w-full xl:border-t xl:border-[#eaeaea] grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 2xl:gap-[20px_30px] xl:gap-[25px_60px] gap-[26px] xl:pt-[22px];
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li
> a {
  @apply !p-0 2xl:text-[18px] text-base 2xl:leading-[28px] leading-[25px] font-medium block text-black hover:text-[#1a2a1d];
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li
> a:hover {
  @apply underline decoration-theme-900 transition-all ease-in-out;
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li
> p {
  @apply mb-0 2xl:pt-[10px] pt-2 2xl:text-[15px] text-[14px] 2xl:leading-[24px] leading-[22px] font-normal text-[#2B2B2B];
}
.wc_lists_megamenu_section
.wc_lists_megamenu_wrap
.wc_lists_megamenu_right
.wc_list_megamenu_tab_nav_sub_itme
ul
> li {
  @apply border-0 2xl:px-3 2xl:py-2.5;
}
.wc_list_megamenu_tab_nav_sub_itme_back {
  @apply bg-transparent hidden xl:flex items-center 2xl:gap-[10px] gap-[8px] 2xl:mb-8 xl:mb-[18px] font-medium text-black 2xl:text-[16px] text-[14px] 2xl:leading-[26px] leading-[22px] w-fit cursor-pointer font-body;
}






.wc-mega-wrap {
  @apply md:flex block items-start;
}

.wc-left-menu-company.list-menu {
  @apply 2xl:w-[23%] xl:w-[25%] w-full;
}

.wc-list-tech {
  @apply 2xl:w-[77%] xl:w-[75%] w-full 2xl:pl-[50px] xl:pl-[36px] 2xl:py-20 xl:py-16 pl-0 w-full max-h-[500px] h-full overflow-auto py-0;
}
.list_menu_tab_com {
  @apply 2xl:w-[77%] xl:w-[75%] w-full 2xl:py-[45px] 2xl:ml-[40px] 1xl:py-[36px] md:py-[24px] xl:ml-[36px] ml-0 w-full py-[16px];
}
.wc-company-nav {
  @apply cursor-pointer bg-white xl:rounded-[7px] xl:px-[25px] xl:py-[16px] text-black xl:border border-b border-[#e0e0e0] md:px-[20px] px-[16px] md:py-[13px] py-[10px];
}

.wc-company-nav.active,
.wc-company-nav:hover {
  @apply bg-[#1a2a1d] text-white;
}

.wc-company-nav.active p,
.wc-company-nav:hover p {
  @apply text-white;
}

.wc-company-grid {
  @apply grid grid-cols-1 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-1 gap-5 lg:gap-8 xl:gap-[18px] !pl-0 xl:border-r border-[#e2e2e2bf] 2xl:pr-[40px] xl:pr-[36px] 2xl:py-[40px] xl:py-[36px] gap-[16px] p-0 border-r-0 max-h-[500px] h-full overflow-auto;
}

.wc-back-to-menu {
  @apply bg-transparent flex items-center gap-[10px] md:pb-[40px] pb-[16px] w-fit;
}

.wc-company-sub-nav-item-box .wc-tech-list {
  @apply w-full border-t border-[#eaeaea] grid md:grid-cols-3 sm:grid-cols-2 grid-cols-1 2xl:gap-x-[30px] pt-4 gap-x-[24px];
}
.wc-company-nav-item-box > a {
  @apply flex gap-4 relative lg:p-4 p-2 z-2 w-full items-center;
}
.wc-company-sub-nav-item-box ul > li > a {
  @apply md:py-3 py-2 block;
}
.wc-company-megamenu {
  @apply bg-white;
}

.wc-custom-faq-section h3 {
  @apply m-0;
}

.wc-webflow-title-section a {
  @apply underline hover:no-underline;
}

.wc-webflow-title-section p a {
  @apply no-underline;
}
.wc-technologies-grid {
  @apply grid-cols-1 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-2 1xl:grid-cols-3 gap-5 lg:gap-8 2xl:gap-[30px_70px];
}
.wc-company-sub-nav-item-box {
  @apply hidden;
}
.wc-company-sub-nav-item-box.active {
  @apply block;
}
.wc-company-nav-box {
  @apply hidden;
}
.wc-company-nav-box.active {
  @apply grid;
}
p.wc-company-des {
  @apply font-normal text-[15px] leading-6 mt-1.5;
}

/* New mega menu css end */

h1.new-layout-title {
  @apply leading-[25px] md:leading-[30px] 2xl:leading-[55px];
}

.Get_in_Touch_left {
  @apply 2xl:py-[110px] 2xl:px-[140px] 2xl:pr-[108px] xl:py-20 xl:px-20 lg:p-16 md:p-14 sm:p-12 p-8;
}


.features_tabs_section li:hover,
.features_tabs_section li.active {
  @apply border-[#1A2A1D] text-[#1A2A1D];
}
.wc_images_and_text_content_section .wc_left_and_right {
  @apply 2xl:gap-[120px] xl:gap-20 lg:gap-14;
}

.wc_images_and_text_content_section .wc_left {
  @apply md:!w-full md:max-w-[585px];
}
.wc_images_and_text_content_section .wc_right {
  @apply md:!w-full;
}
.wc_images_and_text_content_section .wc_left > img {
  @apply md:!max-w-full;
}

.wc_images_and_text_content_section .wc_right .max-w-\[656px\] {
  @apply md:!max-w-[935px];
}
.wc_our_technology_stack_section .odoo-integration-tabs-left {
  @apply 2xl:max-w-[430px];
}
.wc_our_technology_stack_section .odoo-integration-item>div {
  @apply 2xl:px-[30px] 2xl:py-5 py-4 px-5 gap-4 xl:gap-[18px];
}
/*.wc_our_technology_stack_section .odoo-integration-content {
  @apply 2xl:px-11 2xl:py-10 xl:p-9 lg:p-8 p-6;
}*/
.wc_our_technology_stack_section .odoo-integration-content .grid {
  @apply 2xl:grid-cols-4;
}
.wc_our_technology_stack_section .odoo-integration-content .grid>div {
  @apply xl:py-4 xl:px-5 p-3;
}
.camel_color {
  @apply !bg-gray-200;
}


.highlight-link .faq-padding {
  @apply pt-0;
}
.img-float {
  @apply md:w-[43.5%] w-full float-right;
}
.floated-img {
  @apply mb-6 w-full h-fit md:max-w-[83%] max-w-full object-cover md:ml-auto md:mr-0;
}
.story-img{
 @apply w-full 2xl:max-w-[500px] 1xl:max-w-[450px] xl:max-w-[400px] max-w-[350px];
}
.story-right{
  @apply w-full p-6 md:p-8 1xl:p-10 2xl:p-12 grid content-center;
}
.case-story{
  @apply md:flex block
}
.story-outer-box{
  @apply flex flex-col gap-[55px];
}
.border_remove_box .border_icon_box_wrap {
  @apply 2xl:gap-x-[70px] 2xl:gap-y-[60px] xl:gap-12 lg:gap-10 md:gap-8 gap-6;
}
.border_remove_box .border_icon_box_wrap .border_icon_box_col {
  @apply p-0 border-0;
}
body .padding-botton-0 {
  @apply !pb-0;
}


/* new-blog */
.padding_bottom_remove .wp-new-layout-padding {
  @apply !pb-0;
}
.wp-new-layout-2 .wp-new-layout-grid .wp-new-layout-padding{
  @apply !p-0;
}
.wp-new-layout-2 .wp-new-layout-grid .wp-new-layout-padding .container{
  @apply !p-0;
}
.wp-new-layout-grid .border_icon_box_wrap{
  @apply grid xl:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 grid-cols-1 2xl:gap-6;
}
.wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col{
  @apply py-9 px-5 text-center flex flex-col items-center justify-start;
}
.wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col h3{
  @apply mb-4 mt-0 text-xl xl:text-1xl 1xl:text-[25px] font-normal;
}  
.wp-new-layout-2 .wp-new-layout-left{
  @apply w-[95%];
}
.wp-new-layout-2 h1.new-layout-title{
  @apply 2xl:text-[45px] 1xl:text-[40px] lg:text-[36px] sm:text-[30px] text-[22px] 2xl:leading-[55px] 1xl:leading-[50px] lg:leading-[45px] sm:leading-[40px] leading-[25px];
}
/*.wp-new-layout-grid .border_icon_box_wrap .border_icon_box_col div{
  @apply !mb-0;
}*/

.wp-new-layout-features .wc-features-layout h3 {
  @apply m-0; 
}

.wc_based_ai_chatbot img {
  @apply sm:h-[550px] object-contain;
}









































@media screen and (max-width: 1024px) {
  .single-blog-table {
    @apply w-full overflow-x-auto pb-[15px];
  }
  .single-blog-table thead th {
    @apply whitespace-nowrap text-base;
  }
  .single-blog-table tbody td {
    @apply text-base leading-6;
  }
}

.wc-width-auto {
  @apply w-auto max-w-fit;
}
.filter-marker.filter-sub-marker {
  @apply pl-[51px];
}
.filter-marker.filter-sub-marker li::before {
  @apply bg-[url(https://www.webbycrown.com/app/uploads/2025/03/round1.svg)] bg-no-repeat;
}
.wc-expert-section {
  @apply bg-[url(https://www.webbycrown.com/app/uploads/2025/03/Group-1000002581.png)] bg-cover bg-no-repeat bg-[#f4f1eb] pt-[25px] pb-[21px] px-7 border-l-[3px] border-l-[#1A2A1D] border-solid;
}
.wc-expert-section h4 {
  @apply text-[22px] leading-9 text-black;
}
.wc-expert-section h4 a {
  @apply text-black hover:underline hover:decoration-[rgba(131,118,79,var(--tw-text-opacity))];
}
.wc-effortless-table .single-blog-table thead th {
  @apply border-0;
}
.wc-effortless-table .single-blog-table thead th img {
  @apply max-w-[80px] m-auto;
}
.wc-effortless-table .single-blog-table thead th:nth-child(1) {
  @apply border-r-[#e2e2e2] border-r border-solid;
}
.wc-effortless-table .single-blog-table tbody td {
  @apply border-x-0 first:border-r-[#e2e2e2] first:border-r first:border-solid;
}
.wc-effortless-table .single-blog-table tbody td img {
  @apply max-w-[24px] m-auto;
}
.wc-main-article .wc-article-wrapper.wc-article-title-icon .wp-block-heading {
  @apply m-0;
}
.wc-main-article .wc-article-wrapper.wc-article-title-icon {
  @apply items-center;
}
.wc-pl-50 {
  @apply pl-[50px];
}
#technologies-we-use .offer-our-clients:last-child {
  @apply border-b-[#e2e2e2] border-b border-solid;
}
.WC-Features-Of-Bagisto-BG-Section {
  @apply bg-[#F4F1EB];
}
.WC-Features-Of-Bagisto-BG-Section .wc-features-layout {
  @apply bg-white !important;
}

.artificial-intelligence-development-services-section .wc-features-layout {
  @apply !bg-white border border-gray-400;
}
.border-remove.artificial-intelligence-development-services-section .wc-features-layout {
  @apply border-0;
}
.artificial-intelligence-development-services-section .wc-features-layout hr {
  @apply hidden;
}
.artificial-intelligence-development-services-section .wc-features-layout h3 {
  @apply mb-4;
}


.wc-our-process-section .bg-gray-500 {
  @apply bg-[#F4F1EB] !important;
}
.wc-custom-squarespace .feature-grid-2 .py-10 {
  @apply p-0;
}
.wc-custom-squarespace .feature-grid-2 .mb-3 {
  @apply m-0;
}
.wc-custom-squarespace .bg-gray-500 .py-8 {
  @apply pb-0;
}
.wc-custom-squarespace .mb-8 .flex {
  @apply items-center;
}

.wc-single-js-table .single-blog-table thead th,
.wc-single-js-table .single-blog-table tbody tr td {
  @apply font-normal lg:px-[30px] lg:py-[17px] px-[15px] py-3.5 whitespace-nowrap;
}
.wc-single-js-table .single-blog-table thead th {
  @apply lg:w-[400px];
}
.wc-single-js-table .single-blog-table {
  @apply mb-0;
}
.wc-Testing-section > div {
  padding-bottom: 0 !important;
}

.start-project {
  @apply lg:py-3 lg:px-[30px] py-2 md:px-[20px] px-4 bg-white rounded-full flex items-center justify-center absolute md:bottom-[50px] sm:bottom-[24px] bottom-1 gap-3 sm:scale-100 scale-50;
}
.single-blog-img {
  @apply relative flex items-center justify-center;
}
.wc-company-nav-item.wc-tech-nav.nav-has-sub-menu.active {
  @apply bg-gray-500 rounded-[6px];
  background-color: theme("colors.gray.500") !important;
}
.wc-company-des {
  @apply mb-0;
}
.wc-tech-list ul li p {
  @apply mt-2;
}
.wc-tech-list li {
  @apply h-fit;
}
.wc-tech-list ul li a {
  @apply p-0 mb-[10px] gap-y-0;
}
/* .wc-company-sub-nav-item-box .wc-tech-list {
  @apply gap-[17px];
} */
.wc-tech-nav {
  @apply py-[10px] px-3;
}
.wc-technologies-grid {
  gap: 5px 70px;
}
.site-main.new-layout
.webby-right-sidebar
.single-post-content
> h2:first-child {
  @apply mt-0;
}
.wc-faq-single-section .grid {
  @apply !grid-cols-1;
}



/* header menu scrollbar */
.wc_lists_megamenu_section *::-webkit-scrollbar {
  width: 4px;
  background: rgb(243 245 244);
}
.wc_lists_megamenu_section *:hover::-webkit-scrollbar {
  width: 4px;
}
.wc_lists_megamenu_section *:hover::-webkit-scrollbar-thumb {
  background: rgb(233 233 233);
  border-radius: 50px;
}


@media (min-width: 991px) {
  .technologies-development-service::-webkit-scrollbar-track {
    background-color: #e9e4da;
    border-radius: 5px;
  }

  .technologies-development-service::-webkit-scrollbar {
    width: 6px;
    background-color: #f4f1eb;
  }

  .technologies-development-service::-webkit-scrollbar-thumb {
    background-color: #1a2a1d;
    border-radius: 5px;
  }
  .staff-augmentation-help img {
    @apply max-w-[74%];
  }
  .img-float{
    @apply w-[43.5%];
  }
}

@media (min-width: 1169px) and (max-width: 1438px) {
  .main-navigation ul > li a {
    @apply text-md;
  }

  .site-header .btn {
    @apply px-4 leading-snug;
  }

  .menu-main-menu-container .menu {
    @apply gap-x-2;
  }
}

@media (max-width: 1420px) {
  .container {
    @apply max-w-full px-[30px];
  }
}

@media (max-width: 1280px) {
  .header-search-form form#searchform {
    max-width: 1000px;
  }
}

@media (max-width: 1170px) {
  .container {
    @apply max-w-full;
  }

  .wp-container-core-columns-layout-8.wp-container-core-columns-layout-8 {
    @apply !pt-0 !mt-0;
  }

  .margin-bottom-20 {
    @apply !mb-5 md:!mb-8;
  }
  .main-navigation ul > li.custom-megamenu > a {
    @apply w-[calc(100%_-_12px)] inline-block;
  }
  .custom-megamenu.menu-item span.caret-arrow {
    @apply !inline-flex w-3 items-center justify-center text-black;
  }
  .custom-megamenu.menu-item span.caret-arrow svg {
    @apply w-3 h-3;
  }
  .custom-megamenu.menu-item span.caret-arrow.active svg {
    @apply rotate-180;
  }
  .custom-html-box .container {
    @apply px-4 py-0;
  }
  .custom-html-box .wc-tech-nav img,
  .main-menu .wc-tech-nav .wc-nav-link img {
    @apply max-w-[35px] h-auto;
  }
  .wc-tech-nav p.wc-tech-title img {
    @apply opacity-100;
  }
  .wc-tech-nav:after {
    @apply rounded-none; 
  }
}

@media screen and (min-width: 1170px) {
  .main-navigation ul > li.menu-item-has-children .caret-arrow {
    @apply absolute top-1/2 right-3 1xl:right-3.5 2xl:right-3 1xl:text-[13px] text-[12px] -mt-[6px] leading-none;
  }

  .main-navigation ul > li.menu-item-has-children .caret-arrow:before {
    @apply block text-md;
  }

  .main-navigation ul > li.menu-item-has-children:hover .caret-arrow {
    @apply -rotate-180;
  }

  .main-navigation ul li:hover .sub-menu {
    @apply !block;
  }

  .main-navigation ul > li.menu-item-has-children > a {
    @apply !pr-7 1xl:!pr-8 2xl:!pr-8;
  }

  .main-navigation ul > li.last-menu {
    @apply hidden;
  }
  .custom-html-box {
    @apply overflow-hidden overflow-y-auto max-h-[calc(100vh-112px)];
  }
}

@media only screen and (min-width: 640px) and (max-width: 1170px) {
}

@media screen and (max-width: 1170px) {
  .main-menu {
    @apply transition-all duration-500 !block fixed top-0 pt-0 w-full h-full bg-white text-white z-[100] pb-[92px];
  }
  .main-menu.hidden {
    @apply left-full;
  }
  .main-menu {
    @apply left-0;
  }

  .menu-toggle {
    @apply bg-transparent;
  }

  .menu-toggle.active .open {
    @apply sm:hidden block;
  }

  .menu-toggle.active .close {
    @apply sm:block hidden;
  }

  .menu-toggle .close {
    @apply hidden;
  }

  .main-menu .m_menu.mobile-social {
    @apply md:px-7 px-2 border-b border-gray-100;
  }

  /*.main-menu.open {
        @apply left-0
    }*/

    .main-navigation ul > li.menu-item-has-children .caret-arrow {
      @apply absolute top-0 right-0 h-[58px] w-10 flex items-center justify-center text-sm leading-none;
    }

    .main-menu .menu li.sub-active .caret-arrow {
      @apply -rotate-180 h-[62px];
    }
    .main-menu .menu li .wc-left-menu-tech .list_menu_tab {
      @apply !block;
    }
    .main-menu .menu li .wc-left-menu-tech .list_menu_tab .wc-tech-nav-item-box,
    .main-menu .menu .custom-html-box {
      @apply fixed top-0 !left-auto -right-full !block transition-all z-5 bg-white w-full h-[calc(100%-92px)];
    }
    .main-menu
    .menu
    li
    .wc-left-menu-tech
    .list_menu_tab
    .wc-tech-nav-item-box.active,
    .main-menu .menu li.active .custom-html-box {
      @apply !right-0;
    }

    .custom-html-box .wc-tech-nav {
      @apply border-x-0 rounded-none border-b border-gray-100 py-[18px] px-0 items-center;
    }
    .custom-html-box .container {
      @apply overflow-y-auto h-[calc(100%-71px)] pb-3;
    }
    .main-menu .menu .custom-html-box .wc-tech-megamenu {
      @apply h-full static;
    }
    .wc-megamenu-wrap .wc-left-menu-tech {
      @apply static;
    }
    .wc-technologies-grid {
      @apply gap-[0px_70px];
    }
  /* .main-navigation .menu li.sub-active>a {
        @apply bg-white/10 !rounded-lg !px-3 -mx-3
    } */

    .main-navigation .menu li .sub-menu {
      @apply px-4 pb-4 space-y-3;
    }

    .main-navigation ul > li a:hover .main-navigation .menu li .sub-menu li {
      @apply p-0 mx-0;
    }

    .main-navigation .menu li .sub-menu li a {
      @apply px-0 border-0 flex items-center opacity-50 before:content-['-'] py-2;
    }

    .main-navigation .menu li .sub-menu li a:before {
      @apply block mr-1.5 static w-auto h-auto bg-transparent;
    }

    .main-navigation .menu li.current-menu-parent > a,
    .main-navigation .menu li .sub-menu li.current-menu-item a {
      @apply opacity-100;
    }

    .main-menu .menu {
      @apply block px-5;
    }

    .main-menu .menu li {
      @apply border-b border-gray-100 flex xl:items-center flex-wrap;
    }

    .main-menu .menu li a {
      @apply px-0 py-[18px] leading-[26px] text-black text-md font-medium hover:text-hover_color w-full;
    }

    .main-menu .menu li.menu-item > a:before {
      @apply content-[''] inline-block w-0 h-0 rounded-full mr-0 bg-white transition-all align-middle;
    }
    .main-menu .menu li.current-menu-item a:before,
    .main-menu .menu li.current-menu-parent a:before {
      @apply w-1 h-1 mr-2.5;
    }

    .main-menu .nav-wrapper {
      @apply block overflow-auto h-[calc(100%-92px)] pb-0;
    }
    .main-menu .menu .wc-tech-nav-item-box ul {
      @apply px-4 sm:py-2 py-[22px];
    }
    .main-menu .menu .wc-tech-nav-item-box ul li {
      @apply border-0;
    }
    .main-menu .menu .wc-tech-nav-item-box ul li a {
      @apply sm:py-2 py-[13px];
    }

    .mobile-social .social-link {
      @apply justify-center gap-2;
    }

    .mobile-social .social-link li a {
      @apply border border-white/30 w-11 h-11 text-[17px] hover:bg-white hover:text-theme-900;
    }

    .company-services-list .company-services-box:nth-of-type(3) {
      @apply !border-0;
    }

    .menu-toggle.active {
      @apply relative z-1;
    }

    .mobilemenu-close {
      @apply fixed top-0 left-0 w-full h-full bg-black/70 transition-all -z-1;
    }

    .gform_wrapper .gform_footer .gform_button,
    .searchform input#searchsubmit {
      background-position: center right 25px;
    }

    button.menu-toggle {
      @apply sm:w-[30px] h-[30px] w-[26px] relative rotate-0 transition-all duration-500 cursor-pointer ease-in-out;
    }

    button.menu-toggle span {
      @apply block absolute h-[2px] w-[88%] bg-theme-900 rounded-lg opacity-100 left-[2px] transition-all duration-300 ease-in-out;
    }

    button.menu-toggle span:nth-child(1) {
      @apply top-1.5 origin-left;
    }

    button.menu-toggle span:nth-child(2) {
      @apply top-[14px] origin-left;
    }

    button.menu-toggle span:nth-child(3) {
      @apply top-[22px] origin-left;
    }

  /*.menu-toggle.active span {
        @apply bg-theme-900
    }

    .menu-toggle.active span:nth-child(1) {
        @apply top-[2.5px] left-[6px] rotate-45
    }

    .menu-toggle.active span:nth-child(2) {
        @apply w-0 opacity-0
    }

    .menu-toggle.active span:nth-child(3) {
        @apply top-[19px] left-[6px] -rotate-45
    }*/
    .hiring-step.recruitment-process.noimg-steps .step-scroll-line {
      @apply top-[3%];
    }
  }
  @media (max-width: 1024px) {
    .filter-marker.filter-sub-marker {
      @apply pl-10;
    }
    .wc-expert-section {
      @apply p-5;
    }
    .wc-expert-section h4 {
      @apply text-xl leading-8;
    }
  }

  @media (max-width: 781px) {
    .right-img-full {
      @apply static;
    }
  }

  @media (max-width: 991px) {
    .wc-expert-section h4 {
      @apply text-lg leading-7;
    }
    .container-wrap .wp-block-columns {
      @apply !block;
    }

    .what-comes-column {
      @apply !pl-0;
    }

    .case-study-top-section {
      @apply !mb-0;
    }

  /* .container-wrap .wp-block-heading {
        @apply !mb-5
    } */

    .right-img-full {
      @apply !w-full !mt-7 static;
    }

    .container-wrap .wp-container-core-columns-layout-4 p {
      @apply !mb-8;
    }

    .get-touch-bottom-section {
      @apply !py-10;
    }

    .contact-info:after {
      content: "";
    }

    .contact-info:after {
      @apply w-[500%] h-full block absolute top-0 -right-[500%] bg-gray-200/50;
    }

    .reverse-mobile.wp-block-columns {
      @apply !flex flex-col-reverse !gap-0;
    }
    .highlight-link .faq-padding {
      @apply pt-0;
    }

    /*.story-img{
     @apply w-full h-[450px] max-w-full;
   }*/
   .story-img{
     @apply w-full max-w-full;
   }
   /*.story-right{
    @apply w-full p-6 grid content-center;
  }*/
  .case-story{
    @apply block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    @apply px-[30px];
  }
}

@media screen and (max-width: 767px) {
  .container {
    @apply px-4;
  }

  .blog-title {
    @apply text-[22px];
  }

  .footer-menu-title {
    @apply flex items-center justify-between;
  }

  .footer-menu-title:after {
    content: "";
  }

  .footer-menu-title:after {
    @apply bg-toggle-arrows-down w-[11px] h-[7px] bg-[100%] opacity-40 mr-[5px] transition-all;
  }

  .footer-menu-title.active:after {
    @apply rotate-180;
  }

  .recruitment-process-list {
    @apply relative;
  }

  .recruitment-process-list:before {
    content: "";
  }

  .recruitment-process-list:before {
    @apply absolute bottom-0 -left-[20%] w-[140%] h-[65%] bg-gradient-to-t from-gray-200 to-gray-200/0 rounded-b-[100%];
  }
  .noimg-steps .recruitment-process-list:before {
    @apply bg-gradient-to-t from-white to-gray-200/0;
  }

  .recruitment-process-list:after {
    content: "";
  }

  .recruitment-process-list:after {
    @apply absolute -bottom-14 left-1/2 w-[30px] h-[30px] -ml-[15px] bg-process-icon bg-no-repeat bg-center;
  }

  .recruitment-process-list:last-child:after {
    @apply hidden;
  }

  .recruitment-process .step-scroll-line + .recruitment-process-list {
    @apply mt-10;
  }

  .about-theme-section {
    @apply mb-0 !py-8;
  }

  .get-touch-bottom-section {
    @apply !py-10;
  }

  .about-theme-section.bottom-section {
    @apply !pb-10;
  }

  .wp-container-core-columns-layout-3.wp-container-core-columns-layout-3 {
    @apply !mb-0;
  }

  .what-comes-column {
    @apply !pl-0;
  }

  .wp-container-core-columns-layout-9.wp-container-core-columns-layout-9 p {
    @apply !mb-5;
  }

  .wp-container-core-columns-layout-8.wp-container-core-columns-layout-8 {
    @apply !py-5;
  }

  .case-study-top-section {
    @apply !pt-8;
  }

  .case-study-top-section p {
    @apply !mb-5;
  }

  .about-theme-section h2.wp-block-heading {
    @apply !mb-4;
  }

  .about-theme-content-text {
    @apply !mb-4;
  }

  .wp-block-post-title {
    @apply text-[25px];
  }

  /*.main-menu.hidden {
        @apply left-0 opacity-0 invisible
    }*/
    .wc-portfolio-section .wc-portfolio-box .wp-block-image a {
      @apply w-full;
    }
    .wc-link-platforms .wc-platforms-arrow img {
      @apply max-w-[20px];
    }
    .wc-link-platforms .wc-platforms-link-btn .wp-block-button,
    .wc-link-platforms
    .wc-platforms-link-btn
    .wp-block-button
    a.wp-block-button__link {
      @apply w-full;
    }
    .mfp-gallery .mfp-content figure img.mfp-img {
      @apply max-w-[640px];
    }
    .WC_Get-Touch_section section .container {
      @apply p-5;
    }
    .odoo-integration-tabs {
      @apply whitespace-nowrap overflow-x-auto;
    }
    .odoo-integration-item.active:before {
      @apply bottom-0 top-auto w-full h-1;
    }
    .filter-marker.filter-sub-marker {
      @apply pl-[30px];
    }
    .wc-expert-section h4 {
      @apply text-base leading-[26px];
    }
  }

  @media screen and (max-width: 640px) {
    .mobilemenu-close {
      @apply !hidden;
    }

    .case-study-top-section h1.wp-block-heading {
      font-size: 22px;
      line-height: 1.5;
    }
    .wc-link-platforms .wc-platforms-arrow {
      @apply -mt-12 ml-0;
    }
    .mfp-gallery .mfp-content figure img.mfp-img {
      @apply max-w-[320px] max-w-[80%];
    }
  }