*,
body {
    outline: 0;
    font-family: "Rubik", sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
    font-family: "Rubik", sans-serif;
}
h2 {
    font-size: 40px;
    margin-bottom: 30px;
    font-family: "Rubik", sans-serif;
    color: #101828;
}
p {
    line-height: 26px;
    font-size: 18px;
    margin-bottom: 20px;
    font-family: "Rubik", sans-serif;
    color: rgba(16, 24, 40, 0.6);
        line-height: 32px;
}
.hc-offcanvas-nav:not(.nav-open)::after,
a.disabled {
    pointer-events: none;
}.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: #e8e8e8;
}
::-webkit-scrollbar-thumb:hover {
    background: #4b4949;
}
::-webkit-scrollbar-thumb {
    background-image: -webkit-linear-gradient(45deg, #8b8b8b, #8b8b8b);
    background-image: -o-linear-gradient(45deg, #8b8b8b, #8b8b8b);
    background-image: linear-gradient(45deg, #8b8b8b, #8b8b8b);
    border-radius: 100px;
}
::-moz-selection {
    background: rgba(166, 175, 189, 0.3);
}
::selection {
    background: rgba(166, 175, 189, 0.3);
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-os-font-smoothing: grayscale;
    box-sizing: border-box;
    vertical-align: baseline;
       padding:0;
    margin: 0;
}
.form-block ::placeholder {
    font-size: 14px;
}
.cursor {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 2px solid #794afe;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%);
}
.cursor2 {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #794afe;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: width .3s, height .3s, opacity .3s;
}
.cursorinnerhover {
  width: 50px;
  height: 50px;
  opacity: .5;
}
body {
    font-family: "Rubik", sans-serif;
    color: #1c1c1c;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    font-size: 15px;
    overflow-x: hidden;
    letter-spacing: 0.5px;
}
.container{
    max-width: 1192px;
    width: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Rubik", sans-serif;
    color: #101828;
    font-weight: 600;
}
.fa-icon,
.header-heading .fa-icon {
    margin-left: 5px;
    font-size: 12px;
}
ul {
    list-style: none;
}
a:hover {
    text-decoration: none;
}
button:focus {
    outline: 0 !important;
}

.bg-img-full {
    background-image: url(../images/Ornament.png);
    background-position: center;
}
.top-header {
    background: #192f59;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}
.top-header .header-left-content li {
    display: inline-block;
    margin-right: 15px;
}
.top-header .header-left-content li a {
    color: #FFF;
}
.top-header .header-left-content li a I {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-right: 5px;
}
.top-header .top-social-link UL li {
    display: inline-block;
}
.top-header .top-social-link UL li a {
    font-size: 16px;
    padding-left: 10px;
    color: #fff;
}


header.header-section {
    padding: 15px 0px;
}
header.header-section .logo img {
    max-width: 102px;
}
header.header-section .navbar-default {
    background: none;
    border: none;
    margin: 0px;
    padding: 0px;
}
header.header-section ul.nav li a {
    color: rgba(16, 24, 40, 0.6);
    font-family: "Poppins", sans-serif;
}
header.header-section ul.nav {
    display: flex !important;
    width: 100%;
    text-align: center;
    flex-direction: unset;
    justify-content: center;
}
header.header-section ul.nav li {
    float: none;
}


header.header-section ul.nav ul.dropdown-menu {
    position: absolute;
    left: 15px;
    top: 67px;
    padding: 0px;
}
header.header-section ul.nav ul.dropdown-menu li a {
    font-size: 14px;
    padding: 10px 10px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
}
header.header-section ul.nav ul.dropdown-menu li img {
    max-width: 20px;
    margin-top: -8px;
    margin-right: 10px;
}

header.header-section ul.nav li a::after{
    display: none;
}
.btn-website {
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
        background: #e65b44;
    padding: 15px 20px;
    border-radius: 6px;
    display: inline-block;
    color: #fff !important;
    font-family: "Poppins", sans-serif;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    text-decoration: none !important;
}
.btn-website:hover {
    background: linear-gradient(45deg, #fe8704, #e83963) !important;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

header.header-section span.badge {
    color: #794aff;
    background: #eee8ff;
    padding: 5px;
    font-size: 10px;
    top: -4px;
    position: relative;
    margin-left: 6px;
}
.website-btn {
    transition: all .2s cubic-bezier(.68,.01,.58,.75) !important;
    background: #794aff;
    padding: 15px 27px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.website-btn:hover {
    background: #4a7dff;
    color: #fff;
}
section.top-banner-sec {
    padding: 100px 0px 0px 0px;
}
section.top-banner-sec .content-part h5 {
    color: #794aff;
    font-size: 16px;
}
section.top-banner-sec .content-part h2.heading-title {
    font-size: 56px;
}
section.top-banner-sec .content-part h2.heading-title {
    font-size: 56px;
    margin: 10px 0px 20px;
}
section.top-banner-sec .content-part p {
    margin: 0px;
    /* max-width: 420px; */
}
img.full-img {
    width: 100%;
}
section.top-banner-sec .info-form input.form-control {
    color: #101828;
    background-color: #FFFFFF;
    font-size: 16px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D0D5DD;
    border-radius: 8px 8px 8px 8px;
    padding: 7px 16px 6px 56px;
    max-width: 270px;
    height: 54px;
    box-shadow: none;
}
section.top-banner-sec .content-part h3 {
    color: rgba(16, 24, 40, 0.6);
    padding: 30px 0px 20px;
    font-size: 12px;
    text-transform: uppercase;
}
section.top-banner-sec .content-part .info-form .input-group-field {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}
section.top-banner-sec .content-part .info-form .input-group-field i {
    position: absolute;
    left: 20px;
    color: rgba(16, 24, 40, 0.6);
    font-size: 18px;
}

section.clients-section {
    padding: 50px 0px 50px;
}
section.clients-section .owl-nav, section.clients-section .owl-dots {
    display: none;
}
section.clients-section .common-heading-center {
    margin-bottom: 15px;
}
section.who-we-section .common-heading-center.text-center span {
    color: #794aff;
    font-weight: 600;
    padding-bottom: 20px;
    display: block;
    font-size: 16px;
}
section.who-we-section .common-heading-center.text-center h2 {
    font-size: 48px;
    max-width: 1070px;
    line-height: 62px;
    position: relative;
}
section.who-we-section .common-heading-center.text-center {
    margin-bottom: 50px;
}
section.who-we-section .img-sec{
    max-width: 1000px;
    margin: 0px auto 50px;
}

section.who-we-section .counter {
    background: #f9fafb;
    text-align: center;
    padding: 27px 15px;
}

section.who-we-section .counter h2.timer {
    font-size: 48px;
    color: #101828;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 16px;
}

section.who-we-section .counter span.target {
    font-size: 48px;
    color: #101828;
    display: inline-block;
    font-weight: 500;
}
section.who-we-section .counter p.count-text {
    margin: 0px;
}
section.who-we-section {
    padding: 30px 0px 90px;
}
section {
    --e-global-color-uicore_primary: #794AFF;
    --e-global-color-uicore_secondary: #4A7DFF;
    --e-global-color-uicore_accent: #12B76A;
    --e-global-color-uicore_headline: #101828;
    --e-global-color-uicore_body: rgba(16, 24, 40, 0.6);
    --e-global-color-uicore_dark: #101828;
    --e-global-color-uicore_light: #F9FAFB;
    --e-global-color-uicore_white: #FFFFFF;
    --e-global-typography-uicore_primary-font-family: "Rubik";
    --e-global-typography-uicore_primary-font-weight: 500;
    --e-global-typography-uicore_secondary-font-family: "Rubik";
    --e-global-typography-uicore_secondary-font-weight: 700;
    --e-global-typography-uicore_text-font-family: "Rubik";
    --e-global-typography-uicore_text-font-weight: normal;
    --e-global-typography-uicore_accent-font-family: "Rubik";
    --e-global-typography-uicore_accent-font-weight: 500;
}

section.who-we-section .common-heading-center.text-center h2:before {
    content: "";
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--e-global-color-uicore_primary) 0%, #FFFFFF00 100%);
    opacity: 0.12;
    border-radius: 16px 16px 16px 16px;
    transition: background 0.3s;
    z-index: 0;
    width: 100%;
    position: absolute;
    height: 50px;
    max-width: 552px;
    margin: auto;
    transform: rotate(-10deg);
    left: 27%;
}

section.service-section span {
    color: #794aff;
    font-weight: 600;
    padding-bottom: 20px;
    font-size: 16px;
}
section.service-section .services-bg {
    background: #f9fafb;
    padding: 20px 80px 20px;
    border-radius: 16px;
}
section.service-section span {
    color: #794aff;
    font-weight: 600;
    font-size: 16px;
    background: #fff;
    padding: 12px 20px;
    margin-top: -50px;
    top: -27px;
    position: relative;
    box-shadow: 0px 0px 6px 0px #f7f4f4;
    border-radius: 100px;
}
section.service-section .services-bg .common-heading-center.text-center h2 {
    max-width: 700px;
    margin: 50px auto 70px;
}
section.service-section .service-card .icon {
    background: #fff;
    box-shadow: 0px 0px 6px 0px #e0d5d5;
    border-radius: 100px;
    padding: 12px;
    width: 56px;
    height: 56px;
    display: inline-block;
}
section.service-section .service-card {
    text-align: center;
    padding: 0px 0px 40px;
}
section.service-section .service-card .icon {
    background: #fff;
    box-shadow: 0px 0px 6px 0px #e0d5d5;
    border-radius: 100px;
    padding: 12px;
    width: 56px;
    height: 56px;
    display: inline-block;
    margin-bottom: 20px;
}
section.service-section .service-card .icon img {
    width: 100%;
}
section.service-section .service-card p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 6px;
    margin-bottom: 0px;
}
section.team-section {
    padding-top: 80px;
}
section.team-section .common-heading-center.text-center span {
    color: #794aff;
    font-weight: 600;
    padding-bottom: 20px;
    display: block;
    font-size: 16px;
}
section.team-section .common-heading-center.text-center h2 {
    font-size: 48px;
    max-width: 750px;
    line-height: 62px;
    position: relative;
    margin: 0px auto 60px;
}
section.team-section .team-card {
    text-align: center;
    padding-bottom: 40px;
}
section.team-section .team-card .icon img {
    max-width: 140px;
    margin: 0px auto 0px;
}
section.team-section .team-card .text-item h3 {
    font-size: 20px;
    padding: 24px 0px 5px;
}

section.testimonials-section .top-img .profile-img {
    width: 48px;
    border-radius: 100px;
}
section.testimonials-section .top-img .arrow {
    width: 48px;
}
section.testimonials-section .item {
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonials-card .top-img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.testimonials-card {
    max-width: 620px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 0px 6px 0px #e0d5d5;
    padding: 50px;
    border-radius: 16px;
}
.testimonials-card .job-title {
    padding: 8px 0px 50px;
    font-size: 14px;
}
.testimonials-card .carousel-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6em;
}
section.testimonials-section .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background: #101828;
    width: 48px;
    height: 48px;
    color: #fff;
    font-size: 30px;
    border-radius: 100px;
}
section.testimonials-section .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    background: #101828;
    width: 48px;
    height: 48px;
    color: #fff;
    font-size: 30px;
    border-radius: 100px;
}
section.testimonials-section .owl-nav button span {
    position: relative;
    top: -3px;
}
section.testimonials-section .owl-nav button.owl-prev:hover {
    background: #794aff;
}
section.testimonials-section {
    padding: 30px 0px 90px;
}
section.testimonials-section .common-heading-center.text-center span {
    color: #794aff;
    font-weight: 600;
    padding-bottom: 20px;
    display: block;
    font-size: 16px;
}


section.process-section .process-bg {
    background: #101828;
    padding: 20px 80px 20px;
    border-radius: 16px;
}
section.process-section .process-bg  span {
    color: #794aff;
    font-weight: 600;
    font-size: 16px;
    background: #fff;
    padding: 12px 20px;
    margin-top: -50px;
    top: -27px;
    position: relative;
    box-shadow: 0px 0px 6px 0px #f7f4f4;
    border-radius: 100px;
}
section.process-section .process-bg .common-heading-center.text-center h2 {
    max-width: 480px;
    margin: 50px auto 20px;
    color: #fff;
}
section.process-section .process-bg .content-part h3 {
    color: #fff;
    font-size: 32px;
}
section.process-section .process-bg .content-part p {
    color: #FFFFFF94!important;
    max-width: 470px;
    margin: 20px 0px 0px;
}
section.process-section .process-bg .col-md-6 {
    padding-bottom: 50px;
}
section.bottom-bg-sec {
    padding: 90px 0px 90px;
}

section.bottom-bg-sec {
    padding: 90px 0px 90px;
}

section.bottom-bg-sec .common-heading {
    background-image: url(../images/Digital-Marketing-CTA-BG.webp);
    background-color: #8c67f4;
    text-align: center;
    padding: 78px 40px;
    background-position: right;
    background-size: cover;
        border-radius: 16px;
}

section.bottom-bg-sec .common-heading h2 {
    font-size: 56px;
    color: #FFFFFF;
    max-width: 620px;
    margin: auto;
}

section.bottom-bg-sec .common-heading p {
    color: #FFFFFF94;
    max-width: 550px;
    margin: 20px auto 40px;
}

section.bottom-bg-sec .common-heading  .website-w-btn {
    transition: all .2s cubic-bezier(.68,.01,.58,.75) !important;
    background: #fff;
    padding: 15px 27px;
    border-radius: 8px;
    color: #794aff;
    font-weight: 600;
    font-size: 16px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

section.bottom-bg-sec .common-heading .website-w-btn:hover {
    background: #101828;
    color: #fff;
}
section.blog-section .common-heading-center.text-center span {
    color: #794aff;
    font-weight: 600;
    padding-bottom: 20px;
    display: block;
    font-size: 16px;
}
section.blog-section .blog-item {
    background: #f9fafb;
}
section.blog-section .blog-item .img-part {
    overflow: hidden;
    display: inline-block;
    border-radius: 16px;
}
section.blog-section .blog-item:hover .img-part img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

section.blog-section .blog-item .img-part img {
    border-radius: 16px;
    transform: scale(1);
    background-position: 50%;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
section.blog-section .blog-item .blog-content {
    padding: 30px 20px;
}
section.blog-section .blog-item .blog-content h4.post-title {
    font-size: 18px;
    margin-bottom: 14px;
}
section.blog-section .blog-item .blog-content .uicore-post-footer {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    color: #6e7a84;
}

footer.footer-section {
    padding-top: 60px;
}
footer.footer-section .footer-menu {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #7D7D7D61;
    /* padding: 64px 0px 64px 0px; */
}
footer.footer-section .footer-menu h3 {
    color: #10182899;
    font-size: 14px;
    padding-bottom: 18px;
}
footer.footer-section .footer-menu li a {
    font-size: 16px;
    color: #101828;
    transition: color 0.3s;
    padding: 10px 0px;
    display: inline-block;
    font-weight: 600;
}
footer.footer-section .footer-menu li a:hover {
    color: #794aff;
}


footer.footer-section .footer-list-info .input-group-field {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}
footer.footer-section .footer-list-info .input-group-field i {
    position: absolute;
    left: 20px;
    color: rgba(16, 24, 40, 0.6);
    font-size: 18px;
}
footer.footer-section .footer-list-info .input-group-field input.form-control {
    color: #101828;
    background-color: #FFFFFF;
    font-size: 16px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D0D5DD;
    border-radius: 8px 8px 8px 8px;
    padding: 7px 16px 6px 56px;
    max-width: 270px;
    height: 54px;
    box-shadow: none;
}
footer.footer-section .mini_footer-bottom {
    padding: 20px 0px;
}
footer.footer-section .mini_footer-bottom .footer-logo img {
    max-width: 110px;
}
footer.footer-section .mini_footer-bottom p {
    margin: 0px;
    font-size: 16px;
}

.animated {
    -webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

section.top-banner-sec .slider-image .img1 {
    position: absolute;
}
section.top-banner-sec .slider-image .img1 img {
    max-width: 140px;
}
section.service-section .service-card h3 {
    font-size: 18px;
}
header.header-section .menu-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
}







@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

/ Bounce In Animation Class /
.bounceIn {
  animation-name: bounceIn;
  animation-duration: 1s;
  animation-fill-mode: both;
  opacity: 0; / Ensures element is invisible before animation /
}

/ Animation Delays for Staggered Entry /
.delay-1 {
  animation-delay: 0.5s;
}

.delay-2 {
  animation-delay: 1s;
}

.delay-3 {
  animation-delay: 1.5s;
}

.delay-4 {
  animation-delay: 2s;
}

.delay-5 {
  animation-delay: 2.5s;
}


section.top-banner-sec .slider-image {
    position: relative;
}
section.top-banner-sec .slider-image .img1 {
    position: absolute;
    bottom: 60px;
    left: 0;
}
section.top-banner-sec .slider-image .img1 img {
    max-width: 140px;
}
section.top-banner-sec .slider-image .img2 {
    position: absolute;
    right: -20px;
    top: 110px;
    box-shadow: 0px 0px 10px 0px #d5d5d5;
    border-radius: 100px;
}
section.top-banner-sec .slider-image .img2 img {
    max-width: 80px;
}
section.top-banner-sec .slider-image .img3 {
    position: absolute;
    right: 40px;
    bottom: 0;
}
section.top-banner-sec .slider-image .img3 img {
    max-width: 110px;
}
section.top-banner-sec .slider-image .img4 {
    position: absolute;
    right: 0px;
    bottom: 80px;
    display: block;
}
section.top-banner-sec .slider-image .img4 img:nth-child(1) {
    display: block;
    position: relative;
    transform: rotate(335deg);
    left: -40px;
}

section.top-banner-sec .slider-image .img4 img {
    box-shadow: 0px 0px 10px 0px #d5d5d5;
    border-radius: 100px;
    width: 36px;
}
section.top-banner-sec .slider-image .img4 img:nth-child(2) {
    display: block;
    position: relative;
    transform: rotate(375deg);
    left: -10px;
}

header.header-section .menu-part button.navbar-toggle {
    margin-right: 0px;
    border: none;
    background: none;
}
header.header-section .menu-part button.navbar-toggle .icon-bar {
    background-color: #10182899;
}
header.header-section .menu-part button.navbar-toggle .icon-bar:nth-child(3) {
    width: 16px;
}

header.header-section .logo {
    position: relative;
    z-index: 9;
}
header.header-section .menu-part .mobile-btn {
    display: none;
}
header.header-section .menu-part .text-right {
    width: 28%;
}
section.team-section {
    overflow: hidden;
}
section.process-section .process-bg .process-bottom {
    overflow: hidden;
}

section.who-we-section .counter p.count-text {
    margin: 0px;
    font-size: 16px;
    margin-top: 12px;
    line-height: 25px;
}

section.who-we-section .btm-sec {
    background: #f9fafb;
    padding: 8px;
}
.btm-sec p {
    color: #101828;
}
section.team-section .common-heading-center.text-center h2 {
    margin: 0px auto 15px;
}
section.team-section .btm-sec {
    margin: 0 auto 50px;
    background: #f9fafb;
    padding: 8px;
}
section.bottom-bg-sec {
    padding: 80px 0px 10px;
}
section.testimonials-section {
    padding: 80px 0px 0px;
}
.form-group label {
    display: block;
    font-weight: 500;
    color: #222;
    margin-bottom: 15px;
}
.form-group input::placeholder {
    color: #686868;
}

.form-group input, .form-group select, .form-group textarea {
    font-size: 14px;
    background: #f9f7ff;
}
#carousel3 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Fading effect on both sides */
#carousel3::before, 
#carousel3::after {
    content: "";
    position: absolute;
    top: 0;
    width: 150px;  /* Width of fading area */
    height: 100%;
    z-index: 2;
    pointer-events: none; /* Ignore clicks on faded area */
}

/* Left side fading */
#carousel3::before {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

/* Right side fading */
#carousel3::after {
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

/* Style for carousel items */
#carousel3 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    transition: transform 0.3s;
}

/* Styling for images */
#carousel3 img {
    max-width: 150px;  /* Adjust logo size */
    height: auto;
    opacity: 0.7;      /* Light transparency for side logos */
    transition: opacity 0.5s, transform 0.3s;
}

/* Center logo effect */
#carousel3 .owl-item.active.center img {
    opacity: 1;          /* Full visibility for center logo */
    transform: scale(1.1); /* Slight zoom */
}

/* Smooth transition effect */
#carousel3 .item:hover img {
    transform: scale(1.15);
}
.counter {
    text-align: center;
    margin: 20px 0;
}
.timer {
    font-size: 40px;
    color: #2c3e50;
    font-weight: bold;
}
.target {
    font-size: 24px;
    color: #27ae60;
}
/* Overall Section Styling */
.content-part1 {
    /* opacity: 0;  */
    transform: translateY(30px); 
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.content-part.active {
    opacity: 1; 
    transform: translateY(0);
}

/* Heading and Text Animation */
.fade-in {
    opacity: 0;
    animation: fadeIn 1s forwards;
}

.word {
    display: inline-block;
}

/* Delays for staggered effect */
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }
.delay-4 { animation-delay: 0.8s; }
.delay-5 { animation-delay: 1s; }

