/* main digital css */
.hero-digital-section {
    background: url('images2/hero-digital-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.hero-n-banner{
    height:70vh;
}
.hero-digital-info {
    position: absolute;
    top: 30%;
}

.hero-digital-info h1 {
    color: var(--color-white);
    font-size: 48px;
    font-weight: 300;
    line-height: 68px;
    margin: 10px 0px 10px 0px;

}

.hero-digital-info h1 span {
    font-weight: 600;
}

.hero-para {
    color: var(--color-white);
    font-weight: 400;
    font-size: 16px;


}

.digital_cards_section {
    padding: 100px 0px;
}

.breadcrumb {
    color: #E2E8EF;
    font-weight: 700;
    font-size: 16px;
}

.breadcrumb a {
    color: #E2E8EF;

}
.digitalCard.column-3 {
  gap: 20px;
  padding-top:30px;
}
@media (max-width: 768px) {
    .hero-digital-section {
        height: 45vh;       
        bottom: 50%;
    }

    .hero-digital-info {
        position: absolute;
        top: 20%;
    }

    .hero-digital-info h1 {
        font-size: 40px;
        margin:0;
    }
    .digital_cards_section {
    padding: 50px 0px;
}
.digitalCard.column-3 {
     padding-top: 0px; 
}
}

/* interactive Visualization css */
.hero-interactive {
    background: url('images2/InteractiveVisualization-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.OurProcess-Interactive{
    width:80%;
}
.hero-Interactive-info {
    position: absolute;
    top: 30%;
    width: 60%
}

.hero-Interactive-info h1 {
    color: var(--color-white);
    font-size: 48px;
    font-weight: 600;
    line-height: 55px;
    margin: 10px 0px 10px 0px;

}

.hero-Interactive-info h1 span {
    font-weight: 600;
}

.hero-para {
    color: var(--color-white);
    font-weight: 400;
    font-size: 16px;


}

.about-main-Interactive {
    padding: 100px 0px 110px 0px;
}

.about-Interactive-info-img {
    display: flex;
    align-items: center;
    gap:55px;
}

.about-Interactive-info {
      width: 50%;
    display: flex;
    flex-direction: column;
    align-self: center;
}
/* nirmitha  */

.n-image-Left {
    position: relative;
    z-index: 1;
    width: 50%;
}
.n-image {
    text-align: center;
    width: 100%;
}
.n-image img {
    width: 90%;
    height: 100%;
    border-radius: 4px;    
    box-shadow: 0px 0px 33.66px 0px #00000024;
    object-fit:cover;
}
.n-image-overlay-right {
    height: 90%;
    width: 90%;
    background-color: #C8D4E8;
    position: absolute;
    bottom: -5%;
    right: 0;
    z-index: -1;
    border-radius: 4px;
}
.n-image-overlay-left {
    height: 90%;
    width: 90%;
    background-color: #C8D4E8;
    position: absolute;
    bottom: -5%;
    left: 0;
    z-index: -1;
    border-radius: 4px;
}
.InteractiveSolutions-btn{
    margin-top:20px;
}
@media(max-width:767px){
    
    .n-image {
        text-align: left;
        width: 100%;
    }
    .n-image img {
        width: 94%;
    }

    .n-image-Left {
        width: 100%;
    }
    .n-image-left .n-image{
        text-align: right;

    }
}
.about-Interactive-info h4 {
    color: #226CE0;
    font-weight: 600;
    font-size: 16.99px;
}

.about-Interactive-info h2 {
    font-weight: 400;
    font-size: 34px;
    line-height: 50.97px;
    margin: 10px 0px 10px 0px;
    width: 80%;
}

.about-Interactive-info h2 span {
    font-weight: 600;
}

.about-Interactive-info p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

.about-Interactive-info p span {
    font-weight: 600;
}

.about-Interactive-image {
    width: 50%;
    height: 100%;
    position: relative;
    display: inline-block;
    margin-left:30px;
}
.InteractiveProcess {
    padding-top: 30px;
}
.Interactive-img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 8px;
    bottom: 20px;
    right: 20px;
    box-shadow: 0px 0px 31.42px 0px #00000024;
    object-position: top;
}
.digital-reality-image {
    width: 50%;   
    position: relative;
    display: inline-block;
    margin-right: 50px;
}

.digital-reality-img {
  width: 100%;
    height: 400px;
    object-fit: cover;
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 9px;
    box-shadow: 0px 0px 31.42px 0px #00000024;
    left: 10px;
    bottom: 10px;
    object-position: top;
}

.digital-reality-info h2 {
    font-weight: 400;
    font-size: 34px;
    line-height: 50.97px;
    margin: 10px 0px 10px 0px;
}

.digital-reality-info h2 span {
    font-weight: 600;
}

.digital-reality-info-img {
    display: flex;
    padding-top: 30px;
    align-items:center;
    gap:55px;
}

.digital-reality-info {
    width: 50%;   
}

.digital-main-lists {
    display: flex;
    flex-direction: column;
    margin-left:-15px;
    margin-top:15px;
}

.digital-reality-lists {
    display: flex;
    align-items:start;
}

.list-img {
    width: 30px;
    height: 30px;
}

.digital-reality-lists p {
    font-weight: 600;
    font-size: 16px;
}

.digital-reality-btn {
    width: 43%;
    margin-top:30px;
}

.digital-reality-btn-txt {
    justify-content: center;
}

.list-number {
    padding: 10px;
    background: #226CE0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 4px;
}

.solution-partners {
    padding: 70px 0px;
}

.SolutionPartners {
    border: 1px solid #ccc;
    padding: 50px;
    border-radius: 4px;
}

.solution-partners-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.solution-logos {
    object-fit: cover;
    height: 100%;
    width: auto
}

.reality-service-main {
    padding: 80px 0px;
    background-color: #e2e8ef;
}

.reality-service-main h2 {
    font-weight: 400;
    font-size: 34px;
    width: 40%;
    margin-bottom: 40px;
}

.reality-service-main h2 span {
    font-weight: 600;
}
.aiml-carousel {
    display: block;
}
.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #ccc !important;
    border-radius: 50%;
    margin: 0 5px;
    transition: background 0.3s ease;
}

