.container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 90%;

    }


.feature-card:hover,

.logo-item:hover {

    transform: translateY(-5px);

}

*,

.left-panel {

    box-sizing: border-box;

}

.step-number,

.wd-outline-number {

    -webkit-text-fill-color: transparent;

}

:root {
    --size: clamp(10rem, 10vw, 5rem);
    --scroll-start: 0;
 --scroll-end: calc(-100% - var(--gap));  
 --gap: 1rem;

    --primary-color: #240c4f;

    --dark-blue: #092044;

    --text-color-light: #ffffff;

    --button-primary: #1e6af7;

    --button-secondary: #0a254c;

    --border-radius-base: 10px;

    --spacing-base: 1.5rem;    --duration: 20s;

}

* {

    margin: 0;

    padding: 0;

}

@media (min-width: 1300px) and (max-width: 1499px) {

    .logo-item {

        width: 280px;

    }

    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1300px !important;

    }

}

@media (min-width: 1500px) {

    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1420px;

    }

}

body {

    font-family: Poppins, sans-serif;

    overflow-x: hidden;

}

.dropdown-item:hover {

    color: #000;

    background-color: #cbdff8;

}

.navbar-brand.logo,

.navbar-nav .nav-link.active,

.navbar-nav .nav-link:hover {

    color: var(--text-color-light) !important;

}

a.dropdown-item {

    padding: 10px 20px;

}

.p-auto {

    padding: 61px 0;

}

.banner {
margin-top: 5%;
    color: #fff;

/*    background-image: url("bgbanner.webp");*/
/*    background: url(../../wp-media/hero-bg.webp);*/

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;
    background: linear-gradient(45deg, #1e0347, #712dd7);
}

.bottom_area {

    padding-top: 40px;

    border-top: 1px solid #325d95;

}

.portfolio_img img {

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

}

.navbar {

    padding: 1.5rem 0;

    background-color: transparent !important;

}

.navbar-brand.logo {

    font-weight: 700;

    font-size: 1.2rem;

}

.navbar-brand.logo img,

.text-content img {

    width: 170px;

}

.navbar-nav .nav-link {

    color: #000000 !important;
    font-weight: 400;
    transition: color 0.3s;
    margin-right: 1.5rem;
    font-weight: 600;
    font-size: 1.2rem;

}

.highlight,

.navbar-expand-lg .navbar-nav .nav-link:hover {

    color: #ffb900 !important;

}

.navbar-toggler {

    border-color: rgba(255, 255, 255, 0.5);

}

.navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
filter: brightness(0.5);
}

.quote-btn {

    background-color: var(--button-primary);

    color: var(--text-color-light);

    border: none;

    padding: 0.75rem 1.5rem;

    border-radius: var(--border-radius-base);

    font-weight: 600;

    cursor: pointer;

    transition: background-color 0.3s;

    white-space: nowrap;

}

.quote-btn:hover {

    background-color: #1a5ac7;

}

.hero {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

}

.accordion-flush .accordion-button::after,

.industry-section .accordion-button::after {

    filter: brightness(0) invert(1);

}

.faq-header-btn.collapsed .accordion-button::after,

.faq-section .accordion-flush .accordion-button.collapsed::after {

    filter: brightness(0) invert(0) !important;

}

.hero-content,

.hero-logos {

    max-width: 50%;

}

.hero-title {

    font-size: 2.9rem;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 1rem;
    color: white;
}

.hero-description {

    font-size: 14px;

    width: 620px;

    color: rgba(255, 255, 255, 0.8);

    margin-bottom: 2rem;

}

.hero-buttons {

    display: flex;

    gap: 1rem;

    margin-bottom: 2rem;

}

.btn_yellow {

    background-color: #f9c608 !important;

    color: #111 !important;

}

.entire_black,

.entire_btn2 {

    background-color: transparent !important;

}

.entire_btn2 {

    border: 1px solid #fff !important;

    color: #fff;

}

.entire_black {

    border: 1px solid #acacac !important;

    color: #111;

}

.entire_black,

.entire_btn,

.entire_btn2 {

    text-decoration: none;

    transition: 0.3s;

    padding: 10px 30px;

    border-radius: 100px;

    border: none;

    font-size: 16px;

    font-weight: 500;

    background-color: white;

}


.navbar-collapse .entire_btn {
background: #1e0347;
}

.navbar-collapse .entire_btn a{
    color: white;
}

.entire_btn:hover {

    background: #ffb900 !important;

}

.accordion-flush .accordion-body p,

.entire_btn:hover a,

.faq-header-btn:not(.collapsed) i,

.service-row a:hover,

.step-box:hover .step-description,

.step-box:hover .step-title,

.testimonial-slider .slick-next:before,

.wd-step-box.wd-highlighted .wd-step-description,

.wd-step-box.wd-highlighted .wd-step-title {

      color: #000000;

}

.entire_btn a {

    color: #000000;

    text-decoration: none;

}

.real-life-experience {

    display: flex;

    align-items: center;

    gap: 1rem;

    margin-top: 12px;

}

.avatars {

    display: flex;

    position: relative;

}

img.avatar.person1 {

    border: none !important;

    z-index: 9;

    width: 40px;

    height: 40px;

}

.avatar {

    width: 45px;

    height: 45px;

    border-radius: 50%;

    border: 3px solid #fff;

    margin-left: -10px;

}

.avatar:first-child {

    margin-left: 0;

}

.experience-text {

    align-items: center;

    display: flex;

    gap: 0.5rem;

}

.experience-count {

    font-size: 32px;

    font-weight: 700;

}

.experience-label {

    font-size: 0.8rem;

    font-weight: 400;

    color: rgba(255, 255, 255, 0.6);

    line-height: 18px;

}

.white_title-box,

.white_title-box .dot span {

    color: #00316a !important;

}

.logo-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 1.5rem;

}

.avatar_title,

.mini-tag p {

    margin: 0;

}

.logo-item {

    background-image: linear-gradient(155deg, #ffffff38 0, #ffffff17 99%, #ffffff00 100%);

    border: 1px solid #ffffff2b;

    border-radius: var(--border-radius-base);

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 30px 0;

    width: 350px;

    transition: transform 0.3s;

}

.logo-item img {

    width: 160px;

}

.Sales_info {

    gap: 80px;

    display: flex;

    position: relative;

}

.stats-item.Stunning2::after,

.stats-item.Stunning::after {

    content: "";

    position: absolute;

    top: 0;

    transform: translateX(115px);

    height: 75%;

    width: 1.5px;

    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2), transparent);

}

.whatsapp-float {

    position: fixed;

    bottom: 10px;

    left: 20px;

}

@media (max-width: 991px) {

    .hero-content,

    .hero-logos {

        max-width: 100%;

    }

    .desicription_main {

        width: auto !important;

    }

    .hero {

        flex-direction: column;

        text-align: center;

        padding: 2rem;

    }

    .hero-content {

        margin-bottom: 2rem;

    }

    .hero-title {

        font-size: 2.5rem;

    }

    .hero-buttons,

    .real-life-experience {

        justify-content: center;

    }

    .navbar-collapse {

        background-color: #fff;

        padding: 1rem;

        border-radius: var(--border-radius-base);

        margin-top: 0.5rem;

    }

    .navbar-nav {

        text-align: left;

    }

    .navbar-nav .nav-link {

        margin-right: 0;

    }

}

.stats-item,

.tab-button .icon {

    text-align: center;

}

@media (max-width: 768px) {

    .center-placeholder,

    .feature-3,

    .feature-item,

    .right-panel {

        padding: 0 !important;

    }

    .feature-item h3,

    .tab_contentmain h2 {

        font-size: 20px !important;

    }

    .right-panel {

        margin-top: 20px;

    }

    .right-panel .tab-content {

        min-height: 0 !important;

    }

 /*   .tab_contentmain p {

        font-size: 12px !important;

        line-height: 22px !important;

    }*/

    .tab-button {

        font-size: 15px;

    }

    .title-box span {

        font-size: 13px !important;

    }

    .service-link-icon {

        width: 35px !important;

        height: 35px !important;

    }

    .detail-tag {

        padding: 8px 12px !important;

        border-radius: 6px !important;

        font-size: 10px !important;

    }

    .tab-button .icon {

        padding: 8px 20px !important;

    }

    .title-box {

        padding: 6px 20px;

    }

    .about_img {

        margin-bottom: 20px;

    }

    .logo-box {

        height: 90px !important;

    }

    .features-section {

        padding-top: 10px;

    }

    .stats-item.Stunning2::after,

    .stats-item.Stunning::after {

        transform: translateX(55px);

        height: 100%;

        width: 1.5px;

    }

    .stats-item p {

        font-size: 14px;

        line-height: 20px;

    }

    .stats-item h2 {

        font-size: 32px !important;

        font-weight: 700 !important;

    }

    .logo-item img {

        width: 110px !important;

    }

    .logo-item {

        width: 160px !important;

        padding: 15px 0 !important;

    }

    .hero-title {

        font-size: 2rem;

    }

}