@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Slide-up animation for paragraph */
.slide-up {
    opacity: 0;
    transform: translateY(30px);
    animation: slideUp 1s forwards;
}

@keyframes slideUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}
/******bottom section*******/

/* Blue box background */
.bottom-bg-sec .common-heading {
    background-image: url(../images/Digital-Marketing-CTA-BG.webp);
    background-color: #8c67f4;
    text-align: center;
    padding: 80px 50px;
    background-position: right;
    background-size: cover;
    border-radius: 16px;
    color: #fff;
}

/* Form container styling */
.contact-form {
    /* background: rgba(255, 255, 255, 0.1);   */
    padding: 30px;
    border-radius: 12px;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
    max-width: 800px;
    margin: 0 auto;
}

/* Form rows for side-by-side inputs */
.form-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

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

/* Form labels and inputs */
.form-group label {
    display: block; 
    margin-bottom: 8px;
    font-weight: bold;
    color: #fff;
    text-align: left;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    color: #101828;
}

/* Button Styling */
.website-w-btn {
    background: #ff9800;
    color: #fff;
    border: none;
    padding: 12px 30px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 6px;
    font-size: 18px;
}

.website-w-btn:hover {
    background: #e68900;
}
form.contact-form select#service option {
    color: #000;
}
section.who-we-section .counter span.count-text {
    color: #6e7294;
}