.owl-dot.active {
    background: #333 !important;
    /* Active dot color */
}

/* .owl-carousel .owl-dots {
    display: block ;
} */

.DigitalService-card {
    background: #F8F8F8;
    border-radius: 4px;
    padding: 30px;
    text-align: center;
    height: 100%;
}
.CarouselCard{
    height:313px;
}
.DigitalService-card:hover {
    background-color: #001d2f;
}

.logo-circle {
    width: 70px;
    height: 70px;
    background-color: #C8D4E8;
    /* Change to your desired color */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: 0 auto 15px auto; */
}

.DigitalService-card h4 {
    margin-bottom: 10px;
}

.logo-circle img {
    width: 35px !important;
    height: 35px
}

.DigitalService-card h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: start;
    margin:10px 0px;
    line-height:27px;
}

.DigitalService-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7em;
    text-align: start;
    margin:10px 0px;
}

.DigitalService-card:hover h3,
.DigitalService-card:hover p {
    color: #fff;
}

.our-design-main {
    padding: 80px 0px 100px 0px;
    background-color: #f9f9f9;
}
.DesignCover-main{
    padding-top:80px;    
    background-color: #f9f9f9;
}
.our-design-main h2 {
    font-weight: 400;
    font-size: 34px;
    line-height: 50.97px;
    margin: 10px 0px 10px 0px;
}

.our-design-main h2 span {
    font-weight: 600;
}

.OurDesign-title-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.OurDesign-para {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    margin: 30px 0px 20px 0px;
}

.our-design-main h4 {
    color: #226CE0;
    font-weight: 600;
    font-size: 16.99px;
}
.InteractiveProcess-img{
    padding-top:30px;
}
.uiux-modelimg {
    width: 100%;
    height: 100%;
    object-fit: cover;    
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.offerings-card {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:20px;
    padding-top:30px;
}

.OfferingsCard {
    height: 100%;
}

.modelling-cards-main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}

.modelling-cards {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    align-items: center;
}

.modelling-img {
      height: 30vh;
    object-fit: cover;
    width: 80%;
    min-width:100%;
    transition: transform 0.3s ease;
    border-radius: 4px 4px 0 0;
}

.ModellingCards-content {
    background-color: #D9D9D9;
    padding: 25px;
    margin: 0;
    text-align: center;
    width:100%;
}

.ModellingCards-content span {
    font-size: 20px;
    font-weight: 600;
}

.Offerings-main {
    background-color: unset;
}

