:root {
    interpolate-size: allow-keywords;
  }
.smart-m365-solution{
    interpolate-size: allow-keywords;
    font-family: 'poppins-regular';
    .section-container{
        width: min(1400px,95vw);
        margin: auto;
        height: 100%;
        position: relative;
        z-index: 1;
    }
    .static-nav-bar{
        height: 50px;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #0a2334;
        z-index: 100;
    }
    .section-title{
        text-align: center;
        font-size: 28px;
        font-family: 'poppins-medium';
        .gradient-text{
            background: linear-gradient(45deg, #3f76e8, #0aac68);
            background-clip: text;
            color: transparent;
            font-family: 'poppins-medium';
        }
    }
    .main-banner-section{
        height: fit-content;
        background: linear-gradient(243deg, #063957, #041B2B);
        overflow: hidden;
        position: relative;
        padding-top: 110px;
        padding-bottom: 100px;
        .banner-svg{
            position: absolute;
            top: 65%;
            opacity: 0.3;
            width: 100%;
            left: 0;
        }

        .section-container{
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        .wave-pattern{
            position: absolute;
            bottom:  0;
            z-index: 0;
            opacity: 0.2;
            display: flex;
            width: 100%;
            img{
                width: 100%;
            }
        }
        .banner-lhs{
            height: 100%;
            display: flex;
            flex-direction: column;
            width: 55%;
            justify-content: center;
            color: rgba(241, 241, 241, 0.952);
            .main-title{
                font-size: 32px;
                font-family: 'poppins-medium';
                margin-bottom: 20px;
                color: transparent;
                background: hsl(0deg 0% 100% / 95%);
                background-clip: text;
                .smart-section{
                    position: relative;
                    color: #12d4fb;
                    font-family: 'poppins-semibold';
                    i{
                        width: 30px;
                        position: absolute;
                        color: orange;
                    }
                }
            }
            .banner-subtitle{
                font-weight: 400;
                font-size: 16px;
                color: rgb(252 255 253 / 85%);
                .green-text{
                    color: rgb(92 255 131 / 85%);
                }
            }
            .unified-mgmgt-content{
                margin-top: 14px;
                font-size: 14px;
                color: hsl(0deg 0% 100% / 94%);
                font-family: 'work-sans-regular';
                line-height: 22px;
                .paragraph{
                    margin-top: 10px;
                }
             
                .highlight-paragraph{
                    color: rgb(92 255 131 / 85%);
                    font-weight: 400;
                    font-size: 1.10em;
                    margin-top: 14px;
                    position: relative;
                    font-style: italic;
                    /* background: rgb(218 255 227 / 8%); */
                    padding: 13px 10px;
                    width: fit-content;
                    border-radius: 4px;
                    /* border-left: 2px solid rgb(0 255 86 / 80%);
                    padding-left: 20px; */
                    i{
                        position: absolute;
                        left: -14px;
                        top: -4px;
                        font-size: 26px;
                        color: rgb(92 255 131 / 13%);
                        /* background: #00ac00; */
                        padding: 7px;
                        border-radius: 38px;
                    }
                }
            }
            .banner-btn-wrapper{
                margin-top: 40px;
                font-size: 13px;
            }
        }
        .banner-rhs{
            width: 468px;
            display: flex;
            align-items: center;
            /* max-height: 400px; */
            img{
                /* width: 100%; */
                height: 100%;
                object-fit: contain;
            }
        }
    }
    
    section{
        padding: 70px 0;
        overflow: hidden;
    }
    
    @keyframes party-papper{
        0%,100%{
            opacity: 0;
        }
        20%,80%{
            opacity: 1;
            transform: scale(1.3);
        }
    }
    @keyframes opcity {
        to{
            opacity: 1;
        }
    }
    @keyframes bg-color-rotate{
        0%,100%{
            background-size: 100%;
        }
        50%{
            background-size: 250%;
        }
    }
    .section-2.features-section.light-section{
         background: linear-gradient(45deg, hsl(233deg 100% 95% / 50%), rgb(223 249 255 / 50%));
         .section-title{
            color: #03012cab;
            background: transparent;
         }
         .justification-text{
            margin: auto;
            width: fit-content;
            margin-bottom: 15px;
            color: transparent;
            background: linear-gradient(320deg, rgb(134 6 255), rgb(189 0 80));
            background-clip: text;
            font-family: 'poppins-medium';
            font-size: 17px;
            position: relative;
            animation: bg-color-rotate 1s 3s forwards;
            img{
                width: 20px;
                position: absolute;
                left: -22px;
                z-index: -1; 
                opacity: 0;
                top: 2px;
            }
            .fire-works{
                animation: party-papper 2s forwards;
            
            }
            .cool-emoji{
                animation: opcity 1s 2s forwards;
            }
        }
        .adv-card-list{
            margin-top: 50px;
            display: flex;
            flex-wrap: wrap;
            grid-gap: 30px;
            position: relative;
            justify-content: center;
            .adv-card{
                width: min(calc(100% - 40px),445px);
                min-height: 121px;
                /* border: 1px solid #0550571a; */
                border-radius: 8px;
                display: flex;
                padding: 28px 32px;
                /* box-shadow: 0 0 50px rgb(26 26 26 / 5%); */
                position: relative;
                z-index: 2;
                background: #ffffff;
                .solid-line-bg{
                    position: absolute;
                    height: calc(100% + 2px);
                    
                    border-radius: 10px;
                    left: -1px;
                    top: -1px;
                    z-index: 1;
                    background: linear-gradient(247deg, #0973febe, #00b354bd);
                    transition: width 0.5s;
                }
                .solid-white-bg{
                    position: absolute;
                    background: white;
                    z-index: 2;
                    left: 0;
                    top: 0;
                    border-radius: 9px;
                    height: 100%;
                    width: 100%;
                }
                .adv-card-content{
                    flex: 1;
                    z-index: 3;
                }

                .adv-card-title{
                    color: #ffffff;
                    width: fit-content;
                    font-size: 14px;
                    border-top-right-radius: 100px;
                    border-bottom-right-radius: 100px;
                    padding-right: 20px;
                    margin-bottom: 8px;
                    display: flex;
                    align-items: center;
                    .adv-title-content {
                        /* color: #1c9696; */
                        font-family: 'poppins-medium';
                        font-size: 16px;
                        background: linear-gradient(45deg, #1d3263, #0b7a94);
                        background-clip: text;
                        color: transparent;
                    }
                    i{
                        font-size: 23px;
                        margin-right: 12px;
                        display: block;
                        background: linear-gradient(45deg, #3f76e8, #0aac68);
                        /* background-clip: text; */
                        color: white;
                        width: fit-content;
                        padding: 13px;
                        /* opacity: 0.6; */
                        border-radius: 70px;
                         box-shadow: 0px 0px 0px #3f76e838;
                        transition: all 0.3s;
                        transition-delay: 2.6s;
                    }

                }
                .adv-card-description{
                    font-size: 13.65px;
                    font-family: 'work-sans-regular';
                    line-height: 21px;
                    color: #848c9b;
                }
                &[data-aos*="glow-card"]{
                    .solid-line-bg{
                      width: 0;

                    }
                }
                &[data-aos*="glow-card"].aos-animate{
                   .solid-line-bg{
                      width: calc(100% + 2px);
                      animation: animate-shadow 2s 0.5s forwards;
                   }
                   .adv-card-title{
                    i{
                        box-shadow: 5px 9px 10px #3f76e838;;
                    }
                  }
                }
                &[data-aos="glow-card-left"]{
                    transform: translateX(-180px);
                    opacity: 0;
                }
                &[data-aos="glow-card-left"].aos-animate{
                    transform: translateX(0px);
                    opacity: 1;
                }
                &[data-aos="glow-card-right"]{
                    transform: translateX(180px);
                    opacity: 0;
                }
                &[data-aos="glow-card-right"].aos-animate{
                    transform: translateX(0px);
                    opacity: 1;
                }
                &[data-aos="glow-card-up"]{
                    transform: translateY(180px);
                    opacity: 0;
                }
                &[data-aos="glow-card-up"].aos-animate{
                    transform: translateY(0px);
                    opacity: 1;
                }
            }

            /* &::after{
                width: 206px;
                height: 165px;
                background: linear-gradient(45deg, #12ace1, #07e85b);
                content: "";
                position: absolute;
                filter: blur(20px);
                top: 70px;
                z-index: -1;
                left: 396px;
                opacity: 0.1;
            } */
            .magenta{
                grid-column: span 5;
                /* .solid-line-bg{
                    background: linear-gradient(45deg, #db2e0054, transparent);
                } */
            }
            .orange{
                grid-column: span 4;
            }
            .blue{
                grid-column: span 5;
            }
            .yellow{
                grid-column: span 7;
            }
            .green{
                grid-column: span 7;
                /* .solid-line-bg{
                   background: linear-gradient(235deg, #93087b3d, transparent);
                } */
            } 
        }
    }
    .section-4{
        background: #f5faff;
    }
    .features-section{
        position: relative;
           .flex-wrapper{
                display: flex;
                justify-content: space-between;
                margin-top: 30px;
                width: 100%;
                &:has(.fixed-image){
                    align-items: center;
                }
           }
           .section-icon{
              position: absolute;
              width: 150px;
              z-index: 0;
              opacity: 0.2;
              img{
                width: 100%;
              }
           }

            .section-description{
                font-size: 15px;
               color: rgba(255, 255, 255, 0.801);
                max-width: 1110px;
                margin: auto;
                margin-top: 30px;
                text-align: center;
                font-family: 'work-sans-regular';
                line-height: 21px;
            }
            .section-image{
                width: 50%;
                position: relative;
                display: flex;
                align-items: center;
                img{
                    width: 100%;
                }
                &.fixed-image img{
                    position: static;
                }
            }
            .highlight-text-wrapper{
                padding: 15px 25px;
                width: fit-content;
                border-radius: 5px;
                margin: auto;
                margin-top: 50px;
                position: relative;
    
            } 
            .section-highlight-text {
                font-size: 16px;
                font-family: 'poppins-medium';
                font-style: italic;
                i{
                    padding: 7px;
                    border-radius: 100px;
                    opacity: 1;
                    left: -15px;
                    top: 14px;
                    width: 27px;
                    position: absolute;
                    font-size: 13px;
                    color: white;
                }
            }
            .section-content{
                width: 50%;
               
         
    
            }
        
    }



    
    .features-section.light-section{
        .section-title{
            color: #ffffff00;
            margin: auto;
            width: fit-content;
            background: #1d385d;
            /* linear-gradient(45deg, #1246b1, #0aac68); */
            background-clip: text;
        }
      
        /* .list-of-features::after{
            display: none;
        } */
        .section-description{
            color: #4a4a4ac9;
        }
        .section-features{
            background: linear-gradient(45deg, #387ef312, transparent);

            .light-blue-theme{
                color: rgb(0 131 141);
            }
            .pink-theme{
                color: #6e0060;
            }
            .green-theme{
                color: #005926;
            }
            .blue-theme{
                color: #003773;
            }
            .dark-blue-theme{
                color: #1d345ed9;
            }
        }
        .section-icon{
            opacity: 0.05;
        }
        .section-highlight-text {
            color: #055a91;
            i{
                background: #055a91;
            }
        }
        .highlight-text-wrapper{
            background: hsl(206.55deg 97% 31% / 5%);
            border-left: 2px solid #051c91;
        }
    
        .list-of-features.light-bg-border{
           padding-left: 45px;

        &::after {

            background: linear-gradient(45deg, transparent, hsl(179.61deg 75.91% 39.95% / 50%), #ffffff00);

        }
           .section-feature-icon {
              background: transparent;
              width: 44px;
              height: 44px;
              position: absolute;
              right: -15px;
              top: -18px;
              border: 1px solid #1d91bc45;
              /* outline: 5px solid white; */
              color: #043458;
            }
           .section-features{
            max-width: 670px;
            background: linear-gradient(45deg, #ffffff, transparent);
            box-shadow: 0 0 10px #48586112;
            border: 1px solid #387ef329;
            .section-feature-content{
                padding-left: 6px;
                .section-feature-heading{
                    color: #1213359e;
                }
                .section-feature-description{
                    color: rgb(41 65 91 / 59%);
                }
            }
           }
        }
    }

    

        
    .bg-network-anim{
        position: absolute;
        left: 0;
        opacity: 0.18;
        max-width: 100%;
        top: 0;
        overflow: hidden;
        svg{
            width: 100%;
        }
     }
     
    .bg-wave-pattern{
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden;
        top: 0;
        opacity: 0.3;
        img{
            height: 100%;
            object-fit: cover;
            width: 100%;
        }
    }
    .blob-wrapper{
        position: absolute;
        width: 400px;
        height: 400px;
        opacity: 0.1;
    }
    

    
    .section-5{
        .section-highlight-text{
            text-align: center;
        }    
        .section-image{
            width: 600px;
        }
        .blob-wrapper{
            bottom: 27px;  
            left: -100px;
        }
    }
    
    .section-6{
        /* .highlight-text-wrapper{
            float: right;
        } */
        background: rgb(9 172 247 / 3%);
        &.features-section.grid-table-section{
         .list-of-features{
            .section-features{
                .section-feature-heading{
                    margin-bottom: 9px;
                    color: #111f41d9;
                }
                .section-feature-description {
                    color: #150d2a73;
                }
    
            }
            :nth-child(5).section-features{
                grid-column: span 11;
            }
            :nth-child(6).section-features{
                grid-column: span 9;
            }
            :nth-child(7).section-features{
                grid-column: span 9;
            }
            :nth-child(8).section-features{
                grid-column: span 11;
                margin-left: 25px;
            }

        }
       }
    }
    .section-7{
    }
    .section-8{
        background: rgb(9 172 247 / 3%);
        &.features-section.light-section{
          .list-of-features{
            .section-features{
                margin-bottom: 18px !important;
                .section-feature-heading{
                    color: #5f5f5f;
                }
                .section-feature-description{
                    color: #646464d9;
                }
            }

          }
        }
    }
    
    .section-10{
        position: relative;
        background: #f6fbff;
        /* min-height: 706px; */
        overflow: visible;
        .bg-pattern{
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: -1;
            opacity: 0.1;
            img{
                width: 100%;
            }
        }
        
        
        .cards-list{
            display: grid;
            justify-content: center;
            margin-top: 50px;
            width: 100%;
            grid-template-columns: repeat(2, 450px);
            grid-gap: 30px;
    
        }
        .powerpack-card{
            width: 100%;
            height: 410px;
            background: "";
            /* padding: 25px; */
            border-radius: 16px;
            flex-direction: column;
            display: flex;
            position: relative;
            box-shadow: 0 0 50px #7171713d;
            border: 1px solid #0846dd17;
            color: #929292;
            backdrop-filter: blur(10px);
            justify-content: flex-end;
            /* background-size: cover; */
            .card-absolute-heading{
                position: absolute;
                top: 10px;
                left: 10px;
                z-index: 2;
                background: linear-gradient(45deg, #028d8e40, #038f6247);
                padding: 2px 10px;
                text-wrap: nowrap;
                border-radius: 31px;
                font-size: 12px;
                color: #f7f7f7;
                backdrop-filter: blur(20px);
                width: fit-content;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid green;
                img.heading-icon{
                    width: 24px ;
                    height: 24px;
                    margin-right: 10px;
                }
            }
            .card-img{
                height: 256px;
                width: 100%;
              
                border-radius: 6px;
                overflow: hidden;
                position: relative;
                img{
                    width: 100%;
                    object-fit: cover;
                }
            }
            .card-content-wrapper{
                position: relative;
                z-index: 2;
                margin-top: 10px;
                .card-title{
                    font-size: 15px;
                    font-family: 'poppins-medium';
                    color: transparent;
                    background: linear-gradient(45deg, #1b5568d4, #1d1244d4);
                    width: fit-content;
                    background-clip: text;
                    margin: 10px 0;
                    transform: translateY(-6px);
    
                }
                .card-description{
                    font-size: 13px;
                    margin-top: 4px;
                    color: #797979;
                }
            }
            .powerpack-wrapper{
                padding: 23px 20px;
                margin-bottom: 1px;  
                position: relative;
                /* background: white; */
                width: 430px;
                border-radius: 10px;
                min-height: 204px;
                margin: 8px;
                &::before {
                    content: "";
                    position: absolute;
                    left: 7px;
                    top: 8px;
                    height: 99%;
                    width: 97%;
                    background: url(images/cardbg.svg);
                    background-size: contain;
                    z-index: -1;
                    background-repeat: no-repeat;
                }
            }
            .default-template{
                margin-top: 13px;
                text-align: center;
                /* font-size: 13px; */
                color: #117642bf;
                font-family: 'poppins-medium';
                width: fit-content;
            }
            .card-footer-wrapper {
                display: flex;
                margin-top: 3px;
                z-index: 2;
                align-items: center;
                width: 287px;
                .card-footer-content {
                    font-size: 13px;
                    flex: 1;
                    color: #025259a6;
                    font-family: 'poppins-medium';
    
                }
                .knowmore-card-button{
                    
                        padding: 0px 11px;
                        display: grid;
                        place-items: center;
                        background: linear-gradient(45deg, #0483a6, #05928e);
                        border-radius: 5px;
                        color: white;
                        font-size: 12px;
                        height: 30px;
                       
                        position: absolute;
                        bottom: 10px;
                        right: 7px;
                }
            }
        }
        .accordian-image-wrapper{
            margin-top: 55px;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        .accordian-wrapper{
            width: 550px;
            height: 367px;
            .accordian-item{
                border: 1px solid #1d538e26;
                padding: 13px 20px;
                border-radius: 10px;
                color: #646464d9;
                font-size: 14px;
                position: relative;
                margin-top: 12px;
                overflow: hidden;
                background: white;
                box-shadow: -16px 20px 50px #84848426;
                height: 47px;
                transition: all 0.5s;
                cursor: pointer;
                .accordian-item-heading {
                    margin-bottom: 10px;
                    color: #094260bd;
                    font-family: 'poppins-medium';
                    display: flex;
                    div:not(.accordian-footer-text){
                        overflow: hidden;
                        transition: all 0.5s;
                        text-wrap: nowrap;
                        /* opacity: 1; */
                    }
                    .reveal-heading{
                        width: 0;
                        opacity: 0;
                        color: transparent;
                        background: linear-gradient(45deg, #043f6a, #007aad);
                        background-clip: text;
    
                    }
                    .closed-heading{
                        width: fit-content;
                    }
                }
                .accordian-item-description {
                    margin-bottom: 15px;
                    font-size: 13.65px;
                    color: #11163e7a;
                    font-family: 'work-sans-regular';
                    line-height: 21px;
                }
                .default-template {
                    font-style: italic;
                    color: #043f6ab0;
                    font-family: 'poppins-semibold';
                    width: fit-content;
                    /* background: #06713c24; */
                    padding: 5px 0px;
                    /* border-left: 2px solid; */
                    font-size: 0.8em;
                    display: flex;
                    align-items: center;
                    position: relative;
                    margin: auto;
                    transform: translateY(50px);
                    transition: all 0.3s;
                    transition-delay: 0.2s;
                    opacity: 0;
                    i{
                        font-size: 18px;
                        margin-right: 6px;

                    }
                }
                .accordian-footer-text {
                    font-size: 11px;
                    margin-bottom: 10px;
                    display: inline-block;
                    max-width: 390px;
                    color: white;
                    font-family: 'poppins-medium';
                    /* position: absolute;
                    top: 8px;
                    right: 10px; */
                    text-wrap: nowrap;
                    background: linear-gradient(45deg, #0b1562, #005e97);
                    padding: 2px 6px;
                    border-radius: 3px;
                    opacity: 0;
                    transition: opacity 0.2s;
                }
                .know-more-btn{
                    background: green;
                    padding: 5px 10px;
                    font-size: 13px;
                    border-radius: 5px;
                    color: white;
                    width: fit-content;
                    float: right;
                    cursor: pointer;
                    display: none;
                }
                &.active-accordian{
                    height: max-content;
                    border: 1px solid #0f278657;
                    background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgb(243 244 253 / 90%));
                    .accordian-item-heading{
                        display: flex;
                        justify-content: space-between;
                        .closed-heading{
                            width: 0;
                            opacity: 0;
                         
                        }
                        .reveal-heading{
                            width: fit-content;
                            opacity: 1;
                            flex: 1;
                        }
                    }
                    .default-template{
                        transform: translateY(0);
                        opacity: 1;
                    }
                    .accordian-footer-text{
                        opacity: 1;
                    }
                }

                &.active-accordian.green-card{
                    border: 1px solid #0f862157;
                    background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgba(243, 253, 247, 0.9));
                    .accordian-footer-text{
                        background: linear-gradient(45deg, #0b6259, #014655);
                    }
                    .reveal-heading{
                        color: #066636;
                    }
                    .default-template{
                        color: #06713cd9;
                    }
                }
                &.active-accordian.purple-card{
                    border: 1px solid #740f8657;
                    background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgb(249 243 253 / 90%));
                    .accordian-footer-text{
                        background: linear-gradient(45deg, #600b62, #610097);
                    }
                    .default-template{
                        color: #52046ab0;
                    }
                    .reveal-heading{
                        color: #52046af3;
                    }
                }
                &.active-accordian.red-card{
                    border: 1px solid #860f2057;
                    background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgb(253 243 243 / 90%));
                    .accordian-footer-text{
                        background: linear-gradient(45deg, #620b0b, #970042);
                    }
                    .default-template{
                        color: #6a0439b0;
                    }
                    .reveal-heading{
                        color: #6a0439f6;
                    }
                }
            }
        }
        .accordian-img-slider-wrapper{
            width: 600px;
            position: relative;
            height: 284px;
            .current-accordian-img{
                width: 100%;
                height: 284px;
                border-radius: 12px;
                cursor: pointer;
                outline: 3px solid #f6fbff;
                object-fit: cover;
            }
            #accordian-img-slide{
                height: 100%;
                border-radius: 12px;
                .slidesjs-container{
                    height: 100% !important;
                }
                /* .current-accordian-img{
                   width: 100%;
                   height: 100%;
                } */
                 /* .accordian-wizard{
                    display: flex;
                    position: absolute;
                    text-decoration: none;
                    bottom: -57px;
                    right: -10px;
                    height: 46px;
                    align-items: center;
                    .accordian-wizard-item{
                        width: 28px;
                        height: 28px;
                        margin: 4px;
                        border-radius: 40px;
                        overflow: hidden;
                        transition: all 0.3s;
                        background: #ffffff;
                        border: 1px solid #98b7d269;       
                        &:has(.active){
                            width: 38px;
                            height: 38px;
                            border: 1px solid #0d4a80;
                            background: rgb(255, 255, 255);
                        }
                    }
                 } */
           }
            &::after {
                position: absolute;
                content: "";
                width: calc(100% + 4px);
                height: calc(100% + 4px);
                background: linear-gradient(45deg, #04cf89, #17a1ff);
                left: -2px;
                z-index: -1;
                top: -2px;
                border-radius: 14px;
            }
            .slidesjs-navigation,.slidesjs-pagination{
                display: none;
            }
            .accordian-wizard{
                display: flex;
                justify-content: flex-end;
                margin-top: 15px;
                .accordian-wizard-item {
                    width: 40px;
                    height: 40px;
                    background: white;
                    display: grid;
                    place-items: center;
                    border-radius: 40px;
                    margin-left: 15px;
                    border: 1px solid #132d9f71;
                    opacity: 0.35;
                    font-size: 19px;
                    cursor: pointer;
                    &.active-accordian-item{
                        opacity: 1;
                        background: rgb(23 161 255 / 10%);
                        border: 1px solid #17a1ff;
                        color: #17a1ff;
                    }
                }
            }
    
        }
    
        &::after{
            width: 200px;
            height: 200px;
            content: "";
            background: linear-gradient(45deg, #c6b8ff, #8b8cf3);
            position: absolute;
            bottom: 85px;
            right: 148px;
            border-radius: 200px;
            filter: blur(120px);
            opacity: 0.6;
        }
    
    
    
    }
    

    /* New-style--- */

    .accordian-list-section{
        .flex-wrapper.minimize-image{
            justify-content: space-around;
            .section-image{
                max-width: 530px;
            }
        }
        .section-content{
            width: unset;
            display: flex;
            align-items: center;
            .list-of-features{
                position: relative;
                margin-top: 30px;
                width: 600px;
                .section-features.active-card{
                    opacity: 1;
                    background: linear-gradient(45deg, #f5fbff, #f6fbff);
                    border-radius: 8px;
                    border: 1px solid #063a7352;
                    .section-feature-content{
                      .section-feature-icon{
                          opacity: 0.8;
                          background: white;
                          color: unset;
                      }
                      .section-feature-heading{
                          font-family: 'poppins-medium';
                          color: transparent;
                          background: linear-gradient(45deg, #063a73, #027c74);
                          background-clip: text;
                       }
                    }
                    .section-feature-description-wrapper{
                        height: fit-content;
                    }
                    .section-feature-description{
                        margin-top: -10px;
                        color: #a1a1a1;
                    }
                    .section-feature-content{
                        .feature-blob{
                            display: none;
                        }
                    }
                }
                .section-features{
                    display: flex;
                    max-width: 600px;
                    align-items: center;
                    position: relative;
                    z-index: 1;
                    transform: translate(0px,0px);
                    margin: 0;
                    margin-bottom: 20px;
                    padding: 0;
                    background: linear-gradient(45deg, rgb(21 152 177 / 15%), rgb(14 82 163 / 15%));
                    border-radius: 6px;
                    border-left: 2px solid transparent;
                    transition: height 0.3s,transform 0.3s;
                    cursor: pointer;
                    opacity: 0.75;
                    backdrop-filter: blur(5px);
                    &.slide-from-btm{
                        transform: translateY(100px);
                        opacity: 0;
                    }
                    .section-feature-content{
                        height: 100%;
                        flex: unset;
                        overflow: hidden;
                        font-size: 13px;
                        .feature-blob{
                            position: absolute;
                            top: -17px;
                            right: -19px;
                            opacity: 0.1;
                            height: 68px;
                            overflow: hidden;
                            display: none;
                            img{
                                width: 90px;
                                height: 90px;
                            }
                        }
                    }
                    .section-feature-heading{
                        min-height: 49px;
                        display: flex;
                        align-items: center;
                        padding-left: 15px;
                        font-family: 'poppins-medium';
                        font-size: 14px;
                        color: rgb(56, 56, 56);
                    }
                    .section-feature-icon{
                        width: 48px;
                        height: 48px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 50px;
                        margin-right: unset;
                        background: white;
                        position: absolute;
                        right: -12px;
                        top: -17px;
                        backdrop-filter: unset;
                        opacity: 1;
                        i{
                            font-size: 20px;
                        }
                    }
                    .section-feature-description-wrapper{
                        height: 0;
                        transition: height 0.5s;
                    }
                    .section-feature-description{
                        padding: 0 15px;
                        padding-bottom: 15px;
                        margin-top: 0;
                        font-family: 'work-sans-regular';
                        line-height: 21px;
                        font-size: 13.65px;
                    }
                }
                .section-image{
                    height: 500px;
                    width: 586px;
                }
                /* &.active-card-green{
                    .section-features.active-card{
                        background: rgb(245 255 251);
                        border: 1px solid #04511840;
                        box-shadow: 6px 8px 10px hsl(133deg 92% 18% / 5%);
                        .section-feature-heading{
                            background: linear-gradient(45deg, #066073, #027c45);
                            background-clip: text;
                        }
                        .section-feature-icon{
                            color: #156441;
                            background: transparent;
                        }
                    }
                    .section-feature-icon{
                        border: none;
                        right: 4px;
                        top: 6px;
                        background: unset;
                    }
                } */
            }

        }
        /* &:has(.active-card-green){
            .highlight-text-wrapper{
                background: #00bc910f;
                border-left: 2px solid #05913e;
                .section-highlight-text {
                    color: #05915e;
                    i{
                        background: #058691;
                    }
                }
            }
        } */
    }

    .accordian-list-section.dark-section{
       background: #021537;
        /* linear-gradient(45deg, #081d56, #033045); */
       color: rgb(241 241 241 / 78%);
       .section-title{
           color: hsl(0deg 0% 100% / 95%);
           width: fit-content;
           margin: auto;
           font-family: 'poppins-regular';
           .highlight-text{
               color: transparent;
               background: linear-gradient(45deg, #00dbff, #f200ff);
               background-clip: text;
               font-family: poppins-medium;
           }
       }
       .section-description{
           color: #e8f3ff;
          
       }
       .section-highlight-text {
           margin-top: 0;
           color: #9bd9fd;
           i{
               background: #3b9bd2;
           }
          
       }
           .highlight-text-wrapper{
               background: #ffffff24;
               border-left: 2px solid #71cbff;
               &.lined-bg{
                   background: #9bd9fd2b;
    
               }
           }    

        .section-content{
            .list-of-features{
                .section-features{
                    &.active-card{
                        background: #9bd9fd0d;
                        border: 1px solid #4daeff9c;
                        /* box-shadow:5px 4px 15px 1px #0386e136; */
                        .section-feature-heading{
                            color: #15cbff;
                            background: transparent;
                            .section-feature-icon{
                                /* background: #01246c; */
                                border: 1px solid #4dafff8a;
                                opacity: 1;
                            }
                        }

                        .section-feature-description {
                            color: #dcf6ff;
                        }
                    }
                    .section-feature-heading{
                        color: rgb(243, 243, 243);
                        .section-feature-icon{
                            background: #1a2654;
                            border: 1px solid #063d78b8;
                        }
                    }
                    .section-feature-description{
                        color: rgb(214 214 214 / 85%);
                    }
                }
            }
        }
    }
 
    .cta-banner-wrapper{
        padding: 60px 0;
    }
    .cta-banner {
        background: #02134c;
        padding: 0;
        background-image: url('/images/act-dir-images/cta-bg.svg');
        background-size: cover;
        margin: 0px auto;
        max-width: 1200px;
        width: min(calc(100vw - 20px), 1200px);
        min-height: 220px;
        /* border-radius: 10px; */
        display: flex;
        align-items: center;
        border-radius: 10px;
        color: white;
        justify-content: center;
        .cta-banner-content {
            padding: 50px 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
  
        .cta-banner-heading {
            font-size: 1.63em;
            text-align: center;
        }
  
        .btn-dwn {
            margin-left: 0;
            margin-top: 18px;
        }
        .download-btn{
            font-size: 1.2em;
            margin-top: 15px;
        }
        .explore-more {
            margin-top: 12px;
            font-size: 14.3px;
  
            a {
                color: #21ff00;
                text-decoration: underline;
            }
        }
  
        img {
            width: 360px;
        }
    }
  
      
    .section-popup{
        background: rgb(0 0 0 / 26%);
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        backdrop-filter: blur(10px);
        display: grid;
        place-items: center;
        .expand-img-wrapper{
            width: 60vw;
            max-width: 1152px;
            padding: 15px;
            background: #ffffff42;
            border-radius: 10px;
            border: 1px solid #ffffffb0;
            position: relative;
            img{
              width: 100%;
              border-radius: 8px;
              object-fit: contain;
              max-height: 100%;
            }
            .close-icon{
                color: #0a335e;
                position: absolute;
                right: 16px;
                font-size: 30px;
                background: white;
                border-radius: 30px;
            }
            cursor: pointer;
        }
        &.hide-section{
            display: none;
        }
      }


    @media screen and (max-width:800px) {
        .section-title{
            font-size: 22px;
            padding: 0 20px;
        }
        section{
            padding: 30px 0;
            &.features-section{
                .flex-wrapper{
                    margin-top: 0;
                    flex-direction: column;
                }
                .section-image{
                    width: 100%;
                }
                .section-icon{
                    opacity: 0.1;
                }
                .section-content{
                    width: 100%;
                }
                 .section-description{
                    padding: 0 20px;
                   font-size: 11px;
                   margin-top: 10px;
                 }
                 .highlight-text-wrapper{
                    margin: 0 12px;
                    margin-top: 20px;
                    padding: 12px 16px;
                    .section-highlight-text{
                        font-size: 11px;
                        i{
                            top: 50%;
                            transform: translateY(-50%);
                        }
                    }
                 }
               .section-content{
                .list-of-features{
                    margin: 16px;
                    .section-features{
                        margin-bottom: 10px;
                        padding: 12px 0;
                        .section-feature-icon{
                            width: 38px;
                            height: 38px;
                            padding: 9px;
                        }
                        .section-feature-heading{
                            font-size: 12px;
                            min-height: unset;
                        }
                        .section-feature-description{
                            font-size: 10px;
                            line-height: 18px;
                        }
                        .section-feature-content{
                            padding-left: 0;
                        }
                    }
                    &::after{
                        left: 28px;
                    }
                } 
               }
            }
        }
        .main-banner-section{
            height: unset;
            padding-top: 60px;
            .section-container{
                flex-direction: column;
            }
            .banner-lhs{
                width: 100%;
                padding: 20px;
                .main-title{
                    font-size: 26px;
                }
                .banner-subtitle{
                    font-size: 14px;
                }
                .unified-mgmgt-content{
                    font-size: 11px;
                    .highlight-paragraph{
                        font-size: 12px;
                    }
                }
    
            }
            .banner-rhs{
                width: 98vw;
                img{
                    width: 100%;
                }
            }
        }
        
        .section-2.features-section.light-section{
            .justification-text{
                font-size: 13px;
            }
            .adv-card-list{
                margin-top: 8px;
                display: flex;
                flex-direction: column;
                gap: 10px;
                .adv-card{
                    padding: 25px;
                    margin: 10px 20px;

                    .adv-card-title{
                        .adv-title-content,i{
                              font-size: 12px;
                        }
                         /* text-wrap: nowrap; */
                        &::before{
                            top: 18px;
                            left: -54px;
                        }
                        &::after{
                            width: 35px;
                            top: 0;
                            left: -34px;
                        }
                    }
                    .adv-card-description{
                        font-size: 11px;
                    }
                }
    
            }
        }
        .spring-border{
            .list-of-features{
                .section-feature-content {
                   padding-right: 32px;
                }
            }
        }
        .section-4.features-section{
            .list-of-features{
               .section-features{
                  padding: 16px 17px;
                  margin: 2px ;
               }
            }
        }
        .green-gradient-box.list-of-features{
            .section-features{
                padding: 12px;
                .section-features-icon{
                    margin-right: 15px;
                }
            }
        }
        .accordian-list-section{
            .section-content{
                .list-of-features{
                    width: unset;
                    .section-features{
                        .section-feature-heading{
                            max-width: 90%;
                        }
                        .section-feature-description{
                            padding-top: 10px;
                        }
                    }
                    &.light-bg-border{
                        padding: 0 10px;
                    }
                }
            } 
        }
        .section-10{
            padding-bottom: 80px;
            .accordian-image-wrapper{
                flex-direction: column;
                .accordian-wrapper{
                    width: 95%;
                    .accordian-item{
                       .closed-heading,.reveal-heading{
                           font-size: 12px;
                       }
                       .default-template,.accordian-item-description{
                          font-size: 10px;
                          line-height: 18px;
                       }
                    }

                }
                .accordian-img-slider-wrapper{
                    margin-top: 25px;
                    width: 91vw;
                   
                }
            }
        }
        .cta-banner {
            flex-direction: column;
            margin: 10px;

            .cta-banner-content {
                width: unset;
                padding: 38px;

                .cta-banner-heading {
                    font-size: 20px;
                }
            }

            img {
                width: 300px;
            }
        }
    }
     
    @media screen and (min-width: 801px) and (max-width:1199px){
        .features-section{
            .flex-wrapper{
                padding: 0 20px;
            }
        }
        .accordian-list-section{
            .section-content{
                .list-of-features{
                    width: unset;
                }
            }
        }
    }
   @media screen and (max-width:1300px) and (min-width: 1200px) {
       .section-2.features-section.light-section{
          .adv-card-list{
            grid-template-columns: repeat(14, 73px);
          }
       }
   }

}

/*-------HIGH CONTRAST MODE - WCAG 1.4.3 FIXES-------*/
body.high-contrast .smart-m365-solution .section-2.features-section.light-section .adv-card-list .adv-card .adv-card-description{
    color: #2e3239;  /* was #848c9b (3.41:1) → now 5.43:1 vs white */
}

@keyframes animate-shadow{
    0%,100%{
        box-shadow: 0px 0px 0px rgb(9 116 254 / 24%), -0px -0px 0px rgb(0 179 84 / 25%);
    }
    40%,50%{
        box-shadow: 5px 5px 15px rgb(9 116 254 / 24%), -2px -1px 15px rgb(0 179 84 / 25%);
    }
}