.header-section {

/*    display: flex;*/

    justify-content: space-between;

    gap: 60px;
    text-align: center;

    border-bottom: 1px solid var(--border-color);

}

.white_title-box {

    border-color: #c7c9cb !important;

    background-color: #f5f7fa !important;

}

.white_title-box .dot {

    background: #00316a !important;

}

.title-box span {

    font-size: 14px;

    font-weight: 500 !important;

}

.about_us h4 {

    font-size: 34px;

    color: #333;

    font-weight: 600;

    line-height: 48px;

}

.about_us p {

    color: #666;

       font-size: 16px;

    line-height: 28px;

}

.title-box {

       display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 7px 33px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    color: #fff;
    font-size: 30px;
    background-color: #0b3c75;

}

.feature-icon,

.header-content h1 span {

    color: var(--accent-color);

}

.dot {

    width: 10px;

    height: 10px;

    background: #fff;

    border-radius: 50%;

}

.sec_title2 {

    font-size: 34px !important;

}

.sec_title {

    font-size: 38px;

    font-weight: 600;

    line-height: 52px;

    margin: 0;
  }
.partners-section .sec_title {
  color: white;}
.partners-section p{
    color: white;

}
.features-section {

/*    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: 20px;

    padding-top: 2rem;*/

}

.feature-card {

    background-color: var(--background-color);

    padding: 30px 25px;

    border: 1px solid #dcdcdc;

    border-radius: 15px;

    transition:

        transform 0.3s,

        box-shadow 0.3s;

}

.feature-card:hover {

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);

}

.feature-icon {

    font-size: 2rem;

    margin-bottom: 1rem;

}

.feature-card h3,

.logo-box {

    font-size: 18px;

    font-weight: 500;

}

.feature-icon img {

    margin-bottom: 10px;

    width: 50px;

}

.feature-card h3 {

    color: #000;

    margin-bottom: 15px;

}

.feature-card p {

    font-size: 12px;

    color: #666;

    line-height: 22px;

    margin: 0;

}

.stats-item h2 {

    font-size: 58px;

    font-weight: 600;

}

.partners-section {

    color: #fff;

/*    background-image: url(https://www.verzdesign.com/wp-content/themes/verz/Landing-PSG-DM/images/bg2.jpg);*/
background: #402c65eb;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.logo-box {

    border: 1px solid rgba(255, 255, 255, 0.1);

    height: 120px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

}

.about_content {

    padding-left: 50px;

}

