/* =============Header Css============= */
header {
    padding: 40px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.5s ease;
}

header.sticky {
    top: -140px;
}

header.sticky.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    padding: 15px 40px;
}

header .logo-area img {
    width: 370px;
    transition: all 0.5s ease;
}

header.sticky.sticky-active .logo-area img {
    width: 200px;
}

header [class*="col"] {
    display: flex;
    align-items: center;
}

header .header-contact {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 40px;
}

header .header-contact .button-wrapper {
    display: flex;
    gap: 30px;
    margin: 0;
}

header.sticky.sticky-active .header-contact .button-wrapper .btn {
    padding: 12px 25px;
    font-size: 14px;
}

header .header-contact .toggle {
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    flex-direction: column;
}

header .header-contact .toggle .line {
    display: block;
    background: #fff;
    height: 3px;
    width: 35px;
    border-radius: 3px;
    margin: 2px 0;
}

header .header-contact .toggle .line2,
header .header-contact .toggle .line4 {
    width: 27px;
}

/* =============Banner Css============= */
.banner-area,
.inner-page-banner {
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.banner-area .content h1 {
    margin-bottom: 50px;
}

.banner-area .content h1 p {
    margin-bottom: 30px;
}

.banner-area.bg-hero:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--hero-section);
    z-index: -1;
}

.banner-area .content h1 span {
    color: var(--secondary);
}

.banner-area .content {
    max-width: 100%;
    margin-top: 100px;
}

.banner-area .content .button-wrapper {
    list-style: none;
    justify-content: center;
    flex-direction: row;
}

.banner-area .partner-logo {
    margin-left: auto;
    max-width: 100px;
    margin-right: 50px;
}

.banner-area .content-wrapper {
    width: 100%;
}

.banner-area .partner-logo {
    margin-top: 20px;
}

.banner-area .partners-area {
    width: 100%;
}

.banner-form-wrapper .form-wrapper {
    display: none;
}

.banner-form-wrapper.form-open .banner-form {
    display: none;
}

.banner-form-wrapper.form-open .form-wrapper {
    display: block;
}

.banner-form-wrapper .form-wrapper {
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 15px;
    margin-top: 40px;
}

.inner-page-banner .bottom-text ul {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 40px;
    margin: 0;
    flex-direction: row;
}

.inner-page-banner .bottom-text ul li a {
    color: #fff;
}

.inner-page-banner .bottom-text ul li a img {
    background: transparent;
    padding: 8px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 2px solid var(--secondary);
    display: block;
    margin: 0 auto 5px;
    transition: all 0.5s ease;
}

.inner-page-banner .bottom-text {
    margin-top: 50px;
}

.inner-page-banner .bottom-text ul li a:hover img {
    background: var(--secondary);
}

.banner-area .content h1,
.inner-page-banner .content h1 {
    transition: all 0.5s ease;
}

/* =============Service Css============= */
.service-list .card {
    border-radius: 64px;
    background: linear-gradient(1deg, rgba(60, 190, 255, 0.45) 0%, rgba(60, 190, 255, 0.00) 100%);
    padding-bottom: 30px;
    height: 100%;
    box-shadow: 4px 4px 80px rgba(60, 190, 255, 0.50);
    position: relative;
    padding-top: 180px;
}

.service-list .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 60px;
}

.service-list .card .image-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
}

.service-list .item {
    padding: 35px;
}

.service-list .card .content-wrapper {
    padding: 30px;
}

.service-list .card .image-wrapper img {
    width: 100%;
    height: 270px;
    object-fit: contain;
    object-position: bottom;
}


/* =============Counter Css============= */
.counter-list .list .item .count {
    border-radius: 275px;
    width: 275px;
    height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(50% 50% at 50% 50%, #0C41C1 82%, rgba(12, 65, 193, 0.00) 100%);
    position: relative;
    transform: scale(1.1);
    z-index: 0;
    margin: 0 auto 15px;
}

.counter-list .list {
    display: flex;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.counter-list .list .item {
    flex: 1;
}

.counter-list .list .item .count:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.75);
    z-index: -1;
    border-radius: 376.852px;
    background: #000;
    backdrop-filter: blur(1.0804238319396973px);
}

