/*
Theme Name: Nadcab Labs
Theme URI: https://www.nadcab.com
Author: Nadcab Labs
Author URI: https://www.nadcab.com
Description: Blockchains growth reveals its progressive ability beyond cryptocurrencies over the past decade.
*/
body {
    margin: 0;
}

.entry-content h1,
.h1 {
    font-weight: 500 !important
}

.menu-,
header {
    box-shadow: rgba(0, 0, 0, .12) 0 4px 12px 0 !important
}

#load-more-btn,
.related-post h3 a {
font-family: Karla, sans-serif !important;
}
body a{
    text-decoration: none;
} 
body p{
    font-size: 18px;
    line-height: 1.4;

}

body h2{
    font-size: 50px;
    margin: 0;
}
body h1{
    font-size: 4rem;
    line-height: 1.1em;
}
body h3{
    font-size: 2.3333333333333rem;
} 
img {
    height: auto;
    max-width: 100%;
}

.about-us h4{
    font-size: 32px;
    margin: 0;
}
body h1, h2, h3, h4{
    color: #183030;
}


.home-page{
	position:relative;
}


.bbs-pagination .page-numbers .number:hover,
.bbs-search input {
    background: #f3f6f8
}

.case-study h6,
.podcast-container .card-title a,
.portfolio-grid .card-content h6 {
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

/*  @font-face {
    font-family: Arboria-Bold;
    src: url("./assets/fonts//Arboria-Bold.woff2") format("woff2"), 
    url("./assets/fonts//Arboria-Bold.woff") format("woff");
    font-display: swap
}*/

@font-face {
    font-family: 'Karla';
    src: url('./assets/fonts/Karla-BoldItalic.woff2') format('woff2'),
        url('./assets/fonts/Karla-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Karla';
    src: url('./assets/fonts/Karla-Bold.woff2') format('woff2'),
        url('./assets/fonts/Karla-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karla';
    src: url('./assets/fonts/Karla-Italic.woff2') format('woff2'),
        url('./assets/fonts/Karla-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Karla';
    src: url('./assets/fonts/Karla-Regular.woff2') format('woff2'),
        url('./assets/fonts/Karla-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 */

.home-page{
	position:relative;
}
.home-page::before {
    background: radial-gradient(circle at left center, rgb(221 245 224) 0, #218e2c 20%, #fafbe7 70%);
    filter: blur(106px);
    top: 38%;
    left: -4%;
	 position:absolute;
}

.home-case-study::before, .home-page::before {
    content: "";
    opacity: 1;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    position: absolute;
    z-index: -1;
}
.home-case-study::before {
    background-color: #00ddb3;
    filter: blur(210px);
    top: 70%;
    left: 24%;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }

  #vnFlyMenu,
  #vnOverlay {
    z-index: 1;
  }

  #vnOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
  }

  #vnOverlay.active {
    display: block;
  }

  #vnFlyMenu {
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background: #fff;
    z-index: 1100;
    transform: translateX(100%);
    transition: transform 0.1s ease-in-out;
  }

  #vnFlyMenu.open {
    transform: translateX(0);
  }
  body.lock-scroll header {
    position: fixed;
  }

  .lock-scroll #main-page-content {
    overflow: hidden;
    width: 100%;
  }

.bbs-chip-remove:hover,
.breadcrumb a,
.h-table,
.menu-active a,
.podcast-pagination a,
.vn-fly-menu-nav a:visited {
    color: #000
}

.blog-nav a,
.elementor-pagination a,
.vn-menu a {
    font-family: karla !important;
    font-weight: 400
}

.flex-row-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-row-header #primary-menu {
    display: flex;
    list-style: none;
    gap: 24px;
    align-items: center;
}
.flex-row-header #primary-menu a{
    text-decoration: none;
    font-weight: 600;
    color: #000;
    font-size: 18px;
}
.gettouch{
    background: #000;
    border: 0;
    border-radius: 8px;
    color: #fff !important;
    padding: 15px 30px;
 
}

.home-case-study::before {
    background-color: #00ddb3;
    filter: blur(210px);
    top: 70%;
    left: 24%;
}

header{
    background: #fff;
    z-index: 9999;
}
.main-navigation{
    margin-left: 193px;
}

.main-navigation [data-menu=about-us]::after,
.main-navigation [data-menu=hire-developers]::after,
.main-navigation [data-menu=industry]::after,
.main-navigation [data-menu=resource]::after,
.main-navigation [data-menu=services]::after {
    content: "";
    background: url("https://www.nadcab.com/wp-content/uploads/2025/06/caret-down-icon.svg") 0 0/contain no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    vertical-align: middle
}

.grecaptcha-badge {
    visibility: hidden !important
}

.customer-card-brand .c-middle-cards,
.single-post .site-content {
    padding-top: 30px
}

body.no-scroll {
    overflow: hidden !important;
    position: fixed;
    width: 100%
}

.tabs-filter button {
    box-shadow: unset
}

.case-study h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.case-study {
    border-radius: 1rem;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s, -webkit-transform .2s, -webkit-box-shadow .2s;
    overflow: hidden
}

.case-study:hover,
.portfolio-card:hover {
    -webkit-box-shadow: 1px 5px 20px 0 rgb(10 16 34 / 4%), 0 0 0 transparent;
    box-shadow: 1px 5px 20px 0 rgb(10 16 34 / 4%), 0 0 0 transparent;
    -webkit-transform: translateY(-5px) translateZ(0);
    transform: translateY(-5px) translateZ(0)
}

.list-feature-of-case-study a {
    color: #00a181;
    font-size: 16px !important;
    text-decoration: underline !important;
    font-weight: 600
}

.bbs-wrap a,
.blog-post a,
.portfolio-card,
.post-cote a {
    text-decoration: none !important
}

.case-study-slider .case-study:hover {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important
}

.portfolio-tabs {
    height: 77px;
    overflow-y: scroll !important
}
.case-study-slider .card {
    background: #fff3ea;
    border-radius: 32px;
    padding: 24px 32px 24px 24px;
    width: 960px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.case-study-slider .testimonial-content,
.final-screen,
.reward-screen {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end
}

.case-study-slider .reward-screen,
.final-screen {
    justify-content: center;
    flex-direction: column;
    padding: 2rem
}

.br-content {
    margin-bottom: 50px
}

.case-study-slider .testimonial-content {
    gap: 1.6rem
}

.case-study-slider .testimonial-image {
    flex: 1;
    max-width: 50%;
    width: 50%
}

.case-study-slider .phone-screenshot {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1;
    border-radius: 24px;
    overflow: hidden
}

.case-study-slider .testimonial-text {
    flex: 1;
    text-align: left;
    color: #333;
    margin-top: 1rem
}

.case-study-slider .description {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 1rem;
    font-weight: 500;
    color: #fff
}

.case-study-slider .testimonial-text h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
    color: #fff
}

.case-study-slider .designation {
    color: #666;
    margin-bottom: 1rem
}

.case-study-slider .swiper-slider {
    width: 100%;
    transition-property: transform;
    position: relative
}

.case-study-slider .swiper-slider::before,
.swiper-slider::after {
    content: "";
    position: absolute;
    top: 0;
    width: 150px;
    height: 100%;
    z-index: 2;
    pointer-events: none
}

.case-study-slider .swiper-slider::before {
    left: 0;
    background: linear-gradient(to right, rgb(255 255 255), rgb(255 255 255));
    width: 200px
}

.case-study-slider .swiper-slider::after {
    right: 0;
    background: linear-gradient(to left, rgb(255 255 255), rgb(255 255 255));
    box-shadow: -20px 0 70px 60px #fff;
    width: 270px
}

.case-study-slider .swiper-slide-prev {
    visibility: hidden !important;
    opacity: 0
}

.case-study-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    transition: .3s
}

.case-study-slider .swiper-wrapper {
    transform: translate3d(-477.25px, 0, 0)
}

.case-study-slider .swiper-button-next,
.list-gp-circle li:before,
.swiper-button-prev {
    top: 50%;
    transform: translateY(-50%)
}

.case-study-slider .swiper-button-next::after,
.swiper-button-prev::after {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px !important;
    font-weight: 800;
    width: 50px;
    height: 50px;
    opacity: .5;
    border-radius: 50px;
    color: #fff;
    background: #333;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    transition: .3s
}

.case-study-slider .swiper-button-prev {
    left: 300px
}

.case-study-slider .swiper-button-next {
    right: 180px
}

.case-study-slider .swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
    opacity: 1;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .25);
    transform: translateY(-2px)
}

.case-study-slider .welcome-screen,
.final-screen,
.reward-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem
}

.case-study-slider .avatar,
.star,
.treasure {
    width: 120px;
    height: 120px;
    object-fit: contain
}

.case-study-slider .company-logo {
    width: 150px;
    height: auto;
    margin-top: 2rem
}

.case-study-slider .profile-btn {
    background: #fff;
    color: #003087;
    padding: .75rem 1.5rem;
    border-radius: 25px;
    font-weight: 700;
    cursor: pointer
}

.service-card,
.service-card::before {
    background-size: cover;
    background-position: center
}

.case-study-slider .swiper-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    cursor: default !important;
    transition: transform .3s !important
}

.case-study-slider .swiper-slide {
    width: auto
}

.type-case-study {
    margin-top: 80px !important
}

.case-study-template .ast-container {
    max-width: 100%;
    padding: 0
}

.case-study-template .entry-header,
.case-study-template .navigation,
.cf7-nadcab-hidden-file,
.h-form-left .wpcf7-not-valid-tip,
.job-form .wpcf7-not-valid-tip,
.landing-page-modal .wpcf7-not-valid-tip,
.menu-panel,
.partnership .wpcf7-not-valid-tip,
.partnership br,
.podcast-form br,
.podcast-popup .wpcf7-not-valid-tip,
.portfolio-card .card-overlay,
.portfolio-tab[data-filter=brand],
.single-freshwork .entry-header {
    display: none
}

.case-study-template .content-area,
.whatsapp .wpcf7-list-item {
    margin: 0 !important
}

.related-post .elementor-post__text {
    margin-top: -40px;
    z-index: 1;
    padding: 0 15px
}

.related-post .type-case-study {
    margin-top: 0 !important
}

.related-post h3 {
    line-height: 15px
}

.related-post h3 a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2px;
    color: #fff !important
}

.gs_logo_single img {
    height: 35px !important;
    object-fit: contain !important
}

.client-logo .gs_logo_single img {
    height: 85px !important;
    object-fit: contain !important
}

#comments,
.case-study-slider .swiper-button-next.swiper-button-disabled,
.case-study-slider .swiper-button-prev.swiper-button-disabled,
.cf7-nadcab-form-wrapper .wpcf7-not-valid-tip,
.math-quiz-answer,
.single-freshwork .navigation {
    display: none !important
}

.single-case-study .case-study {
    border-radius: unset !important
}

.services-grid {
    display: grid;
    grid-template-columns: auto 480px;
    gap: 30px;
    align-items: flex-start
}

.content-panels {
    position: relative;
    height: 100%;
    width: 480px
}

.content-panels p,
.nda .wpcf7-list-item {
    margin: 0
}

.list-gp-circle {
    list-style: none;
    padding: 0;
    margin: 0 30px
}

.glocation p,
.list-section {
    display: flex
}

.list-gp-circle li {
    position: relative;
    margin: 10px 0
}

.list-gp-circle li:before {
    content: "";
    position: absolute;
    border-radius: 100px;
    border: 3px solid #191919;
    opacity: .15;
    width: 15px;
    height: 15px;
    left: -30px
}

.list-section .col-6 {
    width: 50%
}

.cards-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

.service-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    height: 260px
}

.card-overlay,
.service-card::before {
    position: absolute;
    inset: 0;
    transition: var(--transition)
}

.service-card::before {
    content: "";
    background-image: inherit
}

.service-card:hover::before {
    transform: scale(1.1)
}

.card-overlay {
    z-index: 1;
    background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .7))
}

.service-card:hover .card-arrow {
    opacity: 1;
    transform: translateX(-5px);
    opacity: 0
}

.service-card.active .card-arrow {
    transform: translateX(-5px);
    opacity: 1
}

.card-content {
    position: relative;
    z-index: 2;
    padding: 15px;
    height: 85%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff
}

.card-icon {
    width: 40px;
    height: 40px;
    margin-bottom: auto
}

.card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.card-text {
    margin-top: auto
}


.panel {
    padding: 0 0 0 30px !important;
    display: none;
    height: 100%
}

span.bottom-line {
    width: 50px;
    display: inline-block;
    border: 1px solid #191919;
    margin-bottom: 20px
}

.bbs-dropdown.open .bbs-list,
.elementor-nav-menu li:hover>.acf-mega-menu-wrapper,
.menu-item-has-children.menu-active>.sub-menu,
.panel.active,
.vn-fly-menu-nav .menu-item.open>.sub-menu {
    display: block
}

.service-card h3 {
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    margin: 0
}

.service-type {
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
    opacity: .8;
    letter-spacing: 1px
}

.card-arrow {
    transition: var(--transition);
    color: #fff;
    position: absolute;
    right: 25px;
    bottom: 30px;
    font-size: 24px;
    opacity: 0
}

.panel h2,
.panel-title {
    font-size: 32px
}

.panel {
    padding: 0 0 0 30px !important;
    display: none;
    height: 100%
}

span.bottom-line {
    width: 50px;
    display: inline-block;
    border: 1px solid #191919;
    margin-bottom: 20px
}

.development-proficiency-tbl table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}



.panel-title {
    margin: 0 0 20px;
    color: var(--primary-color)
}

.bbs-search input,
.filter-btn,
.reading-time,
.tech-item {
    font-size: 14px
}

.panel-description {
    margin-bottom: 15px;
    line-height: 1.6
}

.tech-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.tech-item {
    padding: 8px 16px;
    background: #f5f5f5;
    border-radius: 20px
}

.tech-item:hover {
    background: var(--primary-color);
    color: #fff
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(20px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.blog-nav {
    box-shadow: 0 4px 12px 0 #0000001f
}

.cf7-nadcab-quiz label,
.freshwork-container-wrapper,
.pod-submit,
.portfolio-container,
.pricing-container .plan-price {
    text-align: center
}

.portfolio-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto 50px
}

.freshwork-container-wrapper .filter-tab,
.portfolio-tab {
    font-family: Karla, Sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    padding: 7px 15px;
    background: 0 0;
    border: 0;
    box-shadow: none;
    border-radius: 10px
}

.freshwork-container-wrapper .filter-tab:hover,
.portfolio-tab:hover {
    background-color: #7a7a7a1c
}

.freshwork-container-wrapper .filter-tab.active,
.portfolio-tab.active {
    color: #00c1a2 !important;
    background-color: #00c1a22e
}

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    opacity: 1;
    transition: opacity .3s
}

.portfolio-card {
    position: relative;
    height: 365px;
    border-radius: 1rem;
    color: #fff;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s, -webkit-transform .2s, -webkit-box-shadow .2s;
    overflow: hidden
}

.bbs-body h3 a,
.bbs-count {
    color: #333
}

.hire-btn .elementor-button:hover .elementor-button-icon::after,
.portfolio-card:hover .card-overlay {
    opacity: 1
}

.portfolio-grid .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    transform: translateY(20px);
    transition: transform .3s;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left
}

.portfolio-grid .card-content h6 {
    font-family: Karla, Sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.portfolio-grid .card-content p {
    margin: 0;
    font-size: .9rem;
    opacity: .8
}

#load-more-btn {
    color: #fff;
    margin: 50px auto;
    background-color: #20272c;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    line-height: 17px;
    border-radius: 16px;
    padding: 15px 20px;
    border: 0
}

.load-more:hover {
    background-color: #54595f
}




.most-popular .elementor-loop-container {
    counter-reset: post-num
}

.tags ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px !important;
    row-gap: 30px !important;
    margin: 0;
    padding: 0;
}

.tags ul li a {
    padding: 12px;
    border: 1px solid #bfc8d1;
    border-radius: 8px;
    color: #ffff
}

.pod-tag ul li:hover,
.tags ul li a:hover {
    border: 1px solid #63727e
}

.tags-wt ul li a {
    border: 1px solid #bfc8d1;
    color: #656565 !important
}

.blog-nav {
    position: fixed;
    z-index: 98;
    top: 84px;
    left: 0
}



.shortbyfiter {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 50%
}

.filter-btn {
    background: #f5f5f5;
    border-radius: 8px;
    border: 1px solid #d9e0e6;
    padding: 5px 15px;
    font-weight: 400;
    font-family: Karla;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px
}

.filter-btn:hover {
    background: #f5f5f5;
    border: 1px solid #d9e0e6
}

#bbs-cat-dd .bbs-list {
    width: 205px;
    border-radius: 12px;
    margin-left: -69px
}

.filter-btn img {
    width: 25px
}

#bbs-sort-dd .bbs-list {
    width: 125px;
    border-radius: 12px;
    margin-left: -15px
}

.bbs-selected-filters {
    margin-bottom: 50px !important
}

.bbs-wrap {
    max-width: 1200px;
    margin: 0 auto
}

.bbs-search {
    margin-bottom: 80px !important
}

.bbs-search input {
    width: 100%;
    padding: 12px 16px 12px 40px;
    border: 1px solid #ddd;
    border-radius: 8px
}

.bbs-search input[type=text]:focus {
    box-shadow: none;
    outline: 0;
    color: var(--ast-form-input-focus-text, #475569);
    border: 2px solid transparent
}

.bbs-search input[type=text]:focus-within {
    box-shadow: 0 0 0 2px #00c1a2
}

.bbs-controls {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 50px;
    gap: 1rem
}

.bbs-count {
    font-size: 1rem
}

.bbs-dropdown,
.bbs-list {
    position: relative
}

.bbs-dropdown .bbs-list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    display: none
}

.bbs-list label {
    display: block;
    margin: 5px 0
}

.bbs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    row-gap: 40px;
    column-gap: 2rem
}

.bbs-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.bbs-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 8px
}

.bbs-body h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px
}

.bbs-body p {
    color: #526354;
    margin-bottom: 0
}

.bbs-body h3 a:hover,
.post-meta a:hover {
    color: #00c1a2
}

.bbs-pagination .page-numbers a,
.post-meta,
.post-meta a {
    color: #54595f;
    font-family: Karla
}

.post-meta {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0 5px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    line-height: 16px
}

.bbs-empty-message {
    text-align: center;
    font-size: 1.1rem;
    margin: 2rem 0
}

.bbs-cat-buttons {
    text-align: center;
    margin-bottom: 2rem
}

.bbs-cat-buttons a {
    display: inline-block;
    margin: 5px;
    padding: 5px 12px;
    background: #fff;
    border-radius: 100px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    border: 1px solid #bfc8d1
}

#bbs-cat-dd input[type=checkbox] {
    width: 18px;
    height: 18px;
    accent-color: #00c1a2 !important
}

#bbs-cat-dd input[type=checkbox]:hover {
    accent-color: #00c1a2 !important
}

#bbs-cat-dd input[type=checkbox]:focus-within {
    border: 1px solid #00c1a2
}

#bbs-cat-dd label {
    display: flex;
    align-items: center;
    gap: 10px
}

.blog-img,
.job-form .h-col,
.lead-from .h-col,
.mega-menu-container.design1 .mega-item-card,
.pod-meta {
    width: 100%
}

.bbs-pagination {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-top: 50px
}

.bbs-pagination .page-numbers {
    display: flex;
    list-style: none;
    gap: 10px;
    color: #54595f;
    align-content: center;
    margin: 0;
    padding: 0
}

.bbs-pagination .page-numbers .current {
    background: #00c1a2;
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    align-items: center;
    border-radius: 4px;
    justify-content: center
}

.bbs-pagination .page-numbers .number {
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    align-items: center;
    border-radius: 4px;
    justify-content: center;
    display: flex
}

.bbs-search {
    max-width: 600px;
    margin: 0 auto
}

.search-wrapper {
    position: relative;
    display: inline-block;
    width: 100%
}

.search-wrapper input {
    width: 100%;
    padding-left: 35px;
    height: 40px;
    box-sizing: border-box
}

.search-wrapper .search-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none;
    align-items: center;
    display: flex
}

.empty-mesaage {
    text-align: center;
    margin: 50px 0
}

.empty-mesaage h2 {
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0;
    margin: 15px 0
}

.filter-btn:focus {
    background: #f5f5f5 !important;
    border: 1px solid #d9e0e6
}

.bbs-dropdown .bbs-list label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 15px;
    cursor: pointer;
    position: relative
}

.bbs-dropdown input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #aaa;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    transition: .3s;
    cursor: pointer
}

.bbs-dropdown input[type=radio]:checked {
    border-color: #00c292;
    background-color: #00c292
}

.bbs-dropdown input[type=radio]:checked::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff
}

.bbs-selected-filters {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.bbs-chip {
    background: #f0f3f7;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px
}

.bbs-chip-remove {
    text-decoration: none;
    font-weight: 700;
    color: #888;
    cursor: pointer
}

.empty-mesaage img {
    width: 250px;
    margin: 0 auto
}

.case-study-home::before {
    content: "";
    background-color: #00ddb3;
    filter: blur(210px);
    opacity: 1;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    position: absolute;
    top: 27%;
    left: 26%;
    z-index: -1
}

.job-list p,
.tag-posts .ast-separate-posts.ast-article-post {
    margin-bottom: 0
}

.post-counter .specific-post-count {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400
}

.category .ast-container,
.page-id-3693 .ast-container,
.privacy-policy .ast-container,
.single-freshwork .ast-container,
.single-post .ast-container,
.tag .ast-container {
    max-width: 100% !important;
    padding: 0 !important
}

.specific-post-count {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    text-align: left
}

.tag .tags ul li a {
    padding: 10px;
    font-size: 14px;
    row-gap: 20px
}

.tag .tags ul {
    gap: 30px 8px !important
}

.single-post .e-con-inner {
    max-width: 1280px !important
}

.single-post #primary {
    margin: 2em 0 !important
}

.left-post-content h3 {
    font-size: 29px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0 !important
}

.left-post-content p {
    font-size: 18px
}

.left-post-content img {
    margin: 30px 0;
    border-radius: 24px
}

.left-post-content h2 {
    font-size: 42px;
    font-weight: 400;
    line-height: 50px
}

.right-table .ast-article-single:not(.ast-related-post) {
    background-color: transparent !important
}

.single-post .ast-container::before {
    content: "";
    background-color: #a9e978;
    filter: blur(200px);
    opacity: 1;
    border-radius: 50%;
    height: 369px;
    width: 369px;
    position: absolute;
    top: 0;
    left: 3%;
    z-index: 0
}

.single-post .ast-container::after {
    content: "";
    background-color: #00ddb3;
    filter: blur(210px);
    opacity: 1;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    position: absolute;
    top: 33%;
    right: -5%;
    z-index: 0
}

.callout-blog::before {
    content: "";
    background-image: url("https://nadcab.kinsta.cloud/wp-content/uploads/2025/05/bg-shadow.svg");
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.single-post .wpr-post-content ol,
.single-post .wpr-post-content ul {
    font-size: 18px;
    margin: 0 30px 20px
}



::selection {
    background: #019d91 !important
}

.single-post ::marker {
    font-size: 24px;
    font-weight: 600;
    color: #183030
}

.loader svg.spin {
    animation: 1s linear infinite spin
}

.custom-share {
    display: flex;
    align-items: center;
    gap: 20px
}

.custom-share span {
    color: #777;
    font-size: 18px
}

.custom-share a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    position: relative
}

.custom-share img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: unset
}

.copy-toast {
    visibility: hidden;
    min-width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 8px 12px;
    position: fixed;
    bottom: 30px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100px;
    z-index: 9999;
    opacity: 0;
    transition: opacity .3s, transform .3s;
    transform: translateY(20px);
    font-size: 13px
}

.copy-toast.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}



.rank-math-breadcrumb .separator {
    padding: 0 10px
}

.single-post .tags ul li a {
    padding: 10px;
    font-size: 14px
}

.customer-card-brand {
    opacity: 1;
    transform: translateY(-50%) perspective(1200px) translateX(0) translateY(0) scale(1) rotate(24deg) rotateX(0) rotateY(0) skewX(0) skewY(0) translateZ(0);
    left: 80px;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: -47%;
    width: 700px;
    transform-style: preserve-3d;
    animation: 1s forwards flipNow
}

@keyframes flipNow {
    0% {
        transform: perspective(1200px) rotateY(180deg) rotate(24deg);
        opacity: 0
    }
    100% {
        transform: perspective(1200px) rotateY(0) rotate(24deg);
        opacity: 1
    }
}

.customer-card-brand img {
    border-radius: 12px;
    box-shadow: 10px 10px 20px 5px #00000026
}

.customer-header::after {
    content: "";
    background-color: rgb(0 221 179);
    filter: blur(200px);
    opacity: 1;
    border-radius: 50%;
    height: 400px;
    width: 500px;
    position: absolute;
    top: 35%;
    right: 25%;
    z-index: -1
}

.freshwork-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto
}

.freshwork-container .card {
    background: #fff;
    border-radius: 16px;
    transition: transform .3s;
    cursor: pointer;
    box-shadow: 0 0 0 .5px #ddd;
    overflow: hidden
}

.freshwork-container .card:hover {
    box-shadow: 0 0 3px 0 #a6a5a5
}

.freshwork-container .video-container {
    position: relative;
    aspect-ratio: 1/1;
    background: #f0f0f0;
    overflow: hidden;
    text-align: justify
}

.freshwork-container .resh-card-content .bottom-content {
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.freshwork-container .bottom-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 20px;
    align-items: center
}

.freshwork-container .card-header h3 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 20px;
    padding-top: 10px
}

.freshwork-container .card-header p {
    color: #554d4d;
    margin-bottom: 0;
    font-size: 14px
}

.freshwork-container .btmcard-arrow {
    color: #554d4d;
    transition: transform .3s
}

.freshwork-container .card:hover .btmcard-arrow {
    transform: translateX(4px)
}

.freshwork-container-wrapper button {
    background: 0 0;
    padding: 0;
    border-radius: 0;
    border: 0
}

.rework-content-single h2,
.rework-content-single h3,
.rework-content-single h4 {
    margin: 0 0 15px !important;
    padding: 0 !important
}

.freshwork-container-wrapper .company-details {
    text-align: left
}

.freshwork-container-wrapper .filter-tabs {
    text-align: center;
    margin: 0 0 50px
}

.page-id-3693 .e-con-inner,
.privacy-policy .e-con-inner,
.single-freshwork .e-con-inner {
    max-width: 1200px !important
}

.highlight-text-cr .available_circle {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #4daa57
}

.highlight-text-cr .available_circle:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 #4daa57;
    box-shadow: 0 0 0 0 #4daa57;
    -webkit-animation: 2s infinite circle-pulse;
    animation: 2s infinite circle-pulse
}

.rework-content-single h2 {
    font-size: 40px !important
}

.rework-content-single h3 {
    font-size: 32px !important
}

.rework-content-single h4 {
    font-size: 28px !important
}

.rework-content-single,
.rework-content-single img {
    margin: 20px 0
}

.rework-content-single ul:first-child {
    margin-left: 0
}

.rework-content-single .blog_inner_banner {
    max-width: 750px;
    margin: 25px auto;
    border-radius: 24px
}

.rework-content-single .blog_inner_banner img {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-radius: 20px;
    width: 100%
}

.single-press-release .site-content a,
.text_green {
    color: #0fa789
}