/*************new popup css*************/

/* =============================
   Section and Form Styling
============================= */
/* .bottom-bg-sec {
    background: #8c67f4; 
    padding: 60px 20px;
    border-radius: 16px;
    color: #fff;
} */

.bottom-bg-sec .common-heading {
    background-image: url(../images/Digital-Marketing-CTA-BG.webp);
    background-position: right;
    background-size: cover;
    text-align: center;
    padding: 78px 40px;
    border-radius: 16px;
}

/* Form Styling */
.contact-form, .form-subscribe {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    margin: 30px auto;
    color: #333;
}

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

.form-group label {
    display: block;
    font-weight: bold;
    color: #555;
}

.form-group input, .form-group select, .form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    transition: 0.3s;
}

/* Button Styling */
.website-w-btn, .website-btn {
    background: #ff9800;
    color: #fff;
    border: none;
    padding: 12px 30px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 6px;
    font-size: 18px;
    display: inline-block;
}

.website-w-btn:hover, .website-btn:hover {
    background: #e68900;
}

/* =============================
   Thank You Popup Styling
============================= */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.popup-content {
    background: #fff;
    padding: 40px;
    max-width: 500px;
    text-align: center;
    border-radius: 12px;
    color: #333;
}

.popup-content h2 {
    color: #8c67f4;
    margin-bottom: 20px;
}