.services-discovery {

    display: flex;

    min-height: 80vh;

    color: #fff;
    background: radial-gradient(circle at 84% 15%, #fff8e6 0%, transparent 50%), radial-gradient(circle at 20% 80%, #250d502b 0%, transparent 50%), #ffffff;
    border-top: 2px solid #250d50;
}

.left-panel {

    flex: 0 0 40%;

}

.left-panel h1 {

    font-size: 2.5rem;

    line-height: 1.2;

    margin-top: 0;

}

.pre-header {

    color: #8ad;

    font-size: 0.9rem;

}

.tabs-nav {

    display: flex;
    flex-direction: row;
border-bottom: 1px solid #000000;
}

button.tab-button.active .icon {

    background: #f9c608;

    border: none;

}

.tab-button {
margin-right: 27px;
/*    background-color: #164987;*/

      color: #000000;

    border-radius: 4px;

    border: none;

    padding: 0;

    text-align: left;

    font-size: 1.1rem;

    cursor: pointer;

    transition:

        background-color 0.3s,

        color 0.3s;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    display: flex;

    align-items: center;

    padding: 12px 18px;    background: unset;
}

.tab-button:hover:not(.active) {

    background-color: rgba(255, 255, 255, 0.05);

}
.tab-inner-middle img{

    margin-top: 21%;
}


.tab-button.active {
color: #000000;
    font-weight: 700;
    border-bottom: 2px solid;
    border-radius: 0px;
}

.tab-button .icon {

    background: #ffffff1a;

    font-size: 1.5rem;

    margin-right: 15px;

    padding: 15px 20px;

    border: 1px solid #6181a9;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

}

button.accordion-button.faq-header-btn:focus {

    box-shadow: none !important;

}

.right-panel {

    flex: 1;

    position: relative;

    padding: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.tab-content-container {

    position: relative;

    z-index: 10;

    border-radius: 15px !important;
    position: relative;
    z-index: 10;
    border-radius: 15px !important;
    box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
     padding: 40px;
    margin-top: 37px;

}

.smart-web-design .tab-content-container {
    min-height: 402px;

}
.tab-content {

    color: #333;

    display: none;

}

.right-panel .tab-content {

    height: 100%;

    width: 100%;

/*    min-height: 640px;*/

}

.tab-content.active {

    display: flex !important;

    flex-direction: column;

    justify-content: end;

}

/*#customize {

    background-image: url("Optimized.webp") !important;

}

#user-experience {

    background-image: url("Customize.webp") !important;

}

#maintenance {

    background-image: url("Experience.webp") !important;

}

#seo-optimized {

    background-image: url("maintance.webp") !important;

}*/

#customize,

#maintenance,

#seo-optimized,

#user-experience,

div#responsive {

/*    background-image: url("website.webp");*/

    background-position: center;

    background-size: cover;

    padding: 20px;

    border-radius: 15px;

}

.tab_contentmain p {

    margin-bottom: 0;

    font-size: 16px;
    line-height: 28px;

}

.tab_contentmain h2 {

    font-weight: 600;

    font-size: 26px;

}

.tab_contentmain {

/*    padding: 30px 20px;*/

/*    background: #f5f5f5;*/

    border-radius: 10px;

}

.footer_icon,

.number-box {

    background-image: linear-gradient(120deg, #083a74 0, #264ba0 100%);

}

.tab-content h2 {

    color: #001f40;

    margin-top: 0;

}

.web-discovery-section-grid {

    color: #111;

    padding: 60px 20px;

}

.header-content {

    margin-bottom: 50px;
text-align: center;
}

.mini-tag {

    display: inline-block;

    background-color: #fff;

    color: #12224a;

    padding: 5px 15px;

    border-radius: 50px;

    font-size: 0.8em;

    font-weight: 700;

    margin-bottom: 20px;

}

.header-content h1 {

    font-size: 2.5em;

    font-weight: 800;

    margin: 0 0 15px;

}

.header-content .highlight {

    color: #ffc000;

}

.header-content .subtitle-text {

    max-width: 800px;

    margin: 0 auto;

    font-size: 1em;

    opacity: 0.8;

}

.features-grid {

    display: grid;

    grid-template-columns: 1fr 400px 1fr;

    grid-template-rows: auto auto;

    gap: 1px;

    background-color: rgba(255, 255, 255, 0.1);

}

.center-placeholder,

.circle-content,

.contact_info li,

.footer_icon,

.number-box,

.subtitle {

    display: flex;

    display: flex;

}

.center-placeholder,

.feature-item {

    padding: 20px;

}

.feature-1 {

    grid-column: 1/2;

    grid-row: 1/2;

    text-align: right;

}

.feature-2 {

    grid-column: 3/4;

    grid-row: 1/2;

    text-align: left;

}

.feature-3,

.feature-4 {

    grid-row: 2/3;

    padding-top: 50px;

}

.feature-3 {

    grid-column: 1/2;

    text-align: right;

}

.feature-4 {

    grid-column: 3/4;

    text-align: left;

}

.center-placeholder {

    grid-column: 2/3;

    grid-row: 1/3;

    justify-content: center;

    align-items: center;

    padding-top: 0;

    padding-bottom: 0;

}

.circle-content img {

    width: 180px;

}

.circle-content {

    width: 250px;

    height: 250px;

    background-color: #2f4288;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 50%;

    justify-content: center;

    align-items: center;

    text-align: center;

    font-weight: 700;

    font-size: 1.2em;

    line-height: 1.1;

    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

    box-shadow:

        0 0 0 15px rgba(255, 255, 255, 0.05),

        0 0 0 30px rgba(255, 255, 255, 0.03);

}

.industry-tab,

.wd-industry-tab {

    text-align: left;

    cursor: pointer;

}

.feature-item h3 {

    margin-top: 10px;

    margin-bottom: 15px;

    font-size: 24px;

    font-weight: 600;

}

.number-box {

    width: 55px;

    height: 55px;

    border: 2px solid #fff;

    border-radius: 50%;

    justify-content: center;

    align-items: center;

    font-weight: 700;

    font-size: 18px;

    color: #fff;

    margin-bottom: 15px;

}

.feature-item p {

    font-size: 14px !important;

    color: #666;

    line-height: 24px;

}

.footer_icon a i {

    font-size: 18px;

    color: #fff;

    margin: 0 !important;

}

.footer_icon {

    width: 44px;

    height: 44px;

    border-radius: 100px;

    align-items: center;

    border: 1px solid #375c9c;

    justify-content: center;

}

.contact_info li {

    gap: 10px;

}

.contact-link,

.footer_bottom,

ul.list-unstyled.footer-links li {

    margin-top: 10px;
    font-size: 17px;
}

.contact-link,

ul.list-unstyled.footer-links li a {

    text-decoration: none !important;

    margin-top: 10px;

}

.blog_content h4,

footer h4 {

    font-size: 22px;

    font-weight: 600;

}

.feature-1 .number-box,

.feature-3 .number-box {

    text-align: right;

    margin-left: auto;

}

.services-section,

.wd-review-slider-section {

    padding-top: 60px;

    padding-bottom: 60px;

}

.subtitle {

    align-items: center;

}

.subtitle::before,

.wd-subtitle::before {

    content: "•";

    font-size: 20px;

    margin-right: 5px;

    line-height: 1;

}

.main-title {

    font-size: 44px;

    font-weight: 700;

    margin-bottom: 60px;

    line-height: 1.2;

}

.services-list,

.wd-services-list {

    display: flex;

    flex-direction: column;

    gap: 1px;

}

.service-number {

    margin-right: 10px;

    font-size: 24px;

    font-weight: 300;

    color: rgba(255, 255, 255, 0.5);

}

.service-title {

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 0;

    z-index: 2;

    transition:

        transform 0.4s,

        color 0.4s;

}

.hover-content {

    display: none;

    transition:

        opacity 0.4s,

        visibility 0.4s;

}

.content-text {

    flex: 2;

}

.content-image,

.wd-content-image {

    flex: 1;

    max-width: 300px;

    height: auto;

    object-fit: cover;

    border-radius: 8px;

    margin-top: 40px;

}

.content-text h3 {

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 10px;

    color: #e3b000;

}

.hover-content .content-image {

    width: 250px;

    height: 175px;

    object-fit: cover;

}

span.detail-tag {

    margin-right: 15px;

}

.content-text p {

    margin-bottom: 15px;

    color: #fff;

    width: 570px;

    line-height: 28px;

    font-size: 13px;

}

.card-content p,

button.accordion-button.faq-header-btn {

    line-height: 24px;

}

.content-text ul,

.wd-content-text ul {

    list-style: none;

    padding: 0;

    margin-bottom: 20px;

}

.content-text li,

.wd-content-text li {

    padding: 5px 0 5px 20px;

    position: relative;

    color: #fff;

}

.content-text li::before,

.wd-content-text li::before {

    content: "→";

    position: absolute;

    left: 0;

    color: #e3b000;

}

.cta-button,

.wd-cta-button {

    display: inline-block;

    padding: 10px 20px;

    background-color: #e3b000;

    color: #031336;

    text-decoration: none;

    font-weight: 700;

    border-radius: 4px;

    transition: background-color 0.3s;

}

.cta-button:hover {

    background-color: gold;

}

.detail-tag {

    padding: 8px 15px;

    border: 1px solid rgba(255, 255, 255, 0.4);

    border-radius: 6px;

    font-size: 12px;

    background-color: #1c5599;

    color: rgba(255, 255, 255, 0.8);

    transition:

        border-color 0.3s,

        color 0.3s;

}

.detail-tag:hover {

    border-color: #e3b000;

    color: #e3b000;

}

.service-link-icon {

    transform: rotate(-45deg);

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.4);

    background-color: #1c5599;

    transition:

        background-color 0.3s,

        transform 0.3s;

}

.center-icon,

.circle {

    transform: translate(-50%, -50%);

}

.service-link-icon:hover,

.wd-service-link-icon:hover {

    background-color: #e3b000;

    transform: rotate(45deg);

}

.service-link-icon i {

    color: #9ab4d3;

    font-size: 18px;

}

.service-link-icon:hover svg,

.wd-service-link-icon:hover svg {

    color: #031336;

}

.process-section,

.wd-process-section {

    background-color: #fff;

    padding-top: 80px;

    padding-bottom: 80px;

}

.left-content,

.wd-left-content {

    top: 50px;

    padding-right: 40px;

}

.subtitle {

    font-size: 14px;

    color: #4b4b4b;

    display: flex;

    align-items: center;

    margin-bottom: 10px;

    font-weight: 600;

}

.bullet,

.wd-bullet {

    width: 8px;

    height: 8px;

    background-color: #e3b000;

    border-radius: 50%;

    margin-right: 8px;

}

.description-text,

.wd-description-text {

    font-size: 16px;

    color: #666;

    margin-top: 20px;

}

.logo-circle,

.wd-logo-circle {

    width: 150px;

    height: 150px;

    background-color: #e3b000;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    color: #031336;

    overflow: hidden;

    margin-bottom: 40px;

}

.logo-circle i,

.wd-logo-circle i {

    font-size: 28px;

    transform: rotate(315deg);

}

.logo-text,

.wd-logo-text {

    position: absolute;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 2px;

}

.subtitle-text2,

p.subtitle-text {

    color: #666;

    width: 940px;

    margin: auto auto 25px;

}

.subtitle-text2 {

    width: 1040px !important;

}

.logo-text.webdesign {

    top: 5px;

    left: 20px;

    transform: rotate(-30deg);

}

.logo-text.discovery {

    bottom: 5px;

    right: 20px;

    transform: rotate(150deg);

}

.step-number {

    -webkit-text-stroke: 1.5px #c6c7c8;

    bottom: 10px;

    font-size: 60px;

    font-weight: 800;

    color: rgba(0, 0, 0, 0.08);

    line-height: 1;

    z-index: 1;

    transition: 0.3s;

}

.steps-container {

    max-height: 580px;

    overflow-y: scroll;

}

.steps-container::-webkit-scrollbar {

    width: 6px;

}

.steps-container::-webkit-scrollbar-thumb {

    background: rgba(0, 0, 0, 0.1);

    border-radius: 10px;

}

.step-box {

    gap: 80px;

    background-color: #f7f7f7;

    border-radius: 10px;

    padding: 30px;

    margin-bottom: 25px;

    position: relative;

    border: 1px solid #f0f0f0;

    transition: 0.3s;

    display: flex;

}

.client_name,

.industry-accordion-item,

.step-box p {

    margin-bottom: 0;

}

.step-box.highlighted:hover {

    background:

        linear-gradient(rgba(0, 0, 0, 0.785), rgba(0, 0, 0, 0.5)),

        url("Consultati.webp") center center/cover no-repeat;

}

.step-box.highlighted2:hover {

    background:

        linear-gradient(rgba(0, 0, 0, 0.858), rgba(0, 0, 0, 0.5)),

        url("Growth.webp") center center/cover no-repeat;

}

.step-box.highlighted3:hover {

    background:

        linear-gradient(rgba(0, 0, 0, 0.858), rgba(0, 0, 0, 0.5)),

        url("Deployment.webp") center center/cover no-repeat;

}

.step-box.highlighted4:hover {

    background:

        linear-gradient(rgba(0, 0, 0, 0.858), rgba(0, 0, 0, 0.5)),

        url("Assurance.webp") center center/cover no-repeat;

}

.step-box.highlighted5:hover {

    background:

        linear-gradient(rgba(0, 0, 0, 0.858), rgba(0, 0, 0, 0.5)),

        url("Design.webp") center center/cover no-repeat;

}

.step-box.highlighted6:hover {

    background:

        linear-gradient(rgba(0, 0, 0, 0.858), rgba(0, 0, 0, 0.5)),

        url("Strategy.webp") center center/cover no-repeat;

}

.step-box.highlighted {

    transition: 0.4s ease-in;

    overflow: hidden;

}

.step-box:hover .step-number {

    -webkit-text-stroke: 1.5px #ffd700;

    -webkit-text-fill-color: #ffd700;

    color: #e3b000 !important;

    opacity: 1;

}

.step-title {

    font-size: 22px;

    font-weight: 500;

    color: #031336;

    margin-bottom: 10px;

    position: relative;

    z-index: 2;

}

.step-description {

    font-size: 14px;

    color: #666;

    position: relative;

    z-index: 2;

}

.circle-container {

    position: relative;

    width: 200px;

    height: 200px;

}

.center-icon,

.rotating-text {

    position: absolute;

    display: flex;

}

.rotating-text {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    animation: 10s linear infinite rotate;

}

.rotating-text img {

    width: 100%;

    height: 100%;

    max-width: 145px;

    object-fit: contain;

}

.center-icon {

    top: 50%;

    left: 50%;

    background: #fbc400;

    width: 90px;

    height: 90px;

    border-radius: 50%;

    justify-content: center;

    align-items: center;

}

.center-icon svg {

    width: 40px;

    height: 40px;

    stroke: #000;

    stroke-width: 3;

}

.industry-section {

    background-color: #031336;

    min-height: 400px;

}

.accordion-flush .accordion-item,

.wd-industry-accordion-item {

    border: none;

    background-color: transparent;

}

.accordion-header {

    margin: 0;

    padding: 0;

}

.accordion-button.industry-tab {

    font-size: 14px;

}

.profile,

footer a.btn.btn-outline-light,

p.dummy-content {

    font-size: 12px;

}

.industry-tab {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    background-color: #1e5595;

    color: #fff;

    padding: 15px 20px;

    border-radius: 8px;

    font-size: 16px;

    font-weight: 600;

    border: 1px solid #4c74a3;

    box-shadow: none !important;

    transition: background-color 0.3s;

}

.industry-tab:not(.collapsed),

.wd-industry-tab:not(.collapsed) {

    background-color: #174aa8;

    color: #fff;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.industry-tab:hover,

.wd-industry-tab:hover {

    background-color: #174aa8;

}

.accordion-icon,

.wd-accordion-icon {

    margin-left: 15px;

    transition: transform 0.3s;

}

.industry-tab:not(.collapsed) .accordion-icon,

.wd-industry-tab:not(.collapsed) .wd-accordion-icon {

    transform: rotate(180deg);

}

.accordion-body {

    background-color: #250d50  !important;

    color: #ccc;

    padding: 20px;

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 8px;

    margin-bottom: 10px;

}

.accordion-body.faq-active-body p {

    line-height: 26px;

    font-size: 13px;

    color: #fff;

}

.accordion-button:not(.collapsed) {

    background-color: #250d50;

    margin-bottom: 0 !important;

    border-top-right-radius: 10px !important;

    color: #fff;

    border: none;

    border-top-left-radius: 10px !important;

}

.wd-services-section {

    padding-top: 60px;

    padding-bottom: 60px;

    background-color: #031336;

    color: #fff;

}

.wd-subtitle {

    font-size: 14px;

    color: #e3b000;

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}

.wd-main-title {

    font-size: 44px;

    font-weight: 700;

    line-height: 1.2;

}

.wd-service-item {

    position: relative;

    padding: 30px 40px;

    background-color: #071c41;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    cursor: pointer;

    overflow: hidden;

    transition: background-color 0.4s;

}

.wd-service-item:hover {

    background-color: #0b2a64;

}

.wd-service-details-container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-left: 60px;

    position: relative;

    z-index: 2;

    transition:

        opacity 0.4s,

        transform 0.4s;

}

.wd-service-item .wd-service-number {

    position: absolute;

    top: 30px;

    left: 40px;

    font-size: 24px;

    font-weight: 300;

    color: rgba(255, 255, 255, 0.5);

}

.wd-service-item .wd-service-title {

    font-size: 28px;

    font-weight: 600;

    margin-right: auto;

    z-index: 2;

    transition:

        transform 0.4s,

        opacity 0.4s;

}

.wd-detail-tags-group {

    display: flex;

    gap: 15px;

    margin-right: 30px;

    opacity: 1;

    transition: opacity 0.4s;

}

.wd-service-item:hover .wd-detail-tags-group,

.wd-service-item:hover .wd-service-title {

    opacity: 0;

}

.wd-detail-tag {

    padding: 8px 15px;

    border: 1px solid rgba(255, 255, 255, 0.4);

    border-radius: 20px;

    font-size: 14px;

    color: rgba(255, 255, 255, 0.8);

    transition:

        border-color 0.3s,

        color 0.3s;

}

.wd-service-link-icon {

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background-color: #0d3886;

    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);

    transition:

        background-color 0.3s,

        transform 0.3s;

}