.single-freshwork .entry-content h1,
.single-freshwork .entry-content h2,
.single-freshwork .entry-content h3,
.single-freshwork .entry-content h4,
.single-freshwork .entry-content h5,
.single-freshwork .entry-content h6 {
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important
}

.single-freshwork .site-main {
    margin-top: 115px
}

.single-freshwork .entry-content h4:first-child {
    font-size: unset !important
}

#masthead {
    z-index: 100;
    position: fixed !important;
    left: 0;
    width: 100%;
    box-shadow: rgba(0, 0, 0, .12) 0 4px 12px 0 !important
}

.fh {
    line-height: 1.2;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #000 !important
}

@-webkit-keyframes circle-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #4daa57;
        box-shadow: 0 0 0 0 #4daa57
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(77, 170, 87, 0);
        box-shadow: 0 0 0 10px rgba(77, 170, 87, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(77, 170, 87, 0);
        box-shadow: 0 0 0 0 rgba(77, 170, 87, 0)
    }
}

@keyframes circle-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #4daa57;
        box-shadow: 0 0 0 0 #4daa57
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(77, 170, 87, 0);
        box-shadow: 0 0 0 10px rgba(77, 170, 87, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(77, 170, 87, 0);
        box-shadow: 0 0 0 0 rgba(77, 170, 87, 0)
    }
}

.highlight-text-cr .available_text {
    color: #4daa57;
    display: flex;
    align-items: center;
    gap: 7px
}

.latest-pod .elementor-element-92f5d08 {
    width: 36%
}

.pod-video .elementor-custom-embed-image-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 47%);
    z-index: 1
}

.h-table .c-white,
.pricing-container .pricing-card.active .price,
.pricing-container .pricing-card.active h2,
.single-podcast .hfe-post-info-item span,
.talk .wpcf7 form.sent .wpcf7-response-output,
.timeline-container .year-labels span.active {
    color: #fff
}



.podcast-form date,
.podcast-form input {
    height: 45px;
    margin-bottom: 15px;
    background: #fff !important
}

.podcast-popup .dialog-message {
    overflow: visible !important
}

.podcast-popup .elementor-icon {
    position: absolute !important;
    width: 40px !important;
    height: 40px !important;
    top: -30px !important;
    border-radius: 100px !important
}

.podcast-popup svg {
    position: absolute !important;
    left: 5px !important;
    top: 11px !important;
    height: 17px !important
}

.job-meta-header .btn,
.podcast-form p {
    margin-bottom: 10px
}

.pod-submit .wpcf7-submit {
    border-radius: 16px;
    background: #000;
    border-color: #000;
    color: #fff
}

.podcast-form #cf7-contact-number {
    padding-left: 85px !important
}

.cf7-nadcab-form-wrapper p,
.hire-me-form p,
.job-main-content p,
.podcast-form .intl-tel-input {
    margin-bottom: 15px
}

.custom-error {
    color: red;
    font-size: 13px;
    margin-top: -14px;
    margin-bottom: 14px
}

.custom-notice {
    background: #fff3cd;
    border: 1px solid #ffeeba;
    padding: 10px 15px;
    color: #856404;
    font-size: 15px;
    margin-top: 20px
}

.pricing-container .heading .stories {
    color: #9d71f7
}

.price-toggle-container {
    display: flex;
    gap: 0;
    margin-bottom: 2.5rem;
    justify-content: center
}

.pricing-container,
.pricing-container .plan-section.active {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem
}

.price-toggle-container .toggle-btn {
    padding: .625rem 1.25rem;
    border-radius: .25rem;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    background: #fff;
    font-family: 'Karla', sans-serif;

}

.price-toggle-container .toggle-btn.active,
.pricing-container .pricing-card.active {
    background-color: #9d71f7;
    color: #fff
}

.pricing-container {
    max-width: 50rem;
    width: 100%
}

.pricing-container .plan-section {
    display: none;
    width: 100%;
    grid-column: 1/-1;
    padding:30px 0px;
}
.plan-section{
    padding:30px 0px;
}


.pricing-container .card-header h2 {
    font-size: 24px
}

.white-text {
    color: #fff !important
}

.pricing-container .plan-type {
    grid-column: 1/-1;
    text-align: center;
    font-size: 1.5rem;
    margin-top: 2.5rem;
    color: #333
}

.pricing-container .plan-type:first-of-type {
    margin-top: 0
}

.pricing-container .pricing-card {
    flex: 1;
    background: #fff;
    border-radius: 1.25rem;
    padding: 1.875rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    transition: .3s
}

.pricing-container .pricing-card.active .feature-item::before {
    background-color: #fff;
    color: #000
}

.pricing-container .basic .cta-button,
.pricing-container .pricing-card.active .cta-button {
    background-color: #000;
    color: #fff
}

.pricing-container .card-header {
    margin-bottom: 1.25rem;
    text-align: center
}

.pricing-container .price {
    font-size: 4rem;
    font-weight: 900;
    margin-bottom: 1.875rem;
    color: #000
}

.pricing-container .features {
    flex-grow: 1;
    margin-bottom: 1.875rem
}

.pricing-container .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: .9375rem;
    gap: .625rem;
    width: 100%
}

.pricing-container .feature-item::before {
    content: "✓";
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    border-radius: 50%;
    background-color: #e8e8e8;
    flex-shrink: 0;
    color: #000
}

.pricing-container .feature-item span {
    flex: 1
}

.pricing-container .basic .feature-item::before {
    background-color: rgb(255 255 255)
}

.pricing-container .cta-button {
    padding: .9375rem;
    border-radius: .5rem;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 1rem;
    transition: .3s;
    background: #e3e3e3
}

.pricing-container .popular .cta-button {
    background-color: #e8e8e8;
    color: #000
}

.pricing-container .cta-button:hover {
    opacity: .9
}

.podcast-container {
    margin: 0 auto
}

.podcast-container .filter-audio {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.podcast-container .filters {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 40px;
    width: 65%;
    height: 100px;
    overflow: scroll;
    justify-content: flex-end
}

.podcast-container h2 {
    line-height: 50px
}

.podcast-container .filters button {
    padding: 8px 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
    transition: .2s;
    font-size:18px;
    font-family: 'Karla', sans-serif;
}

.podcast-container .filters button.active {
    background-color: #926bdd;
    color: #fff;
    border-color: transparent
}

.podcast-container .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px
}

.podcast-container .card {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 7px;
    border-radius: 16px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .05)
}

.podcast-container .card img {
    width: 120px;
    height: 80px;
    border-radius: 12px;
    object-fit: cover;
    margin-right: 15px
}

.podcast-container .card-content {
    flex: 1;
    padding: 0;
    height: auto;
    display: block
}

.podcast-container .card-title a {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px !important;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.podcast-container .card-meta {
    font-size: 13px;
    color: #666;
    line-height: 1.4
}

.podcast-container .play-button {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 0;
    box-shadow: none;
    margin-top: 5px
}

.podcast-container .play-button svg {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    fill: #a383f1
}

.purple {
    color: #926bdd
}

.newsletter-wrapper p {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    margin-top: 15px;
    width: 100%;
    height: 0
}

.newsletter-wrapper p input[type=email] {
    flex: 1;
    border: 1px solid #eee;
    border-radius: 4px;
    height: 50px;
    padding: 12px 40px 12px 30px !important;
    font-size: 14px;
    outline: 0;
    width: 100%
}

.newsletter-wrapper .cf7-nadcab-submit {
    margin-left: -100px;
    background: #040404;
    border-color: #000;
    color: #fff
}

.newsletter-wrapper p input.arrow-submit {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 40 24' fill='none' stroke='%23000' stroke-width='2'><line x1='2' y1='12' x2='38' y2='12'/><polyline points='30,4 38,12 30,20'/></svg>") center center/18px 18px no-repeat;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 0;
    box-shadow: unset
}

.pod-video-wrapper {
    position: relative;
    width: 90%;
    max-width: 1000px;
    min-width: 1000px;
    aspect-ratio: 16/9
}

#videoIframe,
.video-iframe-container {
    width: 100%;
    height: 100%
}

#videoIframe {
    border: none;
    border-radius: 10px
}

.pod-video-wrapper .close-button {
    position: absolute;
    top: -39px;
    right: 0;
    color: #000;
    font-size: 22px;
    background: #fff;
    border: none;
    cursor: pointer;
    z-index: 10001;
    padding: 0;
    margin: 0;
    height: 30px;
    width: 30px;
    border-radius: 100%
}

.podcast-pagination {
    text-align: center;
    margin: 40px 0
}

.podvideo iframe button {
    width: 40px !important;
    height: 40px !important;
    margin-left: -18px !important;
    display: none
}

.pod-tag ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px !important;
    row-gap: 20px !important;
    margin: 8px 5px !important;
    padding: 0px;
}

.pod-tag ul li {
    padding: 8px;
    border-radius: 8px;
    color: #ffff;
    font-size: 16px;
    border: 1px solid #bfc8d1;
    color: #656565 !important
}

.pod-content ol,
.pod-content ul {
    margin: 8px 25px
}

.pod-info .hfe-post-info__item--type-terms {
    background: #019d91;
    padding: 3px 12px;
    border-radius: 100px;
    color: #fff
}

.form-with-gradient .wpcf7-response-output,
.pod-info .hfe-post-info__item--type-terms a {
    color: #fff !important
}

.pod-info .hfe-post-info-avatar {
    border-radius: 100px
}

.pod-info .hfe-post-info__item--type-date {
    padding-left: 0 !important
}

.pod-info .hfe-post-info-icon {
    width: 40px !important
}

.pod-related .hfe-post-info-inline.hfe-post-info-items .hfe-post-info-item {
    margin-right: 0;
    margin-left: 0
}

.tech-logo,
.topcard-head {
    height: 70px
}

.topcard-head img {
    height: 40px;
    width: 40px;
    margin: 0;
    padding: 0
}

.cf7-nadcab-form-wrapper .cf7-nadcab-textarea {
    height: 115px;
    font-size: 16px
}

.cf7-nadcab-form-wrapper .cf7-nadcab-select {
    font-size: 16px;
    color: #aaa
}

.cf7-nadcab-form-wrapper input[type=tel] {
    box-shadow: none;
    border-radius: 0 !important;
    font-size: 16px !important
}

.cf7-nadcab-form-wrapper .cf7-nadcab-form-wrapper {
    color: #aaa !important
}

.cf7-nadcab-form-wrapper button:hover,
input[type=submit]:focus {
    background: #000
}

.cf7-nadcab-form-wrapper label span {
    font-size: 16px !important
}

.cf7-nadcab-form-wrapper input[type=checkbox] {
    height: 1.6em !important;
    width: 2.4em
}

.cf7-nadcab-form-wrapper .tech-update {
    height: 1.2em !important;
    width: 2em
}

.cf7-nadcab-form-wrapper input[type=checkbox][name="tech-updates-checkbox[]"] {
    height: 1em !important;
    width: 1.5em;
    color: #aaa !important;
    font-size: normal !important
}

.cf7-nadcab-form-wrapper .cf7-nadcab-disclaimer-row label span {
    color: #aaa !important;
    font-size: 12px !important;
    font-weight: unset
}

.cf7-nadcab-form-wrapper textarea {
    border: 0
}

.cf7-nadcab-file-placeholder {
    font-size: 16px !important;
    margin-top: 10px;
    position: relative
}

.contact-box {
    overflow: hidden;
    border-radius: 16px
}

.cf7-nadcab-submit {
    position: relative;
    padding-right: 48px
}

.cf7-nadcab-submitting {
    color: transparent !important;
    pointer-events: none
}

.cf7-spinner-wrap {
    position: absolute;
    top: 29%;
    left: 29%;
    transform: translate(-50%, -50%)
}

.h-slider .e-con-boxed p,
.single-post .hentry {
    margin-bottom: 0 !important
}

.cf7-nadcab-form-wrapper textarea:focus {
    background: #f8f8f8 !important
}

.cf7-nadcab-form-wrapper input[type=checkbox]:focus {
    accent-color: #019d91
}

.whatsapp {
    margin-top: -15px
}

.whatsapp input[type=checkbox] {
    height: .8em !important;
    width: .3em;
    margin: 0
}

.whatsapp label span {
    font-size: 10px !important;
    color: #aaa;
    font-weight: 400
}

.cf7-nadcab-file-preview {
    margin-bottom: 30px;
    align-items: center;
    gap: 8px
}

.cf7-nadcab-file-container,
.hire-btn a {
    display: inline-flex;
    gap: 10px;
    position: relative
}

.cf7-nadcab-form-wrapper input[type=checkbox]:checked {
    background-color: #019d91
}

.cf7-nadcab-file-container {
    padding: 0;
    margin-bottom: 30px;
    align-items: center;
    width: 100%
}

.phone-number .error-message {
    margin-top: -15px !important
}

.cf7-nadcab-file-icon,
.cf7-nadcab-file-remove {
    width: 45px;
    height: 32px;
    border: none;
    background-color: #019d91;
    font-size: 20px;
    cursor: pointer;
    padding: 0
}

.cf7-nadcab-file-remove {
    background: red;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #fff
}

.cf7-nadcab-loader {
    display: inline-block;
    border: 2px solid #ccc;
    border-top: 2px solid #000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: .6s linear infinite spin;
    vertical-align: middle
}

.wpcf7-not-valid {
    border-color: #dc3232 !important
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    margin-top: 5px;
    display: block
}

.mega-menu-box,
.mobile-menu .uael-flyout-close,
.talk .termc {
    margin-top: 15px
}

.nda {
    width: 82% !important
}

.single-press-release .site-content h2 {
    font-size: 30px
}

.hire-btn a {
    text-transform: uppercase;
    color: #fff;
    padding: 16px 25px;
    justify-content: center;
    border-radius: 8px;
    background: #192020;
    align-items: center;
    overflow: hidden;
    transition: box-shadow .3s, background-color .3s, color .3s, background-color .3s, outline .3s;
    border: 1px solid #192020;
    -webkit-clip-path: inset(0 round 10px);
    clip-path: inset(0 round 10px)
}

@media screen and (max-width:1599px) {
    .hire-btn a {
        padding: 12px 22px
    }
}

@media screen and (max-width:1199px) {
    .hire-btn a {
        transition: none
    }
}

.hire-btn a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    border-radius: 8px;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .3s;
    z-index: -1
}

.hire-btn .elementor-button-icon {
    position: relative;
    padding-left: 5px
}

.hire-btn .elementor-button-icon svg {
    display: block;
    transition: opacity .3s
}

.hire-btn .elementor-button:hover .elementor-button-icon svg {
    opacity: 0
}

.hire-btn .elementor-button-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    background: url("/wp-content/uploads/2025/05/right-arrow-1.svg") center/contain no-repeat;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
    margin-left: 5px
}

.hire-btn a:focus,
.hire-btn a:hover {
    box-shadow: inset 0 0 0 2px #fff
}

.hire-btn a:focus::before,
.hire-btn a:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1)
}

@media only screen and (max-width:1199px) {
    .hire-btn a:focus,
    .hire-btn a:hover {
        color: #fff;
        box-shadow: none
    }
    .hire-btn a:focus::before,
    .hire-btn a:hover::before {
        display: none
    }
}

.hire-me-form .h-row,
.job-form .h-row {
    display: flex;
    gap: 20px
}

.hire-me-form .h-row input,
.hire-me-form .h-row select,
.job-form input {
    height: 55px;
    border-radius: 10px;
    border: 1px solid rgba(25, 32, 32, .2) !important
}

.hire-me-form .h-phone input {
    height: 55px;
    border-radius: 16px;
    width: 79% !important;
    margin-left: 123px !important
}

.hire-me-form .h-phone .selected-flag {
    width: 100px !important;
    background: #fff !important;
    border: 1px solid rgba(25, 32, 32, .2) !important;
    border-radius: 10px
}

.hire-me-form .h-message textarea {
    height: 107px;
    border-radius: 10px;
    border: 1px solid rgba(25, 32, 32, .2) !important
}

.hire-me-form #cf7-contact-number {
    padding-left: 10px !important
}

.hire-me-form button {
    background: #000;
    color: #fff;
    font-weight: 500;
    border-color: #000;
    border-radius: 8px
}

.hprice {
    color: #4842a8
}

.prm {
    font-size: 22px;
    font-weight: 300
}

.h-slider,
.h-slider .e-n-carousel,
.h-slider .elementor-element,
.h-slider .elementor-widget-container {
    overflow: visible !important;
}

.h-slider .swiper-slide-active .e-con-boxed {
    border: 1px solid #dc2e3d !important
}

.h-slider .swiper-slide-active .e-con-boxed h5 {
    color: #dc2e3d !important
}

.h-table .bg-blue {
    background: #019d91;
    padding: 1em 1em;

}

.h-team-ico .elementor-widget-container:after,
.h-team-ico .elementor-widget-container:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 12px;
    top: 35%;
    background-repeat: no-repeat
}
.development-proficiency-tbl table, td, th{
    border: 1px solid #dfe2e2;
}
.development-proficiency-tbl table td{
 padding: 0px 10px;
}

.h-team-ico .elementor-widget-container:after {
    background-image: url(/wp-content/uploads/2025/06/arrow-img-2.png);
    right: 0
}

.h-team-ico .elementor-widget-container:before {
    background-image: url(/wp-content/uploads/2025/06/arrow-img.png);
    left: 0;
    background-position: 108% 0
}

.elementor-element-83cb125 .elementor-widget-container:before,
.elementor-element-cc77bd2 .elementor-widget-container:after {
    background-image: none !important
}

.servies-accordain .e-n-accordion-item {
    border-top: 2px solid #ececef;
    border-bottom: none
}

.servies-accordain .e-n-accordion-item:last-child {
    border-bottom: 2px solid #ececef
}

.servies-accordain-faq .e-n-accordion-item {
    border-top: 1px solid #ececef;
    border-bottom: none
}

.servies-accordain-faq .e-n-accordion-item:last-child {
    border-bottom: 1px solid #ececef
}

.servies-accordain-left .e-n-accordion-item {
    position: relative;
    padding-left: 25px
}

.servies-accordain-left .e-n-accordion-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #ececef;
    transition: opacity .3s
}

.servies-accordain-left .e-n-accordion-item.active::before {
    opacity: 1;
    background: linear-gradient(to bottom, #000 50%, #eee 50%)
}

@property --angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg
}

.form-with-gradient {
    --angle: 0deg;
    border: 2px solid transparent;
    border-radius: 8px;
    background-color: #176e69 !important;
    animation: 5s linear infinite rotate-gradient
}

.tech-logo img {
    width: 115px !important
}

@keyframes rotate-gradient {
    0% {
        --angle: 0deg
    }
    100% {
        --angle: 360deg
    }
}

.talk p {
    padding: 0 !important;
    margin-bottom: 15px
}

.talk input {
    height: 47px
}

.talk textarea {
    height: 100px
}

.talk .wpcf7-submit {
    width: 100%;
    padding: 10px;
    background: #000;
    border: none;
    color: #fff
}

.talk .termc,
.talk label {
    color: #bebebe;
    font-size: 14px
}

.talk .wpcf7-submit:hover {
    background: #000;
    color: #fff !important
}

.talk .wpcf7-submit::focus {
    background: #000
}

.talk .termc {
    text-align: center;
    line-height: 17px
}

.talk .cf7-spinner-wrap {
    position: absolute;
    top: 25%;
    left: 47%;
    transform: translate(-50%, -50%)
}

.talk .cf7-nadcab-submit {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding-right: 28px
}

.contact-us a,
.menu-panel.active {
    display: block !important
}

.talk .cf7-nadcab-submit::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("https://nadcab.kinsta.cloud/wp-content/uploads/2025/06/angled-arrow-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.acf-mega-menu-wrapper {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 9999;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    min-width: 300px;
    top: 100%;
    left: 0
}

.mega-menu-box,
.mega-menu-container {
    width: 100%;
    max-width: 1168px;
    min-width: 1168px;
    background: #fff;
    border-radius: 16px
}

.mega-menu-box {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-51%);
    z-index: 9999;
    display: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin-top: 40px
}

.mega-menu-container {
    display: flex;
    height: 438px;
    margin: 0 auto;
    overflow: hidden
}

.mega-menu-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 290px;
    background: #f6f6f6
}

.mega-menu-tabs .tab-item img {
    width: 34px
}

.tab-item {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    color: #000;
    border-left: 5px solid transparent;
    border-radius: 8px;
    font-weight: 700;
    align-items: center;
    display: flex;
    gap: 15px;
    height: 45px;
}

.tab-item.active {
    background: #d4d4d480;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.mobile-menu .sub-menu-open,
.vn-fly-menu-nav li.open>ul.sub-menu {
    box-shadow: 0 10px 20px 0 rgb(1 7 39 / .05)
}

.mega-menu-content {
    flex: 1;
    padding: 0px 20px;
}

.mega-menu-content p {
    font-family: Karla, Sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0;
    color: #000
}

.mega-menu-content h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 5px
}

.mega-menu-container.design1 .mega-menu-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.mega-menu-content h4 {
    margin-bottom: 5px;
    line-height: 18px;
    margin-top: 10px;
}

.mega-menu-content h4 a {
    font-family: Karla, Sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #000
}

.mega-menu-items {
    row-gap: 0;
    gap: 0 10px;
    display: flex;
    flex-wrap: wrap
}

.mega-item-card {
    width: calc(25% - 15px);
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    transition: .3s
}

.design2 .mega-menu-image {
    max-width: 309px;
    min-width: 309px
}

.mobile-menu nav,
.vn-fly-menu-nav {
    overflow: auto
}

.mobile-menu .sub-menu a {
    padding-left: 10px !important
}

.mega-industry .mega-item-card,
.mega-resource .mega-item-card {
    width: calc(33.33% - 15px)
}

.contact-us a {
    color: #fff !important;
    background-color: #20272c;
    font-family: Arboria-Bold, Sans-serif;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    letter-spacing: .5px;
    border-style: none;
    border-radius: 16px;
    width: 88%;
    margin: 20px auto
}



.uael-flyout-wrapper .uael-menu-toggle {
    border: none !important
}

.p-list .uael-icon {
    background: #f5f5f5;
    padding: 8px;
    border-radius: 50px;
    position: relative;
    top: 10px
}

.p-list .uael-infobox-left-right-wrap {
    display: flex;
    align-items: baseline
}

.p-partner .group-btn {
    width: 82%
}

.partnership input {
    height: 55px;
    border-radius: 0;
    border-bottom: 1px solid #b0b0b0;
    background: #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 15px;
    color: #000 !important
}

.partnership input:focus,
.partnership textarea {
    border-bottom: 1px solid #b0b0b0 !important;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.partnership .separate-dial-code {
    margin-bottom: 15px !important
}

.partnership #cf7-contact-number {
    padding-left: 100px !important
}

.partnership .selected-flag {
    width: 95px !important
}

.partnership textarea {
    height: 130px;
    border-radius: 0;
    color: #000 !important
}

.p-submit button {
    background: #2eb674;
    border-color: #2eb674;
    color: #fff;
    border-radius: 8px;
    padding: 12px 30px
}

.p-submit button:hover,
.submit-resume button,
.submit-resume button:hover {
    background: #000;
    border-color: #000
}

.career-page,
.share-icons a {
    background: #f4f4f4
}

.submit-resume button {
    color: #fff;
    border-radius: 8px
}

.job-container {
    max-width: 1200px;
    margin: 60px auto;
    display: flex;
    gap: 40px;
    padding: 0 20px;
    flex-wrap: wrap;
    padding-top: 80px;

}

.job-btn,
.job-header,
.share-icons {
    margin-bottom: 20px
}

.job-main-content {
    padding: 30px;
    border-radius: 8px;
    background: #fff;
    height: 100%;
    font-size: 16px;
    flex: 3;
    min-width: 300px
}

.job-side-content {
    border-radius: 8px;
    flex: 1;
    min-width: 300px
}

.job-header h1 {
    color: #017971;
    margin: 0 0 3px;
    font-size: 28px;
    font-weight: 700
}

.job-main-content h2,
.job-main-content h3,
.job-main-content h4 {
    font-size: 21px;
    margin: 0
}

.job-main-content ul,
ol {
    margin: 0 0 20px 20px;
    padding: 0;
    font-size: 18px;
}

.job-header .back-button a {
    color: #686868
}

.job-side-content .extra-info {
    margin: 30px 0;
    padding: 0 20px
}

.job-side-content h1 {
    color: #1b6259;
    font-size: 1.4em
}

.job-btn {
    background: #1b6259;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%
}

.job-side-content button:focus,
.view-job {
    background: #fff
}

.job-btn:hover {
    background: #145246;
    color: #fff
}

.job-side-content ul {
    padding-left: 20px
}

.lead-from button,
.submit-resume button {
    padding: 12px 30px
}

.job-meta-header {
    display: none;
    margin-top: 10px;
    padding-top: 10px
}

.view-job {
    border: 1px solid #2cdb26 !important;
    color: #237e76
}

.job-side-content button {
    border: 1px solid
}

.job-side-content p {
    margin-bottom: 0;
    font-size: 16px
}

.job-side-content hr {
    margin: 10px 0
}

.job-side-content button:hover {
    background: 0 0 !important;
    border: 1px solid #2cdb26;
    color: #237e76
}

.job-meta-header p {
    margin: 0;
    font-size: 14px
}

.share-icons {
    display: flex;
    gap: 10px
}

.share-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    width: 36px;
    height: 36px;
    transition: background .3s
}

.share-icons a:hover {
    background: #686868
}

.share-icons svg {
    width: 20px;
    height: 20px;
    fill: #000000;
    transition: fill .3s
}

.share-icons a:hover svg {
    fill: #ffffff
}

.job-side-card {
    background: #fff;
    padding: 30px
}

.job-form .h-phone input {
    width: 100% !important;
    margin-left: 0 !important
}

.job-form .h-phone #cf7-contact-number {
    padding-left: 114px !important
}

.lead-from .h-row {
    display: flex;
    gap: 20px;
    max-width: 100% !important
}

.job-form .h-row>:first-child,
.lead-from>:first-child {
    flex: 0 0 50%;
    max-width: 50%
}

.lead-from input,
.lead-from select {
    height: 55px;
    border-radius: 10px;
    border: 1px solid rgba(25, 32, 32, .2) !important;
    background: #fff
}

.job-form textarea,
.lead-from textarea {
    height: 130px;
    border-radius: 10px
}

.lead-from .cf7-nadcab-submit,
.lead-from button {
    border-radius: 8px !important;
    background: #019c90 !important
}

.lead-from submit-resume,
.submit-resume {
    text-align: center;
    margin-top: 25px
}

.lead-from .cf7-nadcab-submit {
    border-color: #019c90 !important;
    color: #fff !important
}

.job-meta-header button::focus {
    background: #fff
}

.job-meta-header button::active {
    color: #fff !important
}

.career-page {
    margin: 0 auto;
    width: 100%
}

.job-list .e-loop-item {
    padding-top: 20px
}

.believe .elementor-icon {
    padding: 10px 15px !important
}

.timeline-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
    position: relative
}

.timeline-container .timeline-years {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 20px;
    position: relative
}

.timeline-container .timeline-years::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: #00c1a2;
    z-index: 1
}

.timeline-container .timeline-dot {
    position: relative;
    z-index: 2;
    width: 30px;
    height: 20px;
    background: #000;
    border: 2px solid #00c1a2;
    border-radius: 12px;
    cursor: pointer;
    transition: background .3s
}

.timeline-container .timeline-dot.active {
    background: #00c1a2
}