.popup-content p {
    font-size: 18px;
    margin-bottom: 30px;
}

.popup-content button {
    background: #ff9800;
    color: #fff;
    border: none;
    padding: 10px 30px;
    cursor: pointer;
    border-radius: 6px;
    font-size: 16px;
}

.popup-content button:hover {
    background: #e68900;
}
.btm-sec p.mb-0 {
    text-align: center;
}
section#bottom-bg-sec button.website-w-btn.block.animate.fadeIn.non-landing {
    background: #8c67f4;
    color: #fff;
}
section#bottom-bg-sec button.website-w-btn.block.animate.fadeIn.non-landing:hover {
    background: #101020;
}
.header-section {
    position: relative;
    width: 100%;
    background: #fff; /* Background to avoid transparency issues */
    z-index: 1000;
    transition: all 0.3s ease-in-out;
}
.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


@media (max-width: 1200px){
section.about-sec.parenteye-sec .row .slider-image img {
    width: 100%;
}
.nav > li > a {
    padding: 10px 10px;
}
header.header-section .menu-part .text-right {
    width: 31%;
}
}

@media (min-width: 768px) {
    body.sticky-active {
        margin-top: 80px;
    }
}

@media (max-width: 767px){
    section.team-section .team-card .text-item h3 {
    font-size: 16px;
    padding: 20px 0px 5px;
}
section.team-section .team-card p {
    font-size: 14px;
    margin-bottom: 0px;
}
section.team-section {
    padding-bottom: 30px;
}
.contact-form {
    padding: 20px;
}
.contact-form .form-group {
    flex: unset;
}
section.bottom-bg-sec .common-heading .website-w-btn {
    padding: 15px 18px;
    font-size: 14px;
}
    header.header-section .menu-part .text-right {
        width: 100%;
    }
header.header-section .navbar-default .navbar-collapse {
    position: fixed;
    background: #fff;
    width: 100%;
    left: 0;
    z-index: 9;
    padding-top: 90px;
    border: none;
    top: 0;
    display: block;
    opacity: 0;
    overflow: hidden;
    height: calc(100% - 0px);
    transition: .1s;
}
header.header-section .navbar-default .navbar-collapse.show {
    opacity: 1;
}
header.header-section .logo {
    position: relative;
    z-index: 99;
}
header.header-section .menu-part .mobile-btn {
    display: block;
    position: absolute;
    bottom: 30px;
    width: 90%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
header.header-section .menu-part .mobile-btn a.website-btn {
    width: 100%;
    display: block;
    font-size: 15px;
    color: #fff;
    padding: 15px;
}
header.header-section .navbar-default .navbar-collapse a {
    font-size: 18px;
    color: #101828;
    font-weight: 600;
    padding-bottom: 15px;

}
header.header-section .menu-part button.navbar-toggle {
    z-index: 99;
}
header.header-section .text-right {
    z-index: 99;
    position: relative;
}

    header.header-section .menu-part {
    justify-content: right;
    gap: 10px;
}
header.header-section .menu-part nav.navbar {
    order: 2;
}
header.header-section .website-btn {
    padding: 8px 10px;
    font-size: 13px;
    line-height: 16px;
}
header.header-section .row {
    justify-content: space-between;
    flex-wrap: nowrap;
}
header.header-section .col-md-2, header.header-section .col-md-10 {
    position: unset;
}
header.header-section .navbar-default {
    display: block;
}
header.header-section .navbar-default .navbar-collapse ul.nav.navbar-nav {
    display: block !important;
    text-align: left;
}

section.team-section .common-heading-center.text-center h2 {
    font-size: 26px;
    line-height: 33px;
    margin: 0px auto 20px;
}
section.top-banner-sec .content-part .info-form .input-group-field {
    display: block;
}
section.top-banner-sec .content-part .info-form .input-group-field i {
    display: none;
}
section.top-banner-sec .info-form input.form-control {
    max-width: 100%;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
}
section.top-banner-sec .content-part .info-form .input-group-field .website-btn {
    display: block;
    width: 100%;
}
section.top-banner-sec .content-part h5 {
    font-size: 14px;
}
section.top-banner-sec .content-part {
    text-align: center;
}
h2 {
    font-size: 26px;
}
p {
    font-size: 16px;
    line-height: 28px;
}
.website-w-btn, .website-btn {
    font-size: 14px;
}
section.top-banner-sec .info-form input.form-control {
    font-size: 14px;
}
.form-subscribe {
    padding: 0px;
    box-shadow: none;
    margin: 10px auto;
}
#carousel3 .item {
    height: 60px;
}
section.who-we-section .common-heading-center.text-center span {
    font-size: 14px;
}
section.who-we-section .img-sec {
    margin: 0px auto 10px;
}
section.who-we-section .counter {
    margin: 0px;
}
section.who-we-section .counter h2.timer {
    font-size: 36px;
}
section.who-we-section .counter span.target {
    font-size: 36px;
}
section.process-section .process-bg .common-heading-center.text-center h2 {
    margin: 20px auto 10px;
}
section.process-section .process-bg .process-bottom .row:nth-child(2) {
    flex-direction: column-reverse;
}
section.top-banner-sec {
    padding: 50px 0px 30px 0px;
}
section.clients-section {
    padding: 30px 0px 30px;
    text-align: center;
}
section.clients-section p.mb-0 {
    max-width: 210px;
    margin: auto;
}
section.service-section .service-card p {
    font-size: 14px;
    line-height: 26px;
}
section.who-we-section .common-heading-center.text-center h2:before {
    left: 0%;
}
section.who-we-section .common-heading-center.text-center h2 {
    font-size: 26px;
    line-height: 34px;
}
section.who-we-section {
    text-align: center;
    padding: 30px 0px 70px;
}
section.who-we-section .row .col {
    flex-basis: auto;
    margin-bottom: 20px;
}
section.service-section .services-bg .common-heading-center.text-center h2 {
    font-size: 26px;
}
section.service-section .services-bg {
    padding: 0px 15px 20px;
    border-radius: 16px;
}
section.service-section span {
    top: -7px;
}
section.top-banner-sec .content-part h2.heading-title {
    font-size: 36px;
}
.testimonials-card {
    padding: 20px;
}
section.testimonials-section .owl-nav button.owl-next, section.testimonials-section .owl-nav button.owl-prev {
    position: unset;
    transform: unset;
}
section.testimonials-section .owl-nav {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
}
section.process-section .process-bg {
    padding: 20px 15px 20px;
    text-align: center;
}
section.process-section .process-bg .content-part h3 {
    color: #fff!important;
    font-size: 22px;
}
section.process-section .process-bg .process-bottom .row:nth-child(4) {
    flex-direction: column-reverse;
}
section.process-section .process-bg .col-md-6 {
    padding-bottom: 20px;
}
section.process-section .process-bg .process-bottom .row {
    margin-top: 10px;
    margin-bottom: 10px;
}
section.process-section .process-bg span {
    font-size: 14px;
    box-shadow: 0px 0px 6px 0px #ffffff1f;
}
section.process-section .process-bg .content-part p {
    margin: 15px 0px 0px;
    font-size: 14px;
    line-height: 24px;
}
section.bottom-bg-sec .common-heading h2 {
    font-size: 30px;
}
section.bottom-bg-sec .common-heading p {
    font-size: 16px;
}
section.bottom-bg-sec .common-heading {
    padding: 40px 10px;
}
section.bottom-bg-sec {
    padding: 90px 0px 0px;
}
footer.footer-section {
    padding-top: 30px;
}
section.blog-section .blog-item .blog-content {
    margin-bottom: 40px;
    padding: 30px 15px;
}
section.blog-section .row .col-md-4:last-child .blog-item .blog-content {
    margin-bottom: 0px;
}
footer.footer-section .footer-menu .col-md-2 {
    width: 50%;
    padding-bottom: 30px;
    text-align: center;
}
footer.footer-section .footer-menu li a {
    font-size: 14px;
}
footer.footer-section .footer-menu h3 {
    padding-bottom: 10px;
}
footer.footer-section .footer-list-info .input-group-field {
    display: block;
    text-align: center;
}
footer.footer-section .footer-list-info .input-group-field i {
    display: none;
}
footer.footer-section .footer-list-info .input-group-field input.form-control {
    padding: 10px;
    max-width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
footer.footer-section .footer-menu h3 {
    text-align: center;
}
.col-md-3 .footer-list-info h3 {
    margin-bottom: 10px;
}
footer.footer-section .footer-list-info .input-group-field .website-btn {
    width: 100%;
}
footer.footer-section .footer-menu {
    padding: 0px 0px 24px 0px;
            border-top: 0px;
}
footer.footer-section .mini_footer-bottom {
    text-align: center;
}
footer.footer-section .mini_footer-bottom p {
    margin: 0px;
    font-size: 14px;
    line-height: 24px;
    padding-top: 20px;
}
}