.counter-list .list .item:nth-child(even) {
    margin-top: 15%;
}

.counter-list .list .item .count .num {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--primary);
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 5px;
    font-style: normal;
    -webkit-text-fill-color: transparent;
}


/* =============Approach Css============= */
.approach-list .card {
    max-width: 90%;
    margin: 0 auto;
}

.approach-list .card span {
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: var(--primary);
    font-size: 130px;
    font-weight: 600;
    letter-spacing: 7px;
    font-style: normal;
    -webkit-text-fill-color: transparent;
    display: block;
    margin-left: -90px;
    line-height: 1;
}

.approach-list .card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.approach-list .image-wrapper {
    margin-top: 30%;
}

.approach-list .item:before {
    content: "";
    width: 350px;
    height: 350px;
    position: absolute;
    top: 0;
    left: -250px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(12, 65, 193, 0.80) 0%, rgba(12, 65, 193, 0.00) 100%);
    filter: blur(100px);
    border-radius: 50%;
}

.approach-list .item:nth-child(even):before {
    left: inherit;
    right: -250px;
}

.approach-list .item:last-child:after {
    display: none;
}

.approach-list .item {
    position: relative;
    margin-bottom: 200px;
    width: 100%;
    overflow-x: clip;
}

.approach-list .item .approach-long-arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 100%;
    width: 100%;
    max-width: 55%;
}

.approach-list .item .approach-long-arrow svg {
    width: 100%;
}

.approach-list .item:last-child .approach-long-arrow {
    display: none;
}

.approach-list .item:last-child {
    margin-bottom: 0;
}


/* =============Testimonial Css============= */
.testimonials-list .box {
    display: flex;
    padding: 52px 46px;
    align-items: center;
    gap: 44px;
    border-radius: 29px;
    border: 2px solid #FFF;
    background: #000;
    margin: 0 auto;
    max-width: 1250px;
}

.testimonials-list .box .content-wrapper .top, .testimonials-list .box .content-wrapper .bottom {
    display: flex;
    height: 60px;
    align-items: center;
    align-self: stretch;
}

.testimonials-list .box .content-wrapper .bottom {
    align-items: flex-end;
    justify-content: flex-end;
}

.testimonials-list .box .content-wrapper .middle .title {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.testimonials-list .box .content-wrapper .middle .title .name {
    color: #FAFAFA;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 56px;
}

.testimonials-list .box .content-wrapper .middle .title .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #A4A4A4;
}

.testimonials-list .box .content-wrapper .middle .title .designation {
    color: #FAFAFA;
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: 56px;
}

.testimonials-list .box .content-wrapper .middle .title .reviews ul {
    list-style: none;
    display: flex;
    padding: 2px;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    flex-direction: row;
}

.testimonials-list .box .content-wrapper .middle .review-title {
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
}

.testimonials-list .box .content-wrapper .middle .review {
    color: #B7B7B7;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
}

.testimonials-list .inner {
    display: block;
    padding: 0 50px;
}

.testimonial-slider {
    width: 100%;
}

.testimonial-slider .slick-slide.slick-current.slick-active.slick-center {
    position: relative;
    z-index: 1;
}

.testimonial-slider .slick-prev, .testimonial-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    width: 100px;
    height: 100px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #FFF;
    background: #444;
    box-shadow: 0px 4px 39px 0px #3F3F3F;
    cursor: pointer;
    z-index: 9;
}

.testimonial-slider .slick-prev:before, .testimonial-slider .slick-next:before{
    font-size: 30px !important;
}

.testimonials-list {
    margin-top: 100px;
    position: relative;
}

.testimonials-list .box .image-wrapper {
    width: 330px;
    height: 330px;
    min-width: 330px;
    border-radius: 50%;
    display: flex;
    align-items: flex-end;
    background: #1B1B1B;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.testimonials-list .box .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonials-list .box .shapes {
    display: flex;
    gap: 20px;
    height: calc(100% - 105px);
    position: absolute;
    z-index: 0;
    align-items: center;
}

.testimonials-list .box .shapes span {
    display: block;
    background: #343434;
    width: 32px;
    height: 100%;
    border-radius: 20px;
}