.wd-service-link-icon svg {

    width: 20px;

    height: 20px;

    color: #fff;

    transition: color 0.3s;

}

.wd-hover-content {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #031336;

    display: flex;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    padding: 30px 40px;

    transition:

        opacity 0.4s,

        visibility 0.4s;

}

.wd-service-item:hover .wd-hover-content {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}

.wd-service-item:hover .wd-service-details-container {

    opacity: 0;

    transform: translateY(-50px);

}

.wd-content-text {

    flex: 2;

    padding-right: 40px;

}

.wd-content-text h3 {

    font-size: 24px;

    margin-bottom: 10px;

    color: #e3b000;

}

.wd-section-title {

    font-size: 42px;

    font-weight: 800;

    line-height: 1.1;

    color: #031336;

}

.wd-highlight {

    color: #e3b000;

}

.wd-steps-container {

    max-height: 700px;

    overflow-y: scroll;

    padding-right: 15px;

}

.wd-step-box {

    background-color: #f7f7f7;

    border-radius: 10px;

    padding: 30px;

    margin-bottom: 25px;

    position: relative;

    border: 1px solid #f0f0f0;

    transition: 0.3s;

}

.wd-step-box.wd-highlighted {

    background-color: #031336;

    color: #fff;

    overflow: hidden;

}

.wd-step-box.wd-highlighted .wd-step-number {

    color: #e3b000;

    font-size: 80px;

    right: 0;

    top: 0;

    opacity: 1;

}

.wd-step-number {

    position: absolute;

    right: 30px;

    bottom: 10px;

    font-size: 60px;

    font-weight: 800;

    color: rgba(0, 0, 0, 0.08);

    line-height: 1;

    z-index: 1;

    transition: 0.3s;

}

.wd-step-title {

    font-size: 22px;

    font-weight: 700;

    color: #031336;

    margin-bottom: 10px;

    position: relative;

    z-index: 2;

}

.wd-step-description {

    font-size: 15px;

    color: #666;

    position: relative;

    z-index: 2;

}

.wd-outline-number {

    font-family: Arial, sans-serif;

    font-size: 150px;

    font-weight: 800;

    color: transparent;

    -webkit-text-stroke: 1.5px #ffffff;

}

.wd-faq-header-btn,

.wd-industry-tab {

    font-weight: 600;

    width: 100%;

    font-size: 16px;

    display: flex;

}

.wd-industry-section {

    background-color: #031336;

}

.wd-industry-tab {

    justify-content: space-between;

    align-items: center;

    background-color: #0d3886;

    color: #fff;

    padding: 15px 20px;

    border-radius: 8px;

    border: none;

    box-shadow: none !important;

    transition: background-color 0.3s;

}

.wd-accordion-body {

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 8px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.wd-dummy-content {

    margin: 0;

    line-height: 1.5;

}

.wd-faq-section {

    background-color: #f8f9fa;

}

.wd-faq-item {

    border: none;

    margin-bottom: 12px;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);

}

.wd-faq-header-btn {

    padding: 18px 25px;

    color: #333;

    background-color: #fff;

    border: none;

    box-shadow: none !important;

    transition:

        background-color 0.3s,

        color 0.3s;

    border-radius: 10px;

    align-items: center;

}

.wd-faq-header-btn i {

    font-size: 14px;

    color: #0d3886;

    margin-left: 15px;

}

.wd-faq-header-btn:not(.collapsed) {

    background-color: #0d3886;

    color: #fff;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.wd-faq-header-btn:not(.collapsed) i {

    color: #fff;

    transform: rotate(0) !important;

}

.wd-faq-active-body {

    background-color: #0d3886;

    color: #ccc;

    padding: 20px 25px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}

.wd-accordion-body {

    background-color: #f7f7f7;

    color: #666;

    padding: 15px 25px;

}

.circle-box {

    position: relative;

    width: 100%;

    height: 100%;

}

.circle {

    position: absolute;

    border-radius: 50%;

    top: 50%;

    left: 50%;

}

.outer-circle-1,

.outer-circle-2,

.outer-circle-3 {

    background: 0 0;

    border: 2px solid #e0e7ee;

}

.outer-circle-1 {

    width: 290px;

    height: 290px;

    animation: 4s ease-in-out infinite pulse;

}

.outer-circle-2 {

    width: 310px;

    height: 310px;

    animation: 4s ease-in-out 0.5s infinite pulse;

}

.outer-circle-3 {

    width: 330px;

    height: 330px;

    animation: 4s ease-in-out 1s infinite pulse;

}

.inner-circle-blue {

    width: 240px;

    height: 240px;

    background-color: #004d99;

    display: flex;

    justify-content: center;

    align-items: center;

}

.text-content {

    text-align: center;

    color: #fff;

    font-family: sans-serif;

    line-height: 1.1;

}

.web-design {

    display: block;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 2px;

}

.discovery {

    display: block;

    font-size: 40px;

    font-weight: 900;

}

.animation-container {

    position: relative;

    width: 300px;

    left: 52px;

    top: 150px;

    height: 300px;

}

@keyframes pulse {

    0%,

    100% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 1;

    }

    50% {

        transform: translate(-50%, -50%) scale(1.05);

        opacity: 0.8;

    }

}

@keyframes rotate {

    0% {

        transform: rotate(0);

    }

    100% {

        transform: rotate(360deg);

    }

}