.timeline-container .timeline-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .6s, transform .6s;
    justify-content: center;
    gap: 40px;
    color: #555;
    text-align: left;
    display: flex;
    align-items: flex-start
}

.timeline-container .timeline-content h2 {
    font-size: 250px;
    margin: 0;
    font-weight: 800;
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity .8s, transform .8s;
    color: #00c1a2
}

.timeline-container .timeline-content .t-content {
    font-size: 18px;
    max-width: 600px;
    margin: auto;
    line-height: 1.6;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity .8s, transform .8s
}

.timeline-container .timeline-content.active {
    visibility: visible;
    position: relative;
    opacity: 1;
    transform: translateY(0);
    color: #fff
}

.timeline-container .timeline-content.active .t-content,
.timeline-container .timeline-content.active h2 {
    opacity: 1;
    transform: translateY(0)
}

.timeline-container .year-labels {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    margin-top: 10px
}

.timeline-container .year-labels span {
    color: #555;
    transition: color .3s
}

.page-id-32639 .ast-container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.landing-case .case-study-slider .swiper-slider::before {
    left: 0;
    background: linear-gradient(to right, rgb(0 0 0), rgb(0 0 0));
    width: 200px
}

.landing-case .case-study-slider .swiper-slider::after {
    right: 0;
    background: linear-gradient(to left, rgb(0 0 0), rgb(0 0 0));
    box-shadow: -20px 0 70px 60px #000;
    width: 270px
}

.elementor-widget-table-of-contents,
.lead-from .hire-me-form .h-phone input,
.post-cote .ast-width-md-4 {
    width: 100% !important
}

.lead-from #cf7-contact-number {
    padding-left: 90px !important
}

body.lock-scroll {
    overflow: hidden
}

.uael-nav-menu-icon svg {
    width: 32px;
    height: 32px;
    font-size: 25px
}

.vn-menu-toggle {
    margin-top: 5px;
    z-index: 1001;
    padding: 0;
    background: 0 0;
    border: none;
    cursor: pointer;
    color: #fff;
    box-shadow: none
}

.vn-menu-toggle img{
	width:30px;
}

.mobile-btn {
    text-align: right
}

.mobile-btn button {
    box-shadow: none !important
}

.mobile-btn button,
.mobile-btn button:focus,
.vn-menu-toggle:focus {
    background: 0 0 !important
}

.vn-fly-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 320px;
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 8px rgba(0, 0, 0, .2);
    transition: right .3s;
    padding: 70px 10px 50px;
    display: flex;
    flex-direction: column;
    z-index: 9999
}

.vn-fly-menu.open {
    right: 0
}

.vn-menu-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    background: 0 0;
    border: none;
    cursor: pointer;
    box-shadow: none
}

.vn-fly-menu-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}



.vn-fly-menu {
    position: fixed;
    top: 0;
    right: -100%;           
    width: 320px;
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 8px rgba(0,0,0,.2);
    transition: right 0.3s ease;
    padding: 70px 10px 50px;
    display: flex;
    flex-direction: column;
    z-index: 9999;
    overflow-y: auto; 
}

.vn-fly-menu.open {
    right: 0;
}

.vn-menu-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 28px;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
}

.vn-fly-menu-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.vn-fly-menu-nav li {
    padding: 0;
}
.vn-menu li {
    padding: 8px 0;
}

.vn-fly-menu-nav a {
    color: #000;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 12px;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.vn-fly-menu-nav a:hover {
    color: #000;
}

.vn-fly-menu-nav li.menu-item-has-children > a::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 9L12 15L18 9' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.vn-fly-menu-nav li.menu-item-has-children.open > a::after {
    transform: rotate(180deg);
}

.vn-fly-menu-nav li > ul.sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-left: 0;      
}

.vn-fly-menu-nav li.open > ul.sub-menu {
    max-height: 800px;    
}

.vn-fly-menu-nav li > ul.sub-menu a {
    color: #565656;
    font-size: 15px;
    padding: 0px 12px;
}

.vn-fly-menu-nav li > ul.sub-menu > li > ul.sub-menu {
    padding-left: 0px;
}

.vn-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.vn-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.contact-us a {
    padding: 12px 20px !important
}

.elementor-kit-487 a,
.elementor-kit-487 h4 {
    font-family: unset !important
}

@media (max-width:1024px) {
    .lead-from p {
        margin-bottom: 1em
    }
    .mega-item-card {
        flex: 1 1 calc(33.333% - 20px)
    }
    .timeline-container .timeline-content h2 {
        font-size: 150px;
        margin-bottom: 50px
    }
    .timeline-container .timeline-content {
        display: block;
        text-align: center
    }
    .timeline-container {
        padding: 0 20px
    }
    .lead-from .h-row {
        display: block
    }
    .newfooter {
        padding:  20px !important;
    }
    .blog-nav {
        top: 52px;
    }
}
@media (max-width:991px) {
    .blog-nav
     {
        top: 38px;
           }
}
@media (max-width:768px) {
    .job-side-content {
        display: none
    }
    .job-meta-header {
        display: block
    }
    .mega-item-card {
        flex: 1 1 calc(50% - 20px)
    }
    .timeline-container .timeline-content h2 {
        font-size: 80px
    }
    .footer-columns{
        gap:30px;
        flex-wrap:wrap;
    }
    .footer-addresses {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 30px;
    }
    .single-blog-header h1{
        font-size: 36px;
    }
    .ct-single-post {
        margin-top: 111px !important;
    }
    .ct-single-post ul li{
        font-size: 18px;
    }
    .ct-single-post .main-article h2{
        font-size: 28px !important;
    }
}

@media (max-width:480px) {
    .mega-item-card {
        flex: 1 1 100%
    }
    .timeline-container .timeline-content h2 {
        font-size: 70px
    }
    .timeline-container .year-labels {
        font-size: 16px
    }
}

@media (max-width:799px) {
    .pod-video-wrapper {
        min-width: 90%;
        width: 90%
    }
}

@media (max-width:1880px) {
    .customer-card-brand {
        width: 600px !important
    }
}

@media (max-width:1680px) and (min-width:1441px) {
    .case-study-slider .swiper-slider::before {
        width: 90px;
        background: linear-gradient(to right, rgb(255 255 255), rgb(255 255 255));
        box-shadow: -3px 1px 20px 20px #fff
    }
    .case-study-slider .swiper-slider::after {
        width: 70px;
        box-shadow: -20px 0 14px 0 #fff
    }
    .case-study-slider .swiper-wrapper {
        transition: transform .3s !important;
        margin-left: -50px
    }
}

@media (max-width:1559px) {
    .case-study-slider .swiper-slider::before {
        width: 00px
    }
    .case-study-slider .swiper-wrapper {
        transition: transform .3s !important;
        margin-left: -175px !important
    }
    .case-study-slider .swiper-button-prev {
        left: 100px
    }
    .case-study-slider .swiper-button-next {
        right: 100px
    }
    .pd50 {
        padding-left: 50px;
        padding-right: 50px
    }
    .customer-card-brand {
        width: 533px !important
    }
    .hire-me-form .h-phone input {
        width: 79% !important
    }
}

@media (max-width:1599px) and (min-width:1441px) {
    .case-study-slider .swiper-slide:last-child.swiper-slide-active {
        margin-left: 250px !important
    }
}

@media (min-width:1281px) {
    .portfolio-grid {
        grid-template-columns: repeat(5, 1fr)
    }
    .cf7-nadcab-quiz {
        margin-left: 100px
    }
}

@media (max-width:1444px) {
    .hire-me-form .h-phone input {
        width: 76% !important
    }
    .bdt-navbar-nav>li>a {
        padding: 0 8px !important
    }
}

@media (max-width:1440px) {
    .case-study-slider .swiper-slider::before {
        width: 00px;
        background: linear-gradient(to right, rgb(255 255 255), rgb(255 255 255));
        box-shadow: -3px 1px 20px 20px #fff
    }
    .p-partner .group-btn {
        width: 84%
    }
    .case-study-slider .swiper-slider::after {
        width: 70px;
        box-shadow: -20px 0 14px 0 #fff
    }
    .case-study-slider .swiper-wrapper {
        transition: transform .3s !important;
        margin-left: -125px !important
    }
}

@media (max-width:1366px) {
    .case-study-slider .swiper-slide-active {
        margin-left: -100px
    }
    .case-study-slider .swiper-wrapper {
        transition: transform .3s !important;
        margin-left: -125px !important
    }
    .case-study-slider .swiper-slider::before {
        width: 00px
    }
    .customer-card-brand {
        width: 500px !important
    }
    .p-partner .group-btn {
        width: 100%
    }
    .hire-me-form .h-phone input {
        width: 75% !important
    }
    .bdt-navbar-nav>li>a {
        padding: 0 5px;
        color: #999
    }
}

@media (max-width:1024px) and (min-width:768px) {
    .elementor-21851 .elementor-element.elementor-element-0b9d103 {
        width: 41%
    }
}

@media (max-width:1300px) and (min-width:1200px) {
    .bdt-navbar-nav>li>a {
        padding: 0 3px !important;
        font-size: 16px !important
    }
    .case-study-slider .swiper-slide:last-child.swiper-slide-active {
        margin-left: 0 !important
    }
    .case-study-slider .swiper-wrapper {
        transition: transform .3s !important;
        margin-left: -30px
    }
    .case-study-slider .swiper-slider::after {
        width: 32px;
        box-shadow: -17px 0 14px 0 #fff
    }
    .single-post .ast-container::before {
        right: -20%
    }
    .customer-card-brand {
        top: 51%;
        width: 440px !important
    }
    .p-partner .group-btn {
        width: 91%
    }
    .p-partner .group-btn .elementor-button {
        padding: 10px !important
    }
}

@media (max-width:1280px) and (min-width:1121px) {
    .case-grid .elementor-grid-5 .elementor-grid,
    .portfolio-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .single-post .s-blg {
        padding-left: 20px;
        padding-right: 20px
    }
    .customer-card-brand {
        top: 51%;
        width: 420px
    }
    .p-modl .elementor-element-71df171 {
        width: 100% !important
    }
    .hire-me-form .h-phone input {
        width: 75% !important
    }
    .main-navigation {
        margin-left: 0px;
    }
    .flex-row-header #primary-menu{
        gap: 20px;
    }
}

@media (max-width:1200px) {
    .services-grid {
        grid-template-columns: auto 550px;
        grid-template-columns: 2fr 1fr
    }
    .content-panels {
        width: 400px
    }
    .cards-container {
        grid-template-columns: repeat(3, 1fr)
    }
    .blog-first-post .post-info {
        display: flex !important
    }
    .blog-post .post-info {
        flex-wrap: wrap !important;
        grid-row: 10px
    }
}

@media (max-width:1200px) and (min-width:1025px) {
    .bdt-navbar-nav>li>a,
    .elementor-1116 .elementor-element.elementor-element-45c4d8f .elementor-button-text {
        font-size: 13px !important
    }
    .bdt-navbar-nav>li>a {
        padding: 0 3px !important
    }
    h1 {
        font-size: 40px
    }
    .elementor-7008 .elementor-element.elementor-element-f5aae62 .elementor-heading-title {
        font-size: 44px;
        line-height: 50px
    }
}

@media (max-width:1024px) {
    .hire-me-form .h-row,
    .job-form .h-row {
        display: block
    }
    .job-form .h-row>:first-child {
        flex: 0 0 100%;
        max-width: 100%
    }
    .jbf .job-ph input {
        width: 100% !important
    }
    .hire-btn .elementor-button:hover {
        background-color: unset !important
    }
    .case-study-slider .swiper-wrapper {
        margin-left: -234px !important
    }
    .case-study-slider .swiper-slide:last-child.swiper-slide-active {
        margin-left: 40px !important
    }
    .case-study-slider .swiper-slide-active {
        margin-left: 0 !important
    }
    .case-study-slider .swiper-slider {
        overflow-x: scroll
    }
    .case-study-slider .card {
        width: 372px;
        height: 700px;
        padding: 24px
    }
    .case-study-slider .testimonial-content {
        flex-direction: column;
        gap: 1.6rem;
        height: 100%
    }
    .case-study-slider .testimonial-image {
        max-width: 100%;
        width: 100%;
        height: 50%
    }
    .case-study-slider .testimonial-text {
        text-align: center;
        height: 50%;
        display: flex;
        flex-direction: column;
        justify-content: start
    }
    .case-study-slider .phone-screenshot {
        height: 100%;
        width: 100%;
        object-fit: contain
    }
    .case-study-slider .swiper-slider::before,
    .swiper-slider::after {
        display: none
    }
    .case-study-slider .author-info {
        display: flex;
        flex-direction: column;
        align-items: center
    }
    .case-study-slider .swiper-button-prev {
        left: 20px
    }
    .case-study-slider .swiper-button-next {
        right: 20px
    }
    .case-study-slider .company-logo {
        width: 150px;
        height: auto;
        margin: 10px auto
    }
    .case-study-slider .swiper-slide.last-slide {
        margin-left: 30px !important
    }
    .single-post .ast-container::before {
        right: -20%
    }
    .blg-card img {
        height: 142px !important
    }
    .freshwork-container,
    .podcast-container .grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .pod-meta {
        width: 50%
    }
    .single-post #primary {
        margin: 5em 0 !important
    }
    .blog-nav {
        margin-top: 1.3rem
    }
    .filter-audio h2 {
        font-size: 35px;
        line-height: 40px
    }
    .customer-card-brand {
        left: 0;
        top: -10%
    }
    .topcard-head {
        height: 100px
    }
    .p-partner .elementor-element-80c814c {
        width: 50% !important
    }
    .hire-me-form .h-phone input {
        width: 63% !important
    }
    .vision-items {
        display: flex;
        gap: 0px !important;
    }
    .teams-list {
        gap: 5px !important;
        flex-wrap: wrap!important;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .p-partner .group-btn {
        width: 111%
    }
}

@media (max-width:992px) {
    .services-grid {
        grid-template-columns: 1fr
    }
    .content-panels {
        width: 100%;
        margin-top: 20px
    }
    .cards-container {
        grid-template-columns: repeat(2, 1fr)
    }
    .p-list .uael-imgicon-wrap {
        width: 50px !important
    }
    .p-list .uael-infobox-content {
        text-align: left !important
    }
    .p-list .uael-infobox-title {
        margin-bottom: 5px
    }
    .n-counter .elementor-counter-title {
        text-align: center
    }
}

@media screen and (max-width:991px) {
    .elementor-7011 .elementor-element.elementor-element-675574a {
        --width: 100% !important;
        bottom: -3px !important
    }
    body:not(.rtl) .elementor-7011 .elementor-element.elementor-element-675574a {
        left: 0 !important
    }
    .case-study-slider .card {
        width: 360px;
        height: 700px;
        padding: 24px
    }
    .ast-page-builder-template .site-content>.ast-container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .portfolio-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .portfolio-card {
        height: 300px
    }
    .blog-nav .e-con-inner {
        overflow: scroll;
        margin: 0 20px
    }
    .blog-nav,
    .blog-nav .elementor-icon-list--layout-inline {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .blog-nav .elementor-inline-item {
        width: 100%
    }
    .blog-nav .elementor-icon-list-items {
        flex-wrap: nowrap !important;
        width: 100%
    }
    .blog-nav .elementor-icon-list--layout-inline {
        flex: 0 0 auto;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap
    }
    .bbs-wrap {
        padding: 0 20px
    }
    .blog-post .post-info {
        gap: 10px;
        line-height: 10px;
        row-gap: 0
    }
    .tag-posts .e-loop-item img {
        height: 120px !important
    }
    .tags ul li a {
        padding: 10px
    }
    .latest-pod .elementor-element-92f5d08,
    .pod-meta {
        width: 60%
    }
    .filter-audio {
        display: block !important
    }
    .hire-me-form .h-phone input {
        width: 58% !important
    }
}

@media (max-width:768px) {
    .card-text,
    .content-panels {
        margin-top: 20px
    }
    .services-grid {
        grid-template-columns: 1fr
    }
    .cards-container {
        display: flex;
        overflow-x: auto;
        padding: 10px 0;
        scroll-snap-type: x mandatory;
        gap: 10px
    }
    .card-arrow {
        bottom: 75px
    }
    .panel {
        padding: 0 !important
    }
    .panel h2 {
        font-size: 24px
    }
    .content-panels {
        min-height: 400px
    }
    .container {
        padding: 20px 10px
    }
    .card-content {
        height: auto;
        padding-top: 20px
    }
    .service-card {
        min-width: 280px;
        scroll-snap-align: start;
        width: 312px;
        height: 176px
    }
    .portfolio-grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .portfolio-tab {
        font-size: 14px;
        padding: .6rem 1.2rem
    }
    .bbs-wrap {
        padding: 1rem
    }
    .bbs-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
    }
    .podcast-container .grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:767px) {
    .hire-btn a {
        padding: 10px 16px;
        gap: 6px
    }
    .country-select .flag,
    .iti-flag,
    .iti__selected-flag .iti__flag {
        background-image: url(https://www.nadcab.com/wp-content/plugins/country-phone-field-contact-form-7/assets/img/flags.png) !important
    }
    .single-post .site-content {
        padding-top: 60px
    }
    body.no-scroll {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important
    }
    .podcast-container .filters {
        width: 100%;
        justify-content: center
    }
    .podcast-container .grid,
    .pricing-container {
        grid-template-columns: repeat(1, 1fr)
    }
    .iti__selected-flag .iti__flag {
        background-size: 5629px 15px
    }
    .p-partner .elementor-element-80c814c {
        width: 100% !important
    }
    .case-study-slider .card {
        height: 740px;
        padding: 24px
    }
    .case-study-slider .company-logo {
        margin: 15px auto
    }
    .case-study-slider .swiper-slide.last-slide,
    .case-study-slider .swiper-wrapper:last-child .swiper-slide-active {
        margin-left: 30px
    }
    .case-study-slider .swiper-slide.last-active {
        margin-left: 50%
    }
    .case-study-slider .swiper-slide.last-slide-active {
        margin-left: 42px !important
    }
    .type-case-study .case-study {
        height: 540px
    }
    .case-study-slider .swiper-slide-active {
        margin-left: 30px !important
    }
    .case-study-slider .swiper-wrapper {
        margin-left: -40px !important
    }
    .case-study-slider .swiper-slide:last-child.swiper-slide-active {
        margin-left: 0 !important
    }
    .ast-separate-container #content .ast-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .filter-cote .case-study {
        height: 450px !important
    }
    .related-post .case-study,
    .single-bottom-blg img {
        height: auto !important
    }
   
    .blog-nav {
        top: 39px
    }
    .bbs-card {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 10px
    }
    .bbs-card .col img {
        height: 60px;
        width: 120px;
        min-width: 120px;
        border-radius: 8px;
        gap: 10px
    }
    .bbs-body, {
        padding: 0
    }
    .bb-body h3,
    .bbs-body h3 {
        font-size: 16px;
        line-height: 21px
    }
    .bbs-grid {
        row-gap: 10px;
        column-gap: 1rem
    }
    .bbs-body .post-content,
    .h-team-ico .elementor-widget-container:after,
    .h-team-ico .elementor-widget-container:before {
        display: none
    }
    .bbs-controls {
        display: block !important
    }
    .shortbyfiter {
        justify-content: space-between;
        margin-top: 15px;
        width: 100%
    }
    #bbs-cat-dd .bbs-list {
        margin-left: 0
    }
    .bbs-controls,
    .bbs-search {
        margin-bottom: 30px !important
    }
    .single-post .ast-container::before {
        right: -80%
    }
    .blg-card img {
        height: 60px !important
    }
    .single-post .ast-container::after {
        right: -79%
    }
    .customer-card-brand {
        width: 392px !important;
        left: 0;
        top: -135px
    }
    .customer-header::after {
        content: unset
    }
    .freshwork-container {
        grid-template-columns: 1fr
    }
    .rework-content-single h2 {
        font-size: 32px !important
    }
    .rework-content-single h3 {
        font-size: 28px !important
    }
    .rework-content-single h4 {
        font-size: 24px !important
    }
    .pod-meta {
        width: 45%
    }
    .latest-pod .elementor-element-92f5d08 {
        width: 40%
    }
    .single-freshwork .site-main {
        margin-top: 65px
    }
    .single-post #primary {
        margin: 0 !important
    }
    .hfe-post-info-inline {
        gap: 15px
    }
    .pod-tag ul {
        margin: 20px 0 !important
    }
    .cf7-nadcab-form-wrappe select,
    .cf7-nadcab-form-wrapper input {
        font-size: 15px
    }
    .cf7-nadcab-form-wrapper .cf7-nadcab-select {
        font-size: 15px;
        color: #aaa
    }
    .cf7-nadcab-file-placeholder,
    .cf7-nadcab-form-wrapper .cf7-nadcab-checkbox label span,
    .cf7-nadcab-form-wrapper .cf7-nadcab-textarea,
    .cf7-nadcab-form-wrapper input[type=tel] {
        font-size: 15px !important
    }
    .iti--separate-dial-code input#cf7-contact-number {
        padding-left: 87px !important
    }
    .cf7-nadcab-form-wrapper input[type=checkbox] {
        height: 1.2em !important;
        width: 2em !important
    }
    .phone-number abel span {
        font-size: 12px !important
    }
    .cf7-nadcab-quiz {
        justify-content: center
    }
    .cf7-nadcab-select option {
        padding: 5px 25px !important
    }
    .blg-card p {
        margin-bottom: 0
    }
    .blg-card .ast-article-single {
        padding-top: 0;
        padding-bottom: 0
    }
    .blg-card .single-post .hentry {
        margin-bottom: 0 !important;
        padding-bottom: 0
    }
    .cf7-nadcab-quiz label {
        text-align: right;
        padding-right: 10px
    }
    .hire-me-form .h-phone input {
        width: 67% !important
    }
    .h-table .table-responsive {
        overflow: auto
    }
    .tech-logo {
        height: auto
    }
    .podcast-popup .elementor-icon {
        position: absolute !important;
        width: 30px !important;
        height: 30px !important;
        top: -21px !important;
        border-radius: 100px !important
    }
    .podcast-popup svg {
        position: absolute !important;
        left: 12px !important;
        top: 10px !important;
        height: 17px !important
    }
    .expert-content h2, .home-exchange-content h2, .home-web3-section h2{
        font-size: 28px !important;
        
    }
}

@media screen and (max-width:680px) and (min-width:590px) {
    .p-partner .group-btn {
        width: 66%
    }
    .hire-me-form .h-phone input {
        width: 78% !important
    }
}

@media screen and (max-width:581px) and (min-width:530px) {
    .p-partner .group-btn {
        width: 70%
    }
}

@media screen and (max-width:500px) {
    .case-study-slider .swiper-slide-active,
    .case-study-slider .swiper-wrapper {
        margin-left: 0 !important
    }
    .pd50 {
        padding-left: 25px;
        padding-right: 25px
    }
    .p-partner .group-btn {
        width: 100%
    }
    .vn-fly-menu {
        width: 300px
    }
}

@media screen and (max-width:480px) and (min-width:431px) {
    .p-partner .group-btn {
        width: 88%
    }
    .hire-me-form .h-phone input {
        width: 70% !important
    }
}

@media screen and (max-width:412px) {
    .p-partner .group-btn {
        width: 110%
    }
    .hire-me-form .h-phone input {
        width: 62% !important
    }
}

@media screen and (max-width:360px) {
    .p-partner .group-btn {
        width: 100%
    }
}

@media (max-width:1440px) and (min-width:1200px) {
    .page-id-41771 .ast-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .page-id-41771 .ast-container .e-con-inner {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

.breadcrumb {
    font-size: 16px;
    color: #000
}

.dialog-message {
    background: #4a6a68
}

@media (max-width:767px) {
    .left-post-content h2 {
        font-size: 30px;
        font-weight: 400;
        line-height: 36px
    }
    .timeline-container .timeline-content {
        display: block;
        text-align: center
    }

    .hero-heading {
        font-size: 28px;
        line-height: 31px;
        font-family: Arboria-Bold, Sans-serif;
        font-weight: 500
    }
}

@media (max-width:540px) {
    .services-page {
        margin-top: 0px !important;
    }
    .portfolio-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .portfolio-tabs {
        gap: 4px
    }
    .portfolio-card {
        height: 420px;
        margin: 0 30px
    }
    .bbs-grid {
        grid-template-columns: 1fr
    }
    .pricing-container .plan-section.active {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.875rem
    }
    .single-post .feature-img img {
        width: 390px;
        height: 200px;
        object-fit: cover
    }
}



.case-study .elementor-post__title a,
.case-study-template h6 {
    font-family: Arboria-Bold !important;
    font-weight: 500 !important;
    font-size: 20px;
}

.crypt-form .wpcf7-phonetext {
    padding-left: 65px
}

#custom-modal-close:focus-visible {
    outline: 0;
    box-shadow: none
}

.single-casestudy-page{
    padding-top: 80px;
}



.footer-headoffice,
.footermenu-heading,
header.entry-header .entry-title {
    font-family: Karla, sans-serif !important;
}

.cf7-nadcab-file-wrap,
.iti {
    position: relative
}

body,
html {
    width: 100%;
    overflow-x: hidden !important
}

::-webkit-scrollbar {
    display: none !important
}


.blog-post h4 a {
    font-family: Karla, sans-serif !important;
}


.elementor-widget-n-tabs .e-n-tabs-heading {
    background-color: #f7f7f7 !important;
    padding-bottom: 25px
}

.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon {
    background-color: #000;
    padding: 5px;
    border-radius: 50px
}

#e-n-tab-title-1501225565 {
    padding-bottom: 130px;
    background-color: #f7f7f7 !important
}

header.entry-header .entry-title {
    font-size: 36px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 25px
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    Left: 50%
}

.case-study:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transform: none !important;
    transform: none !important
}

.panel-description {
    margin-bottom: 30px;
    line-height: 32px;
    font-size: 18px;
    color: #000
}

.list-gp-circle li {
    position: relative;
    margin: 15px 0;
    font-size: 18px
}

.service-card h3 {
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    margin: 0;
    font-family: Karla
}

.card-icon {
    width: 25px !important;
    height: 25px !important;
    margin-bottom: 0;
    margin-top: 45px
}

.services-grid {
    padding: 20px !important;
    background-color: #f6f6f6 !important
}

.cards-container {
    margin-bottom: -110px
}

.container-animate-up {
    opacity: 0;
    transform: translateY(50px);
    animation: .3s ease-in-out forwards slideUp
}

.footermenu-heading {
    font-size: 15px;
    line-height: 13px;
    color: #656565;
    font-weight: 400
}

.footer-headoffice {
    font-size: 16px;
    color: #4c5863
}

.list-gp-circle li {
    color: #000
}

