/* ----------------- ai services css start ----------------- */
.ai-services-content .madsSidebar {
    height: auto;
}

.HeadingAndArrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 10px;
}

/* Animated Line */
.HeadingAndArrow::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(90deg, #00c6ff, #0072ff, #6a11cb, #b5179e, #f72585, #ff4d6d, #ff7b00, #ffd60a, #06d6a0, #00c6ff);
    background-size: 200% 100%;
    animation: lineMove 3s linear infinite;
}

/* Moving Gradient Animation */
@keyframes lineMove {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.service-icon {
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    color: #6a11cb;
}






/* industries css start */

.ai-services-industries .tha-industry-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 10px 24px 10px 10px;
    border-radius: 60px;
    overflow: hidden;
    cursor: pointer;

    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(12px);

    transition: .45s ease;

    z-index: 1;
}

/* Animated Gradient Border */
.ai-services-industries .tha-industry-pill::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 60px;
    padding: 1.5px;

    background: linear-gradient(90deg,
            #00d4ff,
            #0066ff,
            #8a2be2,
            #ff00aa,
            #ff5e62,
            #ff9f1c,
            #00d4ff);

    background-size: 300% 100%;
    animation: borderMove 6s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    z-index: -2;
}

/* Shine */
.ai-services-industries .tha-industry-pill::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 45%;
    height: 100%;

    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .35),
            transparent);

    transform: skewX(-25deg);

    pointer-events: none;
    z-index: 0;
}

.ai-services-industries .tha-industry-pill:hover::after {
    animation: shine .9s linear;
}

/* Icon */
.ai-services-industries .icon-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(135deg, #ff00aa, #6a5cff, #00d4ff);

    color: #fff;
    font-size: 14px;

    flex-shrink: 0;

    transition: .45s ease;

    box-shadow:
        0 0 20px rgba(255, 0, 170, .35),
        0 0 35px rgba(0, 212, 255, .25);

    position: relative;
    z-index: 2;
}

.ai-services-industries .icon-circle i {
    color: #fff;
    position: relative;
    z-index: 2;
}

/* Text */
.ai-services-industries .tha-industry-pill span {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: .45s ease;

    position: relative;
    z-index: 2;
}

/* Hover */
.ai-services-industries .tha-industry-pill:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, .09);

    box-shadow:
        0 15px 40px rgba(0, 0, 0, .35),
        0 0 30px rgba(255, 0, 170, .25);
}

.ai-services-industries .tha-industry-pill:hover .icon-circle {
    transform: scale(1.15);

    background: linear-gradient(135deg,
            #00d4ff,
            #6a5cff,
            #ff00aa);

    box-shadow:
        0 0 15px #00d4ff,
        0 0 30px #6a5cff,
        0 0 45px #ff00aa;
}

.ai-services-industries .tha-industry-pill:hover span {
    letter-spacing: .4px;
}

/* Border Animation */
@keyframes borderMove {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }
}

/* Shine Animation */
@keyframes shine {
    from {
        left: -50%;
    }

    to {
        left: 130%;
    }
}