.testimonials-list .box .shapes span.line1, .testimonials-list .box .shapes span.line3 {
    height: 115px;
}

.testimonials-list .box .shapes span.line2 {
    height: 90%;
}

.testimonials-list .box .shapes span.line1 {
    display: flex;
    margin-bottom: auto;
}

.testimonials-list .box .shapes span.line3 {
    margin-top: auto;
}

section:has(.testimonials-list) {
    position: relative;
}

section:has(.testimonials-list):after, section:has(.testimonials-list):before {
    content: "";
    position: absolute;
}

.testimonials-list .box .image-wrapper, .testimonials-list .box .shapes {
    display: none;
}

section:has(.testimonials-list):after{
    width: 108px;
    height: 108px;
    background: url('../images/Testimonials/quotes2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 180px;
    right: 70px;
}

section:has(.testimonials-list):before{
    width: 149px;
    height: 149px;
    background: url('../images/Testimonials/quotes1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 180px;
    left: 70px;
}

.testimonials-list .slide-inner {
    padding-top: 0 !important;
}


/* =============Blog Css============= */
.blog-list .card {
    height: 100%;
    border-radius: 50px;
    border-right: 4px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    box-shadow: 0px 11px 92px 0px rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(2px);
    padding: 30px;
}

.homepage-template .blog-list,
.website-development-template .blog-list {
    padding: 0 50px;
    margin-top: 130px;
}

.website-development-template .banner-area .col-3 {
    padding: 0;
}

.homepage-template .blog-list .col-lg-4:nth-child(2) .card, 
.website-development-template .blog-list .col-lg-4:nth-child(2) .card {
    position: relative;
    top: -100px;
}

.blog-list .item .icon-btn {
    color: #2394cc;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.blog-list .item .icon-btn img {
    width: 35px;
}
.insights-page-template .blog-list .item .icon-btn {
    justify-content: flex-end;
    margin-top: 50px;
}

/* =============Accordion Css============= */
.faq-list {
    padding: 0 50px;
}

section:has(.faq-list) {
    position: relative;
}

section:has(.faq-list):before, section:has(.faq-list):after {
    content: "";
    position: absolute;
}

section:has(.faq-list):before{
    width: 115px;
    height: 115px;
    background: url('../images/Question1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 100px;
    left: 250px;
}

section:has(.faq-list):after{
    width: 70px;
    height: 70px;
    background: url('../images/Question2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 140px;
    right: 250px;
}

.accordion {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.accordion .item .ans {
    display: none;
    padding: 20px;
}

.accordion .item .que {
    border-radius: 8px;
    border-bottom: 2px solid #FFF;
    background: #141414;
    box-shadow: 0px 4px 67px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.accordion .item .que:after {
    content: "+";
    font-size: 50px;
    color: var(--primary);
}

.accordion .item .que h5 {
    font-weight: 400;
    margin: 0;
    font-size: 28px;
}

.accordion .item.ac-open .que:after {
    content: "-";
}


/* =============Footer Css============= */
.footer-about .logo-area {
    max-width: 220px;
    margin-bottom: 20px;
}

footer {
    padding-top: 50px;
}

.footer-top{
    padding: 0 50px;
}

.footer-about {
    padding-right: 75px;
}

.social-media ul {
    display: flex;
    list-style: none;
    margin-top: 20px;
    gap: 0 20px;
}

.social-media ul svg {
    width: 35px;
}

.footer-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-list .item ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-list .item ul li a {
    color: #fff;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.footer-list .item ul li a svg {
    width: 26px;
}

.copyright {
    text-align: center;
    padding: 20px;
    border-top: 1px solid rgba(221, 221, 221, 0.87);
}


/* =============Android App Development Page Css============= */
.android-page-template .image-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.android-page-template .image-wrapper img {
    width: auto;
    max-width: 100%;
}


/* =============Hybrid App Development Page Css============= */
.hybrid-page-template .section1 .button-wrapper {
    margin-top: -50px;
}

.hybrid-page-template .content-wrapper .industry-list .item {
    display: flex;
    align-items: center;
    background: #0B0B0B;
    padding: 6px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    width: 100%;
}

.hybrid-page-template .content-wrapper .industry-list .list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}

.hybrid-page-template .content-wrapper .industry-list .item img {
    width: 65px;
    height: 65px;
    object-fit: contain;
    object-position: center;
}

.hybrid-page-template .content-wrapper .industry-list .item span {
    margin-left: 15px;
}

.hybrid-page-template .content-wrapper .industry-list .item:before, .hybrid-page-template .content-wrapper .industry-list .item:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-gradient);
    border-radius: 10px;
    z-index: -1;
}

.hybrid-page-template .content-wrapper .industry-list .item:after {
    background: #0B0B0B;
}

.hybrid-page-template .content-wrapper .industry-list .item:before {
    top: 1px;
    left: 3px;
}

.hybrid-page-template .content-wrapper .industry-list .row {
    justify-content: center;
    width: 100%;
}

.hybrid-page-template .content-wrapper .industry-list .col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.hybrid-page-template .content-wrapper .industry-list {
    gap: 30px 0;
    display: flex;
    flex-direction: column;
    max-width: 90%;
    margin: 0 auto;
    align-items: center;
}

.roadmap-list .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 200px;
}

.roadmap-list .list .card {
    border-radius: 52.365px;
    border-right: 4.189px solid var(--Gradient-Button, #3F8EEA);
    border-bottom: 2.095px solid var(--Gradient-Button, #3F8EEA);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    box-shadow: 0px 11.52px 96.351px 0px rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(2.094594717025757px);
    position: relative;
    padding: 40px;
}

.roadmap-list .list .card a.icon-btn {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--primary);
}

.roadmap-list .list .card > span {
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #3F8EEA;
    font-family: Inter;
    font-size: 130px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 7.8px;
    color: transparent;
    margin-left: -100px;
    margin-top: -120px;
    display: block;
}

.roadmap-list {
    margin-top: 100px;
}

.process-list .row {
    gap: 160px 0;
    justify-content: center;
}

.process-slider {
    display: block;
    width: 100%;
}

.process-slider ul.slick-dots {
    padding: 0;
    flex-direction: row;
    gap: 0;
    justify-content: center;
}

.process-slider .item {
    padding-top: 75px;
    padding-bottom: 15px;
}

.process-slider .custom-card {
    max-width: 50%;
    margin: 0 auto;
}

.custom-card .image-wrapper {
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: -130px;
    margin-bottom: 30px;
}

.process-list {
    margin-top: 70px;
}

.expert-list .item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.expert-list .item .icon {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 71.564px;
    background: #0B0B0B;
    box-shadow: 0px 17.891px 29.818px 0px rgba(122, 122, 122, 0.30) inset;
    margin-bottom: 20px;
}

.expert-list .item .icon img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    object-position: center;
}

.expert-list .row {
    gap: 100px 0;
}

.expert-list {
    margin-top: 50px;
}

.expert-list .list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
    gap: 120px 50px;
}


/* =============About Page Css============= */
.about-template .content-wrapper ul.social-icons li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    background: var(--secondary);
    border-radius: 50%;
}