@keyframes slideUp {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media screen and (min-width:1021px)  {
    .mobile-btn{
        display: none;
    }
}

@media screen and (max-width:1120px)  {
    .mobile-btn{
        display: block;
    }
}


@media screen and (max-width:1024px) {
    .responsive-menu-sticky {
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
        overflow-x: default !important;
        margin-left: 0 !important
    }
    .elementor-3215 .elementor-element.elementor-element-51c8f76:not(.elementor-motion-effects-element-type-background) {
        background-color: transparent;
        position: sticky !important;
        top: 0;
        left: 0;
        right: 0;
        overflow-x: hidden !important;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important
    }
    .elementor-3215 .elementor-element.elementor-element-15b1f7c:not(.elementor-motion-effects-element-type-background) {
        overflow-x: hidden !important
    }

}


@media only screen and (min-width:768px) and (max-width:1024px) {
    .elementor-popup-modal .dialog-widget-content,
    .responsive-menu-sticky {
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
        overflow-x: default !important
    }
    .elementor-popup-modal .dialog-message {
        width: 850px !important;
        height: 680px !important;
        overflow-x: hidden !important
    }
    .elementor-3215 .elementor-element.elementor-element-51c8f76:not(.elementor-motion-effects-element-type-background) {
        background-color: transparent;
        position: sticky !important;
        top: -16px !important;
        overflow-x: hidden !important;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important
    }
    .elementor-3215 .elementor-element.elementor-element-15b1f7c:not(.elementor-motion-effects-element-type-background) {
        overflow-x: hidden !important
    }
}

@media only screen and (device-width:430px) and (device-height:932px) and (-webkit-device-pixel-ratio:3) {
    .responsive-menu-sticky {
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        overflow-x: default !important;
        max-width: 100%
    }
    .elementor-3215 .elementor-element.elementor-element-51c8f76:not(.elementor-motion-effects-element-type-background) {
        background-color: transparent;
        position: sticky !important;
        top: -16px !important;
        overflow-x: hidden !important;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px
    }
    .elementor-3215 .elementor-element.elementor-element-15b1f7c:not(.elementor-motion-effects-element-type-background) {
        overflow-x: hidden !important
    }
}

@media only screen and (device-width:390px) and (device-height:844px) and (-webkit-device-pixel-ratio:3) {
    .responsive-menu-sticky {
        border-radius: 25px 25px 0 0 !important;
        overflow-x: default !important;
        max-width: 100%
    }
    .elementor-3215 .elementor-element.elementor-element-51c8f76:not(.elementor-motion-effects-element-type-background) {
        background-color: transparent;
        position: sticky !important;
        top: -16px !important;
        overflow-x: hidden !important
    }
    .elementor-3215 .elementor-element.elementor-element-15b1f7c:not(.elementor-motion-effects-element-type-background) {
        overflow-x: hidden !important
    }
}

#elementor-popup-modal-3215 .dialog-widget-content {
    border-radius: 25px 25px 0 0;
    margin: 0;
    background-image: url(https://www.nadcab.com/wp-content/uploads/2025/05/bf-1.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

#toke-coin-section {
    position: sticky;
    top: 0;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    z-index: 100
}

.elementor-3215 .elementor-element.elementor-element-c8848da>.elementor-widget-container {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    background: #c8f2d1 !important;
    background: linear-gradient(90deg, rgb(215 246 218) 0, rgb(233 244 241) 50%, rgb(239 245 247) 100%) !important;
    padding: 15px 2px !important
}

@media screen and (max-width:1440px) {
    .ast-page-builder-template .site-content>.ast-container {
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px
    }
    .footer-width-fixer {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media(max-width:450px) {
    .elementor-3215 .elementor-element.elementor-element-51c8f76:not(.elementor-motion-effects-element-type-background) {
        background-color: transparent;
        position: sticky;
        top: 0;
        overflow-x: hidden !important
    }
    body,
    html {
        width: 100%;
        overflow-x: hidden !important
    }
    .footer-width-fixer {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .elementor-icon-box-icon .elementor-icon {
        height: 50px !important;
        width: 50px !important;
        border-radius: 50% !important
    }
}





@media (max-width:992px) {
    .content-panels {
        width: 100%;
        margin-top: 50px !important
    }
}





#ast-scroll-top {
    background-color: #019d91
}

.ast-single-post .entry-content a {
    text-decoration: none
}

.cf7-nadcab-form-wrapper {
    max-width: 800px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    font-family: Inter, sans-serif;
    font-size: 15px;
    color: #111
}

.cf7-nadcab-heading {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px
}

.cf7-nadcab-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
    gap: 10px
}

.cf7-nadcab-col {
    flex: 1 1 100%
}

.cf7-nadcab-col--half {
    flex: 1 1 calc(50% - 10px)
}

.cf7-nadcab-col--full {
    flex: 1 1 100%
}

#cf7-row-name-email .cf7-nadcab-input {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

.cf7-nadcab-input,
.cf7-nadcab-select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    background: 0 0;
    padding: 12px 0;
    font-size: 15px;
    color: #333;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    transition: border-color .3s
}

.cf7-nadcab-input::placeholder,
.cf7-nadcab-select::placeholder {
    color: #aaa
}

.cf7-nadcab-file {
    width: 100%;
    border-bottom: 1px solid #ccc;
    color: #333;
    transition: border-color .3s
}

.cf7-nadcab-textarea::placeholder {
    color: #999
}

.cf7-nadcab-textarea {
    border: 1px solid #eaeaea;
    border-radius: 4px;
    background: #f8f8f8;
    padding: 15px;
    resize: vertical;
    min-height: 120px;
    font-size: 14px;
    color: #333;
    height: 150px
}

.cf7-nadcab-file {
    padding: 14px;
    background: #019d91;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    border-radius: 6px
}

.cf7-nadcab-checkbox {
    margin-right: 8px
}

.cf7-nadcab-row .cf7-nadcab-submit {
    background-color: #019d91;
    color: #fff;
    border: none;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    display: block;
    width: 160px;
    margin: 0 auto;
    transition: background .3s
}

.cf7-nadcab-row .cf7-nadcab-submit:hover {
    background-color: #000;
    color: #fff
}

.cf7-nadcab-disclaimer-row {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.cf7-nadcab-disclaimer {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px
}

.cf7-nadcab-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('https://www.nadcab.com/wp-content/uploads/2025/06/green-down-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 20px 20px;
    padding-right: 24px
}

@media (max-width:768px) {
    .card-icon,
    .card-icon img {
        margin-top: 5px
    }
    .card-content {
        height: auto;
        padding-top: 0 !important
    }
    .card-icon {
        width: 30px !important;
        height: 30px !important
    }
    .panel.active {
        margin-top: -45px
    }
    .panel h2 {
        font-size: 21px
    }
    .content-panels p {
        margin-top: -15px
    }
    .service-card h3 {
        font-weight: 900
    }
    .service-type {
        font-weight: 700
    }
    .cards-container {
        margin-bottom: 0
    }
    .content-panels {
        margin-bottom: -70px !important
    }
    .panel-description {
        line-height: 32px;
        font-size: 14px
    }
    .list-gp-circle li {
        font-size: 14px
    }
    .cf7-nadcab-col--half {
        flex: 1 1 100%
    }
    .cf7-nadcab-quiz {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap
    }
    .cf7-nadcab-submit {
        width: 100%
    }
}

#cf7-contact-number {
    padding-left: 50px !important
}

.iti {
    width: 100%
}

.iti input#cf7-contact-number {
    padding-left: 60px !important;
    padding-right: 10px;
    height: 42px;
    font-size: 15px;
    line-height: 1.4;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: transparent
}

.iti--allow-dropdown input {
    padding-left: 60px !important
}

.iti__flag-container {
    position: absolute;
    left: 8px;
    top: 7px;
    z-index: 5
}

.iti--separate-dial-code input#cf7-contact-number {
    padding-left: 85px !important
}

.iti__selected-dial-code {
    font-weight: 500;
    font-size: 15px;
    color: #333;
    padding-left: 6px
}

.iti__selected-flag {
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important
}

.cf7-nadcab-row--checkbox-quiz {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 20px;
    flex-direction: row !important
}

.cf7-nadcab-row--checkbox-quiz .cf7-nadcab-col {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0
}

.cf7-nadcab-quiz {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    justify-content: flex-end;
    width: 100%
}

.cf7-nadcab-math-label {
    font-size: 15px;
    font-weight: 500;
    margin: 0
}

.cf7-nadcab-quiz input[type=text] {
    width: 100px;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 14px;
    margin: 0
}

@media (max-width:768px) {
    .cf7-nadcab-row--checkbox-quiz {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px
    }
    .cf7-nadcab-row--checkbox-quiz .cf7-nadcab-col {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .cf7-nadcab-quiz {
        display: flex;
        align-items: center;
        white-space: nowrap;
        gap: 8px
    }
}

.cf7-nadcab-file-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 6px;
    min-height: 44px;
    position: relative
}

.cf7-nadcab-file-placeholder {
    font-size: 14px;
    color: #aaa
}

.cf7-nadcab-file-icon {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    pointer-events: auto
}

.cf7-nadcab-file-preview {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 10px;
    padding: 10px 15px;
    background: 0 0;
    border: none;
    border-radius: 6px;
    gap: 10px
}

.cf7-nadcab-file-name {
    font-size: 14px;
    color: #111;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#cf7-nadcab-file-btn {
    display: flex
}

.cf7-nadcab-file-remove {
    display: none;
    background: #ff4d4f;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: none;
    font-size: 22px;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.cf7-nadcab-hidden-file {
    position: absolute !important;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1
}

.cf7-nadcab-file-icon {
    background: #019d91;
    color: #fff;
    font-size: 30px;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    text-align: center;
    line-height: 28px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto
}

.cf7-nadcab-file-icon,
.cf7-nadcab-file-remove {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.cf7-nadcab-file-icon::after,
.cf7-nadcab-file-icon::before {
    content: '';
    position: absolute;
    background-color: #fff;
    transition: transform .3s
}

.cf7-nadcab-file-icon::before {
    width: 16px;
    height: 2px
}

.cf7-nadcab-file-icon::after {
    width: 2px;
    height: 16px
}

.cf7-nadcab-file-icon:hover::before {
    animation: .5s forwards horizontalSplit
}

.cf7-nadcab-file-icon:hover::after {
    animation: .5s forwards verticalSplit
}

.cf7-nadcab-file-icon:not(:hover)::after,
.cf7-nadcab-file-icon:not(:hover)::before {
    animation: none
}

@keyframes horizontalSplit {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(8px);
        opacity: .6
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes verticalSplit {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-8px);
        opacity: .6
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

input[type=file].cf7-nadcab-input {
    background: 0 0;
    border: none;
    font-size: 15px;
    color: #333
}

.team-member h6 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 16px;
    margin: 4px 0;
    font-weight: 600
}

.team-member h6 img {
    width: 18px;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.team-member .designation {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin: 3px 0 0;
    color: #333
}

.hire-form textarea,
textarea {
    resize: none
}

.custom-form h2,
.disclaimer,
.form-footer,
.hire-form {
    text-align: center
}

.custom-form {
    margin: 0 auto
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 30px;
    margin-bottom: 15px
}

.form-row>* {
    flex: 0 0 calc(50% - 15px);
    box-sizing: border-box
}

.form-group {
    flex: 1;
    margin-bottom: 20px
}

.custom-form input,
.custom-form select,
.custom-form textarea {
    width: 100%;
    /* padding: 12px 14px; */
    border: none;
    border-bottom: 1px solid #ccc;
    outline: 0;
    font-size: 15px;
    background: 0 0
}

textarea {
    border: 1px solid #eee;
    border-radius: 6px;
    font-family: 'Karla', sans-serif;
}
.phone-text a{
    color: #00c1a2;
    font-size: 18px;
}


select {
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg fill="%2300aa88" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') right 12px center/50px no-repeat
}

.phone-input {
    display: flex;
    align-items: center;
    gap: 8px
}

.phone-input .code {
    padding: 10px 12px;
    border: 1px solid #eee;
    border-radius: 6px;
    font-size: 14px
}

.checkbox {
    font-size: 11px;
    color: #666;
    display: block;
    margin-top: 6px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center
}

.submit-btn,
.upload-btn {
    background: #0a8;
    color: #fff;
    cursor: pointer
}

.checkbox input {
    height: auto !important;
    margin-bottom: auto !important
}

input[type=checkbox] {
    width: 14px
}

.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel] {
    padding-left: 86px !important
}

.iti--separate-dial-code input[type=tel]:focus {
    color: #000 !important
}

.file-upload label {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    display: block
}

.file-upload-wrapper {
    display: flex;
    justify-content: space-between
}

.file-upload-wrapper * {
    width: 50%;
    flex: 0 0 50%;
    box-sizing: border-box
}

.file-input {
    display: flex;
    align-items: center;
    gap: 10px
}

.file-input input[type=file] {
    flex: 1
}

.upload-btn {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 6px;
    font-size: 20px
}

.submit-btn {
    display: block;
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    margin-top: 10px
}

.submit-btn:hover {
    background: #086
}

.disclaimer {
    font-size: 12px;
    color: #666;
    margin-top: 12px
}

.file-upload-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    font-family: inherit
}

.file-display {
    flex: 1;
    color: #000
}

.btn-submit,
.file-btn,
.hire-form .btn-submit {
    color: #fff;
    cursor: pointer
}

.file-btn {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    border: none;
    background: #009688;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
    max-width: 40px
}

.file-btn.remove {
    background: #e53935
}

.file-btn:hover {
    opacity: .9
}

.form-footer {
    margin-top: 50px
}

.form-footer .checkbox {
    justify-content: center
}

.country-select .flag,
.iti-flag,
.iti__selected-flag .iti__flag {
    background-image: url("https://www.nadcab.com/wp-content/uploads/2025/09/flags@2x-scaled.png") !important
}

.iti__selected-flag .iti__flag {
    background-size: 5629px 15px !important
}

.btn-submit {
    background-color: #019d91;
    border: none;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px;
    display: block;
    width: 160px;
    margin: 0 auto;
    transition: background .3s
}

.custom-contact-form,
.hire-form {
    padding: 30px
}

.custom-form {
    box-shadow: 0 0 26px -11px rgba(0, 0, 0, .5);
    border-radius: 8px;
}

.custom-form h2 {
    font-size: 2.1rem;
    font-weight: 400;
    padding: 30px;
    background: #f8f8f8;
    color: #000
}
.skills-wrapper{
 flex-direction: unset !important; 
}

.custom-form input {
    border: 0;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 5px
}

.custom-form input,
select {
    height: 45px;
    border-radius: 0 !important
}

.custom-form .disclaimer {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 30px
}

.custom-form textarea {
    margin-top: 15px
}

.page-id-83652 .entry-title {
    display: none
}

.shadow-none {
    box-shadow: none
}

.style-form1 input,
.style-form1 select,
.style-form1 textarea {
    height: 55px;
    border-radius: 10px !important;
    border: 1px solid rgba(25, 32, 32, .2) !important
}

.style-form1 .file-upload-wrapper input {
    background: #fafafa !important;
    margin-bottom: 15px;
    padding: 15px;
}

.hire-form {
    background: #ffddc6;
    border-radius: 20px;
    max-width: 600px;
    margin: 0 auto
}

.hire-form h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    text-align: left
}

.hire-form p {
    margin-bottom: 20px;
    font-size: 14px;
    color: #444
}

.hire-form .form-row {
    display: flex;
    gap: 10px;
    margin-bottom: 15px
}

.hire-form input,
.hire-form textarea {
    flex: 1;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
    width: 100%;
    background: #fff
}

.hire-form .btn-submit {
    background: #000;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700
}

.hire-form .btn-submit:hover {
    background: #333
}

.partner-form textarea {
    height: 100px !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #bdbdbd
}

.custom-form button:focus,
.custom-form button:hover {
    background: #000 !important;
    color: #fff !important
}

.service-form input,
.service-form select {
    height: 50px;
    border-radius: 8px !important;
    border: 1px solid #414141;
    color: #fff !important
}

.service-form label {
    color: #818182 !important
}

.service-form .form-group {
    margin-bottom: 0 !important
}

.service-form textarea {
    border: 1px solid #414141 !important;
    color: #fff !important
}

.service-form .form-footer {
    margin-bottom: 15px;
    text-align: center;
    margin-top: 10px
}

.service-form .iti--separate-dial-code .iti__selected-dial-code {
    color: #fff !important
}

input[type=date]:not(:focus):invalid::before {
    content: attr(placeholder);
    color: #999
}

input[type=date]:valid::before {
    content: "" !important
}

.custom-form input:focus,
.custom-form select:focus,
.custom-form textarea:focus {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #050505;
    color: #000 !important
}

@media (max-width:767px) {
    .form-row>* {
        flex: 0 0 100%
    }
    .form-row {
        display: block;
        margin-bottom: 0
    }
    .form-row input,
    .form-row select,
    .form-row textarea,
    .iti--allow-dropdown {
        margin-bottom: 15px
    }
    input[type=tel] {
        margin-bottom: 15px !important
    }
    .form-group {
        margin-bottom: 0
    }
    .job-form h2 {
        margin-bottom: 30px
    }
    .skills-wrapper {
        margin-top: 10px
    }
    .service-form input,
    .service-form select {
        height: 40px
    }
    .service-form textarea {
        border: 1px solid #414141 !important;
        height: 53px;
        margin-top: 5px
    }
    .meeting-left h3 {
        color: #fff;
        font-size: 16px !important;
        line-height: 20px !important
    }
    .ft-mnu-h {
        justify-content: center !important
    }
    .custom-form .iti-mobile .iti--container {
        color: #000 !important;
        z-index: 999999 !important;
        width: unset !important;
        height: 60vh !important
    }
}

.for-success-row,
.partner-row {
    padding: 60px 0;
    gap: 40px;
    display: flex
}

.partner-buttons a,
.partner-row .btn-primary,
.partner-row .btn-primary:hover {
    background: #2eb674;
    color: #fff
}

.partner-buttons a,
.programs-section .btn-primary {
    font-size: .95rem;
    font-weight: 600;
    transition: .3s;
    text-decoration: none
}

.bnc-box,
.contact-text,
.ct-number>*,
.team-left,
.team-right {
    box-sizing: border-box
}

.post-template .ast-builder-grid-row {
    max-width: 1440px;
    margin: 0 auto !important
}

.archive .ast-container,
.page-template .ast-container {
    width: 100%;
    max-width: 100% !important;
    margin: 0;
    padding: 0;
    display: inline-block
}

.partner-row {
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.ast-single-post .entry-content a,
.page-template-services .services-page a {
    color: #00f !important
}

.partner-row .partner-text {
    flex: 1 1 50%
}

.partner-row .partner-text h2 span {
    color: #009970
}

.partner-row .partner-buttons {
    margin-top: 20px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap
}

.partner-row .partner-buttons a {
    text-decoration: none;
    padding: 12px 16px;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 6px;
    border: 2px solid #2eb674;
    transition: .3s
}

.partner-row .btn-primary {
    border-color: #2eb674
}

.partner-section .btn-outline {
    background: #fff;
    color: #000;
    border: 2px solid #000 !important
}

.partner-section .btn-outline:hover {
    background: #f2f2f2;
    border: 2px solid #2eb674 !important;
    color: #000 !important
}

.partner-section .partner-image {
    flex: 1 1 45%;
    text-align: center
}

.partner-section .partner-image img,
.podcast-page .banner-image img,
.podcast-page .podcast-image img {
    max-width: 100%;
    height: auto
}

.for-success-row {
    align-items: center;
    justify-content: space-between
}

.for-success-row .success-text {
    flex: 1 1 100%
}

.partner-buttons a {
    padding: 12px 22px;
    border-radius: 6px;
    border: 2px solid #2eb674
}

.build-exceptional,
.programs-section {
    padding: 80px 0;
    text-align: center
}

.programs-section .programs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
    gap: 25px;
    max-width: 1000px;
    margin: 0 auto
}

.programs-section .program-card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.programs-section .program-icon img {
    width: 50px;
    height: 50px;
    margin-bottom: 20px
}

.programs-section .program-card h3 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0 !important
}

.programs-section .program-card p {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #444;
    margin-bottom: 20px
}

.li-91-7985202681-1 a:hover,
.li-91-9870635001-0 a:hover,
.li-91-9870635001-2 a:hover,
.page-template-services .services-page .callout-button,
.partner-buttons a:hover {
    color: #fff !important
}

.btn-outline:hover,
.page-template-services .services-page .callout-button:hover {
    color: #000 !important
}

.programs-section .btn-primary {
    background: #009970;
    color: #fff;
    border: 2px solid #009970;
    padding: 10px 20px;
    border-radius: 6px
}

.programs-section .btn-primary:hover {
    background: #007f5c;
    color: #fff !important
}

.case_study_section h2,
.explore-image,
.growth-network,
.location-title,
.mr-row,
.nadlab-partner-section .nadlab-title,
.trusted-section {
    text-align: center
}

.growth-network .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px
}

.growth-network .stat {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    text-align: center;
    flex: 1 1 314px;
    max-width: 314px;
}

.growth-network .stat h3 {
    font-size: 30px;
    margin: 0;
    font-weight: 700
}

.growth-network .stat p {
    margin-bottom: 0 !important
}

.global-partners {
    text-align: center;
    padding: 80px 0 0
}

.partner-section-gird {
    padding: 60px 8%;
    text-align: center
}

.partner-section-gird p {
    max-width: 800px;
    margin: 0 auto 40px;
    font-size: 1.1rem;
    color: #555;
    line-height: 1.6;
    padding-top: 10px
}

.partner-section-gird .partner-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 25px
}

.partner-section-gird .partner-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 25px;
    text-align: left;
    transition: .3s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05)
}

.partner-section-gird .partner-card img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px
}

.card-title-info {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    color: #183030
}

.partner-section-gird .explore-btn {
    display: inline-block;
    padding: 10px 30px;
    font-weight: 600;
    color: #111;
    border: 2px solid #111;
    border-radius: 6px;
    text-decoration: none;
    transition: .3s
}

.nadlab-partner-section .btn-outline:hover {
    background: 0 0 !important;
    color: #000 !important
}

.nadlab-partner-section {
    padding: 80px 20px;
    margin: 0 auto
}

.nadlab-partner-section .partner-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2a2f;
    margin-bottom: 50px
}

.partner-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap
}

.nadlab-partner-section .partner-text p {
    font-size: 1rem;
    color: #667085;
    max-width: 500px
}

.image-grid,
.nadlab-partner-section .partner-buttons {
    display: flex;
    gap: 15px
}

.nadlab-partner-section .btn {
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
    display: inline-block
}

.blog-page .blog-card,
.team-images img {
    transition: transform .3s, box-shadow .3s
}

.nadlab-partner-section .btn-outline {
    border: 2px solid #000;
    color: #000;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1)
}

.nadlab-partner-section .btn-primary {
    background: #22c55e;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.nadlab-partner-section .btn-primary:hover {
    background: #16a34a
}

.pr-left-content {
    width: 45%
}

.join-us-partner,
.tag-container {
    padding-bottom: 50px
}

.footer-custom-callout-section.partner {
    background: #f0caf8;
    border-radius: 50px 50px 0 0;
    color: #000
}

.footer-custom-callout-section.partner .callout-title {
    font-size: 40px;
    color: #000;
    font-weight: 500
}

.footer-custom-callout-section.partner .callout-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    text-align: left
}

.footer-custom-callout-section.partner .callout-col {
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box
}

.contact {
    padding: 150px 0 80px
}

.contact .contact-content {
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto
}

.contact .socail-media-contact-icons svg,
.socail-media-contact-icons img {
    width: 30px
}

.socail-media-contact-icons {
    display: flex;
    justify-content: center;
    max-width: 300px;
    gap: 15px
}

.socail-media-contact-icons a {
    display: block;
    background: #000;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    text-align: center;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center
}



.socail-media-contact-icons a svg {
    fill: #fff
}

.contact-left,
.contact-right {
    width: 50%
}

.contact .contact-form {
    box-shadow: 0 0 26px -11px rgba(0, 0, 0, .5);
    border-radius: 8px;
    overflow: hidden
}

.contact-title {
    font-size: 1.125rem;
    font-weight: 300;
    color: #00c1a2
}

.contact-page .faq-question,
.farward,
.podcast-page .send-icon {
    font-size: 18px
}

.contact-left h3 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1em;
    color: #000;
    margin-top: 30px
}

.contact-left {
    padding-right: 158px
}

.contact form {
    padding: 15px
}

.farward {
    display: flex;
    align-items: center;
    text-align: center;
    color: #333;
    font-weight: 500;
    width: 300px;
    margin-bottom: 30px
}

.farward::after,
.farward::before {
    content: "";
    flex: 1;
    border-bottom: 1px solid #999
}

.farward::before {
    margin-right: 10px
}

.farward::after {
    margin-left: 10px
}

.contact-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 60px;
    margin-top: 50px
}

.contact-text {
    flex: 0 1 calc(33.333% - 2px);
    padding: 20px;
    text-align: center;
    border-right: 1px solid #ddd
}

.explore-row,
.phone-text .icon {
    display: flex;
    align-items: center
}

.contact-text:last-child,
.contact-text:nth-child(3n) {
    border-right: none
}

.contact-text p {
    margin-bottom: 1rem
}

.form-heading {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 400;
    padding: 40px;
    background: #f8f8f8;
    color: #000
}

.phone-text .icon {
    justify-content: center;
    gap: 5px
}

.contact-location,
.single-press-release,
.work-row {
    margin-bottom: 50px
}

.contact-text:nth-last-child(-n+3),
.press-item:last-child {
    border-bottom: none
}

.contact-page .faq-section {
    background-color: #f0f2f4;
    padding: 100px 0;
    max-width: 100% !important
}

.contact-page .faq-section .sv-container {
    max-width: 884px;
    margin: 0 auto
}

.contact-page .faq-accordion .faq-item {
    border-bottom: 1px solid #9c9c9c4f;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0 !important;
    padding: 10px 5px;
    margin-bottom: 20px
}

.contact-page .footer-custom-callout-section.partner {
    background: #019d91;
    border-radius: 50px 50px 0 0;
    color: #fff;
    margin-top: -50px
}

.contact-page .footer-custom-callout-section.partner .callout-title {
    font-size: 40px;
    color: #fff;
    font-weight: 500
}

.location-name {
    font-size: 1.4rem;
    font-weight: 400;
    color: #00c1a2;
    margin: 10px 0
}

.ast-container {
    max-width: 100%;
    margin: 0 auto
}

.explore-row {
    gap: 30px
}

.growth-section {
    margin: 50px 0;
    padding: 80px 20px;
    text-align: center;
    background: #f3f6f8
}

.growth-section h2 {
    font-size: 40px;
    font-weight: 700;
    color: #10332e;
    margin-bottom: 20px
}

.growth-section .intro {
    max-width: 800px;
    margin: 0 auto 60px;
    color: #555;
    line-height: 1.6
}

.growth-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(46%, 1fr));
    gap: 40px 60px;
    text-align: left
}

.blog-page .blog-header,
.career-image img,
.join-team,
.press-coverage h2,
.press-header,
.recruitment-process h2,
.team,
.team-grid,
.team-members {
    text-align: center
}

.growth-item h3 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #10332e
}

.growth-item p {
    line-height: 1.6;
    color: #555
}

.two-col-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.career-section,
.jobs-section,
.pd80,
.recruitment-process {
    padding: 80px 0
}

.career-content,
.career-image {
    flex: 1 1 50%;
    max-width: 100%
}

.c-btn {
    text-decoration: none;
    padding: 12px 16px;
    color: #fff !important;
    font-size: 1.2rem;
    font-weight: 700;
    border-radius: 6px;
    background: #00c1a2;
    transition: .3s
}

.blog-nav,
.press-item img,
.white-bg {
    background: #fff
}

.career-image img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto
}

.al-mnt {
    align-items: center
}

.growth-heading {
    font-size: 24px;
    line-height: 29px;
    color: #183030;
    margin-bottom: 10px
}

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

.career-list li a {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #cdcdcd;
    color: #00000099

}

.press-row,
.team-member-details {
    align-items: center;
    display: flex
}

.career-list li span {
    font-size: 19px
}

.career-page .footer-custom-callout-section.partner {
    background: #d7fffc;
    border-radius: 50px 50px 0 0;
    color: #000
}