/* industries css end */




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ai-consulting page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectionaiconsulting{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/ai-consulting-services/Hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1forAiConsulting {
 background:  url(../images/a/ai-consulting-services/cta-1-ai-consulting.webp) no-repeat center center/cover;
 
}
.cta2forAiConsulting {
  background:  url(../images/a/ai-consulting-services/cta-2-ai-consulting.webp) no-repeat center center/cover;
}

.cta3forAiConsulting {
  background:  url(../images/a/ai-consulting-services/cta-3-ai-consulting.webp) no-repeat center center/cover;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ai-development page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectionaidevelopment{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/ai-development-services/hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1foraidevelopment {
 background:  url(../images/a/ai-development-services/cta-1-ai-development.webp) no-repeat center center/cover;
 
}
.cta2foraidevelopment {
  background:  url(../images/a/ai-development-services/cta-2-ai-development.webp) no-repeat center center/cover;
}

.cta3foraidevelopment {
  background:  url(../images/a/ai-development-services/cta-3-ai-development.webp) no-repeat center center/cover;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ai-chatbot-development page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectionaichatbotdevelopment{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/ai-chatbot-development/hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1foraichatbotdevelopment {
 background:  url(../images/a/ai-chatbot-development/cta-1-ai-chatbot-consulting.png) no-repeat center center/cover;
 
}
.cta2foraichatbotdevelopment {
  background:  url(../images/a/ai-chatbot-development/cta-2-ai-chatbot-consulting.png) no-repeat center center/cover;
}

.cta3foraichatbotdevelopment {
  background:  url(../images/a/ai-chatbot-development/cta-3-ai-chatbot-consulting.png) no-repeat center center/cover;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ generative-ai-consulting page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectiongenerativeaiconsulting{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/generative-ai-consulting/hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1forgenerativeaiconsulting {
 background:  url(../images/a/generative-ai-consulting/cta-1-generative-ai-consulting.webp) no-repeat center center/cover;
 
}
.cta2forgenerativeaiconsulting {
  background:  url(../images/a/generative-ai-consulting/cta-2-generative-ai-consulting.webp) no-repeat center center/cover;
}

.cta3forgenerativeaiconsulting {
  background:  url(../images/a/generative-ai-consulting/cta-3-generative-ai-consulting.webp) no-repeat center center/cover;
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ generative-ai-development page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectiongenerativeaidevelopment{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/generative-ai-development/hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1forgenerativeaidevelopment {
 background:  url(../images/a/generative-ai-consulting/cta-1-generative-ai-consulting.webp) no-repeat center center/cover;
 
}
.cta2forgenerativeaidevelopment {
  background:  url(../images/a/generative-ai-development/cta-2-generative-ai-development.webp) no-repeat center center/cover;
}

.cta3forgenerativeaidevelopment {
  background:  url(../images/a/generative-ai-development/cta-3-generative-ai-development.webp) no-repeat center center/cover;
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ai-agent-development page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectionaiagentdevelopment{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/ai-agent-development/hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1foraiagentdevelopment {
 background:  url(../images/a/ai-agent-development/cta-1-ai-agent-development.webp) no-repeat center center/cover;
 
}
.cta2foraiagentdevelopment {
  background:  url(../images/a/ai-agent-development/cta-2-ai-agent-development.webp) no-repeat center center/cover;
}

.cta3foraiagentdevelopment {
  background:  url(../images/a/ai-agent-development/cta-3-ai-agent-development.webp) no-repeat center center/cover;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ai-integration page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSection-ai-intergration{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/ai-integration-services/hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1for-ai-intergration {
 background:  url(../images/a/ai-integration-services/cta-1-ai-integration.webp) no-repeat center center/cover;
 
}
.cta2for-ai-intergration {
  background:  url(../images/a/ai-integration-services/cta-2-ai-integration.webp) no-repeat center center/cover;
}

.cta3for-ai-intergration {
  background:  url(../images/a/ai-integration-services/cta-3-ai-integration.webp) no-repeat center center/cover;
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ml-development service page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectionMlDevelopment{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/ml-development/hero.webp);
  background-repeat: no-repeat;
  background-size:cover;
}

.cta1forMlDevelopment {
 background:  url(../images/a/ml-development/cta-1-ml-development.webp) no-repeat center center/cover;
 
}
.cta2forMlDevelopment {
  background:  url(../images/a/ml-development/cta-2-ml-development.webp) no-repeat center center/cover;
}

.cta3forMlDevelopment {
  background:  url(../images/a/ml-development/cta-3-ml-development.webp) no-repeat center center/cover;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ rpa-development service page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectionRPAdevelopment{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/rpa-development/hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1forRPAdevelopment {
 background:  url(../images/a/rpa-development/cta1-rpa-development.webp) no-repeat center center/cover;
 
}
.cta2forRPAdevelopment {
  background:  url(../images/a/rpa-development/cta2-rpa-development.webp) no-repeat center center/cover;
}

.cta3forRPAdevelopment {
  background:  url(../images/a/rpa-development/cta3-rpa-development.webp) no-repeat center center/cover;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ computer vision service page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectionComputerVision{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/computer-vision/hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1forComputerVision {
 background:  url(../images/a/computer-vision/cta1-computer-vision.webp) no-repeat center center/cover;
 
}
.cta2forComputerVision {
  background:  url(../images/a/computer-vision/cta2-computer-vision.webp) no-repeat center center/cover;
}

.cta3forComputerVision {
  background:  url(../images/a/computer-vision/cta3-computer-vision.webp) no-repeat center center/cover;
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ai-copilot-development service page @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.pdcSectionAIcopilotDevelopment{
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/a/ai-copilot-development/hero.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.cta1forAIcopilotDevelopment {
 background:  url(../images/a/ai-copilot-development/cta1-ai-copilot-development.webp) no-repeat center center/cover;
 
}
.cta2forAIcopilotDevelopment {
  background:  url(../images/a/ai-copilot-development/cta2-ai-copilot-development.webp) no-repeat center center/cover;
}

.cta3forAIcopilotDevelopment {
  background:  url(../images/a/ai-copilot-development/cta3-ai-copilot-development.webp) no-repeat center center/cover;
}





/* ----------------- ai services css start ----------------- */







/* -------------------- maxtra 404 error page css start -------------------- */
.errorPageBanner {
  background: linear-gradient(#150e19,
      #3b1a36,
      #0c040a,
      #150e19);
  padding: 100px 0 0px;
}


.maxtra-404-section{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    /*background:#100b14; */
    background:#100b1426;
    color:#fff;
    isolation:isolate;
}

/* Animated Background Grid */

.maxtra-404-grid{
    position:absolute;
    inset:0;
    z-index:-3;
    opacity:.35;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:55px 55px;
    animation:gridMove 15s linear infinite;
}

@keyframes gridMove{
    0%{
        transform:translate(0,0);
    }
    100%{
        transform:translate(55px,55px);
    }
}

/* Background Glow */

.maxtra-404-bg-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    z-index:-2;
    pointer-events:none;
}

.maxtra-404-glow-1{
    width:420px;
    height:420px;
    background:rgba(255,0,170,.18);
    top:-150px;
    left:-100px;
    animation:glowMoveOne 7s ease-in-out infinite alternate;
}

.maxtra-404-glow-2{
    width:500px;
    height:500px;
    background:rgba(0,114,255,.18);
    bottom:-220px;
    right:-120px;
    animation:glowMoveTwo 8s ease-in-out infinite alternate;
}

@keyframes glowMoveOne{
    from{
        transform:translate(0,0) scale(1);
    }
    to{
        transform:translate(100px,80px) scale(1.2);
    }
}

@keyframes glowMoveTwo{
    from{
        transform:translate(0,0) scale(1);
    }
    to{
        transform:translate(-100px,-80px) scale(1.15);
    }
}

/* Main Content */

.maxtra-404-content{
    position:relative;
    padding:50px 25px;
    z-index:2;
}

/* 404 Number */

.maxtra-404-code{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:20px;
}

.maxtra-404-code > span{
    font-size:clamp(120px,18vw,230px);
    line-height:.8;
    font-weight:900;
    letter-spacing:-12px;
    background:linear-gradient(
        90deg,
        #00c6ff,
        #0072ff,
        #6a11cb,
        #b5179e,
        #f72585,
        #ff4d6d,
        #ff7b00
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    filter:drop-shadow(0 0 25px rgba(255,0,170,.2));
    animation:numberGlow 3s ease-in-out infinite alternate;
}

@keyframes numberGlow{
    from{
        filter:drop-shadow(0 0 15px rgba(0,198,255,.15));
    }
    to{
        filter:drop-shadow(0 0 35px rgba(247,37,133,.35));
    }
}

/* Robot */

.maxtra-404-robot{
    width:135px;
    height:135px;
    border-radius:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    background:linear-gradient(
        135deg,
        rgba(255,0,170,.18),
        rgba(0,114,255,.2)
    );
    border:1px solid rgba(255,255,255,.15);
    box-shadow:
        0 0 25px rgba(255,0,170,.25),
        inset 0 0 30px rgba(0,114,255,.12);
    backdrop-filter:blur(15px);
    animation:robotFloat 3s ease-in-out infinite;
}

.maxtra-404-robot::before{
    content:"";
    position:absolute;
    inset:-7px;
    border-radius:43px;
    border:1px solid transparent;
    background:linear-gradient(
        90deg,
        #00c6ff,
        #6a11cb,
        #f72585,
        #ff7b00,
        #00c6ff
    ) border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    animation:robotBorder 4s linear infinite;
}

.maxtra-404-robot i{
    font-size:65px;
    background:linear-gradient(
        135deg,
        #00d4ff,
        #9b5cff,
        #ff2cad
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    filter:drop-shadow(0 0 15px rgba(255,0,170,.45));
}

@keyframes robotFloat{
    0%,100%{
        transform:translateY(0) rotate(0deg);
    }
    50%{
        transform:translateY(-12px) rotate(2deg);
    }
}

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

/* Badge */

.maxtra-404-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    margin:20px 0 18px;
    border-radius:50px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
    color:#fff;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,0,170,.4);
    box-shadow:0 0 20px rgba(255,0,170,.12);
}

.maxtra-404-badge i{
    color:#ff3caf;
}

/* Heading */

.maxtra-404-content h1{
    font-size:clamp(30px,4vw,48px);
    font-weight:700;
    margin:5px 0 18px;
    line-height:1.2;
    color:#fff;
}

/* Description */

.maxtra-404-content p{
    max-width:700px;
    margin:0 auto;
    color:#bdb7c4;
    font-size:17px;
    line-height:1.8;
}

/* Buttons */

.maxtra-404-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
    margin-top:32px;
}

.maxtra-404-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:190px;
    padding:14px 25px;
    border-radius:10px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    overflow:hidden;
    transition:.4s ease;
}

.maxtra-404-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:70%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.3),
        transparent
    );
    transform:skewX(-25deg);
}

.maxtra-404-btn:hover::before{
    left:140%;
    transition:.7s ease;
}

.maxtra-404-btn.primary{
    color:#fff;
    background:linear-gradient(
        90deg,
        #0072ff,
        #6a11cb,
        #f72585
    );
    box-shadow:
        0 10px 30px rgba(106,17,203,.3),
        0 0 20px rgba(247,37,133,.15);
}

.maxtra-404-btn.secondary{
    color:#fff;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.2);
}

.maxtra-404-btn:hover{
    transform:translateY(-5px);
    color:#fff;
}

.maxtra-404-btn.primary:hover{
    box-shadow:
        0 15px 40px rgba(106,17,203,.4),
        0 0 30px rgba(247,37,133,.25);
}

.maxtra-404-btn.secondary:hover{
    border-color:#ff2cad;
    background:rgba(255,0,170,.08);
    box-shadow:0 0 25px rgba(255,0,170,.15);
}

/* Bottom Features */

.maxtra-404-bottom{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:30px;
    margin-top:45px;
    padding-top:25px;
    border-top:1px solid rgba(255,255,255,.08);
}

.maxtra-404-bottom span{
    display:flex;
    align-items:center;
    gap:8px;
    color:#aaa3b2;
    font-size:13px;
}

.maxtra-404-bottom i{
    font-size:14px;
    color:#ff2cad;
}

/* Responsive */

@media(max-width:767px){
      .errorPageBanner {
  padding: 70px 0 0px;
}

    .maxtra-404-content{
        padding:40px 15px;
    }

    .maxtra-404-code{
        gap:8px;
    }

    .maxtra-404-code > span{
        font-size:110px;
        letter-spacing:-7px;
    }

    .maxtra-404-robot{
        width:90px;
        height:90px;
        border-radius:25px;
    }

    .maxtra-404-robot::before{
        border-radius:30px;
    }

    .maxtra-404-robot i{
        font-size:42px;
    }

    .maxtra-404-content h1{
        font-size:28px;
    }

    .maxtra-404-content p{
        font-size:14px;
        line-height:1.7;
    }

    .maxtra-404-buttons{
        flex-direction:column;
    }

    .maxtra-404-btn{
        width:100%;
        max-width:280px;
    }

    .maxtra-404-bottom{
        gap:15px;
        flex-direction:column;
    }
}



/* -------------------- maxtra 404 error page css end -------------------- */



/* -------------------- legal information css start -------------------- */

.company-detail {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    padding: 0 20px;
    border-radius: 8px;
    transition: all 0.8s ease;
}

.company-detail.active {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
    padding: 20px;
}

.company-detail h2 {
    margin: 30px 0 10px;
    font-size: 22px;
}

.company-detail h2:first-child {
    margin-top: 0;
}

.company-detail p {
    margin: 0 0 15px;
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
}

#legalToggle {
    cursor: pointer;
}


@media screen and (max-width: 767px) {
    .company-detail h2 {
    font-size: 18px;
}
.company-detail p {

    font-size: 12px;

}
}


/* -------------------- legal information css end -------------------- */


/* -------------------- web development services page css -------------------- */

@media screen and (max-width: 991px){
    .web-service-row p {
        font-size: 12px;
    }
    .an-award p {
               font-size: 12px;
    }
    .web-service-row h2{
        font-size: 18px;
    }
}

/* -------------------- web development services page css end -------------------- */

/* -------------------- digital marketing page css start -------------------- */


.marketing-row h2{
    font-size: 32px;
}

@media screen and (max-width: 767px){
    .hireIphoneDeveloperAbout img{
    margin-bottom: 20px;
}

.hireIphoneDeveloperAbout li{
    font-size: 13px;
}

.marketing-row h2{
    font-size: 22px;
}

.marketing-row{
    margin-bottom: 30px;
}


.marketing-row p{
    font-size: 13px;
}
.marketing-row li{
    font-size: 13px;
}

}


/* -------------------- digital marketing page css end -------------------- */






/* --------------------------  home page contact detail css start here -------------------------- */

.contact-detail-content{
    display: flex;
    justify-content: space-between;
}

.quote-box hr{
    margin-top: 0px !important;
}

.contact-detail-content h4{
    font-size: 16px;
}

.contact-detail-content p{
    font-size: 14px;
    margin-bottom: 0px;
}

.contact-detail-content p a{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #fff;
    transition: .3s ease-in-out;
}

.contact-detail-content p a:hover{
    color: #c06c6c;
}

.add-head{
    font-size: 16px;
}



@media screen and (max-width: 767px){
    .contact-detail-content{
        display: flex;
        flex-direction: column;
    }
    .contact-detail-content p{
        font-size: 12px;
        
    }
}

/* -------------------------- end of home page contact detail css here -------------------------- */






/* new code for megaMenu */

/*.mega-menu-start{*/
/*    position: absolute;*/
/*    top: 110%;*/
/*   left:0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/




/* ==========================================
   NAVBAR DROPDOWN PARENT
========================================== */

                  .dropdown-menu{
                      background: #0A011D;
                        
                    }
                    .dropdown-item{
                        color: #fff;
                    }

.navbar .nav-item.dropdown {
    position: static;
}


/* ==========================================
   MEGA MENU WRAPPER
========================================== */

.mega-menu-start {
    position: fixed !important;

    top: 80px; /* navbar ki height ke according change karo */
    left: 50% !important;

    transform: translateX(-50%);

    width: min(1200px, calc(100vw - 40px));

    height: auto !important;

    display: block;

    z-index: 99999;

    visibility: hidden;
    opacity: 0;

    pointer-events: none;

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;
}


/* ==========================================
   HOVER PAR DROPDOWN OPEN
========================================== */

.navbar .nav-item.dropdown:hover > .mega-menu-start {
    visibility: visible;
    opacity: 1;

    pointer-events: auto;
}


/* ==========================================
   BOOTSTRAP DROPDOWN OVERRIDE
========================================== */

.mega-menu-start .dropdown-menu.megaMenu {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    transform: none !important;

    width: 100% !important;

    margin: 0 !important;

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    border: none;

    padding: 0;

    border-radius: 0 0 12px 12px;
}


/* ==========================================
   MEGA MENU INNER
========================================== */

.megaMenu-inner {
    width: 100%;

    display: flex;

    /*background: #fff;*/

    border-radius: 0 0 12px 12px;

    /*overflow: hidden;*/

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.20);
}


/* ==========================================
   LEFT MENU
========================================== */

.mega-left {
    width: 40%;
    padding: 25px;
}


/* ==========================================
   RIGHT IMAGE
========================================== */

.mega-right {
    padding: 10px;
    width: 60%;

    position: relative;

    overflow: hidden;
}

.mega-right > img {
    /*width: 100%;*/
    /*height: 100%;*/

    /*min-height: 350px;*/

    /*object-fit: cover;*/

    /*display: block;*/
}


/* ==========================================
   REMOVE DEFAULT BOOTSTRAP ARROW EFFECT
========================================== */

.navbar .dropdown-toggle::after {
    vertical-align: middle;
}



/* new code for megaMenu */





/* ------------------- mobile industries section css start ---------------------------- */

      .industry-card {
        position: relative;
        overflow: hidden;
        border-radius: 20px;
      }

      .industry-card .industry-img {
        position: relative;
      }

      .industry-card .industry-content {
        position: absolute;
        top: 20%;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
      }

       .industry-card .industry-content h3{
        font-size: 18px;
        margin-bottom: 0;
       }

      .industry-card .industry-text {
        background: linear-gradient( #0000009a, #0000008a);
        padding: 10px 5px;
        border-radius: 10px;
        margin: 0px 5px;
      }

      .industry-card .industry-text a {
        color: #fff;
        transition: .4s ease-in-out;
        text-decoration: underline;
      }

     


      @media screen and (max-width: 1200px) {
        .industry-card .industry-content {
          position: absolute;
          top: 15%;
        }

        .industry-card .industry-text h3 {
          font-size: 16px;
        }

        .industry-card .industry-text p {
          font-size: 12px;
          margin-bottom: 5px;
        }

        .industry-card .industry-text a {
          font-size: 12px;
        }
      }

       @media screen and (max-width: 991px) {
         .industry-card .industry-content {
          position: absolute;
          top: 20%;
        }
      }

      @media screen and (max-width: 768px) {
        .industry-card .industry-content {
          position: absolute;
          top: 10%;
        }

        .industry-card .industry-text h3 {
          font-size: 16px;
        }

        .industry-card .industry-text p {
          font-size: 12px;
          margin-bottom: 5px;
        }

        .industry-card .industry-text a {
          font-size: 12px;
          text-decoration: underline;
        }
      }

      @media screen and (max-width: 575px) {
         .industry-card .industry-content {
          position: absolute;
          top: 15%;
        }
      }



      /* Owl Navigation */

      .mobindustry-carousel {
        padding-bottom: 30px;
        margin-bottom: 20px;
      }

      .mobindustry-carousel .owl-nav {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        display: flex !important;
        gap: 18px;
      }

      .mobindustry-carousel .owl-nav button.owl-prev,
      .mobindustry-carousel .owl-nav button.owl-next {
        position: relative;
        width: 35px;
        height: 35px;
        border-radius: 50% !important;
        /* background: #f7f4ed !important; */
        border: 2px solid #a6ad72 !important;
        color: #f0f0ef !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 12px !important;
        transition: none;
        /* Initial shadow */
        box-shadow: 0 8px 20px rgba(233, 228, 227, 0.25);
        z-index: 1;
        animation: navButtonFloat 2.5s ease-in-out infinite;
      }


      /* animated multi color */

      .mobindustry-carousel .owl-nav button.owl-prev::before,
      .mobindustry-carousel .owl-nav button.owl-next::before {
        content: "";
        position: absolute;
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
        border-radius: 50%;
        background: conic-gradient( #ff1e1e, #ffcc00, #0066ff, #00bfff, #ff1e1e);
        z-index: -1;
        animation: navColorRotate 3s linear infinite;
      }


      /* white inner area */

      .mobindustry-carousel .owl-nav button.owl-prev::after,
      .mobindustry-carousel .owl-nav button.owl-next::after {

        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        border-radius: 50%;
        background: #302f30;
        z-index: -1;
      }

      /* rotating colors */

      @keyframes navColorRotate {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }



/* ------------------- mobile industries section css end ---------------------------- */