.about-template .content-wrapper ul.social-icons li a img {
    width: 27px;
}

.about-template .content-wrapper ul.social-icons {
    flex-direction: row;
    padding: 0;
    margin-top: 40px;
    margin-bottom: 0;
}

.about-template .team-section .image-wrapper {
    margin-left: auto;
}

.about-template .team-section .image-wrapper img {
    width: 530px;
    height: 530px;
    object-fit: cover;
    border-radius: 50%;
}

.about-template .team-section .flex-dir-row-reverse .image-wrapper {
    margin-right: auto;
    margin-left: 0;
}

.about-template .team-section .content-wrapper h4 {
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 40px;
}

.about-template .team-section .content-wrapper p {
    font-weight: 400;
}

.team-section {
    overflow-x: clip;
}

.about-template .banner-area .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =============Digital Marketing Page Css============= */
.digital-marketing-template .inner-page-banner.banner-area {
    justify-content: normal;
}

.digital-marketing-template .inner-page-banner.banner-area .content-wrapper,
.seo-service-template .inner-page-banner.banner-area .content-wrapper {
    width: 100%;
}

.digital-marketing-template .inner-page-banner.banner-area .image-wrapper {
    position: relative;
    display: flex;
    align-items: flex-end;
}

.digital-marketing-template .banner-area .image-wrapper {
    max-width: 800px;
    margin-left: auto;
}