.explore-section {
    background-color: #e1f6ff;
    padding: 60px 0
}

.join-team,
.mr-card {
    background-color: #f3f6f8
}

.callout-image img {
    max-width: 74%;
    width: 30%
}

.explore-image img {
    margin: 0 auto;
    width: 60%
}

.recruitment-process h2 {
    padding-bottom: 50px
}

.exp-left-content h2 {
    margin-bottom: 57px
}

.career-content h2 {
    font-size: 57px
}

.section-icons,
.sidebar-box {
    margin-bottom: 20px
}

.press-header {
    margin-top: 50px;
    padding: 80px 0
}

.press-row {
    justify-content: space-between;
    gap: 20px;
    max-width: 1000px;
    margin: auto
}

.press-release-single-article img {
    box-shadow: none !important
}

.press-row .left-img,
.press-row .right-content {
    flex: 0 0 50%;
    max-width: 50%
}

.podcast-page .podcast-buttons img,
.press-row .left-img img {
    width: 100%;
    height: auto;
    display: block
}

.press-coverage {
    max-width: 1000px;
    margin: 40px auto;
    padding: 0 20px
}

.press-coverage h2 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 30px
}

.press-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5
}

.press-item img {
    width: 160px;
    height: 100px;
    object-fit: contain;
    flex-shrink: 0;
    border: 1px solid #f1f1f1;
    padding: 5px
}

.archive .article-info,
.blog-page .article-info,
.blog-page .featured-content,
.ct-single-post .featured-content,
.podcast-page .podcast-content,
.press-content,
.trusted-item div,
.trusted-left {
    flex: 1
}

.press-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #000
}

.archive .blog-card h4 a,
.archive-pagination a,
.press-content h3 a {
    color: #183030
}

.press-content p {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    margin: 0
}

.press-release-page .footer-custom-callout-section.partner {
    background-color: #a9e978
}

.press-header h1 {
    font-size: 27px;
    line-height: 36px
}

.description {
    max-width: 600px;
    margin: 0 auto
}

.mr-card,
.team,
.team-images {
    max-width: 1200px
}

.right-content h2 {
    font-size: 35px
}

.press-release-page {
    margin: 30px auto;
    width: 100%
}

.mobile-slider .web-app-card h4,
.press-release-page .hire-btn a {
    color: #fff
}

.press-release-template-default .single-press-release {
    max-width: 1000px;
    margin: 30px auto;
    padding-bottom: 80px
}

.press-release-template-default .single-press-release h1,
.team-members h2 {
    font-size: 30px
}

.fr-parteners h2,
.press-featured-image {
    margin-bottom: 40px
}

.team {
    margin: 130px auto 50px
}

.team h1 {
    font-size: 3.3rem;
    font-weight: 600;
    letter-spacing: 4.8px
}

.team-images {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto
}

.mr-card-content .founder-image {
    flex: 0 0 25%;
    max-width: 25%
}

.mr-card-content .founder-details {
    flex: 0 0 75%;
    max-width: 75%
}

.team-row {
    margin-bottom: 100px
}

.team-images img {
    width: calc(50% - 15px);
    border-radius: 10px;
    cursor: pointer;
    height: 450px;
    object-fit: cover
}

.mr-card,
.mr-card-content img {
    border-radius: 15px
}

.mr-row h2 {
    font-size: 32px;
    margin-bottom: 0
}

.mr-card {
    margin: 0 auto;
    padding: 40px
}

.mr-card-content,
.row-cards-top-pod {
    display: flex;
    gap: 30px
}

.team-images img:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2)
}

.founder-social {
    display: flex;
    gap: 10px
}

.founder-social svg {
    width: 18px
}

.mr-card-content h5,
.post-template-top-10-blog-single-post .main-article .entry-content {
    margin-bottom: 30px
}

.blog-page .popular-item,
.founder-details p,
.quate-icon {
    margin-bottom: 15px
}

.freshwork-single,
.join-team-row,
.tag-container,
.team-members {
    margin: 0 auto;
    max-width: 1200px
}

.team-members {
    padding: 60px 0
}

.join-team {
    padding: 130px 0
}

.join-team h2 {
    margin-bottom: 10px
}

.team-btn {
    background-color: #00c1a2;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 16px;
    padding: 14px 30px;
    color: #fff !important
}

.team-page .footer-custom-callout-section {
    background: #00ffac;
    margin-top: -50px
}

.team-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: 40px
}

.team-member {
    flex: 0 0 158px;
    max-width: 158px;
    text-align: center;
}

.team-member-details {
    gap: 5px;
    justify-content: center;
    line-height: 1.2;
    margin-top: 5px
}

.custom-navigation ul svg,
.team-member-details img {
    width: 14px
}

.team-member h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 6px 0 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px
}

.team-member p,
.team-name {
    font-size: 16px
}

.team-member h4 img {
    width: 18px;
    height: 12px;
    border-radius: 2px;
    display: inline-block
}

.team-member p {
    font-weight: 600;
    color: #183030;
    margin: 0;
    line-height: 1.2
}

.filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px
}

.filter-tabs button {
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    background: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: .3s;
    box-shadow: none;
    color: #69727d
}

.filter-tabs button:hover {
    background-color: #ededed82;
    border-color: #ededed82;
    color: #000;
    font-weight: 600;
    padding: 8px 16px
}

.filter-tabs button.active {
    background: #e6f8f3;
    border-color: #18c29c;
    color: #000;
    font-weight: 600
}

.founder_specialized {
    font-weight: 600;
    margin-bottom: 20px
}

.founder-details h3,
.freshwork-featured h4,
.hire-row .stats h3,
.hire-row .stats p {
    margin-bottom: 0
}

.blog-page .blog-header {
    padding: 40px 20px 20px;
    position: relative
}

.blog-page .blog-header h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0;
    color: #1d2d2d
}

.blog-page .blog-featured {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    position: relative
}

.blog-page .blog-featured img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    width: 100%
}

.blog-page .blog-content {
    max-width: 900px;
    text-align: left;
    margin-top: -100px;
    background: #fff;
    z-index: 1;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 25px 25px 0 0;
    border-radius: 0 10px 0 0
}

.blog-page .blog-content h2 {
    font-size: 2.3rem;
    margin: 10px 0;
    color: #0f2c2c
}

.blog-page .blog-content h2 a {
    color: #0f2c2c
}

.blog-page .blog-content p {
    margin: 0
}

.blog-page .blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px
}

.blog-page .blog-card {
    overflow: hidden;
    box-shadow: none
}

.blog-page .blog-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
    margin-bottom: 15px
}

.blog-page .latest h2,
.blog-page .popular h3 {
    margin-bottom: 20px;
    font-size: 24px
}

.blog-page .blog-meta {
    font-size: .9rem;
    color: #777;
    margin-bottom: 5px
}

.blog-page .blog-card-content h4 a,
.blog-page .post-card h4 a,
.blog-section h4 a,
.recent-posts-single-blog h4 a {
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
  font-family: Karla, sans-serif !important;
    color: #0f2c2c
}

.blog-page .blog-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    max-width: 1200px;
    margin: auto
}

.blog-content h2 {
    line-height: 1.2
}

.blog-page .latest h2 {
    display: flex;
    align-items: center;
    gap: 8px
}

.blog-page .latest h2::after {
    content: "→";
    font-size: 20px
}

.archive .latest-article,
.blog-page .latest-article {
    display: flex;
    gap: 20px;
    margin-bottom: 25px
}

.archive .latest-article img,
.blog-page .latest-article img {
    width: 379px;
    height: 230px;
    border-radius: 8px;
    object-fit: cover
}

.blog-page .article-meta {
    font-size: 12px;
    color: #666;
    margin-bottom: 8px
}

.blog-page .article-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px
}

.blog-page .article-desc {
    line-height: 1.4
}

.archive .popular,
.blog-page .popular {
    background: #faf1e5;
    padding: 20px;
    border-radius: 12px
}

.blog-page .popular-item span {
    font-weight: 700;
    margin-right: 8px;
    color: #444
}

.blog-page .popular-item p {
    margin: 4px 0;
    color: #777
}

.archive .latest h4 a,
.blog-page .latest h4 a,
.popular-item h4 a {
    font-size: 20px;
    font-weight: 400;
    font-family: Karla, sans-serif !important;
    color: #0f2c2c
}

.papular-meta a {
    font-size: 14px;
    color: #54595f !important
}

.popular {
    counter-reset: post-num
}

.popular .popular-item {
    position: relative;
    counter-increment: post-num;
    padding-left: 1.9rem;
    border-bottom: 1px solid #cfcfcf
}

.popular .popular-item:last-child {
    border-bottom: 0 solid #cfcfcf
}

.popular .popular-item::before {
    content: counter(post-num) "";
    position: absolute;
    left: 0;
    top: 32px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #000
}

.explore-tags {
    margin: 80px 0
}

.tags-bg {
    background-color: #004439;
    padding: 80px 40px;
    color: #fff;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 24px;
    display: flex;
    align-items: center
}

.tag-section-title h3 {
    font-size: 36px;
    font-weight: 400;
    line-height: 43px;
    color: #fff
}

.blog-section h2,
.blog-section h2 a {
    line-height: 36px !important
}

.blog-page .guides-section {
    max-width: 1200px;
    margin: auto
}

.blog-page .guides-section h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px
}

.blog-page .guides-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

.blog-page .guide-card img {
    width: 100%;
    height: 275px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 15px
}

.blog-page .guide-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #111
}

.blog-page .blog-category-list,
.blog-page .blog-section {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0
}

.blog-page .section-title,
.ct-single-post .section-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px
}

.blog-page .featured-post,
.ct-single-post .featured-post {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 20px;
    align-items: center
}

.blog-page .featured-post img,
.ct-single-post .featured-post img {
    width: 100%;
    max-width: 500px;
    border-radius: 10px
}

.blog-page .featured-content span,
.ct-single-post .featured-content span {
    font-size: 14px;
    color: #555;
    display: block;
    margin-bottom: 8px
}

.blog-page .post-grid,
.ct-single-post .post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px
}

.blog-page .post-card img,
.ct-single-post .post-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 12px
}

.blog-page a:hover {
    color: #00c1a2 !important
}

.blog-page .blg-btn {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 36px;
    margin: 40px 0;
    color: #0f2c2c
}

.blog-page .blg-btn svg,
.ct-single-post .blg-btn svg {
    width: 60px;
    height: auto
}

.blog-page .article-btn,
.ct-single-post .article-btn {
    font-size: 18px;
    color: #fff;
    padding: 5px 15px;
    border-radius: 16px;
    background: #333;
    justify-content: center;
    width: 160px
}

.blog-page .article-btn svg,
.ct-single-post .article-btn svg {
    width: 50px;
    height: auto;
    fill: #fff
}

.blog-page .blog-article-btn,
.ct-single-post .blog-article-btn {
    text-align: center;
    justify-content: center;
    width: 100%;
    display: flex
}

.blog-section h2 a {
    font-size: 36px;
    font-weight: 700;
    text-decoration: none;
    color: #0f2c2c
}

.blog-page .footer-custom-callout-section.partner,
.post-template-blog-single-post .footer-custom-callout-section.partner {
    background: #02adff;
    border-radius: 50px 50px 0 0;
    color: #000
}

.section-footer-btn {
    margin-bottom: 80px;
    text-align: center
}

.btn-article {
    background: #333;
    font-size: 18px;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 10px 15px;
    border-radius: 16px
}

.section-footer-btn a {
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 200px;
    margin: 0 auto
}

.section-footer-btn svg {
    width: 20px;
    fill: #fff
}

.blog-page .header-blog {
    margin-top: 100px
}

.blog-page .page-heading {
    text-align: center;
    padding-bottom: 30px;
    margin-top: 175px
}

.ct-single-post {
    max-width: 1280px;
    margin: 160px auto 0;
    padding: 20px
}

.ct-single-post .content {
    display: flex;
    margin-top: 20px;
    max-width: 1200px
}

.ct-single-post .content img,
.team-podcast-image img {
    width: 100%;
    border-radius: 24px
}

.ct-single-post .table-of-contents ul {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: toc-counter
}

.ct-single-post .table-of-contents ul li {
    counter-increment: toc-counter;
    margin-bottom: 8px;
    font-size: 18px;
    position: relative;
    padding-left: 25px;
    color: #54595f
}

.ct-single-post .main-article h2 {
    margin-top: 0 !important;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px
}

.toc-title {
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 30px
}

.ct-single-post .table-of-contents ul li::before {
    content: counter(toc-counter) ". ";
    position: absolute;
    left: 0;
    font-weight: 700;
    color: #333
}

.ct-single-post .main-article {
    flex: 2;
    padding-right: 60px;
    max-width: 65%;
    min-width: 0
}

.ct-single-post .sidebar {
    flex: 1;
    max-width: 35%;
    padding: 20px;
    border-radius: 5px;
    position: sticky;
    top: 100px;
    height: fit-content;
    align-self: flex-start;
    transition: background-color .3s
}

.sticky-inner {
    width: 400px
}

.single-post-inner {
    display: flex;
    justify-content: center;
    padding: 0 0 50px
}

.ct-single-post .table-of-contents {
    background-color: #faf1e5;
    border-radius: 16px;
    padding: 30px
}

.ct-single-post .blog-item,
.ct-single-post .section {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.sticky-inner .custom-share {
    padding: 0 0 40px
}

.ct-single-post .sidebar.active {
    background-color: #faf1e5
}

.ct-single-post .sidebar ul {
    list-style: none;
    padding: 0
}

.ct-single-post .sidebar ul li {
    margin-bottom: 10px;
    color: #54595f
}

.ct-single-post .sidebar ul li a {
    color: #54595f;
    text-decoration: none;
    font-size: 18px
}

.ct-single-post .company-body a:hover,
.ct-single-post .sidebar ul li a:hover {
    text-decoration: underline
}

.ct-single-post .section {
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 5px;
    scroll-margin-top: 80px
}

.ct-single-post .section h2 {
    color: #333;
    margin-top: 0
}

.divider-border {
    border-bottom: 1px solid #dfe2e2;
    padding: 20px 0
}

.ct-single-post .latest-blog,
.ct-single-post .related-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 30px
}

.ct-single-post .blog-item {
    padding: 15px;
    text-align: center;
    border-radius: 5px
}

.ct-single-post .blog-item img {
    max-width: 100%;
    height: auto;
    border-radius: 5px
}

.ct-single-post .blog-item p {
    margin: 10px 0 0;
    color: #333
}

.ct-single-post .call-to-action {
    background-color: #0af;
    color: #fff;
    text-align: center;
    padding: 40px;
    margin-top: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.ct-single-post .call-to-action h2 {
    margin: 0 0 10px
}

.ct-single-post .gradient-bg {
    background: linear-gradient(to right, #fc0, #0af);
    height: 50px;
    margin: 20px 0;
    border-radius: 5px
}

.ct-single-post .blog-section {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px
}

.ct-single-post .featured-content h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #002b3d
}

.ct-single-post .featured-content p {
    font-size: 16px;
    color: #555;
    line-height: 1.5
}

.ct-single-post .post-card h3 {
    font-size: 18px;
    margin: 15px;
    color: #222
}

.ct-single-post .blog-category-list {
    padding: 0
}

.expert-section,
.recent-posts-single-blog,
.stats-section {
    padding: 60px 0
}

.recent-posts-single-blog h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 43px;
    color: #000;
    padding-bottom: 30px
}

.company-left-side,
.single-post-meta {
    display: flex;
    align-items: center;
    gap: 10px
}

.single-blog-header {
    padding: 20px 0
}

.blg-recent {
    margin-top: 50px
}

.ct-single-post .blg-btn {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 36px;
    margin: 40px 0
}

.freshwork-template-freshwork-single .ast-container,
.podcast-template-pages .site-content .ast-container,
.post-template-blog-single-post .ast-container,
.post-template-top-10-blog-single-post .ast-container {
    display: block
}

.post-template-blog-single-post .e-con-inner {
    max-width: 100% !important
}

.custom-navigation,
.fr-hero .sv-container,
.hire-cta .sv-container {
    width: 100%
}

.custom-navigation ul {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 15px;
    margin: 0;
    padding: 14px
}

.custom-navigation ul a {
    font-size: 14px;
    color: #333
}

.custom-navigation ul svg:hover {
    fill: #00c1a2
}

.ct-single-post .company-list {
    max-width: 800px;
    margin: auto
}

.ct-single-post .company-card {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    overflow: hidden
}

.ct-single-post .company-header {
    background: #00c896;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ct-single-post .company-left {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    width: 100%
}

.ct-single-post .company-number {
    font-size: 1.4rem;
    font-weight: 700
}

.ct-single-post .company-logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.ct-single-post .company-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.company-left-side h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 29px !important
}

.ct-single-post .company-title {
    font-size: 1.2rem;
    font-weight: 700
}

.ct-single-post .company-established {
    font-size: 1.2rem;
    padding: 5px 12px 5px 35px;
    border-radius: 20px;
    position: relative;
    font-weight: 600
}

.ct-single-post .company-established::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 448 512"><path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path></svg>') center/contain no-repeat
}

.ct-single-post .company-body {
    padding: 20px;
    color: #555;
    line-height: 1.5;
    font-size: .95rem
}

.ct-single-post .company-body a {
    color: #00c896;
    text-decoration: none;
    font-weight: 700
}

.podcast-page .podcast-section {
    background: #fdfaf6;
    padding: 80px 20px;
    margin-top: 54px
}

.podcast-page .podcast-container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1440px;
    margin: auto;
    gap: 40px
}

.pd-list-container {
    max-width: 1440px;
    margin: auto
}

.podcast-page .podcast-content .tag {
    color: #9c5ce0;
    font-weight: 600;
    font-size: 22px;
    display: block;
    margin-bottom: 10px
}

.podcast-page .podcast-content h2 {
    font-size: 44px;
    line-height: 1.2;
    margin: 0 0 20px;
    color: #1d1d1d
}

.podcast-page .podcast-content h2 .highlight {
    color: #9c5ce0
}

.podcast-page .podcast-content p {
    font-size: 18px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 15px;
    max-width: 74%
}

.top-3-podcast {
    background-color: #fcf1fc;
    padding: 60px 0;
    height: 451px
}

.podcast-page .podcast-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    text-decoration: none;
    color: #222;
    font-weight: 500;
    transition: .3s
}

.podcast-page .podcast-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px
}

.podcast-page .podcast-buttons a {
    flex: 1 1 48%;
    max-width: 250px
}

.podcast-page .podcast-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .12)
}

.podcast-page .podcast-image {
    flex: 1;
    text-align: center
}

.podcast-page .top-podcast-cards {
    display: flex;
    gap: 25px;
    justify-content: center;
    position: relative;
    overflow: hidden;
    align-items: center
}

.podcast-page .top-podcast-cards .card-img {
    position: absolute;
    left: 0
}

.podcast-page .podcast-card {
    border-radius: 24px;
    flex: 1 1 calc(33.333% - 30px)
}

.podcast-page .top-podcast-cards {
    flex: 1 1 350px;
    max-width: 550px;
    border-radius: 20px;
    color: #000;
    padding: 20px;
    height: 215px
}

.podcast-page .card-img img {
    width: 175px;
    height: auto;
    border-radius: 15px
}

.podcast-page .top-card-text {
    margin-left: 44%
}

.podcast-page .top-card-text h3 {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 24px;
    color: #000
}

.podcast-page .podcast-header {
    max-width: 650px;
    margin: 0 auto 60px;
    text-align: center
}

.podcast-page .play-btn {
    background: #000;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: .9rem;
    cursor: pointer;
    transition: background .3s
}

.podcast-page .btn-dark:hover,
.podcast-page .play-btn:hover {
    background: #333
}

.podcast-page .podcast-card.orange {
    background: #ff6700
}

.podcast-page .podcast-card.yellow {
    background: #fab811
}

.podcast-page .podcast-card.teal {
    background: #00c1a2
}

.pod-pricing,
.subscribe-section {
    margin: 0 auto;
    text-align: center;
    padding: 60px 0;
    background-color: #fffaf2
}

.pricing-container {
    margin: 0 auto
}

.price-heading-pod {
    max-width: 700px;
    margin: 0 auto
}

.price-heading-pod h2 {
    font-size: 44px;
    line-height: 54px
}

.podcast-section-our-team {
    padding-top: 100px !important
}

.team-podcast-content {
    display: flex;
    align-items: center;
    gap: 200px
}

.team-podcast-content .podcast-text {
    width: 42%
}

@media (max-width:768px) {
    .podcast-page .card-content {
        flex-direction: column;
        text-align: left
    }
    .podcast-page .card-img img {
        width: 100%;
        max-width: 110px
    }
    .pod-pricing {
        padding: 60px 20px
    }
    .podcast-page .banner-text h2{
        font-size: 30px !important;
    }
    body h1 {
        font-size: 2.2rem;
        line-height: 1.1em;
    }
    .podcast-page .mission-section h2, .podcast-page .podcast-text h2{
        font-size: 30px  !important;
    }
}

.podcast-page .podcast-banner,
.podcast-page .podcast-section-our-team {
    background: #fff8f4;
    padding: 60px 20px;
    font-family: Arial, sans-serif
}

.podcast-page .mission-section h2,
.podcast-page .podcast-text h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111
}

.podcast-page .podcast-text h2 span {
    color: #00b894
}

.podcast-list,
.podcast-page .podcast-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px
}

.podcast-list li {
    position: relative;
    padding-left: 32px;
    margin: 10px 0
}

.podcast-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2300b894' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/></svg>") center center/contain no-repeat
}

.podcast-page .podcast-list li {
    font-size: 16px;
    margin: 8px 0;
    color: #222
}

.podcast-page .btn {
    display: inline-block;
    background: #7d5fff;
    color: #fff;
    padding: 12px 22px;
    border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
    transition: background .3s
}

.podcast-page .btn:hover {
    background: #5a3fe0
}

.case-study-page .project-left,
.case-study-page .project-right,
.podcast-page .podcast-image {
    flex: 1;
    min-width: 300px
}

.podcast-page .podcast-image img {
    width: 75%;
    border-radius: 16px;
    object-fit: cover
}

.podcast-page .mission-section {
    background: #f9fbfb;
    padding: 80px 20px;
    text-align: center;
    font-family: Arial, sans-serif
}

.podcast-page .mission-section h2 .highlight {
    background: linear-gradient(90deg, #0fa789, #0fa789);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

.mission-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center
}

.podcast-page .banner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f9a825;
    border-radius: 20px;
    padding: 40px;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap
}


.podcast-page .banner-text {
    flex: 1;
    min-width: 58%;
    color: #000
}

.podcast-page .banner-text h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #000
}

.podcast-page .btn-dark {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 12px 22px;
    border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
    transition: background .3s
}

.podcast-page .banner-image {
    flex: 1;
    min-width: 250px;
    text-align: center
}

.podcast-page .subscribe-container {
    background: #04c3a8;
    padding: 40px 20px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.podcast-page .subscribe-img {
    width: 150px
}

.podcast-page .subscribe-content {
    text-align: center;
    flex: 1;
    padding: 0 20px
}

.podcast-list-card {
    background: #f9f5f2;
    padding: 40px 0
}

.podcast-page .subscribe-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    line-height: 46px
}

.podcast-page .subscribe-form {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.podcast-page .subscribe-form input {
    border: none;
    outline: 0;
    padding: 15px;
    flex: 1;
    font-size: 16px
}

.podcast-page .subscribe-form button {
    background: #000;
    color: #fff;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    border-radius: 0 40px 40px 0;
    display: flex;
    align-items: center;
    gap: 8px
}

.video-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .8);
    z-index: 9999
}

.pod-left,
.pod-right {
    background-color: #fcf1fc;
    padding: 25px
}

.video-popup .modal-content {
    position: relative;
    width: 80%;
    max-width: 800px;
    background: #000;
    border-radius: 10px
}

.video-popup .close {
    position: absolute;
    top: -22px;
    right: -25px;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    z-index: 999;
    background: #00c1a2;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100px
}

.video-popup .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.video-popup .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pod-single .podcast-banner {
    background: #1e1e1e;
    color: #fff;
    text-align: center;
    padding: 100px 20px;
    position: relative;
    overflow: hidden
}

.pod-single .blob,
.pod-single .blob2,
.pod-single .blob3 {
    position: absolute;
    z-index: 1
}

.pod-single .blob {
    top: 5%;
    left: 17%
}

.pod-single .blob2 {
    top: 25%;
    left: 5%
}

.pod-single h2,
.pod-single h3 {
    font-size: 30px !important;
    line-height: 1.2em;
    color: #183030
}

.pod-single .blob3 {
    bottom: 110px;
    right: 14%
}

.pod-single .banner-content {
    position: relative;
    z-index: 2;
    padding-bottom: 50px
}

.pod-single .podcast-card,
.pod-single .sidebar-box {
    background: #fffafc;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    padding: 20px
}

.pod-single .banner-content h1 {
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff
}

.pod-single .icons {
    margin-top: 20px
}

.pod-single .icons img {
    width: 61px;
    margin: 0 5px;
    vertical-align: middle
}

.pod-single .line-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    width: 100%;
    z-index: 1;
    opacity: .6
}

.pod-single .podcast-section {
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: -100px auto auto;
    z-index: 9;
    position: relative
}

.pod-single .podcast-card {
    flex: 2
}

.pod-single .podcast-card img {
    width: 100%;
    border-radius: 15px
}

.pod-single .podcast-card h2 {
    margin: 15px 0 10px;
    font-size: 22px;
    color: #1a1a1a
}

.pod-single .sidebar {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.pod-single .sidebar-box h3 {
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 8px;
    color: #333
}

.pod-single .sidebar-box iframe {
    width: 100%;
    border-radius: 10px
}

.pod-single .related-blog ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.pod-single .related-blog li {
    margin-bottom: 12px
}

.pod-single .related-blog a {
    text-decoration: none;
    color: #000;
    transition: color .3s;
    font-weight: 600;
    font-size: 18px
}

.dot-div {
    border-bottom: 1px dotted #a4a4a4;
    margin-bottom: 20px
}

.pod-left .podcast-card {
    background-color: #fdf9f4;
    border-radius: 24px;
    margin-bottom: 20px
}

.pod-single iframe {
    border-radius: 10px
}

.pod-left {
    border-radius: 24px;
    max-width: 63%
}

.pod-right {
    border-radius: 24px;
    max-width: 100%
}

.tag-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.fr-hero,
.pod-tag {
    align-items: center;
    display: flex
}

.pod-single {
    margin-bottom: 60px
}

.pod-tag {
    max-width: 55%
}

.form-header p,
.large-box-grid p,
.page-template-services .first-heading,
.page-template-services .partners-heading,
.page-template-services .process-subheading,
.pod-single .related-blog a:hover {
    color: #000
}


.fr-hero {
    justify-content: space-between;
    padding: 60px 1px
}

.fr-hero-content {
    max-width: 49%;
    padding-top: 100px
}

.fr-hero h1 {
    font-size: 4rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: #0a2a2f
}

.fr-hero .btn {
    padding: 14px 28px;
    background: #00c896;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: background .3s;
    display: flex;
    align-items: center;
    width: 271px;
    justify-content: space-between;
    font-size: 18px
}

.related-card,
.reshwork-column .btn {
    transition: .3s;
    text-decoration: none
}

.customer-header::after {
    top: 2%
}

.fr-hero .btn:hover {
    color: #fff;
    background: #00a97a
}

.fr-parteners .partner-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 800px;
    margin: 0 auto
}

