.secpod-body {
            background-image: url(../../../images/vendor-images/secpod-section1-bg.png);
            background-repeat: no-repeat;
            background-size: cover;
        }

        .asset-exposue1 .color-box,.saner-posture1 .color-box,.Compliance-management1 .color-box,
        .asset-exposue1 .sec1,.saner-posture1 .sec1,.Compliance-management1 .sec1 {


            padding: 20px;

            aspect-ratio: 4 / 3;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            color: #000;
            border-radius: 30px;
            box-shadow: 10px 10px 0px 0px rgba(245, 245, 245, 0.22);
            border: 1px solid #fff;


        }

        .bg-white {
            background-color: white;
        }

        .text-gradient {
            background: #0A58A0;
            background: linear-gradient(to right, #0A58A0 0%, #23BB2D 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 1.5rem;
            font-weight: 800;
        }

        .asset-exposue1 h3,.saner-posture1 h3,.Compliance-management1 h3 {
            font-size: 2rem;
            font-weight: 700;
        }

        .asset-exposue1,.saner-posture1,.Compliance-management1 {

            color: white;

        }

        .button-common {
            padding: 15px 30px;
            font-size: 16px;
            font-family: Arial, sans-serif;
            cursor: pointer;
            background-color: white;
            color: white;
            border: 2px solid white;
            /* Outer border color */
            border-radius: 3rem;
            /* Outer border radius */
            position: relative;
            overflow: hidden;
            background-clip: padding-box;
            /* Ensures the inner border doesn't overlap the content */
        }


        .button-common::before {
            content: "";
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            /* Inner border color */
            border-radius: 25px;
            /* Same radius as outer border */
            pointer-events: none;
        }

        .blue-btn {
            color: #0a58a0;

        }

        .green-btn {
            color: #4CAF50;

        }

        .blue-btn::before {
            border: 2px solid #0a58a0;

        }

        .green-btn::before {
            border: 2px solid #4CAF50;

        }

        .green-box {
            background-color: #4CAF50 !important;
        }

        .blue-box {
            background-color: #0a58a0 !important;
        }

        .accordion-button::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
            transition: all 0.5s;
        }

        .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
        }

        .asset-exposue3 .vertical-tabs .tab,.saner-posture3 .vertical-tabs .tab{
            float: left;
            width: 60%;
            text-align: left;
        }


        .asset-exposue3 .vertical-tabs .tab button,.saner-posture3 .vertical-tabs .tab button{

            height: 100%;
            padding: 2rem 3rem;
        }


        .asset-exposue3 .sec1,.saner-posture3 .sec1 {
            background-image: url(../../../images/vendor-images/secpod-bg2.png);
            background-repeat: no-repeat;
            background-size: cover;
            padding: 4rem 0rem;
            margin-top: 4rem;
        }
.asset-exposue3 .img-outer,.saner-posture3 .img-outer
{
    height: 120vh;
}
.asset-exposue3 .tabcontent,.saner-posture3 .tabcontent
{
    width: 40%;
    float: left;
}
.asset-exposue3 img,.saner-posture3 img,.secpod-common img
{
    max-width:100%; max-height:100%;
}
        .asset-exposue2,.saner-posture2 {
            background-color: white;
        }

        .asset-exposue3 .sec1 button,.saner-posture3 .sec1 button{
            background-color: #0a58a0;
            color: #fff;
            border: 0px;
            box-shadow: 5px 6px 0px 0px rgb(223, 222, 222);
            border-radius: 24px;
            padding: 5px 20px;
        }

        .asset-exposue1 .sec1:empty::before,.saner-posture1 .sec1:empty::before  {
            content: "\00a0";
            /* non-breaking space */
        }


        .asset-exposue1-content {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
        }

        .asset-exposue1 .sec1,.saner-posture1 .sec1 {
            flex: 1 1 calc(35% - 1rem);
            aspect-ratio: 4 / 3;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #ddd;
            border-radius: 20px;
            background: #f9f9f9;
            box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.05);
            margin-top: 3rem;
        }

        /* Wide ones take 50% width */
        .asset-exposue1 .sec1.wide,.saner-posture1 .sec1.wide {
            flex: 1 1 calc(20% - 1rem);

            background: rgb(103 103 103 / 40%);
            border: 0px;
        }

        /* Prevent empty divs from collapsing */
        .asset-exposue1 .sec1:empty::before,.saner-posture1 .sec1:empty::before {
            content: "\00a0";
        }

        .padding-common {
            padding-top: 4rem;
            padding-bottom: 4rem;
        }

        .asset-header {
            padding-top: 12rem;
        }

.compliance-management .img-outer
{
    height: 88vh;
}