.testimonial-slider .slick-next,

.testimonial-slider .slick-prev {

    z-index: 10;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    background-color: #fff;

    border: 1px solid #ccc;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}

.testimonial-slider .slick-next:before,

.testimonial-slider .slick-prev:before {

    font-family: slick;

    font-size: 18px;

    line-height: 1;

    opacity: 1;

    color: #1a4f9d;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.slide-card {

    margin: 10px;

    border-radius: 8px;

    overflow: hidden;

    height: auto;

    box-shadow: 0 -1px 10px rgb(66 66 66 / 10%);

}

.slide-card.white {

    background-color: #fff;

    color: #333;

    padding: 20px;

}

.slide-card.white .client-header {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 15px;

}

.slide-card.dark-blue {

    background-color: #fff;

    color: #000;

    padding: 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 250px;

}

.slide-card.dark-blue .client-info {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 10px 20px;

    margin: 20px -20px -20px;
    margin-bottom: 8px;
}

.client-details {

    line-height: 1.2;

}

.client-name {

    margin-bottom: 4px;

    font-weight: 700;

    font-size: 16px;

}

.client-tag {

    font-size: 13px;

    opacity: 0.8;

}

.rating-stars {

    font-size: 22px;

    margin-bottom: 8px;

    color: #ffb900;  
/*      margin-top: 17%;*/

}

.rating-stars.yellow {

    color: #ffc107;

}

.testimonial-slider .custom-arrow {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    font-size: 16px;

    font-weight: 700;

    cursor: pointer;

    line-height: 1;

    text-align: center;

    padding: 0;

    transition: 0.3s;

}

.testimonial-slider .slick-prev {

left: -14px;

    border: 1px solid #ccc;

    background-color: #fff;

    color: #1a4f9d;

}

.slick-next:focus,

.slick-next:hover,

.slick-prev:focus,

.slick-prev:hover {

    background-color: #fff;

    color: #000 !important;

}

.testimonial-slider .slick-next {

    right: -8px;

    border: none;

    background-color: #1a4f9d;

    color: #fff;

}

.header1,

.header2,

.testimonial-slider .slick-next:before,

.testimonial-slider .slick-prev:before {

    display: none;

}

.card-content p {

    font-size: 14px;

    margin: 0;    height: 105px;

}

.box_bottom {

    padding: 20px;

    background: #1e5594;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

}

button.accordion-button {

    border: 1px solid #4c74a2;

    margin-bottom: 15px;

}

.logo-box img {

    filter: opacity(0.5);

    width: 120px;

}

.logo-box:hover img {

    filter: opacity(1);

}

.accordion-flush .accordion-body {

    padding-top: 0 !important;

}

.box_bottom p {

    font-weight: 300 !important;

    font-size: 13px;

    width: 500px;

}

.icon_area i {

    color: #001f40;

}

.icon_area a {

    cursor: pointer !important;

}

.icon_area:hover {

    background: #fff;

}

.icon_area {

    border: 1px solid #fff;

    width: 40px;

    height: 40px;

    display: flex;

    transition: 0.3s;

    align-items: center;

    justify-content: center;

    background: #ffb900;

    border-radius: 100px;

}

.blog_title {

    font-size: 14px;

    color: #000;

    text-decoration: none;

}

hr {

    border-bottom: 1px solid #ccc !important;

}

.blog_content {

    border-top: 0;

    border: 1px solid #ccc;

    padding: 20px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

}

.seo-tabs-section {

    background-color: var(--dark-teal);

    padding: 30px 15px;

}

.main-tabs {

    display: flex;

    gap: 10px;

    margin-bottom: 10px;

}

.webdesign_tab .main-tabs {

/*    gap: 0 !important;*/

    justify-content: center !important;

}

.webdesign_tab .main-tab {

    border-radius: 0;

    margin: 0 !important;

    font-size: 16px;

    border: none !important;

}

.maincontent_web_tab h4 {

    font-size: 34px;

    font-weight: 600;

    color: #000000;

}

.maincontent_web_tab p {

        color: black;

     width: 92%;

    margin: auto;

    font-size: 16px;

    line-height: 28px;
    text-align: left;
    margin-bottom: 15px;
}

.main-tab {
background-color: #260e5117;
    box-shadow: rgb(99 99 99 / 31%) 0px 2px 8px 0px;

    border: 1px solid #204949;

    padding: 10px 20px;

    cursor: pointer;

    font-size: 14px;

    font-weight: 600;

    transition:

        background-color 0.3s,

        border-color 0.3s,

        color 0.3s;

    border-radius: 4px;

    white-space: nowrap;

    margin-right: 10px;

}

.email-input,

address,

button.entire_btn.btn_yellow {

    color: #fff !important;

}

.main-tab.active {

background-color: #250d4f;
    color: white;

    border-color: #fff;

}

.main-tab:hover:not(.active) {

    background-color: #fff;

    color: #000;

}

.tabsum .tab-content {

    display: none;

    padding-top: 10px;

}

.tabsum .tab-content.active {

    display: block;

}

.service-row {

    align-items: center;

    margin-bottom: 10px;

    display: flex;

    flex-wrap: wrap;

    font-size: 14px;

}

.service-row a {

    color: #fff;

    text-decoration: none;

    padding: 5px 10px;

    margin: 3px 5px;

    transition: color 0.3s;

}

.service-row a:last-of-type {

    border-right: none;

}

.subscription-container {

    width: 520px;

}

.subscribe-form {

    display: flex;

    gap: 10px;

    margin-bottom: 20px;

}

.email-input {

    flex-grow: 1;

    padding: 12px 25px;

    border: none;

    border-radius: 25px;

    font-size: 16px;

    background-color: #ffffff38;

    outline: 0;

}

.social-links a {

    padding: 12px 28px !important;

    margin-left: 12px;

}

address {

    font-size: 14px;

    line-height: 26px;

}

.email-input::placeholder {

    color: #a0a0a0;

}

.submit-button {

    padding: 10px 34px;

    background-color: #fff;

    color: #333;

    border: 1px solid #ccc;

    border-radius: 25px;

    font-size: 14px;

    font-weight: 600;

}

.submit-button:hover {

    background-color: #eee;

}

.checkbox-area {

    display: flex;

    align-items: center;

    gap: 8px;

}

.newsletter-checkbox {

    -webkit-appearance: none;

    margin: 0;

    padding: 0;

    width: 20px;

    height: 20px;

    border: 1px solid #f9c608;

    border-radius: 3px;

    position: relative;

    cursor: pointer;

    background-color: transparent !important;

}

.newsletter-checkbox:checked::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 5px;

    height: 10px;

    border: solid #f9c608;

    border-width: 0 2px 2px 0;

    transform: translate(-50%, -50%) rotate(45deg);

    background-color: transparent;

}

.copyright p {

    margin-top: 20px;

    font-size: 13px;

    text-align: right;

}

.checkbox-label {

    font-size: 14px;

    color: #fff;

    cursor: pointer;

}

.service-details-container {

    justify-content: space-between;

}

.accordion-body .dummy-content {

    margin: 0;

    line-height: 20px;

}

.blogbox.mt-3 {

    margin-top: 40px !important;

}

.header {

    background: white;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 99;

    display:block !important;

}

.header.header1.scrolled {
/*    background: linear-gradient(124deg, rgb(36, 12, 79), rgb(68, 45, 108))*/
    border-bottom: 1px solid #ababab;
}



/*.banner {*/

/*    margin-top: -120px;*/

/*}*/

main.hero.container.p-auto {

padding-top: 8%;

}

button.btn-close {

    position: absolute;

    right: 10px;

    color: #000;
    z-index: 90;

}

.hover_btn {

    transition: 0.3s;

}

.faq-header-btn i {

    color: #0d3f8d;

    transition: color 0.3s;

}

.hover_btn:hover {

    background: #ffb900 !important;

    border-color: #ffb900 !important;

    color: #fff;

}

.custom-dropdown {

    background-color: #fff;

    border: none;

    border-radius: 0 0 10px 10px;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);

    padding: 10px 0;

}

.custom-dropdown .dropdown-item {

    color: #000;

    font-weight: 500;

    padding: 10px 20px;

    transition: 0.3s;
border-bottom: 1px solid #ececec;
}

.custom-dropdown .dropdown-item:last-of-type {
    border-bottom: none;
}
.custom-dropdown .dropdown-item:hover {

    background-color: #fff;

    color: #250d50;

    padding-left: 25px;

}


a:focus,

a:hover {

    text-decoration: none !important;

}

.feature-card.main-feature-card {
background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(2px);
    box-shadow: none;
    padding: 20px 22px 30px;
    border: none;    margin: 25px 0px;


}

.main-feature-card .feature-icon img {

    margin-bottom: 0;

    width: 30px;

}

.hero-content h2 {

    font-size: 18px;

    line-height: 26px;

    font-weight: 600;

}