.fr-parteners .partner-logos .partner-logo {
    flex: 1 1 calc(20% - 20px);
    max-width: calc(20% - 20px);
    min-width: 140px;
    text-align: center;
    border-radius: 8px
}

.fr-hero svg {
    width: 26px
}

.fr-parteners {
    padding: 40px 0;
    text-align: center
}

.fr-works {
    text-align: center;
    padding-top: 60px
}

.work-row h2 {
    font-size: 64px
}

.fr-hero-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    transform: rotate(29deg);
    margin-top: -100px;
    position: absolute;
    right: 10% !important;
    top: 1%;
    left: unset
}

.fr-hero-images img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
    transition: transform .3s
}

.fr-hero-images img:hover {
    transform: scale(1.05)
}

.reshwork-column {
    padding: 200px 0 60px
}

.column-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 100px
}

.reshwork-column .card {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
    border: 4px solid #9b5de5;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    max-width: 50%;
    width: 100%
}

.reshwork-column .card img {
    width: 100%;
    border-radius: 12px;
    display: block
}

.reshwork-column .content {
    max-width: 50%;
    width: 100%
}

.ct-number {
    display: flex;
    flex-wrap: wrap;
    gap: 0
}

.ct-number>* {
    flex: 0 0 calc(50% - 20px)
}

.reshwork-column .content p {
    font-size: 28px;
    font-weight: 500;
    color: #222;
    margin-bottom: 30px;
    line-height: 36px
}

.reshwork-column .logo {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
    max-width: 200px;
    margin-top: 80px
}

.reshwork-column .logo span {
    font-size: 1.3rem;
    font-weight: 700
}

.reshwork-column .btn {
    display: inline-block;
    padding: 12px 24px;
    border: 1px solid #222;
    border-radius: 8px;
    font-weight: 600;
    color: #222
}

.reshwork-column .btn:hover {
    background: #222;
    color: #fff
}

.fr-revers-row {
    flex-direction: row-reverse
}

.stats-section h2 {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 40px;
    max-width: 700px;
    line-height: 55px
}

.stats-wrapper {
    display: grid;
    grid-template-columns: 40% 57.5%;
    gap: 40px
}

.stats-card {
    border-radius: 14px;
    padding: 40px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 280px
}

.stats-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.stats-card.teal {
    background: #00a89d
}

.stats-card.yellow {
    background: #f9b800;
    color: #111
}

.stats-card h4 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #fff
}

.stats-card .big {
    font-size: 5rem;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 1.2
}

.stats-icon {
    margin-top: 20px;
    width: 35%
}

.bnc-section {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    background: #fff;
    margin-top: 40px
}

.bnc-section>:first-child {
    flex: 0 0 60%
}

.bnc-section>:last-child {
    flex: 0 0 36%
}

.bnc-box {
    flex: 1;
    min-width: 300px;
    border-radius: 15px;
    padding: 30px;
    color: #222
}

.bnc-box-left {
    background: #f781d8;
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.bnc-box-left h4,
.swiper-rtl .swiper-button-prev:after,
.web-app-swiper .swiper-button-next:after {
    font-size: 28px
}

.bnc-box-right {
    background: #00c4aa
}

.bnc-image img {
    max-width: 270px;
    margin-top: 20px;
    position: relative;
    top: 30px
}

.freshwork-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 40px
}

.freshwork-featured {
    display: flex;
    align-items: center;
    gap: 20px
}

.crd-header,
.hire-row {
    align-items: center;
    display: flex
}

.freshwork-hero .go-back {
    background: #000;
    padding: 10px 30px;
    border-radius: 100px;
    color: #fff
}

.freshwork-featured img {
    width: 60px;
    height: 56px
}

.freshwork-content h1 {
    font-size: 44px;
    line-height: 56px
}

.freshwork-content h2 {
    font-size: 36px;
    line-height: 46px
}

.client-stacks-wrapper,
.freshwork-description {
    padding-top: 40px
}

.freshwork-description img {
    border-radius: 30px;
    max-width: 800px;
    margin: 43px auto
}

.freshwork-template-freshwork-single {
    margin-top: 80px
}

.hire-row {
    gap: 20px
}

.hire-row>div:first-child {
    flex: 0 0 55%;
    max-width: 55%
}

/* .hire-row>div:last-child {
    flex: 0 0 45%;
    max-width: 45%
} */

.expert-section .hire-row {
    display: flex;
    gap: 20px
}



.expert-section .hire-row>div:first-child {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    border-right: 1px solid #f0f0f0
}

.expert-section .hire-row>div:last-child {
    flex: 0 0 66.66%;
    max-width: 66.66%
}

.form-header {
    background-color: #ffd8c0;
    padding: 40px;
    border-radius: 24px
}

.hire-row .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    margin-top: 30px
}

.hire-row .stat {
    flex: 1 1 145px;
    text-align: left;
    border-left: 1px solid #f0f0f0;
    padding: 10px
}

.hire-row .stat:first-child {
    border-left: none
}

.header-left-content {
    padding-right: 80px
}

.hire-section {
    padding-top: 150px;
    padding-bottom: 60px
}

.hire-page .hire-btn a {
    background: #000;
    padding: 12px 25px
}

.form-header h4 {
    font-size: 32px;
    color: #000
}

.trusted-section p {
    color: #fff;
    margin-bottom: 0
}

.hr-pricing-cards {
    display: flex;
    gap: 30px;
    margin-top: 50px
}

.hire-developers,
.pricing-section {
    padding: 60px 0;
    text-align: center
}

.hr-pricing-card {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    text-align: left
}

.card-line {
    text-align: center;
    color: #019d91
}

.hprice {
    font-size: 36px;
    font-weight: 600
}

.hr-card-icon {
    width: 70px;
    height: 70px
}

.hr-price {
    margin: 20px 0
}

.card-subtitle,
.hr-pricing-card h4 {
    margin-bottom: 5px
}

.pricing-section .hire-btn {
    text-align: center;
    margin-top: 40px
}

.h-slider .swiper-slide-active {
    border: 1px solid #dc2e3d !important
}

.h-slider .swiper-slide {
    background: #000;
    color: #fff;
    padding: 20px
}

.h-slider h4 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 400;
    font-family: karla sans-serif
}

.ft-mnu-h,
.hire-cta h2,
.page-template-services .services-page strong a,
.related-pages h2,
.team-left h2,
.web-app-swiper .swiper-slide h4 {
    font-weight: 700
}

.web-app-section {
    background: #3f51b5;
    color: #fff;
    padding: 60px 0
}

.web-app-swiper {
    margin-top: 50px;
    position: relative;
    padding-bottom: 70px
}

.web-app-swiper .swiper-button-next,
.web-app-swiper .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 5px;
    transform: translateY(0);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.web-app-swiper .swiper-button-prev {
    left: 0
}

.web-app-swiper .swiper-button-next {
    right: 95%
}

.web-app-swiper .swiper-pagination {
    bottom: 5px !important
}

.web-app-swiper .swiper-pagination-bullet {
    background: #888;
    opacity: .7
}

.web-app-swiper .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.web-app-swiper .swiper-slide {
    width: 320px;
    flex-shrink: 0
}

.swiper-button-prev::after {
    border: 0;
    box-shadow: none;
    padding: 0;
    font-size: 26px;
    opacity: 1
}

.web-app-swiper .swiper-button-prev:after {
    font-size: 26px
}

.web-app-swiper .button-prev:hover::after {
    transform: unset;
    box-shadow: unset
}

.web-app-left h2 {
    width: 80%;
    color: #fff;
    margin-bottom: 40px;

}
.expert-section .hire-btn{
    margin-top: 20px;
}
.h-table,
.hire-table {
    text-align: left
}

.team-section {
    padding: 0 20px;
    background: #fff
}

.team-card h4 {
    margin: 10px 0
}

.hire-page .callout-title {
    line-height: 40px
}

.team-container {
    display: flex;
    gap: 0;
    margin: auto;
    align-items: flex-start;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.team-left {
    flex: 0 0 33%;
    position: sticky;
    top: 100px;
    border-right: 0;
    padding: 25px;
    height: fit-content
}

.team-right {
    flex: 0 0 37%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

.divi2 {
    border-bottom: 2px solid #000;
    width: 100px;
    margin: 15px auto;
    display: inline-block
}

.category-header {
    max-width: 600px;
    margin: 200px auto 70px;
    text-align: center
}

.tag-header {
    max-width: 1200px;
    margin: 200px auto 70px
}

.tag-header .page-heading h1 {
    font-size: 48px
}

.ct-logo-icon {
    width: 100px;
    margin: 0 auto
}

.archive .blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

.archive .blog-card {
    overflow: hidden;
    transition: transform .3s, box-shadow .3s;
    box-shadow: none !important
}

.archive .blog-card img {
    width: 100%;
    max-width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: center center;
    border-radius: 8px
}

.archive-pagination {
    margin: 0 auto 50px;
    text-align: center
}

.archive-pagination .current {
    color: #019d91
}

.archive header .ast-container {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block
}

@media (max-width:1024px) {
    .team-container {
        flex-direction: column;
        border-left: none;
        border-bottom: none;
        border-top: none
    }
    .team-left,
    .team-right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        position: static
    }
    .team-right {
        grid-template-columns: 1fr
    }
    .team-left-content {
        position: relative !important;
        top: 0 !important;
        width: 100% !important
    }
}

.team-left h2 {
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 1.3
}

.team-right {
    flex: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.team-card {
    padding: 25px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.hire-page .icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff
}

.ft-mnu-h {
  font-family: Karla, sans-serif !important;
    font-size: 16px;
    letter-spacing: 0;
    color: #4c5863 !important;
    align-items: center;
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
    justify-content: left
}

.case-study-btn,
.trusted-left h2 {
    font-family: Arboria-Bold, sans-serif
}

.build-exceptional.hide-mobile,
.page-id-3693 .entry-header {
    display: none
}

.build-exceptional .section-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0
}

.build-exceptional .section-desc {
    font-size: 16px;
    color: #666;
    max-width: 700px;
    margin: 0 auto 50px
}

.step-cards {
    display: flex;
    justify-content: center;
    gap: 40px
}

.engagement-card h3 {
    line-height: 34px
}

.step-card {
    flex: 1 1 30%;
    max-width: 30%;
    text-align: center
}

.hire-cta,
.step-icon-wrapper {
    align-items: center;
    position: relative
}

.step-icon-wrapper {
    display: inline-flex;
    justify-content: center;
    margin-bottom: 20px
}

.step-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

.hire-cta {
    display: flex;
    justify-content: flex-start;
    min-height: 400px;
    overflow: hidden
}

.hire-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("your-image.jpg") center/cover no-repeat;
    z-index: -2
}

.hire-cta::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    z-index: -1
}

.hire-cta .hero-content {
    max-width: 550px;
    padding: 50px;
    z-index: 1
}

.hire-cta .hero-badge {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

.hire-cta h2 {
    font-size: 42px;
    margin: 10px 0;
    line-height: 1.2;
    color: #fff
}

.hire-cta p {
    font-size: 18px;
    margin: 15px 0 30px;
    color: #ddd
}

.hire-cta .hire-btn a {
    border-color: #fff
}

.related-pages {
    text-align: center;
    padding: 40px 20px
}

.related-pages h2 {
    font-size: 36px;
    margin-bottom: 30px
}

.related-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%
}

@media (max-width:1024px) {
    .related-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:600px) {
    .related-list {
        grid-template-columns: 1fr
    }
}

.related-card {
    display: inline-block;
    padding: 24px 28px;
    background-color: #f2f4f4;
    border-radius: 12px;
    font-weight: 600;
    color: #0f2f2f;
    min-width: 200px;
    text-align: center
}

.case-study-btn,
.help-btn {
    font-weight: 600 !important
}

.related-list a {
    font-size: 20px;
    color: #000;
    font-weight: 600
}

.related-card:hover {
    background-color: #e2e6e6;
    transform: translateY(-3px)
}

.engagement-section {
    padding: 60px 20px;
    margin: 0 auto;
    text-align: center
}

.engagement-section h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #0b2c2f
}

.engagement-section p.section-desc {
    max-width: 800px;
    margin: 0 auto 40px
}

.engagement-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px
}

.engagement-card .icon,
.large-box-grid,
.support-content,
.trusted-container,
.trusted-item,
.trusted-right {
    display: flex;
    display: flex
}

.engagement-card {
    background: #fff;
    padding: 30px 20px;
    border-radius: 12px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .05);
    text-align: left;
    transition: transform .3s, box-shadow .3s
}

.engagement-card .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 28px;
    color: #fff
}

.icon.yellow {
    background: #ffb400
}

.icon.purple {
    background: #6a5acd
}

.icon.blue {
    background: #3f72af
}

.engagement-card h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px
}

.meeting-left h3 {
    font-size: 30px;
    line-height: 36px
}

.large-box-grid {
    text-align: left;
    margin-top: 50px;
    gap: 30px
}

.large-box-grid>div {
    flex: 1 1 50%;
    max-width: 50%;
    padding: 40px
}

.large-box-grid .list-gp-circle li:before {
    border: 3px solid #b95f0b
}

.faq-section .section-heading h2 {
    font-size: 36px
}

.ct-logo-slider {
    overflow: hidden
}

.case-study-page {
    padding-top: 50px
}

.case-study-page .project-section {
    padding: 60px 20px
}

.case-study-page .project-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    gap: 40px;
    flex-wrap: wrap
}

.case-study-page .project-left h2 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 15px
}

.case-study-page .project-left p {
    font-size: 20px;
    margin-bottom: 20px
}

.case-study-btn {
    background-color: #20272c;
    font-size: 20px;
    letter-spacing: .5px;
    fill: #ffffff;
    color: #fff !important;
    border-style: none;
    border-radius: 16px;
    padding: 14px 30px
}

.support-section,
.trusted-section {
    background: #fff;
    font-family: Inter, sans-serif
}

.case-btn {
    margin-top: 40px
}

.case_study_section {
    margin-top: 60px
}

.case-study-page .video-wrapper {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: #dffcff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1)
}

.case-study-page .video-wrapper video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover
}

.support-left .support-item svg,
.trusted-item img {
    width: 50px;
    height: 50px;
    object-fit: contain
}

.trusted-section {
    padding: 80px 0
}

.trusted-container {
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 0 20px
}

.trusted-left p {
    font-size: 20px;
    line-height: 1.6;
    text-align: left;
    color: #656565
}

.trusted-right {
    flex: 1.5;
    flex-direction: column;
    gap: 25px
}

.trusted-left h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 48px;
    text-align: left;
    color: #000;
    margin-bottom: 15px
}

.trusted-item {
    align-items: flex-start;
    gap: 20px
}

.trusted-item img {
    flex-shrink: 0
}

.trusted-item p {
    font-size: 20px;
    line-height: 1.5;
    text-align: left;
    color: #000
}

.trusted-item p a {
    color: #00a181;
    font-size: 16px !important;
    text-decoration: underline !important;
    font-weight: 600
}

.trusted-left,
.trusted-right {
    flex: 1 1 50%;
    max-width: 50%
}

.trusted-item a {
    font-size: 14px;
    font-weight: 600;
    color: #0073e6;
    text-decoration: none;
    transition: color .3s
}

.trusted-item a:hover {
    color: #005bb5
}

.search-page,
.terms-page {
    margin: 0 auto;
    padding: 100px 20px 50px 0
}

.support-section {
    padding: 80px 0;
    color: #222
}

.support-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

.support-header {
    text-align: center;
    margin-bottom: 50px
}

.support-header h2 {
    font-size: 32px;
    font-weight: 700;
    color: #111;
    margin-bottom: 10px
}

.support-header p {
    font-size: 18px;
    color: #555
}

.support-content {
    align-items: flex-start;
    gap: 40px
}

.support-left {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px
}

.support-item p,
.support-left .support-item h4 {
    font-family: Karla, sans-serif !important;
    font-size: 1.125rem;
    font-weight: 400;
    color: #183030;
    margin-bottom: 0
}

.support-item {
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #dadada;
    padding: 30px 0
}

.support-item img {
    width: 28px;
    height: 28px;
    object-fit: contain
}

.support-item h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
    color: #000
}

.support-right {
    flex: 1;
    background: #e8fdf5;
    padding: 30px;
    border-radius: 8px
}

.support-right h4 {
    font-weight: 500;
    font-size: 20px
}

.help-section {
    background: linear-gradient(90deg, #f9fdf5, #f2fcf9, #eaf3f0, #f8f5fe);
    padding: 80px 20px;
    text-align: center;
    position: relative;
    border-bottom-left-radius: 50% 20%;
    border-bottom-right-radius: 50% 20%
}

.help-container {
    max-width: 800px;
    margin: 120px auto 50px
}

.help-container h1 {
    font-size: 34px;
    font-weight: 700;
    color: #3c4942;
    margin-bottom: 25px
}

.help-search {
    position: relative;
    margin: 0 auto 30px;
    max-width: 600px
}

.help-search input {
    width: 100%;
    background: 0 0;
    padding: 14px 45px 14px 16px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05)
}

.help-search .search-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #888
}

.help-search .help-buttons svg {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px
}

.help-search button svg {
    position: absolute;
    right: 25px;
    width: 24px
}

.help-btn {
    background: #000;
    color: #fff !important;
    padding: 8px 25px;
    border-radius: 12px;
    font-size: 16px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .2)
}

.help-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .25)
}

.tc-content {
    display: flex;
    gap: 40px;
    align-items: flex-start
}

.tc-content .table-of-contents {
    flex: 0 0 25%;
    max-width: 25%;
    border: 1px solid #c5c5c5;
    margin-top: 20px
}

.tc-content .tc-post {
    flex: 0 0 70%;
    max-width: 70%
}

.terms-page .tc-content {
    display: flex;
    gap: 80px;
    align-items: flex-start
}

.terms-page .table-of-contents ul {
    list-style: none;
    padding: 0 20px 30px;
    margin: 0
}

.terms-page .table-of-contents li {
    margin: 6px 0
}

.terms-page .table-of-contents a {
    text-decoration: none;
    color: #333
}

.terms-page .toc-title {
    border: 0;
    padding: 20px 20px 0;
    margin-bottom: 0
}

.terms-page h1 {
    font-size: 44px;
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 20px auto
}

.terms-page h1::after {
    content: "";
    display: block;
    height: .1rem;
    background: #183030;
    margin: 5px auto 0;
    width: 100%
}

@media (max-width:1300px) {
    .fr-hero-images {
        top: 5%
    }
}



.mobile-slider .web-app-card {
    background: #000;
    padding: 20px;
    border: 1px solid #fff;
    color: #fff
}

.job-form h2{
    padding-bottom: 15px !important; 
}
.custom-career-form h2{
    padding-top: 15px !important;
}

@media (max-width:1100px) and (min-width:820px) {
    .fr-hero-images {
        top: 1%;
        right: -16% !important
    }
    .fr-hero-content {
        max-width: 49%;
        padding-top: 100px;
        text-align: left
    }
    .fr-hero h1 {
        font-size: 3rem
    }
    .engagement-grid {
        grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
        gap: 10px
    }
    .footer-columns {
        display: flex;
        justify-content: flex-start !important;
        flex-wrap: wrap;
        gap: 20px
    }
}

@media (max-width:1024px) {
    .partner-section {
        padding-top: 100px
    }
    .blog-page .page-heading {
        text-align: center;
        padding-bottom: 20px;
        padding-top: 59px
    }
    .blog-page .blog-container,
    .guides-section {
        padding: 20px
    }
    .blog-section,
    .shortcode-tags,
    .tag .tag-page {
        padding: 20px !important
    }
    .podcast-page .card-img img {
        width: 118px;
        height: auto;
        border-radius: 15px;
        margin-top: 62px
    }
    .podcast-page .top-card-text h3 {
        font-size: 16px;
        line-height: 17px
    }
    .team-podcast-content {
        display: flex;
        align-items: center;
        gap: 40px
    }
    .podcast-list-card {
        background: #f9f5f2;
        padding: 40px 20px
    }
    .blob,
    .blob2,
    .blob3 {
        display: none
    }
    .freshwork-description img {
        max-width: 100%
    }
    .engagement-section h2 {
        line-height: 46px
    }
    .engagement-card h3 {
        font-size: 22px;
        line-height: 30px
    }
    .large-box-grid h3 {
        font-size: 28px !important;
        line-height: 36px !important
    }
    .tag-container {
        display: block !important
    }
}

@media (max-width:991px) {
    .support-content,
    .tc-content,
    .terms-page .tc-content {
        flex-direction: column
    }
    .terms-page .table-of-contents,
    .terms-page .tc-post {
        flex: 0 0 100%;
        max-width: 100%
    }
    .tc-content .table-of-contents,
    .tc-content .tc-post {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100% !important
    }
    .fr-hero,
    .reshwork-column,
    .trusted-container {
        flex-direction: column;
        text-align: center
    }
    .pod-left,
    .reshwork-column .content,
    .trusted-left {
        max-width: 100%
    }
    .stats-wrapper,
    .support-left {
        grid-template-columns: 1fr
    }
    .trusted-right {
        max-width: 100%;
        margin-top: 30px
    }
    .trusted-item {
        justify-content: center
    }
    .fr-hero-images {
        margin-top: 40px;
        transform: rotate(0)
    }
    .blog-page .guides-grid,
    .contact-row {
        grid-template-columns: repeat(2, 1fr)
    }
    .partner-section {
        padding-top: 130px
    }
    .contact-text {
        flex: 0 1 calc(50% - 20px)
    }
    .contact-text:nth-child(2n) {
        border-right: none
    }
    .contact-text:nth-last-child(-n+2) {
        border-bottom: none
    }
    .career-content h2,
    .explore-row h2,
    .recruitment-process h2 {
        font-size: 44px !important;
        line-height: 50px !important
    }
    .growth-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
        gap: 20px 40px;
        text-align: left
    }
    .team-images img {
        flex: 1 1 calc(33.333% - 20px);
        max-width: calc(33.333% - 20px)
    }
    .blog-page .latest-article,
    .pod-single .podcast-section,
    .pricing-section .hire-row {
        display: block
    }
    .blog-page .guides-grid {
        display: grid;
        gap: 20px
    }
    .ct-single-post .sidebar {
        display: none
    }
    .ct-single-post .main-article {
        flex: 2;
        padding-right: 0;
        max-width: 100%;
        min-width: 0
    }
    .ct-single-post .sv-container {
        padding: 0
    }
    .custom-navigation.blog-nav {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-top: 26px
    }
    .custom-navigation.blog-nav::-webkit-scrollbar {
        display: none
    }
    .custom-navigation.blog-nav ul {
        display: flex;
        flex-wrap: nowrap;
        padding: 0 0 0 20px;
        margin: 0;
        list-style: none;
        justify-content: flex-start
    }
    .custom-navigation.blog-nav li {
        flex: 0 0 auto;
        margin-right: 0
    }
    .custom-navigation.blog-nav li svg {
        margin-right: 20px
    }
    .custom-navigation.blog-nav li a {
        display: block;
        padding: 10px 0;
        font-size: 14px;
        white-space: nowrap
    }
    .ct-single-post {
        margin-top: 50px
    }
    .blog-page .page-heading {
        margin-top: 140px
    }
    .team-podcast-content {
        display: block;
        align-items: center;
        gap: 40px
    }
    .podcast-card iframe {
        max-width: 100%;
        height: auto
    }
    .pod-single .banner-content h1 {
        font-size: 40px !important
    }
    .hr-pricing-cards {
        flex-wrap: wrap
    }
    .form-header h4 {
        font-size: 27px;
        font-weight: 700
    }
    .header-left-content {
        padding-right: 0
    }
}

@media (max-width:819px) and (min-width:768px) {
    .fr-hero-content {
        max-width: 100%;
        padding-top: 567px
    }
    .reshwork-column {
        padding: 20px 0 60px
    }
    .filter-tabs {
        gap: 8px
    }
}