.EnquiryDigital-main {
    padding: 100px 0px 100px 0px;
    background: url('images2/enquirybg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
}

.EnquiryDigital {
    background-color: #011627;
    padding: 65px 0px;
    border-radius: 4px;
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.EnquiryDigital h2 {
    font-weight: 700;
    font-size: 34px;
    color: #ffff;
}

.EnquiryDigital p {
    font-weight: 400;
    font-size: 14px;
    color: #E8F3FF;
}

.digital-reality-main {
    background-color: #f9f9f9;
    padding: 70px 0px 110px 0px;
}
.DesignCoverCard{
    height:100%;
    background-color:#fff;
}
.animation-model{
    background:unset;
}
/* mobile version interactive */
@media (max-width: 768px) {
    .hero-interactive {
        height: 55vh;
    }
    .hero-Interactive-info {
        position: absolute;
        top: 25%;
        width: 90%;
    }

    .breadcrumb {
        font-size: 14px;
    }
    .about-Interactive-info h2 {
        width:100%;
    }

    .hero-Interactive-info h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .about-Interactive-info-img {
        display: flex;
        flex-direction: column;
        gap:30px;
    }

    .about-main-Interactive {
        padding: 50px 0px 80px 0px;
    }

    .about-Interactive-info {
        width: 100%;
        margin-right:0px;
    }

    .about-Interactive-info h2 {
        font-weight: 400;
        font-size: 25px;
        line-height: 40.97px;
    }

    .about-Interactive-image {
        width: 100%;
        padding-top: 32px;
    }

    .digital-reality-info {
        width: 100%;
        margin-left:0px;
    }

    .digital-reality-info h2 {
        font-size: 25px;
        line-height: 37.97px;
    }

    .digital-reality-main {
        padding: 50px 0px;
    }

    .digital-reality-info-img {
        display: flex;
        padding-top: 20px;
        flex-direction: column;
    }

    .digital-reality-image {
        width: 100%;
    }

    .digital-reality-img {
        width: 100%;
    }

    .solution-logos {
        height: 45px;
    }

    .solution-partners-logos {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .reality-service-main h2 {
        width: 100%;
        font-size: 25px;
    }

    .reality-service-main {
        padding: 50px 0px;
    }

    .reality-service-carousel .owl-stage {
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
    }

    .reality-service-carousel .owl-item {
        flex: 0 0 auto;
    }

    .owl-dots {
        display: none;
    }

    .our-design-main {
        padding: 50px 0px;
    }

    .OurDesign-title-btn {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .our-design-main h4 {
        margin-top: 25px;
    }

    .OurDesign-para {
        margin: 20px 0px;
    }

    .our-design-main h2 {
        font-size: 25px;
        line-height: 40.97px;
    }

    .offerings-card {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .OfferingsCard {
        height: 100%;
    }

    .DigitalService-card {
        padding: 20px;
    }

    .DigitalService-card {
        margin: unset;
    }

    .modelling-cards-main {
        grid-template-columns: 1fr;
    }

    .ModellingCards-content {
        padding: 20px;
    }

    .EnquiryDigital h2 {
        font-size: 25px;
        text-align:center;
    }

    .EnquiryDigital p {
        text-align: center;
        width:82%;
    }

    .EnquiryDigital {
        padding: 50px 0px;
        gap: 15px;
    }
    .DigitalService-card h3{
        font-size:21px;
    }
    .logo-circle {
    width: 60px;
    height: 60px;
    }
    .logo-circle img {
    width: 30px;
    height: 30px;
}
.list-number{
    margin-top:6px;
}
.modelling-img{
    height: 40vh;
    object-position: center;
}
.OurProcess-Interactive{
    width:100%;
}
}

/* AIML css */
.hero-AIMl {
    background: url('images2/AIML-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.AIMLAbout{
    background-color:#f9f9f9;
}
.OurApproach-cards{
    height:100%;
}
.Expertise-main {
    background-color: #F5F5F5;
    padding: 80px 0px;
}
.Expertise-info-lists {
    display: flex;
    align-items: center;
}
.expertise-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .expertise-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #FFFFFF;
    padding: 15px 20px;
    border-radius: 4px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 10px 0px #00000040;
    transition: 0.3s ease;
    cursor: pointer;
  }
  
  .expertise-item .icon {
    background-color: #E2E8EF;
    padding: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .expertise-item .icon img {
    width: 24px;
    height: 24px;
  }
  
  .expertise-item .text {
    font-weight: 400;
    font-size: 16px;
    color: #011627;
  }
  
  .Expertise-info {
    width: 55%;
}
.Expertise-lists {
    width: 45%;
}
.expertise-item:hover{
    background-color: #011627;
}
.expertise-item:hover .text{
color:#fff;
}
.Expertise-info p{
    width:88%;
    font-size: 16px;
    font-weight:400;
    line-height:28px;
}
.Expertise-info h2{
    font-size: 34px;
    font-weight:400;
    line-height:54px;
}
.Expertise-info h2 span{
    font-weight:600;
}
.Served-cards {
    min-height: 173px;
}
.IndustriesCards{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.AIMLsolutions-main {
    background-color: #F5F5F5; /* light background */
    padding: 60px 0;
  }
  .AIMLsolutions-main h2{
    font-size: 34px;
    font-weight:400;
    line-height:54px;
  }
  .AIMLsolutions-main h2 span{
    font-weight:600;
  }
  .aiml-carousel .aiml-slide {
    padding: 35px;
    border-radius: 4px;
    margin-top: 30px;
    background: #e2e8ef;
  
  }
  
  .aiml-content {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
  }
  .aiml-image{
    width:67%;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius:4px;
  }
  .aiml-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60vh;
    background: rgb(0 0 0 / 42%);
    z-index: 1;
}
  .aiml-image img {
    width: 100%;
    border-radius: 4px;
    height:60vh;
    object-fit: cover;
  }
  
  .aiml-text {
    flex: 1;
    width:33%;
  }
  
  .aiml-image h3 {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight:600;
    font-size: 38px;    
    z-index: 2;
}
  .aiml-text ul {
    list-style-type: disc;
    padding-left: 20px;
    color: #333;
  }
  
  
  .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
  }
  
  .owl-nav span {
    padding: 12px 16px;
    font-size: 17px;
    color: #535050;
    cursor: pointer;
    transition: all 0.3s ease;
    pointer-events: all;
  }
  .aiml-text ul {
    list-style: none;
    padding-left: 0;
  }
  
  .aiml-text ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 300;
    color: #011627;
  }
  
  .aiml-text ul li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('images2/AIMLdot.svg'); /* replace with your icon path */
    background-size: contain;
    background-repeat: no-repeat;
  }
  .digitalCard {
      gap:20px;
  }
  .AIMLIndustriesMain{
      background:unset;
  }
  .AIMLSolutions-main{
         padding: 20px 0px 110px 0px;
  }
  ul.AIMLSol-ul {
    line-height: 33px;
}
h2.AIMLSol-heading{
    font-size: 34px;
    font-weight: 400;
    line-height: 54px;
    margin-bottom:30px;
}
.AIMLSol-heading span{
    font-weight:600;
}
  @media (max-width: 768px) {
    .Expertise-info-lists {
        display: flex;
        flex-direction: column;
    }
    .Expertise-info {
        width: 100%;
    }
    .Expertise-info p {
        width: 100%;
        margin-bottom: 20px;
    }
    .Expertise-info h2 {
        font-size: 25px;
            line-height: 39px
    }
    .Expertise-main {
        padding: 50px 0px;
    }
    .Expertise-lists {
        width: 100%;
    }
    .IndustriesCards {
        display: grid;
        grid-template-columns: 1fr;
    }
    .modelling-cards-main {
        padding-top: 20px;
    }
    .AIMLsolutions-main {
        background-color: #F5F5F5;
        padding: 50px 0px;
    }
    .AIMLsolutions-main h2 {
        font-size: 25px;
    }
    .aiml-carousel .aiml-slide {
        padding: 20px;
        height:600px;
    }
    .aiml-text ul li {
    margin-bottom: 5px;
    font-size: 16px;
}
    .aiml-image img {
 height: 30vh;
    }
    .aiml-image h3{
        font-size:25px;
    }
    .aiml-image {
        width: 100%;
    }
    .aiml-text h3 {
    font-size: 21px;
padding-left: 23px;
}
.aiml-content {
    gap: 20px;
}
.owl-nav{
    display:none;
}
.EnquiryDigital-main {
    padding: 50px 0px;
}
.hero-AIMl{
        height: 50vh;
}
} 
.hero-DataScience{
    background: url('images2/DataScience-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.DataScience-lists p{
    font-weight:400;
}
.ValueCircle-img {
    width: 35px;
    height: 35px;
}
.DataScience-model{
    padding-top:30px;
}
.DataApproach-para{
    width:60%;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom:20px;
}
.DataCards {
    background-color: #fff;
    border-radius: 4px;
    padding: 50px 30px;
    box-shadow: 0px 0px 3px 0px #00000040;
    transition: all 0.3s ease;
}
.DataCards:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.DataLogo {
    width: 45px;
    height: 45px;
}
.DataCards h3{
    font-weight:600;
    font-size:20px;
    color:#011627;
    margin-top:15px;
}
.DataCards p{
    font-weight:400;
    font-size:16px;
    color:#011627;
}
.ValueMain{
    background-color: unset;
}
.DataIndustry-img{
    width:80px;
    height:80px;
    margin-bottom:30px;
}
.IndustryData-cards{
    align-items: center;
    border:1px solid #ccc;
    border-radius: 4px;
    padding-top:30px;
}
@media (max-width: 768px){
    .DataApproach-para{
        width:100%;
    }
    .hero-DataScience{
        height:60vh;
    }
    .DataCards h3{
        font-size:21px;
    }
    .DataCards{
        padding:30px ;
    }
}
/*application modernization*/
.hero-ApplicationModernization{
    background: url('images2/ApplicationModernization.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.CircleList-img {
    width: 40px;
    height: 40px;
    margin-top: -3px;
}
.ApplicationProcess{
    display:unset;
}
.ApplicationProcess h2{
 text-align:center;
 margin-bottom:20px;
}
.our-design-main  p {
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.LegacyMain{
    background-color: #f9f9f9;
}
.WhyZiniosMain{
    background-color: unset;
}
.ApplicationRelated{
    height:300px;
}
.digital_cards_section h2{
    font-size: 34px;
    font-weight: 400;
    line-height: 54px;
}
.digital_cards_section h2 span{
    font-weight: 600;
}

@media (max-width: 768px){
.hero-ApplicationModernization{
    height:55vh;
}
.ApplicationRelated {
    height: unset;
}
}
/*cloud and devops css*/
.hero-CloudDevOps{
   background: url('images2/CloudDevOps-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.Model-ClousDevops{
    padding-top:30px;
}
.CloudMain{
    background-color: unset;
}
.AzureMain {
    background-color:  unset;
}
.CloudServices{
    height:346px;
}
.AwsMain{
    background-color: #F5F5F5;
}
.ConsultingContent{
    height:126px;
    width:100%;
}
.ConsultingMain{
    background-color: unset;
}
@media (max-width: 768px){
   .ConsultingContent{
    height:100px;
} 
}
/*DevOps Consulting Services css*/
.hero-DevOpsConsulting{
   background: url('images2/DevOpsConsulting.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.DevOpsProcess{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.OptMain{
    background-color: unset;
}
.DevOpsCards{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.DevOpsServices-cards{
    grid-template-columns: 1fr 1fr;
}
.DevOpsprocess-para{
    width:60%;
}
.DevopsProcess-cards{
    grid-template-columns: 1fr 1fr;
}
.DevOps-TestCenter{
    width:28%;
    margin-top:20px;
}

@media (max-width: 768px){
.ProcessImg {
    width: 100%;
    height: 100%;
}
.DevOpsProcess {
    gap: 15px;
}
.DevOpsCards {
    grid-template-columns: 1fr;
}
.DevOpsServices-cards {
    grid-template-columns: 1fr;
}
.ConsultingServices-cards {
    min-height: 100%;
}
.DevOpsprocess-para {
    width: 100%;
}
.DevopsProcess-cards {
    grid-template-columns: 1fr;
}
.DevOps-TestCenter{
    width:41%;
}
}
.image-bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #d6e4ff;
    border-radius: 8px;
    z-index: 0;
}
.left-bottom-bg {
    position: absolute;
    left: -12px;      
    bottom: -12px; 
    width: 80%;
    height: 85%;
    background-color: #dce6ff;
    border-radius: 10px;
    z-index: 0;
}
/* Ecommerce development */
.hero-EcommerceDev{
   background: url('images2/EcommerceDevelopment-banner.png');
    /*background-position: center;*/
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.EcommerceTakeways-main{
    background-color:#f9f9f9;
}
.Ecommerce-Tech{
    background-color:unset;
}
.EcommerceCard {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.EcommerceApproach-info {
    padding: 30px;
}
.EcommerceApproach-info h3 {
   font-size:20px;
   font-weight:500;
}
.left-bottom-bg {
    position: absolute;
    left: -12px;      /* pushes background to the left */
    bottom: -12px;    /* pushes background down */
    width: 80%;
    height: 85%;
    background-color: #dce6ff; /* soft blue background */
    border-radius: 10px;
    z-index: 0;
}
.Ecommerce-Technical-cards{
    gird-template-columns:1fr 1fr 1fr;
}
@media (max-width: 768px){
    .EcommerceCard {
    grid-template-columns: 1fr;
}
}
/* IndustrialIOT */
.hero-IOT {
    background: url('images2/IndustrialIOT-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.IndustrialIOT-main{
    background-color: unset;
}
.IIOTPlatforms-info-lists{
    gap:50px;
}
.IIOTPlatforms-info{
    width:50%;
}
.IIOTPlatforms-lists{
    width:50%;
}
.IIOTPlatforms-info p{
    width:100%;
}
.expertise-item:hover p{
    color:#fff;
}
.IIOTPlatforms-item{
    padding:20px;
    display: flex;
}
.IIOTPlatforms-info span{
    font-weight: 600;
}
.IOTServices-card{
    min-height:100%;
}
.smart-IndustialSol-text {
    font-weight: 600;
}
.expertise-item:hover .smart-IndustialSol-text {
    color:#fff;
}
@media (max-width: 768px){
.IIOTPlatforms-info {
    width: 100%;
}
.IIOTPlatforms-item {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.IIOTPlatforms-lists {
    width: 100%;

}
.IIOTPlatforms-info-lists{
    gap:20px;
}
}
/* Image Analysis */
.hero-ImageAnalysis{
    background: url('images2/ImageAnalysis-bannerr.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.ImageServices-main{
    background-color: unset;
}
.ImageAnalysis-card {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.ImageAnalysisCards{
    padding:25px;
}
.AnalysisZinios-card {
    height: 100%;
}
.AnalysisServices-main{
    background-color: unset;
}
@media (max-width: 768px){
.ImageAnalysis-card {
    grid-template-columns: 1fr ;
}
}
/*solutions*/
.hero-Solutions{
    background: url('images2/Solutions-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
h1.global-card-one-title.digital-card-one-title {
    font-size: 22px;
}

/* Microsoft Azure */
.hero-MicrosoftAzure{
  background: url('images2/MicrosoftAzure-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.Managed-azure{
    display:flex;
    justify-content:space-between;
        align-items: center;
}
.ComputeCard{
    background-color: #fff;
}
.IdentityMain{
    background-color: unset;
}
.Identity-info h2{
    width:92%;
}
.identity-item{
    background-color:#e2e8ef ;
}
.identity-item .icon{
    background-color: #fff;
}
.Storage-card{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.StorageCards{
    padding:30px;
}
.MicrosoftAzure-card{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.MicrosoftAzureCard{
    height:100%;
}
.digital-reality-info ul li::before{
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(images2/circleList.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;

}
.digital-reality-info ul {
    list-style-type: disc;
    padding-left: 10px;
    margin: 0;
  }
  .AzureService-card{
      height:100%;
  }
  .DevOps-Consultancy{
      margin-top:20px;
  }
  @media (max-width: 768px){
.Storage-card{
    grid-template-columns: 1fr;
}
.MicrosoftAzure-card {
    grid-template-columns: 1fr;
}
.digital-reality-info ul li::before {
    left: 0;
}
.digital-reality-info ul {
    padding-left: 20px;
}
.Managed-azure {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
}
  .DevOps-Consultancy{
      margin-top:0px;
      margin-bottom:20px;
  }
}
/* Microsoft Dynamics  */
.hero-MicrosoftDynamics{
     background: url('images2/MicrosoftDynamics-banner2.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
  .Dynamics-img{
    height:100%;
  }
  .DynamicsMain {
    flex-direction: column;    
    align-items: start;
}
.DynamicsMain p {
    width: 80%;
    text-align: left;
}
.Dynamic-img{
    width:100%;
    box-shadow: 0px 0px 31.42px 0px #00000024;
    border-radius: 10px;
}
.Solutions-cards{
    border:1px solid #ccc;
    border-radius:5px;
}
.Solutions-img{
    width: 51%;
    height: auto;
}
.DynamicsConsulting-main{
    background-color: unset;
}
.DataCards p span{
    font-weight:600;
}
  .DynamicServices-card{
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .DynamicServicesCards{
    height: 100%;
  }
  @media (max-width: 768px){
      .DynamicServices-card {
    grid-template-columns: 1fr;
}
  }
  
 /*MicrosoftDynamicsNav*/
.hero-MicrosoftDynamic-Nav{
   background: url('images2/MicrosoftDynamicsNav.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
 }
 .DynamicNAV-business-para{
     width:63%;
 }
 .NAV-card{
     grid-template-columns:1fr 1fr;
 }
  .NAVCards{
    padding:25px;
  }
  .Navnew-card{
    grid-template-columns: 1fr 1fr;
  }
  .NewnavCards{
    height:100%;
  }
  .NavOfferings-main{
    padding: 80px 0px;
    background-color: #f9f9f9;
  }
  .NavOfferingsCards-main{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:20px;

  }
  .NavOfferings-card {
    background-color: #e2e8ef;
    padding:30px;
    box-shadow: 0px 10px 25px 0px #00000012;
    transition: box-shadow 0.4s ease, transform 0.4s ease;
    will-change: box-shadow, transform;
    border-radius: 4px;
  }
  .NavOfferings-card:hover {
    box-shadow: 0px 1px 12px 0px #64696e42;
    transform: translateY(-2px);
}
.NavDot {
    width: 50px;
    margin-top: -7px;
}
.NavOfferingsCards {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: start;
}
.NavOfferings-main h2{
    font-weight: 400;
    font-size: 34px;
    line-height: 50.97px;
    margin-bottom:30px;
}
.NavOfferings-main h2 span{
    font-weight: 600;
}
.NavOfferings-info h3{
    font-size: 20px;
    font-weight: 600;
}
.NavOfferings-info p{
    font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.NavDisplayMainTwo {
    padding: 70px 0px;
}
.Navdisplay-main {
    display: flex;
    gap: 20px;
 background: #f9f9f9;
}
.NavBest-section{
    padding:70px 0px 0px 0px;
}
.NavDisplay-info {
    padding: 35px;
    width:50%;
    display: flex;
    flex-direction: column;
    align-self: center;
}
.NavDisplay-img {
   width:50%;
}
.NavDisplayImg {
    height: 100%;
    object-fit: cover;
    width:100%;
}
.NavDisplay-info h3{
    margin-bottom: 0.5em;
    font-size: 26px;
    font-weight: 600;
}
.NavDisplay-info p{
line-height:28px;
    font-size: 16px;
    font-weight: 400;
}
  @media (max-width: 768px){
.DynamicsMain p {
    width: 100%;
    text-align: left;
}
.Dynamic-img {
    width: 100%;
    height: 100%;
}
.Navnew-card {
    grid-template-columns: 1fr;
}
.NavOfferingsCards-main {
    grid-template-columns: 1fr;
}
.NavOfferings-card {
    padding: 20px;
}
.NavDot {
    margin-left: -18px;
}
.NavOfferingsCards {
     gap: 0px; 
}
.NavOfferings-info h3 {
    font-size: 21px;
}
.Navdisplay-main {
flex-direction: column;
}
.NavDisplayImg {
    width: 100%;
}
.NavDisplay-info {
    padding:20px;
    width:100%;
}
.NavDisplayMainTwo {
    padding: 50px 0px;
}
.NavDisplay-info h3 {
    font-size: 22px;
}
.Navdisplay-main {
    gap: 0px;
}
.NavBest-section {
    padding: 50px 0px 0px 0px;
}
.NavDisplay-img{
    width:100%;
}
}
/* dynamic CRM */
.hero-MicrosoftCRM{
    background: url('images2/MicrosoftCRM-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.DynamicsCRM-solutions{
    background-color: #f9f9f9;
}
.CRM-Services{
    background-color: unset;
}
.CRMServices-card{
    height:100%;
}
.CRM-modules{
    padding-top:30px;
}
.CRM-modules p{
    font-size:14px;
    width:80%;
}
.CRM-modules h3 {
    font-size: 28px;
    font-weight: 600;
}
.CRM-Benefits-info{
    width:50%;
}
.CRM-benefits-lists{
    width:50%;
}
.CRM-benefits-main{
    background-color: unset;
}
@media (max-width: 768px){
    .CRM-Benefits-info {
    width: 100%;
    }
    .CRM-benefits-lists {
    width: 100%;
    padding-top: 20px;
}
}
/* dynamic CRM */
.DynamicsCRM-solutions{
    background-color: #f9f9f9;
}
.CRM-Services{
    background-color: unset;
}
.CRMServices-card{
    height:100%;
}
.CRM-modules{
    padding-top:30px;
}
.CRM-modules p{
    font-size:14px;
    width:80%;
}
.CRM-modules h3 {
    font-size: 28px;
    font-weight: 600;
}
.CRM-benefits-main{
    background-color: unset;
}
/*Microsoft AX*/
.hero-MicrosoftAX{
    background: url('images2/MicrosoftAX-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.AX-Service-card{
    height:100%;
}
.AXServiceCards{
    grid-template-columns: 1fr 1fr;
}
.AX-ZiniosEdge{
    grid-template-columns: 1fr 1fr;
}
.AX-Related-services{
    background-color: unset;
}
.DynamicsAX-GSTbtn{
    margin-top:20px;
}
@media (max-width: 768px){
.AXServiceCards{
    grid-template-columns: 1fr;
}
.AX-ZiniosEdge {
    grid-template-columns: 1fr;
}
}
/*Dynamic365*/
.hero-Dynamic365{
    background: url('images2/MicrosoftDynamic365-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.Dynamic365-Main{
background-color: #f9f9f9;
}
.Dynamic365-operations {
    background-color: #f9f9f9;
}
.accordion {
    width: 50%;
  }
  
  .accordion .accordion-item {
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 3px 0px #00000024;
    margin: 15px 0;
    overflow: hidden;
    padding: 25px;
  }
  
  .accordion button {
    width: 100%;
    text-align: left;
    font-size: 1.1rem;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    color: #7288a2;
    position: relative;
  }
  
  .accordion button.active {
    color: #03b5d2;
  }
  
  .accordion .icon {
    position: absolute;
    right: 1rem;
    width: 22px;
    height: 22px;
    border: 1px solid #7288a2;
    border-radius: 50%;
  }
  
  .accordion .icon::before,
  .accordion .icon::after {
    content: "";
    position: absolute;
    background: #7288a2;
  }
  
  .accordion .icon::before {
    top: 10px;
    left: 5px;
    width: 12px;
    height: 2px;
  }
  
  .accordion .icon::after {
    top: 5px;
    left: 10px;
    width: 2px;
    height: 12px;
  }
  
  .accordion button[aria-expanded="true"] .icon::after {
    height: 0; /* turn "+" into "-" */
  }
  
  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  
  .accordion-content p,
  .accordion-content ul {
    margin: 1rem 0;
    color: #444;
  }
  span.accordion-title {
    font-size: 23px;
    font-weight: 300;
    color: black;
}
.Dynamic365-operations h2{
    font-size:34px;
    font-weight:400;
}
.Dynamic365-operations h2 span{
    font-weight:600;
}
.Dynamic365-financials{
    background-color: unset;
}
.Dynamic365-Integration{
    width:50%;
}
img.integration-img {
    width: 50px;
    height: 50px;
    margin-top: -9px;
}
.Integration-display {
    display: flex;
    align-items: start;
    gap:20px;
    background-color: #e2e8ef;
    padding: 30px;
    box-shadow: 0px 10px 25px 0px #00000012;
    transition: box-shadow 0.4s ease, transform 0.4s ease;
    will-change: box-shadow, transform;
    border-radius: 4px;
}
.Integration-display:hover{
    box-shadow: 0px 1px 12px 0px #64696e42;
    transform: translateY(-2px);
}
.Dynamic365-Integration{
    display: flex;
    gap:20px;
    flex-direction: column;
}
.Dynamic365-business{
    padding-top:30px;
}
.Dynamic365-related{
    background-color:unset;
}
.Dynamic365Integration-main{
    background-color:#f9f9f9;
}
.Dynamics-offerings img{
    width:100%;
}
@media (max-width: 768px){
    .accordion {
    width: 100%;
}
.accordion .accordion-item{
    padding:20px;
}
span.accordion-title {
    font-size: 16px;
}
.accordion .icon::after {
    top: 5px;
    left: 8px;
    width: 2px;
    height: 10px;
}
.accordion .icon::before {
    top: 9px;
    left: 4px;
    width: 11px;
    height: 1px;
}
.accordion .icon {
    position: absolute;
    right: -1px;
    width: 19px;
    height: 19px;
    border: 1px solid #7288a2;
    border-radius: 50%;
}
.Dynamic365-Integration {
    width: 100%;
}
.Integration-display{
    gap:0px;
    padding:25px;
}
}
/*dynamic365 business central*/
.hero-DynamicBusinessCentral{
    background: url('images2/MicrosoftBusinessCentral-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.DynamicCentral-business{
    background-color: unset;
}
.Central-benefitsItems{
    padding:15px;
}
.Central-benefits-info h2{
    width:90%;
}
/*PowerPlatform css*/
.PowerPlatform-CardOne{
    background: unset;
}
.PowerBI-main{
    background-color: #f9f9f9;
}
.PowerPlatform-display{
    background-color: #fff;
}
.Dynamic365-BusinessServices{
    grid-template-columns:1fr 1fr;
}
/*Microsoft365 Consulting*/
.hero-Microsoft365-Consulting{
    background: url('images2/Microsoft365-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.ConsultingServices-cards{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.ConsultingCards{
    padding:25px;
}
.ValuePropositions-card{
    grid-template-columns: 1fr 1fr;
}
.VersionMain{
    background-color: unset;
}
.Versions-title-btn{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap:10px;
    margin-bottom: 35px;
}
.BenefitsCrads-main{
    grid-template-columns: 1fr 1fr 1fr;
}
.ConsultingBenefits-main h2{
    margin-bottom:0px;
}
.benefits-para{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    width:60%;
    margin-bottom:30px;
}
.Microsoft365-Versions:hover  li {
  color: #fff; 
}
.version-lists li{
    display: flex;
    flex-direction: column;
    align-items: start;
    font-size: 16px;
}
.Microsoft365-Versions:hover .card-one-image-hover {
    background-image: url(images/e-logo.png);
}

.Microsoft365-Versions:hover .read-more-text {
  color: #fff; /* Microsoft blue or any color */
 
}
@media (max-width: 768px){
    .ConsultingServices-cards{
    grid-template-columns: 1fr;
}
.ValuePropositions-card {
    grid-template-columns: 1fr;
}
.benefits-para {
    width: 100%;
}
.BenefitsCrads-main {
    grid-template-columns: 1fr;
}
.hero-Microsoft365-Consulting {
    height: 45vh;
}
}
/*Microsoft365 Power Platform*/
.hero-MicrosoftPowerPlatform{
    background: url('images2/MicrosoftPowerPlatform-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

@media (max-width: 768px){
    .hero-MicrosoftPowerPlatform {
    height: 45vh;
}
}
/*AmazonAWS*/
.hero-AmazonAWs{
     background: url('images2/aws-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

@media (max-width: 768px){
    .hero-AmazonAWs {
    background: url(images2/aws-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 50vh;
}
}