.digital-marketing-template .inner-page-banner.banner-area .content-wrapper [class*="col"],
.seo-service-template .inner-page-banner.banner-area .content-wrapper [class*="col"] {
    justify-content: flex-end;
}

.digital-marketing-template .inner-page-banner.banner-area .content-wrapper .content,
.seo-service-template .inner-page-banner.banner-area .content-wrapper .content {
    max-width: 100%;
    text-align: left;
    padding-left: 70px;
}

.digital-marketing-template .inner-page-banner.banner-area .content-wrapper .content ul.button-wrapper {
    justify-content: flex-start;
    padding: 0;
    margin-bottom: 0;
}

.digital-marketing-template .inner-page-banner.banner-area .image-wrapper:after {
    display: none;
}

.digital-marketing-template .counter-list .list .item:nth-child(even),
.case-study-template .counter-list .list .item:nth-child(even),
.social-media-marketing-template .counter-list .list .item:nth-child(even) {
    margin: 0;
}


/* =============Ios Page Css============= */
.ios-page-template .list h3 {
    text-align: center;
}

.ios-page-template .list h3:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #444444;
    margin: 25px 0 15px;
}

.ios-page-template .blog-list.process-list .image-wrapper {
    margin-left: 0;
}

.ios-page-template .process-list.desktop .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 160px;
}

/* =============Case Study Page Css============= */
.case-study-list .row {
    gap: 70px 0;
}

.case-study-list .item {
    width: 100%;
}

.case-study-list .item .image-wrapper img {
    width: 100%;
    height: 450px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    object-fit: cover;
    object-position: center;
}

.case-study-list .item {
    background: #262626;
    border-radius: 30px;
    border: 1px solid #6D6D6D;
}

.case-study-list .item .content span {
    color: #FFF;
    font-weight: 500;
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
    padding: 22px;
    font-size: 22px;
}

.growth-list .item {
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    border-radius: 30px;
    background: #262626;
    width: 100%;
    text-align: center;
}

.growth-list .item .content span {
    font-size: 22px;
}

.growth-list .item .image-wrapper img {
    height: 120px;
    object-fit: contain;
}

.case-study-template .banner-area .image-wrapper img {
    object-fit: cover;
    height: 100%;
}


/* =============Insights Page Css============= */
.insights-page-template .main-post .item {
    display: flex;
    background: #141414;
}

.insights-page-template .main-post .item .image-wrapper {
    flex: 0 0 40%;
}

.insights-page-template .main-post .item .content-wrapper {
    flex: 0 0 60%;
    padding: 30px;
}

.insights-page-template .main-post .item .image-wrapper img {
    height: 100%;
    object-fit: cover;
}

.insights-page-template .main-post .item .content-wrapper .category {
    display: flex;
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
}

.insights-page-template .main-post .item .content-wrapper .category span {
    border-radius: 10px;
    background: var(--primary-gradient);
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.insights-page-template .blog-list .item .content {
    background: #141414;
}

.blog-list .item {
    width: 100%;
    height: 100%;
}

.homepage-template .blog-list .list, .website-development-template .blog-list .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
}

.homepage-template .blog-list .list .item:nth-child(even), .website-development-template .blog-list .list .item:nth-child(even){
    position: relative;
    top: -100px;
}

.blog-list .row {
    gap: 70px 0;
}

.blog-list .item .content {
    padding: 20px;
}

.blog-list .item .content p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}

.blog-list .item .content h5 {
    font-size: 28px;
    line-height: 45px;
    font-weight: 400;
}

.blog-list .item .content .btn-sm {
    margin-left: auto;
}

.insights-page-template .section-padding:has(.blog-list) {
    padding-top: 0;
    border-bottom: 1px solid rgb(34 34 34 / 85%);
}

.insights-page-template .banner-area .image-wrapper:after {
    display: none;
}