@media (max-width:768px) {
    .stats-section h2 {
        line-height: 50px
    }
    .contact-row {
        grid-template-columns: 1fr
    }
    .contact-text:last-child {
        border-bottom: none
    }
    .partner-section,
    .two-col-row {
        flex-direction: column;
        text-align: center
    }
    .contact-text {
        border-right: none;
        flex: 0 1 100%
    }
    .partner-section .partner-text,
    .podcast-page .podcast-content p {
        max-width: 100%
    }
    .partner-section .partner-buttons {
        justify-content: center
    }
    .partner-row .partner-buttons a {
        text-decoration: none;
        padding: 8px 11px
    }
    .for-success-row {
        display: block;
        align-items: center;
        justify-content: space-between;
        padding: 30px 0;
        gap: 40px
    }
    .success-text {
        padding-top: 40px !important
    }
    .growth-network .stat h3 {
        font-size: 30px !important
    }
    .blog-container,
    .footer-custom-callout-section.partner .callout-row,
    .partner-section-gird .partner-grid,
    .podcast-page .podcast-container-header,
    .podcast-page .subscribe-container,
    .row-cards-top-pod,
    .tag-container {
        display: block !important
    }
    .partner-card {
        margin-bottom: 15px !important
    }
    .contact-left,
    .contact-right,
    .pr-left-content,
    .team-podcast-content .podcast-text {
        width: 100%
    }
    .contact {
        padding: 0 0 40px
    }
    .contact-left,
    .header-left-content {
        padding-right: 0
    }
    .bnc-box-left,
    .column-row,
    .contact .contact-content,
    .explore-row,
    .post-template-top-10-blog-single-post .single-post-inner,
    .press-row,
    .single-post-inner,
    .stats-row {
        display: block
    }
    .form-heading {
        padding: 20px;
        font-size: 1.5rem
    }
    .contact-right,
    .podcast-page .podcast-section {
        margin-top: 40px
    }
    .contact-location-content-left h2,
    .contact-page .faq-section h2 {
        font-size: 24px;
        line-height: 1.2 !important
    }
    .contact-page .footer-custom-callout-section.partner .callout-title {
        font-size: 30px;
        line-height: 1.2 !important
    }
    .partner-row {
        display: block !important;
        padding-top: 0 !important
    }
    .callout-image img {
        width: 58%
    }
    .footer-custom-callout-section.partner .callout-title {
        font-size: 34px
    }
    .career-content,
    .career-image {
        flex: 1 1 100%;
        max-width: 100%
    }
    .growth-section h2 {
        line-height: 48px !important
    }
    .growth-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
        gap: 20px 40px;
        text-align: left
    }
    .explore-image {
        text-align: center;
        margin-top: 50px
    }
    .career-section {
        padding: 00px 0
    }
    .pd80 {
        padding: 40px 0
    }
    .press-header {
        margin-top: 0;
        padding: 0 0 50px;
        text-align: center
    }
    .press-item {
        display: block;
        text-align: center
    }
    .hire-row>div,
    .hire-row>div:last-child,
    .press-row .left-img,
    .press-row .right-content {
        flex: 0 0 100%;
        max-width: 100%
    }
    .hire-page h2,
    .right-content h2 {
        font-size: 30px
    }
    .press-content {
        margin-top: 10px
    }
    .team-images img {
        width: 100%;
        flex: 1 1 calc(50% - 20px);
        max-width: calc(50% - 20px)
    }
    .blog-page .header-blog {
        margin-top: 00px
    }
    .blog-page .page-heading {
        text-align: center;
        padding-bottom: 20px;
        padding-top: 40px
    }
    .blog-page .blog-content {
        max-width: 900px;
        text-align: left;
        margin-top: 0;
        background: #fff;
        z-index: 999;
        display: block;
        position: unset;
        bottom: 0;
        padding: 25px 25px 0 0;
        border-radius: 0 10px 0 0
    }
    .tags-bg {
        display: block;
        padding: 20px
    }
    .expert-right,
    .form-header,
    .tag-section-content {
        margin-top: 30px
    }
    .blog-page .guide-card img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        border-radius: 12px;
        margin-bottom: 15px
    }
    .blog-page .page-heading {
        margin-top: 50px
    }
    .company-left-side h2 {
        font-size: 20px !important;
        line-height: 22px !important
    }
    .ct-single-post .company-header {
        padding: 10px !important
    }
    .ct-single-post .company-logo {
        width: 40px;
        height: 40px;
        min-width: 40px
    }
    .ct-single-post .company-established {
        font-size: 1rem;
        line-height: 20px
    }
    .top-3-podcast {
        height: auto
    }
    .page-template-podcast .ast-container {
        margin-top: 0 !important
    }
    .podcast-page .podcast-card {
        border-radius: 24px;
        margin-bottom: 20px
    }
    .podcast-page .top-card-text h3 {
        font-size: 16px !important;
        line-height: 1.2 !important
    }
    .podcast-section-our-team {
        padding-top: 60px !important
    }
    .podcast-page h2 {
        line-height: 1.2 !important;
        font-size: 36px
    }
    .team-podcast-image {
        margin-top: 15px !important
    }
    .podcast-page .subscribe-container img {
        display: none
    }
    .podcast-page .cf7-nadcab-submit {
        width: 29%
    }
    .podcast-page .subscribe-content h2 {
        margin-bottom: 48px !important
    }
    .podcast-page .podcast-image {
        margin-top: 30px !important
    }
    .podcast-page .mission-section h2 {
        font-size: 36px
    }
    .podcast-page .podcast-content h2 {
        line-height: 1.2 !important;
        font-size: 38px
    }
    .fr-hero-images {
        right: 10% !important;
        top: 0;
        left: unset
    }
    .fr-hero-content {
        max-width: 100%;
        padding-top: 367px
    }
    .fr-hero h1 {
        font-size: 2.6rem
    }
    .reshwork-column {
        padding: 00px 0 60px
    }
    .reshwork-column .card {
        max-width: 100%;
        width: 100%
    }
    .reshwork-column .logo {
        margin: 0 auto 30px;
        justify-content: center
    }
    .reshwork-column .content {
        max-width: 100%;
        margin-top: 30px;
        margin-bottom: 40px
    }
    .fr-parteners {
        padding: 0;
        text-align: center
    }
    .bnc-section>:first-child,
    .bnc-section>:last-child {
        flex: 0 0 100%
    }
    .stats-section h2 {
        font-size: 2.3rem;
        max-width: 100%;
        margin-bottom: 0
    }
    .stats-card h4 {
        font-size: 2.2rem;
        line-height: 1.2
    }
    .hire-row {
        gap: 20px;
        align-items: center;
        display: block !important
    }
    .expert-section .hire-row>div:last-child,
    .hire-row>div:first-child {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
    .hire-section {
        padding-top: 50px;
        padding-bottom: 60px
    }
    .web-app-left h2 {
        width: 100%;
        color: #fff
    }
    .web-app-swiper .swiper-button-next {
        right: 86%
    }
    .large-box {
        margin-bottom: 30px
    }
    .terms-page {
        padding: 0 0 50px
    }
    .terms-page .tc-content {
        gap: 30px
    }
    .terms-page h1 {
        margin-top: 30px;
        font-size: 32px
    }
    .help-buttons {
        gap: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    .category-header {
        margin-top: 70px;
        margin-bottom: 20px;
        padding: 0 20px
    }
    .tag .latest-posts,
    .tag-header {
        padding: 20px
    }
    .archive .latest-article {
        display: block !important;
        margin-bottom: 25px
    }
    .tag-header {
        margin-top: 70px;
        margin-bottom: 0
    }
}

@media (max-width:480px) {
    .team-images img {
        flex: 1 1 100%;
        max-width: 100%
    }
    .team-member {
        flex: 0 0 140px;
        max-width: 140px
    }
    .filter-tabs {
        gap: 0
    }
    .large-box-grid,
    .mr-card-content,
    .step-cards,
    .team-right {
        display: block
    }
    .mr-card-content .founder-image {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px
    }
    .founder-details h3 {
        font-size: 24px !important
    }
    .mr-card-content .founder-details {
        flex: 0 0 100%;
        max-width: 100%
    }
    .team h1 {
        font-size: 2.3rem !important
    }
    .team {
        margin: 50px auto
    }
    .growth-network .stats {
        justify-content: center
    }
    .partner-section {
        padding-top: 80px
    }
    .vision-section h2 {
        font-size: 44px;
        line-height: 46px !important
    }
    .team-container {
        display: flex;
        gap: 0;
        margin: auto;
        align-items: flex-start;
        border-left: none;
        border-bottom: none;
        border-top: none
    }
    .step-card {
        flex: 1 1 100%;
        max-width: 100%;
        text-align: center
    }
    .large-box-grid>div {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 40px
    }
    .engagement-section {
        padding: 50px 0
    }
}

.skill-items,
.skill-title {
    padding: 20px;
    box-sizing: border-box
}

:root {
    --primary: #4838a2;
    --text: #000;
    --bg-light: #fafafa
}

.skills-section {
    margin: 40px auto
}

.skill-box {
    display: flex;
    align-items: center;
    background: #fcfcfc;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.skill-title {
    background-color: var(--primary);
    color: #fff;
    font-weight: 700;
    width: 240px;
    min-width: 240px
}

.skill-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.skill-items span {
    color: var(--text);
    font-size: 15px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px
}

.skill-items span:last-child {
    border: none
}

@media (max-width:768px) {
    .skill-box {
        flex-direction: column;
        margin-bottom: 10px;
        border-radius: 8px;
        overflow: hidden
    }
    .skill-title {
        width: 100%;
        font-size: 16px
    }
    .skill-items {
        width: 100%;
        padding: 15px
    }
    .case-study-page .project-section {
        padding: 60px 20px 0px;
    }
    .trusted-left h2 {
        font-family: Arboria-Bold, sans-serif;
        font-size: 38px;
        line-height: 44px !important
    }
    .trusted-section {
        padding: 40px 0
    }
    .case_study_section h2 {
        text-align: center;
        font-size: 30px;
        line-height: 1.2 !important
    }
    .case-study-page {
        padding-top: 0
    }
}

ul li a[href*="t.me"]::before,
ul li a[href^="mailto:"]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%)
}

:root {
    -text-primary-color: #526354;
    --text-secondary-color: #818181;
    --primary-color: #183030;
    --secondary-color-white: #fff;
    --secondary-color-black: #000;
    --bg-color-brand: #019d91
}

.portfolio-tabs {
    height: 77px;
    overflow-y: scroll !important
}

.mobile-btn button:focus,
.vn-fly-menu button:focus,
.vn-fly-menu button:hover {
    background: 0 0 !important;
    border: none !important
}

.page-template-services .ast-container {
    width: 100%;
    max-width: 100% !important;
    margin: 0;
    padding: 0;
    display: inline-block
}

.services-page {
    width: 100%
}

.sv-container {
    max-width: 1440px;
    margin: 0 auto
}

.custom-header-section,
.platforms-section {
    padding: 100px 0 80px;
    text-align: center
}

.header-content {
    max-width: 990px;
    margin: 0 auto
}

.custom-header-section h1 {
    font-size: 55px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: .6px
}

.custom-header-section .partners-heading {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--text-secondary-color);
    padding-top: 50px;
    padding-bottom: 0;
    margin-bottom: 25px
}

.custom-header-section .partner-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 800px;
    margin: 0 auto
}

.hire-btn a svg {
    transition: transform .3s, stroke .3s
}

.hire-btn a:hover svg {
    transform: rotate(45deg)
}

.hire-btn a:hover svg path {
    stroke: var(--secondary-color-black) !important
}

.custom-header-section .partner-logos .partner-logo {
    flex: 1 1 calc(20% - 20px);
    max-width: calc(20% - 20px);
    min-width: 140px;
    text-align: center;
    background: #f6f8f9;
    border-radius: 8px
}

.custom-callout-section {
    padding: 80px 0;
    background: var(--secondary-color-black);
    color: var(--secondary-color-white);
    text-align: center
}

.custom-callout-section .callout-title {
    font-size: 44px;
    color: var(--secondary-color-white)
}

.footer-bottom .footer-socials img{
    width: 30px;
    height: 30px;
}
.region  img{
    width: 30px;
    height: 30px;
}

.region img,
.social-iconct img,
.social-icons-wrapper .social-icon img {
   width: 50px;
    height: 50px;
}
.region img{
	width: 30px;
    height: 30px;
}
.social-iconct {
    display: flex;
    gap: 10px;
}

.social-icons-wrapper a {
    background-color: #f3f8f6;
    height: 50px;
    width: 50px;
    display: flex;
    gap: 10px;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 0px;
    border-radius: 8px
}

.services-page .social-icons-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px
}

.card_layout,
.team-vision-section {
    padding: 80px 0
}

.card_layout .card-top-content {
    text-align: center;
    padding-bottom: 60px
}

.card_layout .card-flat {
    box-shadow: none
}

.card_layout .card-shadow {
    box-shadow: 2px 0 10px 0 rgba(218, 210, 210, .5);
    padding: 20px;
    border-radius: 20px
}

.card_layout .offer-card-wrapper,
.crypto-exchange-section .features-grid,
.crypto-exchange-section .st-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start
}

.card_layout .first-heading {
    margin-bottom: 0;
    text-transform: uppercase
}

.card_layout .second-heading {
    font-size: 44px;
    font-weight: 500
}

.card_layout .offer-card-wrapper .offer-card {
    flex: 0 0 calc(33.333% - 14px);
    box-sizing: border-box
}

.card_layout .offer-card-wrapper .card-title {
    font-family: arboria-medium, sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 40px
}

.card_layout .offer-card-wrapper .icon {
    width: 60px
}

.future-callout-section .two-col-layout {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap
}

.future-callout-section .left-col {
    flex: 1 1 50%;
    max-width: 48%
}

.future-callout-section .right-col {
    flex: 1 1 50%;
    max-width: 48%;
    color: var(--secondary-color-black)
}

.feature-heading {
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 34px !important;
    color: #000;
    color: var(--secondary-color-black);
    margin-bottom: 20px
}

.feature-content {
    color: var(--secondary-color-black);
    margin-bottom: 20px
}

.feature-button .callout-button {
    background: var(--secondary-color-black);
    color: var(--secondary-color-white);
    padding: 12px 20px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    font-weight: 600
}

.feature-button .arrow-icon {
    margin-left: 8px
}

.feature-social-icons {
    margin-top: 20px
}

.feature-social-icons .social-icon-link {
    display: inline-block;
    margin-right: 10px
}

.right-col ul {
    list-style: none;
    padding: 0;
    margin: 0 30px
}

.right-col li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px
}

.right-col li:before {
    content: "";
    position: absolute;
    border-radius: 100px;
    border: 3px solid var(--secondary-color-black);
    opacity: 1;
    width: 14px;
    height: 14px;
    margin-left: -25px;
    align-items: center;
    margin-top: 8px
}

.platform-icons-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 40px auto 0;
    max-width: 1000px
}

.platform-icons-grid .platform-icon {
    width: calc((100% - 6 * 20px)/ 7);
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px
}

.platform-icon {
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center
}

.platform-icons-grid img {
    width: 112px
}

.about-careers-section,
.blog-post-section,
.case-study-section,
.footer-made {
    text-align: center
}

.development-process-section {
    padding: 80px 0;
    background: var(--secondary-color-white);
    text-align: center
}

.process-subheading {
    color: var(--text-secondary-color);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px
}

.features-section h6,
.section-heading {
    margin-bottom: 10px
}

.process-steps-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px
}

.newfooter h4,
.step-number {
    align-items: center;
    display: flex
}

.blog-cards-wrapper,
.footer-menu {
    gap: 30px;
    display: flex
}

.process-card {
    width: 20.33%;
    text-align: center;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .05);
    background: #fff;
    position: relative
}

.step-number {
    width: 50px;
    height: 50px;
    border: 2px dashed #ccc;
    border-radius: 50%;
    margin: 0 auto 15px;
    justify-content: center;
    font-weight: 700;
    font-size: 35px;
    color: #00aea5
}

.step-title {
    font-size: 24px !important;
    font-weight: 500;
    color: #002b36;
    margin-bottom: 10px;
    line-height: 28px !important
}

.blog-cards-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    padding: 50px 0
}

.blog-card {
    flex: 0 0 48%;
    text-decoration: none;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    transition: transform .2s, box-shadow .2s
}

.blog-cards-wrapper .sr-card-content {
    display: flex;
    align-items: flex-start;
    text-align: left;
    gap: 20px
}

.blog-cards-wrapper .svpost-image {
    flex: 0 0 40%
}

.blog-cards-wrapper .svpost-image img {
    width: 100%;
    object-fit: cover;
    height: 233px
}

.blog-cards-wrapper .sv-content {
    flex: 1;
    padding: 20px
}

.footer-bottom,
.footer-menu {
    justify-content: space-between
}

.blog-cards-wrapper .sv-content .card-desc {
    color: #526354;
    font-size:18px;
}

.blog-cards-wrapper .card-title {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

.blog-subheading,
.section-heading {
    font-size: 33px !important;
    font-weight: 500 !important
}

.case-study-section .portfolio-grid {
    margin-bottom: 60px
}

.faq-section {
    padding: 80px 0;
    text-align: center;
    max-width: 750px;
    margin: 0 auto
}

.faq-question {
    cursor: pointer;
    position: relative;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    color: #000
}

.footer-custom-callout-section,
.footer-menu a:hover {
    color: var(--secondary-color-white)
}

.faq-accordion .faq-item {
    border: 1px solid #eceaea;
    border-radius: 16px !important;
    padding: 10px 18px;
    margin-bottom: 20px
}

.faq-question .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transition: transform .3s
}

.faq-question[data-expanded=true] .arrow {
    transform: translateY(-50%) rotate(-135deg)
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s;
    text-align: left
}

.faq-question[data-expanded=true]+.faq-answer {
    max-height: 500px;
    margin-top: 10px
}

.footer-custom-callout-section {
    background: var(--bg-color-brand);
    padding: 60px 0;
    text-align: center
}

.footer-custom-callout-section .callout-title {
    font-size: 40px;
    color: #fff;
    font-weight: 500
}

.newfooter {
    max-width: 1440px;
    margin: 0 auto;
    padding: 50px 0
}

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

.newfooter h4 {
    font-family: Karla, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    color: #4c5863;
    margin-bottom: 10px;
    gap: 5px
}

.footer-addresses p,
.footer-menu a {
    color: #656565;
    font-size: 16px;
    line-height: 28px;
    margin-top: 0px;
}

.footer-menu a {
    padding-top: 5px;
    padding-bottom: 5px
}

.footer-addresses {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    padding-top: 30px
}

.region {
    display: flex;
    gap: 10px
}

.region-tex {
    padding-left: 10px
}

.footer-bottom {
    display: flex;
    align-items: center;
    padding: 15px 0
}

.bottom-links {
    border-top: 1px solid #d9e0e6;
    padding-top: 20px;
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 85px;
    font-size: 16px
}

.footer-copy {
    text-align: right
}

.footer-links a {
    color: #526354;
    padding: 5px 6px;
    font-size: 16px;
    line-height: 28px;
}

.li-91-7985202681-1,
.li-91-9870635001-0,
.li-91-9870635001-2 {
    background-color: #070707;
    padding: 5px 15px;
    border-radius: 10px;
    margin-bottom: 10px
}

.li-91-7985202681-1 a,
.li-91-9870635001-0 a,
.li-91-9870635001-2 a {
    color: #fff;
    font-size: 16px
}

li[id^=li-91].li-91-7985202681-1 a::before,
li[id^=li-91].li-91-9870635001-0 a::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 6px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z'/%3E%3C/svg%3E") center/contain no-repeat
}

.li-91-9870635001-2::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 6px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg class='e-font-icon-svg e-fab-whatsapp' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E")
}

ul li a[href*="t.me"],
ul li a[href^="mailto:"] {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    color: inherit
}

ul li a[href^="mailto:"]::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 512 512'%3E%3Cpath d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.5 21.49 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.51-21.5-48-48-48zM464 112v40.8c-22.4 18.26-58.2 46.65-134.6 106.49-16.8 13.25-50.2 45.07-73.4 44.7-23.2.38-56.6-31.46-73.4-44.7C106.2 199.47 70.42 171.07 48 152.8V112h416zM48 400V214.4c22.91 18.25 55.41 43.86 104.9 82.65 21.86 17.2 60.13 55.19 103.1 54.96 42.72.23 80.51-37.2 103.1-54.95 49.53-38.78 82.03-64.4 104.9-82.65V400H48z'/%3E%3C/svg%3E") center/contain no-repeat
}

ul li a[href*="t.me"]::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 448 512'%3E%3Cpath d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z'/%3E%3C/svg%3E") center/contain no-repeat
}

.future-callout-section {
    background: #f2b300;
    padding: 80px 0
}

.crypto-exchange-section {
    padding: 80px 0;
    background-color: var(--secondary-color-white)
}

.crypto-exchange-section .section-title {
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.2
}

.crypto-exchange-section .section-description {
    max-width: 1000px;
    margin: 0 auto 50px;
    text-align: center
}

.crypto-exchange-section .features-title {
    font-size: 23px;
    font-weight: 600;
    text-align: center
}

.crypto-exchange-section .features-grid-row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    margin-top: 30px
}

.crypto-exchange-section .features-grid-section,
.flex-col {
    flex: 1;
    min-width: 300px
}

.crypto-exchange-section .feature-card {
    flex: 0 0 calc(32% - 10px);
    background-color: #fff;
    padding: 8px 10px;
    border-radius: 12px;
    box-shadow: 0 0 10px 0 rgba(194, 194, 194, .5);
    display: flex;
    align-items: center;
    gap: 12px;
    transition: transform .2s
}

.crypto-exchange-section .feature-icon {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.crypto-exchange-section .feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.crypto-exchange-section .feature-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 0 !important
}

.colors-typography .section-heading,
.typography-right h3 {
    font-size: 44px !important;
    font-weight: 500 !important
}

.features-section,
.two-col-section {
    padding: 60px 0
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px
}

.about-us .footer-custom-callout-section .callout-col img,
.image-col img {
    max-width: 100%;
    height: auto;
    display: block
}

.image-left .flex-row {
    flex-direction: row
}

.image-right .flex-row {
    flex-direction: row-reverse
}

.hide-mobile {
    display: block
}

.colors-typography .section-heading {
    line-height: 46px !important
}

.colors-typography {
    padding: 50px 0
}

.typeo .font-view {
    font-size: 24px;
    line-height: 36px
}

.typeo {
    margin-top: 100px
}

.more-screens {
    text-align: center;
    padding: 60px 0
}

.features-heading {
    margin-bottom: 50px
}

.technology-stacks-section {
    max-width: 1000px;
    text-align: center;
    margin: 60px auto
}

.technology-stacks-section .gs_logo_single img {
    height: 85px !important
}

.technology-stacks-section .description {
    max-width: 600px;
    margin: 0 auto
}

.technology-stacks-wrapper .swiper-slide img {
    height: 85px
}

.technology-stacks-wrapper {
    padding: 20px 0;
    margin: 0 auto;
    overflow: hidden;
    max-width: 800px
}

.page-template-about .ast-container {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0
}

.about-us-section .highlight {
    color: #1ca78d
}

.about-us-section {
    text-align: center;
    padding: 80px 0;
    max-width: 1163px;
    margin: 50px auto 0
}

.about-us-section h1 {
    font-size: 57px;
    line-height: 63px;
    max-width: 800px;
    margin: 0 auto
}

.about-us-section .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 30px
}

.about-us-section .counter {
    font-size: 69px;
    line-height: 75px;
    font-weight: 600
}

.about-us-section .counter p {
    margin-bottom: 0
}

.about-us-section .stat {
    flex: 1 1 217px;
    text-align: center;
    border-left: 1px solid #ccc;
    padding: 0
}

.about-us-section .stat:first-child {
    border-left: none
}

.about-us-section .stat h3 {
    font-size: 2rem;
    color: #1ca78d;
    margin: 0
}

.team-member-two-col .two-col,
.vision {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center
}

.team-member-two-col .two-col .text,
.vision .text {
    flex: 1 1 400px
}

.team-member-two-col .two-col .images,
.vision .images {
    flex: 1 1 400px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.team-member-two-col .two-col img,
.vision img {
    width: 100%;
    border-radius: 12px;
    object-fit: cover
}

.team-member-two-col .members {
    display: flex;
    gap: 20px;
    margin-top: 20px
}

.team-member-two-col .members img {
    height: 50px;
    object-fit: contain
}

.our-company .section-subtitle,
.our-vision h4,
.team-member-two-col h4,
.team-vision-section h4 {
    text-transform: uppercase;
    color: #0fa789;
    font-weight: 400;
    margin-bottom: 0
}

.ba-flex-row {
    display: flex;
    justify-content: space-between;
    gap: 50px
}

.ba-flex-row>* {
    flex: 1;
    max-width: 50%
}

.ba-flex-row .images {
    position: relative
}

.ba-flex-row .main-img {
    width: 57%
}

.ba-flex-row .side-img1 {
    position: absolute;
    bottom: 0;
    margin-left: 30px
}

.ba-flex-row .side-img2 {
    position: absolute;
    width: 28%;
    top: 423px;
    left: 50%
}

.images-vision {
    position: relative;
    text-align: right;
    display: inline-block
}

.images-vision img:first-child {
    width: 60%
}

.images-vision img:nth-child(2) {
    width: 200px;
    position: absolute;
    left: 60px;
    bottom: 0;
}

.images-vision img:nth-child(3) {
    width: 150px;
    position: absolute;
    left: 190px;
    bottom: -171px;
}

.members {
    display: flex;
    gap: 30px;
    margin-bottom: 15px;
}

.members img {
    width: auto;
    height: 50px;
}

.our-vision {
    margin: 250px 0;
}

.vision-section {
    text-align: center;
    color: #fff;
    padding: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0 0 50px 50px;
}

.vision-items {
    display: flex;
    gap: 100px;
}

.vision-section h4 {
    margin-bottom: 0;
    color: #0fa789;
    text-transform: uppercase;
}

.vision-section h2 {
    margin-bottom: 50px;
    font-size: 60px;
    color: #fff;
    line-height: 70px;
}

.vision-section h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 5px;
}

.teams-list {
    display: flex;
    gap: 50px;
}

.teams-list img {
    border-radius: 10px;
    width: 100%;
}

.about-us .social-icons {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 10px 0px;
    gap: 15px;
    justify-content: center;
}
.card-btn a{
    color: #fff !important;
}
.team-photo img{
    width: 100%;
}

.about-us .social-icons li img {
    width: 20px;
    border-radius: 0;
}

.timeline-sec {
    padding: 200px 0;
}

.our-company {
    text-align: center;
    padding: 100px 0;
}

.our-company .card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    text-align: left;
}

.our-company .card {
    padding: 40px 30px;
    background: #14161a;
    border-radius: 16px;
    color: #fff;
    position: relative;
}

.our-company .card img {
    height: 11%;
    width: 50%;
}

.our-company .card p {
    margin-bottom: 10;
    padding-top: 10px;
}

.card-btn {
    position: absolute;
    bottom: 30px;
}

.our-company .section-title {
    margin-bottom: 50px;
    font-size: 60px;
    line-height: 70px;
}

.about-careers-section .team-photos {
    display: flex;
    gap: 15px;
}

.about-us .footer-custom-callout-section .callout-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    text-align: left;
}

.about-us .footer-custom-callout-section .callout-col {
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box;
}

.about-us .footer-custom-callout-section .callout-title {
    line-height: 1.2
}

.about-careers-section h4 {
    font-weight: 500;
    text-transform: uppercase;
    color: #0fa789;
    margin-bottom: 0;
}

.about-us .career-btn {
    background: #00c1a2;
    color: #fff;
    padding: 16px 30px;
    border-radius: 8px;
    font-size: 18px;
    position: relative;
    top: 15px;
}
.career-description{
    margin-bottom: 15px;
}
.about-us .footer-custom-callout-section {
    border-radius: 50px 50px 0 0;
}

.callout-image img {
    margin: 0 auto;
}

.team-photos {
    margin: 60px 0 80px;
}

@media (max-width:768px) {
    .hide-mobile {
        display: none;
    }
    .flex-row {
        flex-direction: column;
    }
}

@media (max-width:1559px) {
    .sv-container {
        padding: 0 20px;
    }
    .newfooter {
        padding: 50px 30px 20px;
    }
}