.desicription_main {

/*    width: 570px;*/

}

.main-feature-card .feature-icon {

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100px;

    background: #fff;

}

.main-feature-card h3 {

    font-size: 24px;

    color: #fff;

    font-weight: 600;

    margin: 20px 0;

}

.main-feature-card p {

      font-size: 16px;
     color: #e9e9e9;
    line-height: 29px;
    margin-bottom: 20px !important;
    height: 227px;
}

@media (min-width: 992px) {

    .nav-item.dropdown:hover .dropdown-menu {

        display: block;

        margin-top: 0;

    }

    .nav-item.dropdown:hover > .nav-link {

        color: #0d3f8d;

    }

}

@media (max-width: 767px) {

    .main-tab {

        padding: 8px 16px !important;

    }

    header .entire_btn {

        background-color: #330567 !important;

        color: #fff !important;

    }
    .entire_btn a{
        color: #000;
    }
#navbarNavAltMarkup  .entire_btn a{
        color: #fff;
    }
    .navbar-nav .nav-link.active,

    .navbar-nav .nav-link:hover {

        color: #174b94 !important;

    }

    .navbar-nav .nav-link {

        color: #1c1c1c !important;

    }

    main.hero.container {

        padding-top: 225px !important;

    }

    .banner {

        margin-top: -85px;

    }

    .copyright p {

        font-size: 12px;

        text-align: center;

    }

    footer .navbar-brand.logo img {

        width: 140px;

        margin-bottom: 20px !important;

        display: block;

        margin: auto;

    }

    .bottom_area {

        padding-top: 20px;

    }

    .social-links a {

        padding: 8px 22px !important;

        margin-left: 8px;

    }

    .partners-section h2,

    .partners-section h3 {

        font-size: 24px;

    }

    .service-details-container {

        gap: 10px;

        flex-direction: column;

        justify-content: space-between;

        align-items: flex-start !important;

    }

    .wd-review-card {

        padding: 25px;

    }

    .wd-reviewer-name,

    .wd-star-rating {

        font-size: 16px;

    }

    .wd-reviewer-role {

        font-size: 13px;

    }

    .wd-review-text {

        font-size: 14px;

    }

}

@media (max-width: 991.98px) {

    .custom-dropdown .dropdown-item {

        color: #4e4e4e !important;

    }

    a.dropdown-item {

        color: #000 !important;

        font-size: 13px;

        padding-left: 0 !important;

    }

    .navbar-nav .dropdown-menu {

        padding: 0;

        position: static;

        background: 0 0;

        box-shadow: none !important;

    }

    .maincontent_web_tab p,

    p.subtitle-text {

        width: auto;

    }

    .logo-box img {

        width: 80px;

    }

    .wd-carousel-controls {

        text-align: center;

    }

    .left-content {

        padding-right: 15px;

        position: static !important;

        top: auto !important;

    }

    .section-title {

        font-size: 36px;

    }

    .steps-container {

        max-height: none;

        overflow-y: visible;

        padding-top: 20px;

        padding-right: 0;

    }

}

@media (min-width: 1350px) {

    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 90%;

    }

}

@media (max-width: 992px) {

    .main-title {

        font-size: 36px;

    }

    .service-title {

        font-size: 24px;

    }

    .content-text {

        padding-right: 0;

        padding-bottom: 20px;

    }

    .content-image {

        max-width: 100%;

        margin-top: 20px;

    }

    .main-tabs {

        flex-wrap: wrap;

    }

    .logo-item {

        width: 250px;

    }

    .Sales_info {

        gap: 20px;

    }

    .content-text .d-flex {

        flex-direction: column;

    }

    .navbar-brand.logo img {

        width: 150px;

    }

    .header-section {

        display: block;

    }

    .stats-item {

        border-top: 1px solid var(--border-color);

        padding-top: 1rem;

    }

    .box_bottom p {

        width: auto;

    }

}

.real-life-experience img {

    width: 350px;

}

@media (max-width: 769px) {

    .hero-content {

        margin-bottom: 20px !important;

    }

    .real-life-experience img {

        width: 250px;

    }

    .navbar-collapse {

        transform: translateX(100%);

        opacity: 0;

        transition: transform 0.4s !important;
        transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;

    }
     .navbar-collapse.collapse.show{
          transform: translateX(0%); 
          opacity: 1;
     }
    .Sales_info,

    .logo-grid {

        gap: 20px;

    }

    .blog_content p,

    .box_bottom p,

    .step-description {

        font-size: 12px;

    }

    span.detail-tag {

        margin-right: 8px;

    }

    button.entire_btn.mob_mar {

        margin-bottom: 15px;

    }

    .logo-box img {

        width: 90px;

    }

    .navbar {

        padding: 10px 0;

    }

    .header-section {

        gap: 10px;

        flex-direction: column;

    }

    .webdesign_tab .main-tabs {

        flex-direction: row !important;

        flex-wrap: wrap;

    }

    .main-tabs {

        display: flex;

        flex-direction: column;

    }

    .maincontent_web_tab p,

    .subscription-container {

        width: auto;

    }

    .subscribe-form {

        flex-wrap: wrap;

    }

    .bottom_area {

        display: block !important;

    }

    button.accordion-button.faq-header-btn {

        font-size: 14px;

    }

    .accordion-body.faq-active-body p {

        line-height: 22px;

        font-size: 12px;

    }

    .circle-container {

        position: relative;

        width: 120px;

        height: 120px;

    }

    .blogbox {

        margin-top: 20px !important;

    }

    .blog_content h4 {

        font-size: 18px;

        line-height: 26px;

    }

    .portfolio_img {

        margin-top: 20px;

    }

    .box_bottom {

        flex-direction: column;

    }

    .maincontent_web_tab h4 {

        font-size: 26px;

    }

    .circle-container img {

        width: 80px;

        position: relative;

        z-index: 999;

    }

  
    .entire_black,

    .entire_btn,

    .entire_btn2 {

        font-size: 13px;

    }

    .sec_title br {

        display: none;

    }

    .sec_title {

        line-height: 32px !important;

        font-size: 24px !important;

    }

/*    .about_us p {

        font-size: 12px;

        line-height: 24px;

    }*/

    .about_us h4 {

        font-size: 20px;

        line-height: 32px;

    }

    .about_content {

        padding-left: 0;

    }

    .step-number {

        bottom: 10px;

        font-size: 40px;

    }

    .step-box {

        padding: 30px 20px;

        gap: 10px;

    }

}

@media (max-width: 569px) {

    .features-grid,

    .hero-buttons {

        display: block;

    }

    .circle-container {

        width: 80px !important;

        height: 80px !important;

    }

    .hero-buttons {

        margin-bottom: 10px;

    }

    div#navbarNavAltMarkup {

        position: fixed;

        width: 331px;

        /* transition: right 0.4s !important; */

        height: 100vh;

        top: -11px;

        z-index: 999;

        border-radius: 0;

        right: 0;

    }

    .animation-container {

        display: none;

    }

    .p-auto {

        padding: 40px 15px;

    }

}

.bg1{
    background: #edf4ff !important;
}

.bg2{
    background: #51caa72b !important;
}

.bg3{
    background: #e5f7fc !important;
}

.bg4{
    background: #e7fbeb !important;
}