.insights-page-template .banner-area .image-wrapper img {
    height: 100%;
    object-fit: cover;
}

.insights-page-template .blog-list .item {
    height: 100%;
    background: #141414;
}

/* =============Seo Services Page Css============= */
.seo-service-template .custom-card .content .btn {
    width: max-content;
}

.seo-service-template .counter-list .list .item:nth-child(even) {
    margin-top: 0;
}

.seo-service-template .banner-area .image-wrapper:after {
    display: none;
}

.seo-service-template .inner-page-banner.banner-area .content-wrapper .content{
    padding-left: 0;
    margin-left: 0;
    margin-right: auto;
}

.seo-service-template .banner-area .image-wrapper {
    display: flex;
    align-items: flex-end;
}

.seo-service-template .banner-area .image-wrapper {
    display: flex;
    align-items: flex-end;
}

.seo-service-template .inner-page-banner.banner-area .content-wrapper .content {
    width: 100%;
}

.seo-service-template .banner-area .image-wrapper:before {
    content: "";
    width: 360px;
    height: 360px;
    transform: rotate(-165deg);
    border-radius: 50%;
    border: 29px solid #083BBE;
    filter: blur(17.5px);
    position: absolute;
    z-index: -1;
    right: -5%;
    bottom: -16%;
}

.seo-service-template .section1 .image-wrapper:before {
    content: "";
    width: 340px;
    height: 340px;
    transform: rotate(92.669deg);
    flex-shrink: 0;
    border-radius: 340px;
    border: 40px solid #083BBE;
    filter: blur(17.5px);
    position: absolute;
    z-index: -1;
    bottom: -10%;
    left: -5%;
}


/* =============Contact Page Css============= */
.contact-page-template .form-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    margin-top: 100px;
}

.contact-page-template .form-wrapper:after{
    display: none;
}

.contact-page-template .form-wrapper .content ul li a .icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.contact-page-template .form-wrapper .content ul li a .icon {
    width: 58px;
    height: 58px;
    background: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    min-width: 58px;
}

.contact-page-template .form-wrapper .content ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 35px;
}

.contact-page-template .form-wrapper .content ul li a {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 30px;
}

.contact-page-template .form-wrapper .content ul.social-media {
    margin-top: 70px;
}

.contact-page-template .form-wrapper .content ul.social-media li a {
    color: var(--primary);
    position: relative;
}

.contact-page-template .form-wrapper .content ul.social-media li a:after {
    content: "";
    width: 38px;
    height: 38px;
    background: url('../images/icons/arrow-right.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.contact-page-template .form-wrapper .content {
    padding-left: 25%;
}

.contact-page-template .section1 {
    position: relative;
    z-index: 0;
}

.contact-page-template .section1:before {
    /* content: ""; */
    background: url('../images/Contact-page/banner-bg.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    z-index: -1;
}


/* =============Social Media Marketing Page Css============= */
.social-media-marketing-template .banner-area .image-wrapper {
    display: flex;
    align-items: center;
}

.social-media-marketing-template .inner-page-banner.banner-area .content-wrapper {
    width: 100%;
}

.social-media-marketing-template .inner-page-banner.banner-area .content-wrapper .content {
    text-align: left;
}

.social-media-marketing-template .banner-area .image-wrapper:after {
    display: none;
}


/* =============Paid Media Marketing Page Css============= */
.paid-media-page-template .section-with-video .item {
    display: flex;
    border-radius: 20px;
    background: #1D1D1D;
    padding: 60px;
    position: relative;
    z-index: 0;
}

.paid-media-page-template .section-with-video .item .content {
    flex: 0 0 50%;
    padding-right: 100px;
}

.paid-media-page-template .section-with-video .item .video-wrapper {
    flex: 0 0 50%;
    position: relative;
}

.paid-media-page-template .section-with-video .item .video-wrapper video {
    border-radius: 20px;
    border: 1px solid #727272;
    background: rgba(0, 0, 0, 0.58);
    position: relative;
}

.paid-media-page-template .section-with-video .item .content h2 span {
    color: var(--secondary);
}

.paid-media-page-template .section-with-video .item:before,.paid-media-page-template .section-with-video .item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1.05);
    border-radius: 20px;
    border: 2px solid #474749;
    z-index: -1;
}