.secpod-faq .accordion-button::after
{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 448 512'%3E%3Cpath d='M416 208H240V32c0-17.67-14.33-32-32-32s-32 14.33-32 32v176H32c-17.67 0-32 14.33-32 32s14.33 32 32 32h144v176c0 17.67 14.33 32 32 32s32-14.33 32-32V272h176c17.67 0 32-14.33 32-32s-14.3-32-32-32z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.secpod-faq .accordion-button:not(.collapsed)::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 448 512'%3E%3Cpath d='M416 208H32c-17.67 0-32 14.33-32 32s14.33 32 32 32h384c17.67 0 32-14.33 32-32s-14.3-32-32-32z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
  }
  



        .secpod-common
        {
          /* background-image: url(../../home/imgs/secpod-bg1.jpg);
          background-repeat: no-repeat; */
          color: #fff;
          padding-bottom: 70px;background-size: cover;
        }

        .secpod-common .tab-content-div img
        {
        height: 70px;
        }
        .secpod-common .vertical-tabs .tab
        {
        float: left;
        width:60%;
        text-align: left;
        }
        .secpod-common .vertical-tabs .tab button
        {
          text-align: left;
          width: 100%;
          background-color: #fff;
          margin-bottom: 12px;
          border: 0px;position: relative;
          border-radius: 20px;
          height: 100%;
          font-size: 15px;
          padding-left: 40px;
          padding-right: 30px;
          padding: 1rem 3rem;
        }
        .secpod-common .bg-blue-btn
        {
          background-color: #0a58a0;
          width: 40px;
          height: 40px;
          border-radius: 7px;
          position: absolute;
          left: -18px;
          top: 35px;
        }
        .secpod-common button.active .bg-blue-btn
        {
          background-color: #23b62e;
          width: 40px;
          height: 40px;
          border-radius: 7px;
          position: absolute;
          left: -18px;
          top: 35px;
        }
        .secpod-common .vertical-tabs .tab .active 
        {
          background-color: #bbf3be;
        }
        .secpod-common .accordion-item .card-body
{
  padding-left: 0px;
}
.secpod-common .accordion-item,.secpod-common .accordion-button {
  background-color: transparent;
  box-shadow: none;
  padding-left: 0px;
  color: #fff;
  
}
.secpod-common .accordion-item .card-body p
{
  color: #fff;
}
.secpod-common .accordion-button:not(.collapsed) {
  
    color: #23b43f !important;
  }
  
  .secpod-common .nav-tabs .nav-link.active
  {
    background-color: #23b62e;
    border-radius: 25px;
    color: #fff;
  }
  .secpod-common nav 
  {
    border-radius: 25px;
    margin-bottom: 20px;
  }
  





        @media only screen and (min-width: 320px) and (max-width: 768px) {

            .asset-exposue1 .color-box,.saner-posture1 .color-box {
                margin-bottom: 1rem;
            }

            .asset-exposue1 .sec1,.saner-posture1 .sec1 {
                flex: 1 1 calc(100% - 1rem);

            }

            .asset-exposue1 .sec1.wide,.saner-posture1 .sec1.wide {
                display: none;
            }

            .asset-exposue3 .vertical-tabs .tab,.saner-posture3 .vertical-tabs .tab {
                width: 100%;
                float: none;
                margin-bottom: 2rem;
            }

            .asset-exposue3 .tabcontent,.saner-posture3 .tabcontent 
            {
                width: 100%;
            }

            .asset-exposue3 .img-outer,.saner-posture3 .img-outer
            {
                height: 25vh;
            }
            .compliance-management .img-outer
{
    height: 25vh;
}
            .asset-exposue3 img,.saner-posture3 img 
            {
                max-width:100%;         max-height: fit-content;
            }

            .secpod-common .vertical-tabs .tab
            {
              width: 100%;
              float: none;
            }
            .secpod-common .tab-content-div {
              width: 100%;
            }
            .secpod-common .vertical-tabs .tab button
            {
              height: auto;
            }

        }

        .accordion-button:not(.collapsed) {

            color: #006700;
        }
        @media (min-width:1025px) and (max-width: 1200px)
        {
        
           
        
            .secpod-common .tab-content-div {
             
              min-height: 414px;
              
            }
        
        }

        .secpod-common .tab-content-container
  {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 10px;
    /* max-width: fit-content; */
    margin: 0 auto;
  }

  .secpod-common .tab-content-div {
    background-color: #f0f0f0;
    padding: 20px;
    text-align: center;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #000;
    border-radius: 30px;
    box-shadow: 10px 10px 0px 0px rgba(245, 245, 245, 0.22); 
  }