.bg5{
    background: #f4fae4 !important;
}
.slide-card .title{
    font-size: 1rem;
    font-weight: 700;
    color: #0c3d79;}

    .slide-card .card-content img{
        width: 60%;
    }



/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 502;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 503;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 505; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 504; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 506; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  top: 0;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: solid transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  opacity: 0.8;
  border-top-width: 12px;
  border-bottom-width: 12px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 20px;
  border-bottom-width: 20px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 12px solid black;
    left: 5px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    border-right: 20px solid white; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 12px solid black;
    left: 3px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 20px solid white; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -43px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 800px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.clutchrated-block {
    margin-top: 4rem;
    display: flex;
    align-items: center;    background: white;
    padding: 1px 8px;
    border-radius: 23px;
    margin-bottom: 20px;text-align: center;
    display: block;
}.rate-start-home {
   color: #e3a503;
    margin: 0 1rem;
}.ratedonclutch-text {
    color: #000000;
    font-size: 1rem;
    font-weight: 600;
}    
.site-footer{
    background: #260e51;
}

.full-circle-head h3 {
 font-weight: 400;
    font-size: 1.2rem;
    color: #ffffff;
    margin-bottom: 0.9rem;

}.full-circle-head p {
       font-size: 1rem;
    font-weight: 300;
    color: white;
}.footer-copyright-links {
    margin-top: .7rem;
}.footer-copyright-links a {
    color: #000000;
    font-size: 1.4rem;
    font-weight: 300;
}.footer-copyright-links a {
    color: #000000;
    font-size: 1.4rem;
    font-weight: 300;
}.slash-vertical:before {
    content: "/";
    padding: 0 .6rem;
}.slash-vertical::before {
    content: "|";
    padding: 0 6px;
    right: 0px;
    position: relative;
}.footer-copyright-links a {
        color: #ffffff;
    font-size: 0.8rem;
    font-weight: 300;
}.social-icons a {
    padding: 0 1rem;
    display: inline-block;
}.social-icons a svg {
    fill: #b5b5b5;
    width: 2rem;
    height: auto;
}.social-icons a {
    padding: 0 1rem;
    display: inline-block;
}

.section.dark-texture-2-2026 {
    background-color: #1c2247;
    background-image: linear-gradient(180deg, var(--yankees-blue), #12193de6), url(https://cdn.prod.website-files.com/61c1ec1…/67367c1…_texture-1.avif);
    color: #fff;
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, repeat;
    background-size: auto, 2500px;
    overflow: hidden;
    box-shadow: inset 0 -1px #202651;
}

._100-example-video-testimonial-link._2 {
    background-image: linear-gradient(0deg, #2f3b69 15%, #0000 60%), url(https://cdn.prod.website-files.com/61c1ec1…/6924a51…_b689d69…_Image%20127.avif);
    background-position: 0 0, 50%;
    background-size: auto, cover;
    margin-bottom: 0;
    transition: all .2s;
    box-shadow: 0 0 0 2px #caff0100;
}.lightbox-play-button-wistia-style {
    opacity: 1;
    object-fit: cover;
    border-radius: 5px;
    width: 120px;
    height: 72px;
    margin: 75% auto auto;
}.quote-image-1 {
    filter: saturate(0%) brightness(200%);
    border-radius: 0;
    width: 22.5px;
    margin-bottom: 1em;
}


/*marquee logo*/
.wrapper {
    display: flex;
    flex-direction: column;
    margin: auto;
    gap: 2rem;
    max-width: 100vw;
}.marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);    margin-bottom: 62px;
    mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 15%, hsl(0 0% 0% / 1) 85%, hsl(0 0% 0% / 0));
}.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
}


@keyframes scroll-x {



0% {
    transform: translateX(var(--scroll-start));
}
100% {
    transform: translateX(var(--scroll-end));
}


}

.marquee img {
    display: grid;
    place-items: center;
    width: var(--size);
    margin-right: 7rem;
}

.entire_btn{
        position: relative;
}

/*.entire_btn:before{
          content: '';
    position: absolute;
    right: .8rem;
    top: 0;
    height: 2rem;
    bottom: 0;
    width: 2rem;
    margin: auto;
    background: url(https://www.techmagnate.com/wp-content/themes/techmagnate/images/arrow-cta-top1.webp) no-repeat center right;
    transition: 0.3s;
}*/

    .address_home {
        background: #efeaf8;
        border-radius: 1.6rem;
        padding: 2rem;
    }

    .top_delhi {
    display: flex;
    align-items: center;
    justify-content: space-between;
}.top_delhi .con_icon {
    align-items: center;
}.con_icon {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: .5rem;
}.con_icon img {
    margin-top: .4rem;
}.top_delhi .con_icon span {
    margin: .5rem 0 0 1.5rem;
}.address_home span {
    font-size: 1.6rem;
    font-weight: 500;
    color: #161616;
    display: block;
    margin-bottom: .5rem;
}.top_delhi p {
margin: 0;
    background: #fff;
    padding: 0.5rem;
    border: .1rem dashed #250d50;
    border-radius: 2.5rem;
    font-size: 0.8rem;
}.address_home span {
        font-size: 1rem;
    font-weight: 500;
    color: #161616;
    display: block;
    margin-bottom: .5rem;
}.con_icon {
 display: flex;
    align-items: anchor-center;
    justify-content: flex-start;
    margin-bottom: .5rem;

}.con_icon .bg-icon {
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
}


.repeat_contact p, .repeat_contact a {
     margin: 0;
    font-size: 0.9rem;
    padding-left: .5rem;
    color: #414141;
    text-decoration: none;
}.repeat_contact {
    padding: .8rem 0;
    border-bottom: .1rem solid #1e03471a
}
.contact_btn {
    display: flex;
    align-items: center;
    margin-top:0.5rem;
    justify-content: space-between;
}.contact_btn a.blue_cta {
    padding-left: 1.5rem;
}.contact_btn .location_cta {
    color: #240c4f;
}.blue_cta {
    background: #3b2464;
    color: white !important;
    border-radius: 2.5rem;
    padding: .5rem 1.5rem .5rem 1rem;
    display: inline-block;
    font-weight: 500;
    font-size: 1rem;
    border: .1rem solid var(--bluecolor);
    position: relative;text-decoration: unset;
}

/*who we are section*/





.who__we__are__sec .heading-wrapper .left-col .sub-title {
   color: #737373;
    margin: 0;
    font-size: 1.3rem;
    letter-spacing: 0.2rem;
    margin-bottom: 13px;
}.who__we__are__sec .heading-wrapper .right-col .title {
  
    color: #000;
    font-weight: 400;
}.heading-wrapper .right-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}.who__we__are__sec .heading-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 27px;
}.who__we__are__sec .content__common p {
      line-height: 1.8;
     font-size: 16px;
}.who__we__are__sec .content__common .title__sub {
    font-weight: 600;
    margin: 0;
      color: #7c7b7b;
}.who__we__are__sec .list__wrap {
    border-left: 1px solid rgba(0, 0, 0, 0);
    -webkit-border-image-source: linear-gradient(0deg, rgba(246, 246, 248, 0.5) 0%, rgba(152, 181, 196, 0.4) 46.36%, rgba(245, 245, 245, 0.5) 92.1%);
    border-image-source: linear-gradient(0deg, rgba(246, 246, 248, 0.5) 0%, rgba(152, 181, 196, 0.4) 46.36%, rgba(245, 245, 245, 0.5) 92.1%);
    -webkit-border-image-slice: 1;
    border-image-slice: 1;
    padding-left: 80px;    margin-top: 32%;
}.who__we__are__sec .list__wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: min(140px, 100%);
}.who__we__are__sec .list__wrap ul li {
    border-bottom: .5px solid;
    border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(70, 70, 70, 0.4) 47%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    padding-bottom: 27px;
    margin-bottom: 27px;
}.who__we__are__sec .list__wrap ul li .title {
  font-size: 1.9rem;
    line-height: 1;
    font-weight: 800;
    display: inline-block;
    margin: 0;
    background: linear-gradient(45deg, #2b1356 -10%, #a673ff 120%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}.who__we__are__sec .list__wrap ul li p {
    color: #737373;
   font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.1851851852;
    margin: 16px 0 0;
}
.form-input{
      margin-bottom: 25px;
}
.form-input label{
    color: black;
      margin-bottom: 9px;}
.location_cta img{


      filter: brightness(0.5);
}
.cnt-form{

    margin-top: 6%;
}

.cnt-form .blue_cta{

    font-size: 1rem;

}

.bg-gray{

   background: #f7f7f7 !important;

}
.section-portfolio {
    padding: 30px 0px;
    margin: 30px 0px;

}
#clients-marquee{
     margin: 3% 0px !important;
}
.services-discovery {
    color: black;
}

.client-avatar img {

    width: 41px;
}

.ytp-gradient-top{
    background: unset !important;
}
.ytp-shorts-title-channel{
    display: none !important;
    display: block;
}

iframe {
    border: 0;
    border: 7px solid #ffdc81;
    }

    .tb_review_hub_wrap   {
        display: none;
    }

   .who__we__are__sec   {   background: #f7f7f7;
    padding: 27px 0px;
    }

    .contact_home{
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
    }

@media (min-width: 1200px) and (max-width: 1593px) {

.navbar-nav .nav-link {
 
   margin-right: 0 !important;

    font-size: 0.9rem !important;
}

}


.feature-card a{
display: none;
}

.accordion-flush .accordion-body p{
    color: #d9d9d9;
}



@media (min-width: 100px) and (max-width: 768px) {
    .main-feature-card p{
   height: unset;
}

}


.vocso-stats-block {
    background: #f9c6084a;
    position: relative;
    overflow: hidden;
    clip-path: ellipse(145% 100% at 50% 100%);   
/*     margin-top: 8%;*/
    padding-top: 5%;
}

span.light-blue-gradient {
    background: #ffe999;
    width: 500px;
    height: 300px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    filter: blur(68px);
}

.vocso-stats-block-left {
    display: flex;
    justify-content: end;
}