.paid-media-page-template .banner-area .image-wrapper img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.paid-media-page-template .section-with-video .item:after {
    top: 0;
    left: 0;
    transform: translateX(0) scale(1);
    background: #1D1D1D;
    border: 0;
}

.paid-media-page-template .section-with-video .item .video-wrapper:after {
    content: "";
    width: 55px;
    height: 55px;
    background: url('../images/Subtract.png');
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}

.glimps-list .item p {
    margin: 0;
}

.paid-media-page-template .glimps-list {
    display: flex;
    width: 100%;
    gap: 50px;
    margin-top: 100px;
    margin-bottom: 250px;
}

.glimps-list .item {
    width: 195px;
    height: 195px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 0;
}

.glimps-list .item img.arrow-long {
    position: absolute;
    width: 50px;
    top: 202px;
    right: -50px;
}

.glimps-list .item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 12px;
    border: 3px solid var(--Radial-1, #C0C0C0);
    background: #161616;
    box-shadow: 0px 25px 36px 0px rgba(0, 0, 0, 0.10), 0px 4px 40px 0px #000 inset;
    z-index: -1;
}

.glimps-list .item:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px dashed#fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg) scale(1.2);
    border-radius: 12px;
}

.glimps-list .item:nth-child(even) {
    top: 135%;
}

.glimps-list .item:nth-child(even) img.arrow-long {
    transform: rotate(-90deg);
    top: -50px;
}

.glimps-list .item:last-child img.arrow-long {
    display: none;
}

section [class*="col"] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.button-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top:70px;
    list-style: none;
}

/* @Author Seema Kashyap */
.circle-image{
    border-radius: 50%;
}
.social-icons{
    display: flex;
    list-style: none;
}
.counter-list .list .item .digital .num {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--primary);
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 5px;
    font-style: normal;
    -webkit-text-fill-color: transparent;
}


.what-we-offer-template .banner-area .image-wrapper img {
    height: 100%;
    object-fit: cover;
}

.sidebar {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background: linear-gradient(180deg, #000 -11.66%, rgba(0, 0, 0, 0.82) 43.91%, #000 100%);
    padding: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease;
}

.sidebar nav ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.sidebar nav ul li.cross-icon img {
    width: 50px;
    margin: 0 auto;
}

.sidebar nav ul li a {
    color: #fff;
    display: block;
    text-transform: capitalize;
    font-size: 48px;
    transition: all 0.5s linear;
    font-weight: 600;
}

.sidebar nav ul.submenu {
    display: none;
}
 
 .sidebar nav ul li.has-children {
     position: relative;
 }
 
 .sidebar nav ul li a{
     margin-bottom: 40px;
 }

 .sidebar nav ul li.has-children .icon {
    position: absolute;
    right: -30px;
    top: 5px;
    cursor: pointer;
    font-size: 35px;
    transition: all 0.5s ease;
}

.sidebar nav ul li a{
    transition: all 0.5s ease;
}

.sidebar nav > ul li:hover > a,
.sidebar nav > ul li.has-children.open > a,
.sidebar nav > ul li:hover > .icon,
.sidebar nav > ul li.has-children.open > .icon{
    color: var(--primary);
}

.sidebar nav > ul li:hover > a,
.sidebar nav > ul li.has-children.open > a{
    transform: scale(1.1);
}

.sidebar nav ul li.has-children .submenu li a {
    font-size: 34px;
    margin-bottom: 30px;
}

.sidebar nav ul li.has-children.open > .icon {
    transform: rotate(-180deg);
}

.sidebar nav ul li.has-children .submenu .submenu li a {
    font-size: 28px;
    margin-bottom: 20px;
}

.sidebar nav ul.submenu li.has-children .icon {
    font-size: 28px;
}

body.sidebar-open {
    overflow: hidden;
}

body.sidebar-open .sidebar {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.paid-media-page-template .banner-area .content-wrapper .content .banner-form .form-group button,
.seo-service-template .banner-area .content-wrapper .content .banner-form .form-group button{
    right: 20px;
}