@media (max-width:1120px) {
    .sv-container {
        padding: 0 20px;
    }
    .future-callout-section .left-col {
        flex: 1 1 47%;
        max-width: 47%;
    }
    .custom-header-section h1 {
        font-size: 44px;
    }
    .footer-menu {
        justify-content: space-between;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .newfooter {
        padding: 50px 30px 20px;
    }
    .bottom-links,
    .footer-addresses {
        gap: 20px;
    }
    .crypto-exchange-section .feature-card {
        flex: 0 0 calc(48% - 10px) !important;
        min-width: 46% !important;
    }
    .platform-icons-grid .platform-icon {
        width: calc((100% - 10 * 0px)/ 7);
    }
    .services-page {
        margin-top: 60px;
    }

    .custom-header-section, .platforms-section {
        padding: 50px 0 50px;
        text-align: center;
    }
}

@media (max-width:992px) {
    .card_layout .offer-card-wrapper,
    .process-steps-wrapper {
        gap: 12px;
    }
    .blog-cards-wrapper .card-desc {
        display: none;
    }
    .blog-cards-wrapper .svpost-image img {
        height: 150px;
    }
    .custom-header-section h1 {
        font-size: 38px !important
    }
    .card_layout .second-heading,
    .custom-callout-section .callout-title {
        font-size: 34px !important;
        line-height: 38px !important
    }
    .card_layout .offer-card-wrapper .offer-card {
        flex: 0 0 calc(32% - -2px);
        box-sizing: border-box;
        width: 32%
    }
    .card_layout .offer-card-wrapper .card-title {
        line-height: 29px !important;
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 20px;
        word-break: break-word
    }
    .future-callout-section .left-col {
        flex: 1 1 44%;
        max-width: 44%
    }
    .footer-menu {
        justify-content: space-between;
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
    .crypto-exchange-section .feature-card {
        flex: 0 0 calc(47% - 10px) !important;
        min-width: 46% !important;
        display: block;
        text-align: center
    }
    .crypto-exchange-section .feature-title {
        text-align: center
    }
    .crypto-exchange-section .feature-icon {
        margin: 8px auto
    }
}

@media (max-width:800px) and (min-width:768px) {
    .card_layout .offer-card-wrapper .offer-card {
        flex: 0 0 49% !important
    }
    .process-card {
        width: 48%
    }
    .blog-post-section .blog-card {
        flex: 0 0 47%
    }
    .future-callout-section .left-col {
        flex: 1 1 48%;
        max-width: 48%
    }
    .future-callout-section .right-col {
        flex: 1 1 46%;
        max-width: 46%
    }
    .right-col ul {
        list-style: none;
        padding: 0;
        margin: 0 5px
    }
    .platform-icons-grid .platform-icon {
        width: calc((100% - 1 * 0px)/ 6)
    }
}

@media (max-width:767px) {
    .card_layout .second-heading,
    .custom-callout-section .callout-title,
    .section-heading {
        font-size: 28px !important;
        line-height: 30px !important
    }
    .about-careers-section .team-photos,
    .about-us .footer-custom-callout-section .callout-row,
    .ba-flex-row,
    .blog-cards-wrapper .sr-card-content,
    .bottom-links,
    .footer-addresses,
    .footer-bottom,
    .footer-menu,
    .footer-menu .footer-column:last-child ul,
    .teams-list,
    .vision-items {
        display: block
    }
    .custom-header-section h1 {
        font-size: 32px !important
    }
    .services-page h1,
    h2,
    h3 {
        line-height: 36px !important
    }
    .section-heading {
        font-weight: 500 !important
    }
    .future-callout-section .left-col {
        flex: 1 1 100%;
        max-width: 100%
    }
    .future-callout-section .right-col {
        flex: 1 1 100%;
        max-width: 108%
    }
    .blog-post-section .blog-card,
    .card_layout .offer-card-wrapper .offer-card {
        flex: 0 0 100%
    }
    .newfooter h4,
    .region {
        justify-content: center
    }
    .faq-question {
        text-align: left;
        line-height: 1.2
    }
    .footer-copy,
    .footer-made,
    .newfooter {
        text-align: center
    }
    .process-card {
        width: 100%
    }
    .sv-container {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 20px
    }
    .bottom-links {
        border: 0
    }
    .newfooter {
        padding: 45px 30px
    }
    .region {
        display: flex;
        gap: 10px;
        padding-top: 15px
    }
    .footer-made {
        padding-top: 20px
    }
    .footer-made p {
        margin-bottom: 0
    }
    .footer-column {
        padding-bottom: 20px
    }
    .hire-btn a:focus,
    .hire-btn a:hover {
        background: #fff !important;
        color: #000 !important
    }
    .footer-column ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        list-style: none
    }
    .footer-column ul li {
        flex: 1 1 calc(33.33% - 20px);
        min-width: 141px
    }
    .region svg,
    .social-iconct svg {
        width: 24px;
        height: 24px
    }
    .social-iconct {
        display: flex;
        gap: 15px;
        justify-content: center
    }
    .card_layout,
    .crypto-exchange-section,
    .custom-callout-section,
    .custom-header-section,
    .faq-section,
    .footer-custom-callout-section,
    .future-callout-section {
        padding: 30px 0
    }
    .right-col ul {
        margin: 0
    }
    .card_layout .card-top-content {
        padding-bottom: 30px
    }
    .footer-custom-callout-section .callout-title {
        font-size: 30px
    }
    .faq-question {
        font-size: 16px;
        padding-right: 15px
    }
    .custom-header-section .partners-heading {
        font-size: 20px;
        font-weight: 400;
        padding-top: 10px
    }
    .custom-header-section .partner-logos .partner-logo {
        min-width: 105px
    }
    .services-page {
        margin-top: 80px
    }
    .crypto-exchange-section .feature-card {
        flex: 0 0 calc(49% - 10px);
        min-width: 47%
    }
    .crypto-exchange-section .features-title {
        margin-bottom: 15px !important
    }
    .platform-icons-grid .platform-icon {
        width: calc((100% - 1 * 0px)/ 4)
    }
    .case-study-hero-section {
        padding: 40px 15px
    }
    .case-study-hero-section .hero-title {
        font-size: 32px
    }
    .case-study-hero-section .hero-subtitle {
        font-size: 18px
    }
    .requirements-left,
    .requirements-right {
        flex: 1 1 100%
    }
    .case-study-single .callout-row {
        display: block;
        flex-wrap: wrap;
        align-items: center
    }
    .case-study-single .callout-col {
        flex: 0 0 100%;
        max-width: 100%;
        box-sizing: border-box
    }
    .callout-image {
        margin-top: 30px
    }
    .features-inner {
        display: block !important
    }
    .case-study-hero-section h2 {
        font-size: 34px;
        font-weight: 400;
        line-height: 42px !important;
        margin-bottom: 15px
    }
    .typeo h3 {
        font-size: 28px !important
    }
    .single-case .portfolio-card {
        height: 446px !important
    }
    .typeo {
        margin-top: 0
    }
    .colors-typography,
    .timeline-container {
        padding: 0
    }
    .about-us-section h1 {
        font-size: 36px;
        line-height: 40px
    }
    .about-us-section .counter {
        font-size: 60px;
        line-height: 60px
    }
    .about-us-section .stat {
        flex: 1 1 157px
    }
    .ba-flex-row>* {
        max-width: 100%
    }
    .ba-flex-row .side-img1 {
        position: relative;
        bottom: -19px;
        margin-left: 30px
    }
    .ba-flex-row .side-img2 {
        position: absolute;
        width: 28%;
        top: 161px;
        left: 65%
    }
    .our-vision .ba-flex-row {
        display: inline-grid
    }
    .our-vision .images-vision {
        order: 2
    }
    .our-vision {
        margin: 100px 0 200px
    }
    .images-vision img:nth-child(2) {
        width: 118px;
        position: absolute;
        left: 1px;
        bottom: 0
    }
    .images-vision img:nth-child(3) {
        width: 102px;
        position: absolute;
        left: 103px;
        bottom: -115px
    }
    .vision-section h3 {
        padding-top: 10px
    }
    .team-member {
        width: 220px;
        margin: 0 auto;
        padding-bottom: 20px;
        text-align: center;
    }
    .team-vision-section {
        padding: 50px 0
    }
    .timeline-container .year-labels {
        gap: 4px
    }
    .timeline-sec {
        padding: 100px 0
    }
    .our-company .card-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .team-photo {
        margin-bottom: 15px
    }
    .custom-header-section, .platforms-section {
        padding: 80px 0 50px !important;
        text-align: center;
    }
    .team-left{
        padding: 0px !important;
    }
}

@media (max-width:576px) {
    .newfooter {
        text-align: center;
        padding: 45px 13px
    }
    .footer-menu .footer-column:nth-last-child(5) ul li {
        flex: 1 1 calc(33.33% - 20px);
        min-width: 114px
    }
    .li-enquiry-1,
    .li-sales-0 {
        min-width: 81px !important;
        width: 81px
    }
}

.blog-page h4 {
    line-height: 22px !important;
}

.ct-single-post h4 {
    font-size: 24px;
}

.popular .popular-item {
    padding-bottom: 15px;
}

.ct-single-post .main-article h2 {
    letter-spacing: 0.5px !important;
}

.home-page .callout-col .hire-btn a,
.primery-btn-green {
    color: #fff !important
}

body h1,
body h2,
body h3,
body h4,
body h5 {
  font-family: Karla, sans-serif !important;
}

body h2,
body h3 {
    letter-spacing: .5px
}

.home-hero-section {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 180px 0 80px;
    height: 441px;
    max-width: 1440px;
    margin: 0 auto;
}

.home-case-study .home-btn,
.primery-btn-green {
    font-size: 16px;
    border-radius: 10px;
    padding: 14px 25px;
    font-weight: 600 !important;
    margin-top: 20px;
    display: inline-block;

}

.home-hero-section .home-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(255 255 255 / 64%) 0, rgb(255 255 255 / 73%) 100%);
    z-index: 1
}

.home-hero-content,
.home-hero-image {
    position: relative;
    z-index: 2;
    flex: 1
}

.home-web3-description strong {
    line-height: 1.3
}

.home-hero-content {
    max-width: 50%
}

.home-hero-content h1 {
    font-size: 4rem;
    margin-bottom: 20px;
    font-weight: 900;
    color: #183030;
    line-height: 64px;
}

.home-hero-content p,
.home-page .callout-col .hire-btn a:hover,
.home-web3-section p {
    color: #000 !important
}

.primery-btn-green {
    background-color: #019d91;
    font-family: Karla, sans-serif;
    fill: #ffffff;
    border-style: none
}

.primery-btn-green:hover {
    background-color: #00c1a2
}

.home-exchange-image,
.home-hero-image {
    text-align: center
}

.expert-image img,
.home-hero-image img {
    max-width: 100%;
    width: 100%
}

.home-partners-section {
    padding: 60px 0;
    text-align: center
}

.home-partners-section .partner-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 60px;
    max-width: 1200px;
    margin: 0 auto
}

.home-partners-section .partner-logos img {
    flex: 0 1 calc(25% - 60px);
    max-width: 140px;
    height: auto;
    object-fit: contain
}

.home-partners-section .partner-logos img:hover {
    filter: grayscale(0%)
}

.home-partners-section h4 {
    font-size: 24px;
    margin: 0px 0px 20px;
}

.home-web3-section {
    text-align: center;
    padding: 0px 0;
}

.home-web3-section h2 {
    margin-bottom: 20px;
    font-size: 65px;
    font-weight: 500;
    font-family: "Proxima Nova", sans-serif
}

.expert-content h2,
.home-counter-section h2 {
    font-size: 58px;
    font-weight: 500;
    color: #000;
    font-family: "Proxima Nova", sans-serif
}

.expert-section,
.home-exchange-section {
    padding: 60px 10%
}

.expert-container,
.home-exchange-container {
    display: flex;
    align-items: center;
    gap: 60px;
}

.expert-container>.col-40 {
    flex: 0 0 40%;
    max-width: 40%
}

.expert-container>.col-60 {
    flex: 0 0 55%;
    max-width: 55%
}

.expert-content,
.expert-image,
.home-case-content,
.home-exchange-content,
.home-exchange-image {
    flex: 1
}

.expert-image {
    text-align: left
}

.expert-content {
    text-align: right
}

.expert-content h2 {
    margin-bottom: 20px
}

.expert-content p {
    color: #000
}

.home-blog-section,
.home-case-study,
.home-counter-section {
    padding: 50px 10%;
    text-align: center
}
.home-solutions-swiper, .swiper {
    padding-bottom: 50px;
}


.home-counter-container {
    display: flex;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap
}

.home-counters {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    border-left: 1px solid #ddd;
    padding-left: 40px;
    align-items: center;
    justify-content: center;
    text-align: center
}

.home-counter-box h3 {
    font-size: 5rem;
    color: #000;
    font-family: "Proxima Nova", sans-serif
}

.home-counter-box p {
    font-size: 20px;
    color: #526354;
    font-weight: 700;
    margin-bottom: 0
}

.home-blog-section h2,
.home-exchange-content h2 {
    font-weight: 500;
    font-family: "Proxima Nova", sans-serif
}

.home-exchange-content h2 {
    font-size: 65px;
    margin-bottom: 20px;
    color: #000;
    line-height: 76px
}

.home-exchange-content p {
    color: #000;
    margin-bottom: 30px
}

.home-exchange-content a,
.home-page a {
    color: #002cff
}

.home-exchange-image img {
    max-width: 500px;
    width: 100%
}

.home-blog-section h2 {
    font-size: 60px;
    margin-bottom: 40px;
    color: #000
}

.home-blog-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    text-align: left;
    transition: transform .3s
}

.home-blog-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 12px
}

.home-blog-card h3 {
    font-weight: 600;
    line-height: 1.5;
    font-family: "Proxima Nova", sans-serif;
    font-size: 20px;
    margin-top: 15px
}

.home-blog-card h3 a {
    color: #183030
}

.home-date {
    display: block;
    font-size: 1rem;
    color: #666
}

.home-blog-btn-wrap {
    margin-top: 40px
}

.home-solutions-swiper,
.swiper {
    padding-bottom: 50px !important;
}

.home-case-study h2 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 50px;
    color: #000;
    font-family: "Proxima Nova", sans-serif
}

.home-case-study .home-btn {
    fill: #000;
    color: #000 !important;
    background: #fff;
    border: 1px solid #c5c5c5
}

.home-case-study .home-btn:hover {
    border-color: #000
}

.home-case-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    text-align: left
}

.home-case-image {
    flex: 1;
    text-align: center
}

.home-case-image img {
    max-width: 564px;
    border-radius: 12px;
    width: 100%;
    height: 423px;
    object-fit: cover
}

.home-case-logo {
    max-width: 100%;
    margin-bottom: 20px
}

.home-case-content h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 15px
}

.home-case-content p {
    font-size: 28px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 25px
}

.home-case-study .swiper-pagination-bullet {
    background: #00997a;
    opacity: .4
}

.home-case-study .swiper-pagination-bullet-active {
    opacity: 1
}

.home-media-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 40px
}

.home-media-left {
    flex: 0 0 260px;
    border-right: 1px solid #e6e6e6;
    padding-right: 30px
}

.home-media-right {
    width: 100%;
    overflow: hidden
}

.home-solutions-section {
    padding: 60px 10%;
    background: #fff;
    text-align: center
}

.home-solutions-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 50px
}

.home-solution-card {
    background: #f6f9fb;
    border-radius: 16px;
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.home-solution-card p {
    font-size: 20px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 20px;
    padding: 20px
}

.home-solution-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px
}

.home-solution-footer span {
    font-size: .9rem;
    color: #555;
    letter-spacing: 2px
}

.home-solution-footer img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.swiper-pagination-bullet {
    opacity: .5;
    background: #00997a;
    opacity: .4
}

.swiper-pagination-bullet-active {
    background: #00997a;
    opacity: 1
}

.home-solutions-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch
}

.home-solutions-swiper .swiper-slide {
    height: auto;
    display: flex
}

.home-page .swiper-pagination-bullets.swiper-pagination-horizontal {
    left: unset !important;
    position: relative;
    margin-top: 30px;
}

.casestudy-partners .partner-logos img {
    width: 120px
}

.casestudy-partners .partner-logos {
    display: flex;
    height: auto;
    align-items: center;
    gap: 30px;
    justify-content: center
}

.cd-partners {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px
}

.casestudy-partners {
    margin-bottom: 60px
}

.casestudy-partners .home-btn {
    font-size: 12px;
    font-weight: 600 !important;
    fill: #000;
    color: #000 !important;
    border-radius: 10px;
    padding: 6px 15px;
    background: #fff;
    border: 1px solid #c5c5c5
}

.home-media-section {
    padding: 60px 0
}

.media-highligjht {
    font-family: Karla, sans-serif !important;
    font-size: 96px;
    font-weight: 700;
    line-height: 0.5;
}

.second-highligjht {
    font-family: Karla, sans-serif !important;
    font-size: 64px;
    font-weight: 400
}

.home-solutions-section h2 {
    font-family: Karla, sans-serif !important;
    font-size: 32px;
    font-weight: 500;
}

.home-case-study::before {
    background-color: #00ddb3;
    filter: blur(210px);
    top: 70%;
    left: 24%
}

.home-page::before {
    background: radial-gradient(circle at left center, rgb(221 245 224) 0, #218e2c 20%, #fafbe7 70%);
    filter: blur(106px);
    top: 38%;
    left: -4%
}

.home-counter-section .home-counter-box h2 {
    font-size: 4rem;
    margin-bottom: 0;
    font-weight: 700
}

@media (max-width:1200px) {
    .home-hero-content h1 {
        font-size: 3.5rem
    }
}

@media (max-width:1024px) {
    .casestudy-partners .partner-logos,
    .cd-partners {
        display: block
    }
    .home-hero-section {
        padding: 40px 30px;
        height: 600px
    }
    #ast-desktop-header {
        display: none !important
    }
    #ast-mobile-header {
        display: block !important
    }
    .ast-builder-grid-row {
        padding: 0 20px
    }
    .partner-logos {
        grid-template-columns: repeat(3, 1fr)
    }
    .expert-container {
        gap: 30px
    }
    .expert-content h2 {
        font-size: 36px;
        line-height: 50px
    }
    .home-blog-section,
    .home-case-study,
    .home-counter-section,
    .home-solutions-section {
        padding: 60px 20px;
        text-align: center
    }
    .home-crypto-icons {
        width: 50%
    }
    .home-counter-box h3 {
        font-size: 3rem;
        color: #000
    }
    .home-exchange-section {
        padding: 60px 20px
    }
    .home-exchange-content h2 {
        font-size: 44px;
        line-height: 60px
    }
    .home-blog-section h2 {
        font-size: 44px
    }
    .home-case-container {
        gap: 20px
    }
    .cd-partners {
        text-align: center
    }
}

@media (min-width:1024px) {
    .case {
        display: none
    }
}

@media (max-width:992px) {
    .expert-content,
    .home-case-content {
        margin-top: 30px;
        text-align: center
    }
    .expert-content,
    .home-case-content,
    .home-hero-section,
    .home-solution-card {
        text-align: center
    }
    .home-hero-section {
        flex-direction: column;
        height: auto
    }
    .home-hero-content {
        max-width: 100%
    }
    .expert-container,
    .home-case-container,
    .home-exchange-container {
        flex-direction: column;
        text-align: center
    }
    .home-exchange-content {
        margin-bottom: 30px
    }
    .home-counter-container {
        flex-direction: column
    }
    .home-counters {
        border-left: none;
        padding-left: 0
    }
    .home-solution-footer {
        flex-direction: column;
        gap: 10px
    }
    .home-hero-section {
        padding: 140px 30px 0
    }
    .casestudy-partners {
        display: none
    }
}

@media (max-width:768px) {
    .home-counters,
    .partner-logos {
        grid-template-columns: repeat(2, 1fr)
    }
    .home-hero-content{
        padding-top: 30px;
    }
    .home-hero-content h1 {
        font-size: 2.5rem;
        line-height: 1.1;
    }
    .expert-content h2,
    .home-exchange-content h2,
    .home-web3-section h2 {
        font-size: 2rem
    }
    .home-hero-section {
        padding: 40px 0
    }
    .home-web3-section {
        text-align: center;
        padding: 30px 20px
    }
    .expert-container>.col-60 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .home-counter-container {
        flex-direction: row;
        display: block;
        text-align: center
    }
    .home-crypto-icons {
        width: 100%
    }
    .home-counters {
        margin: 40px 0
    }
    .home-media-wrapper {
        display: block
    }
    .media-highligjht {
        font-size: 50px
    }
    .second-highligjht {
        font-size: 38px
    }
    .casestudy-partners .partner-logos img {
        width: 120px;
        margin-bottom: 15px
    }
    .home-counter-section {
        padding: 30px 0;
        text-align: center
    }
    .home-exchange-container {
        flex-direction: column-reverse
    }
    .home-blog-section h2 {
        font-size: 28px
    }
    .home-case-study h2 {
        font-size: 36px
    }
    .home-media-left{
        margin-bottom: 2rem;
    }
    .home-blog-btn-wrap {
        margin-top: 0px;
    }
    .home-solutions-swiper, .swiper {
        padding-bottom: 0px !important;
    }
}

@media (max-width:767px) {
    .expert-image,
    .home-case-content,
    .home-case-study::before,
    .home-crypto-icons,
    .home-hero-image,
    .home-page::before {
        display: none
    }
    .home-partners-section .partner-logos {
        gap: 10px 20px
    }
    .home-solutions-section {
        padding: 0 0 40px
    }
    .home-counter-section h2 {
        font-size: 24px
    }
    .home-case-image img {
        max-width: 100%;
        width: 100%;
        height: 300px;
        object-fit: cover
    }
    .home-case-container {
        display: block;
        align-items: unset
    }
    .archive .blog-grid,
    .services-section .sv-container {
        padding: 0 !important
    }
    .blog-card-content p {
        margin-bottom: 10px !important
    }
    .home-partners-section .partner-logos img {
        flex: 0 1 calc(33% - 60px);
        max-width: 100px
    }
    .home-partners-section {
        padding: 30px 0;
        text-align: center
    }
    .content-panels p,
    .expert-description,
    .home-exchange-content p,
    .home-solution-card p,
    .home-web3-section,
    .home-web3-section p {
        text-align: justify
    }
    .home-counter-box h3 {
        color: #000;
        font-size: 50px !important
    }
    .home-counter-section .home-counter-box h2 {
        font-size: 3rem;
        margin-bottom: 20px
    }
    .home-counter-box {
        margin-bottom: 20px
    }
    .home-web3-section {
        padding: 30px 0
    }
    .home-hero-section {
        padding: 40px 20px
    }
    .home-exchange-section {
        padding: 40px 0;
        text-align: justify
    }
    .case {
        padding: 14px 45px
    }
    .home-media-section {
        padding: 30px 0
    }
    .page-template-home .callout-image img {
        width: 35%
    }
    .footer-custom-callout-section.partner .callout-title {
        font-size: 30px !important
    }
    .footer-custom-callout-section.partner {
        padding: 15px 0
    }
    .expert-section {
        padding: 60px 0 0
    }
    .swiper {
        padding-bottom: 30px
    }
    .home-page .swiper-pagination {
        margin-top: 15px !important;
        position: relative
    }
}

@media (max-width:576px) {
    .home-blog-card img {
        height: 180px
    }
    .partner-logos {
        grid-template-columns: repeat(1, 1fr)
    }
}

.post-template .ast-builder-grid-row,
header .ast-container {
    margin: 0 auto !important
}

.search-page {
    margin: 0 auto;
    padding: 130px 20px 50px 0
}

.search-page h1 {
    font-size: 44px
}

.hire-cta {
    background: #fff !important
}

.page-template-hire-developers .team-left-content {
    padding-right: 60px
}

.page-template-hire-developers .team-section {
    display: flex;
    align-items: flex-start
}

.post-template-blog-single-post .faq-section {
    padding: 30px 0
}

.freshwork-template .ast-builder-grid-row,
.page-template .ast-builder-grid-row {
    max-width: 1440px;
    margin: 0 auto
}

.ct-single-post .main-article h2 {
    margin-bottom: 20px
}

.team-left {
    flex: 0 0 35%;
    max-width: 35%
}

.team-left-content {
    position: sticky;
    top: 100px
}

.team-left-content p{
    padding-right: 40px;
}

.team-right {
    flex: 0 0 65%;
    max-width: 65%
}
.box-desc ul li{
    font-size: 18px;
    margin-bottom: 6px;
}

#block-10,
#nav_menu-2,
#nav_menu-4,
.astra-google-fonts-css {
    display: none
}

.ast-mobile-header-wrap .main-header-menu-toggle,
.blog-landing .wpr-load-more-btn,
.hide-section,
.single-post header .ast-container::after,
.single-post header .ast-container::before {
    display: none !important
}

.ct-single-post {
    position: relative
}

header .ast-container {
    max-width: 1440px !important;
    padding: 0 !important
}

/* .mega-item-card,
.mega-title-area {
    margin-bottom: 15px
} */

.ast-header-button-1[data-section*=section-hb-button-] .ast-builder-button-wrap .ast-custom-button {
    background: #000;
    border: 0;
    border-radius: 8px;
    color: #fff
}

header .main-header-menu .menu-link {
    font-weight: 700 !important;
    color: #000 !important
}

.mega-menu-box {
    margin-top: 0
}

.newfooter {
    padding: 20px 0
}

.footer-menu a:hover {
    color: #000
}

.footer-columns {
    display: flex;
    justify-content: space-between
}

.footer .blog-cards-wrapper,
.footer-menu {
    display: unset !important
}

body,
html {
    max-width: 100%;
    overflow-x: hidden
}
 body,
body p {
    font-family: Karla, sans-serif !important
}

body h1 {
    font-family: Karla, sans-serif !important
} 

@media (max-width:1444px) {
    .ast-page-builder-template .site-content>.ast-container {
        max-width: 100%;
        padding-left: unset;
        padding-right: unset
    }
}

@media (max-width:1680px) and (min-width:1300px) {
    .e-con {
        --container-max-width: 1300px
    }
    .ast-page-builder-template .site-content>.ast-container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1300px) and (min-width:1280px) {
    .e-con {
        --container-max-width: 1200px
    }
    .ast-page-builder-template .site-content>.ast-container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1279px) and (min-width:1200px) {
    .e-con {
        --container-max-width: 1120px
    }
    .ast-page-builder-template .site-content>.ast-container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}







.landing-page-modal .podcast-popup i {
    width: 1.3em !important
}

.landing-page-modal .wpcf7-response-output {
    color: #fff !important
}

.landing-page-h-slider .swiper-slide-active .e-con-boxed {
    border: 1px solid #999 !important
}

.list-style ul {
    padding: 0;
    margin-left: 20px
}

.faq-cryptocurrency details.e-n-accordion-item {
    border: 1px solid #eceaea !important;
    border-radius: 16px !important
}

.faq-cryptocurrency .e-n-accordion>.e-n-accordion-item>.e-n-accordion-item-title {
    background-color: transparent !important;
    border-style: none
}

.faq-cryptocurrency>.e-con-full {
    background-color: transparent !important
}

#case-study-new article {
    box-shadow: -4px 1px 15px -2px rgb(219 219 219) !important
}




#blog-article-new .wpr-grid-item.post {
    box-shadow: -1px 1px 12px -2px rgb(219 219 219) !important
}

.crypt-form p {
    padding: 0 !important;
    margin-bottom: 10px
}

.crypt-form .wpcf7-submit {
    background: #349d91;
    border: none;
    color: #fff;
    border-radius: 12px
}

.crypt-form input,
.crypt-form textarea {
    background: #1a1c2d !important;
    border-color: #2a2f40 !important;
    border-radius: 12px
}

.crypt-form .iagree,
.crypt-form label {
    color: #bebebe;
    font-size: 14px
}

.crypt-form input {
    height: 47px
}

.crypt-form .wpcf7 input.wpcf7-form-control {
    color: #fff
}

.crypt-form textarea {
    height: 60px
}

.crypt-form .iagree {
    display: flex;
    align-items: flex-start;
    gap: 5px
}

.footer-btn {
    display: flex;
    gap: 10px !important
}

.ast-container {
    margin-top: 70px
}

.ast-logo-title-inline .ast-site-identity {
    padding: 0
}

.main-header-menu .menu-link,
.main-header-menu>a {
    padding: 0 .5em
}

@media (min-width:1024px) {
    .home .ast-container {
        margin-top: 0
    }
    .page-template-services .ast-container {
        margin-top: 40px
    }
    .ast-header-break-point .custom-logo-link img,
    .ast-header-break-point .site-branding img,
    header .custom-logo-link img {
        max-width: 214px !important;
        width: 214px !important;
        height: auto;
    }
}

@media (max-width:1024px) {
    .page-template .ast-builder-grid-row {
        margin: unset !important
    }
    .main-navigation{
        display: none;
    }
}

@media (max-width:767px) {
    .meeting-wrapper {
        gap: 0 !important
    }
    .footer-btn {
        display: block !important
    }
    .meeting-left p {
        font-size: 12px !important;
        margin-bottom: 00px !important;
        line-height: 18px !important
    }
   
    
    .crypt-form input {
        height: 38px !important
    }
    .crypt-form textarea {
        height: 50px !important
    }
    .crypt-form p {
        padding: 0 !important;
        margin-bottom: 4px !important
    }
    .custom-modal-content {
        padding: 20px !important
    }
    .hide-on-mobile {
        display: none !important
    }
    .ast-container {
        margin-top: 70px !important
    }
    .footer-columns {
        display: block
    }
    .search-page h3 {
        font-family: unset !important;
        font-size: 16px !important;
        line-height: 20px !important
    }
    .search-page {
        margin: 0 auto;
        padding: 40px 0 50px
    }
    .search-page .bbs-wrap {
        padding: 0
    }
}

@media (max-width:544px) {
    .ast-header-break-point .custom-logo-link img,
    .ast-header-break-point .site-branding img,
    header .custom-logo-link img {
        max-width: 188px;
        width: 180px
    }
}

.pod-single h4 {
    font-size: 24px !important;
}

.pod-single h3 {
    margin-bottom: 20px;
}