.vocso-stats-block-left .counter-main {
    padding: 0 4rem 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    width: 100%;
    position: relative;
}.vocso-stats-block-left .counter-main::before {
    position: absolute;
    content: '';
    width: 500px;
    height: 500px;
    background: #f4e099;
    right: 19rem;
    filter: blur(80px);
    bottom: -15rem;
}.vocso-stats-block-left .counter-main .counter-mg {
    background: #fff;
    box-shadow: 0 0 11px 4px rgb(0 0 0 / 4%) !important;
    margin-right: 4rem;
/*    padding: 3.8rem 2rem;*/
    text-align: center;
    border-radius: 1rem;
    width: 32%;
    margin-bottom: 4rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;    padding: 8px;
}.cheers-icon {
    position: absolute;
}.star-black-icon {
    top: -2.4rem;
    left: 0;
    right: 0;
}.vocso-stats-block-left .counter-main .counter-section h3 {
    font-size: 2.6rem;
    color: #000000;
}.vocso-stats-block-left .counter-main .counter-section .counter-title {
    margin-top: 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #000000;
}.vocso-stats-block-right li {
      padding-bottom: 1.3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding-left: 0rem;
    font-weight: 500;
    margin-bottom: 0rem;
    color: #000;
    text-align: left;
    font-size: 22px;
}.vocso-stats-block-right li img {
    margin-right: 3rem;
}.confetti-icon {
    top: -2.5rem;
}

.star-red-small {
    left: -1.2rem;
    bottom: -1rem;
}

/*banner*/
.inner-page-ban{
        overflow: hidden;
    position: relative;
/*    background-color: yellow;*/
}
.banner-women-bg {
    position: absolute;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 51%;
    float: right;
    bottom: 0;
}

.banner-women-bg {
    width: 60%;
    top: 0;
}
 .banner-women-bg::before {
    width: 100%;
    height: 100%;
    background: #e3f0f6;
    border-radius: 0;
    top: 0;
    max-width: 100%;
    max-height: 100%;
    transform: skewX(-16deg);
    right: -32rem !important;
    left: inherit !important;
}


.btn-primary.call__btn {
    background-color: #cccccc;
    border-color: #cccccc;
    color: black;
}

.btn-outline-primary {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #1e0347;
}

.btn-outline-primary span{
        color: #cccccc;
}


#breadcrumb {
    font-weight: 500 !important;
    position: relative;
    width: 100%;
    display: flex;
        color: #f4f4f4;
            font-size: 14px;
      margin: 15px auto;
    flex-wrap: wrap;
    align-items: center;
}#breadcrumb a {
    font-weight: 300 !important;
    position: relative;
    color: #dddddd;
    display: inline-flex;
    margin: 0 10px 0 0;
    align-items: center;    text-decoration: unset;
}#breadcrumb a>i {
    margin-left: 10px;
    margin-right: 0;
}

.btn:hover {
    border: unset;
 background-color: unset !important;
}
.cstm-about-services p{
  line-height: 27px;}


  .dnd_area-row-3-background-layers {
    background-image: linear-gradient(rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}.dnd_area-row-3-padding {
    padding-top: 34px !important;
    padding-bottom: 39px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}.dnd_area-row-3-margin {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}.dnd_area-row-3-max-width-section-centering > .row-fluid {
    max-width: 934px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}.say-goodbye-outer .goodbye-contents-outer {
    grid-column-gap: 76px;
    grid-row-gap: 13px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);    margin-top: 38px;
}.goodbye-contents-outer .goodbye-contents .tick-img {
    height: 19px;
    margin-right: 11px;
    width: 19px;
}.goodbye-contents-outer .goodbye-contents .tick-img-right {
    margin-top: -11px;
}.goodbye-contents-outer .goodbye-contents .tick-img-right p {
    color: #0d0026;
    font-size: 16px;
    font-weight: 400;
    line-height: 45px;
    margin: 0;
}.say-goodbye-outer .goodbye-contents-outer .goodbye-contents {
    display: flex;
}


.resp-seo {
    position: relative; /* make pseudo-element relative to this */
    padding: 6rem 0;
    overflow: hidden; /* ensures pseudo-element doesn't overflow */
}

.resp-seo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://techpullers.com/assets/images/common/LANDING_BG.webp) center center / cover no-repeat;
    opacity: 0.7; /* set your desired opacity */
    z-index: 0; /* behind content */
}

/* Ensure content is above the pseudo-element */
.resp-seo * {
    position: relative;
    z-index: 1;
}

.info__card {
    border-left: 1px solid #f1f1f1;
    padding: 1.5rem;
}

.info__card .title {
    position: relative;
}

.info__card .title::after {
    content: "";
    width: 3px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0%;
    left: calc(-1.5rem - 2px);
    background-color: #1e0347;
    border-radius: 3px;
}

.title-sp{
        z-index: 1;
    position: relative;
    text-align: center;
  margin-bottom: 68px;
}



.psg-check-ul {
    padding: 0 0;
    margin: 0 0;
    list-style-type: none;
    font-size: 16px;    
}

.psg-check-ul li {
    font-weight: 300;
}
.psg-check-ul li {
    position: relative;
    display: block;
    color: #000000;
    padding-left: 35px;
    margin-bottom: 10px;text-align: left;    font-weight: 400;
}
.psg-check-ul li:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 0;
    color: #7b7b7b;
    line-height: 26px;
}

.img-bg-portfolio{
       background: url(../wp-media/breadcrumb/testi.jpeg)!important;
}
.img-bg-contact{
    background: url(../wp-media/breadcrumb/contact.jpg) !important;
}


.img-bg-portfolio:before{

    opacity: 0.6;
    background: #000;

}
.img-bg-portfolio .banner-content p{

    color: #ffffff !important;}


.portfolio .card-title{
        font-weight: 800;
    font-size: 28px;

}

.portfolio .right-img{

    display: flow;
    text-align: right;
}
.portfolio .right-img img{
    width: 123px;
}
.portfolio {
    margin-top: 5%;
}
.portfolio .card { 
padding: 0;       box-shadow: 0px 0px 23px 1px rgb(0 0 0 / 22%);  background: #fafafa;}

.testimonials  {
    margin-top: 5%;
}
.testimonials .img-box{
border: 4px solid #4e4e4e;}

.testi-butn{
    border: 1px solid #1e0347;
    border-radius: 15px;    padding: 7px 22px;
    background: unset;    margin: 0px 14px;
    }

 .testi-butn a{ 
     color: #FF7F40;
    text-decoration: unset;
    font-weight: 900; }

.testi-butn:hover{
    background-color: #FF7F40;
  
}

 .testi-butn:hover a{   color: white;}

 .imp-color{
        color: #fe5600;
    font-weight: 900;
 }
 .golden-clr{
    color: golden;
 }
.contact__page__wrapper form{
background: #f7f2ff !important}

.contact__page__wrapper .btn-primary{
 background: #1e0347;
    border: #1e0347;

}
.contact__page__wrapper address{
    color: #000000 !important;
    font-family: "Hanken Grotesk", Arial, sans-serif;
}
.actions a{

    color: #ff0f4d;
    text-decoration: unset;

}
.actions li{
    color: black;
    font-size: 20px;
}

/*    portfolio page*/



.portfolio .card {
  height: 100%;
}

.portfolio .card .row {
  height: 100%;
  align-items: stretch;
}


.portfolio .port-box .col-md-4 {
  display: flex;
  padding: 0;
}

.portfolio .portfolio-img {
  width: 100%;
  height: 100%;
  min-height: 320px;     
  overflow: hidden;
}


.portfolio .portfolio-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;     
  object-position: center;
  display: block;
}


@media (max-width: 991px) {
  .portfolio .portfolio-img {
    min-height: 260px;
  }
}


@media (max-width: 576px) {
  .portfolio .portfolio-img {
    min-height: 200px;
  }
}

/*logo*/

.portfolio .card-body {
  position: relative;
  padding-top: 70px;   
}


.portfolio .right-img {
  position: absolute;
  top: 16px;
  right: 16px;
}


.portfolio .right-img img {
  width: 95px;
  height: auto;
  object-fit: contain;
}


.ratio-4x3 {
    --bs-aspect-ratio: 125% !important;
}
.contact__page__wrapper .carousel-indicators [data-bs-target]{
    bottom: -23px;
    border-radius: 50%;
    width: 17px;
    height: 1px;
    background: #1e0347 !important;
    position: relative;
}


/*video*/
/* Floating button */
.floating-video {
  position: fixed;
  bottom: 20px;
left: 20px;
  width: 220px;
    height: 350px;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 6px 15px rgba(0,0,0,0.35);border: 3px solid #ffce00;
}

.floating-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Play icon */
.play-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #fff;
  background: rgba(0,0,0,0.3);
}

/* Sound icon */
.sound-icon {
  position: absolute;
  bottom: 8px;
  left: 8px;
  font-size: 18px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 4px 6px;
  border-radius: 6px;
}

/* Modal */
.video-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: 10000;
}

.video-content {
  width: 90%;
    max-width: 20%;
  margin: 8% auto;
  position: relative;
}

.video-content video {
  width: 100%;
  border-radius: 12px;
}

.close-btn {
  position: absolute;
  top: -40px;
  right: 0;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}