@import url('css2-WorkSansitalwght0100..9001100..900_swap.css');

.header .menubar .navbar-brand span {

    right: -25px;

    bottom: -6px;

    font-size: 12px;

    letter-spacing: 1px

}



@media(max-width:767px) {

    .header .menubar .navbar-brand span {

        right: -19px;

        bottom: -6px;

        font-size: 7px;

        letter-spacing: .5px

    }



    .eqms-section .platfom-menu .title {

        margin-right: 30px;

        margin-bottom: 0;

        color: #000000 !important;

        text-transform: uppercase

    }

}



.platforms-section.ai-de .left-img .content-area .link,

.platforms-section.ai-de .right-img .content-area .link {

    width: 170px !important

}



.ai-de .saving-sec .grid-box .item .text {

    font-size: 15px

}



.ai-de .hero-section .content-area .h1-heading span {

    display: block;

    font-size: 58px

}



.ai-de .header .menubar .navbar-brand span {

    right: -25px;

    bottom: -6px;

    font-size: 12px;

    letter-spacing: 1px

}



.ai-de .eqms-section .top .title {

    font-size: 24px

}



.mobile-view {

    display: none !important

}



.desktop-view {

    display: block !important

}

.require-sec.smarter8d{

    background: url(../image/ps-bg.jpg) no-repeat top right;

    background-size: cover;

}

@media(max-width:600px) {

    .require-sec.smarter8d {

        background-position: bottom left;

    }

    .inner-page-hero.c-custom .content-area .h1-heading {

    font-size: 18px;

    margin-bottom: 70px;

}

    .require-sec.smarter8d .content-area .h2-heading.stroke {

        font-size: 26px !important;

    }

    .mobile-view {

        display: block !important

    }



    .desktop-view {

        display: none !important

    }



    .platforms-section .left-img .h3-heading,

    .platforms-section .right-img .h3-heading {

        font-size: 23px !important

    }

}

.anderson-topbar .header {

    background: #000;

    background-image: unset;

    padding: 5px;

}

#splash-modal-an-container { display:none; width: 100%; height: 100%; position: fixed; top:0; left: 0; background: rgba(0,0,0,0.5); z-index:999999999;}

#modal-an {

    background-image:url('../image/andersen_consulting_popup_bg.jpg');

    display:block;

    width: 100%;

    max-width: 400px;

    height:auto;

    margin-top:80px;

    margin-left:auto;

    margin-right:auto;

    border: none;

    background-size: 100%;

    background-position: top center;

    background-repeat: no-repeat;

    padding:.5rem 1rem 1rem 1rem;

    font-family: "Work Sans", arial, sans-serif;

    color: #fff;

    font-size:21px;

    line-height:1.5rem;

    font-weight:400;

}

#modal-an .close-modal-an { 

    width: 100%; 

    text-align: right; 

    padding-bottom: 55%; 

    box-sizing:border-box; 

    position:relative; 

}

#modal-an .close-modal-an .close-image { 

    display:inline-block; 

    width: 60px; 

    box-sizing:border-box; 

    position:absolute; 

    right: -7%;

    top: -12%;

}



#modal-an .modal-an-text p { 

    text-align: center; 

    width: 100%; 

    box-sizing: border-box; 

    font-weight:200;

    margin-block-start:0;

    margin-block-end:1rem;

    margin-bottom: 2rem;

       line-height: 1.02;

font-size: 21px;

font-family: "Work Sans", arial, sans-serif;

}

#modal-an .modal-an-text p b {

    font-weight: 500;

}

#modal-an .modal-an-text .button {

 background-color: #f40826;

 font-size: 15px;

 padding:15px 25px;

 margin-top: 1rem;

 color: #fff;

 font-weight:600;

 text-decoration: none;

 border: none;

 font-family: "Works Sans", arial, sans-serif;

 font-weight: 600;

 text-transform: uppercase;

 margin:0 auto;

 text-align:center;

 width:90%;

 display:inline-block;

}



#modal-an .andersen-logo {

    margin:0rem auto;

    text-align:center;

    max-width:80%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

}



#modal-an img {

    margin:0 auto;

}



#modal-an .modal-an-text {

    position:relative;

    top:10%;

    text-align:left;

    max-width:81%;

    margin:0 auto;

}

.inner-page-hero.c-custom .content-area .h1-heading {

    font-size: 25px;

}

.inner-page-hero.c-custom .breadcrumb-sec {

    background: linear-gradient(90deg, #010624, transparent 60%);

}



 .cta-sec {

        padding-bottom: 50px;

    }



    .cta-sec .content {

        padding: 25px;

        background: url(../image/e-header-banner.jpg);

        border-radius: 15px;

    }



    .cta-sec .content .items {

        display: flex;

        flex-direction: column;

        gap: 14px;

        align-items: flex-start;

    }



    .cta-sec .content .heading {

        font-size: 25px;

        color: #3defea;

        font-weight: 600;

        margin-bottom: 0;

    }



    .cta-sec .content .p-text {

        color: #fff;

        margin-bottom: 0;

        font-size: 18px;

    }



    .cta-sec .content .btn {

        background: #3defea;

        color: #000;

        font-weight: 500;

        font-size: 16px;

        border-radius: 7px;

        padding: 6px 15px;

        display: inline-block;

        margin-bottom: 0;

        margin-top: 20px;

    }

    

    .problemsolver .video-layer{

        position: relative;

    }

   .problemsolver .video-layer .overlay{

            position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    background: #ffffff73;

    backdrop-filter: blur(5px);

    border-radius: 5px;

    z-index: 1;

    width: 100%;

    }

    .problemsolver .video-layer iframe{

        z-index: 0;

    }

    .problemsolver .video-layer .btn{

        background: #3defea;

        color: #000;

        font-weight: 500;

        font-size: 14px;

        border-radius: 7px;

        padding: 6px 15px;

        display: inline-block;

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        z-index: 2;

    }

    

        .contact-sec.video-form-popup::before {

        display: none;

    }



    .contact-sec.video-form-popup {

        border-radius: 5px;

    }



    #videoFormPopup .modal-body {

        background: none;

        padding: 0;

    }



    #videoFormPopup .btn-close {

    float: inline-end;

    background: #d5ffc1;

    z-index: 100;

    position: relative;

    opacity: 1;

    top: -10px;

    right: -10px;

    height: 25px;

    width: 25px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #74c34d;

}



#videoFormPopup .modal-dialog {

    max-width: 790px;

    margin-top: 100px;

}



#videoFormPopup .contact-sec.video-form-popup {

    border-radius: 5px;

    background: #fff;

}



#videoFormPopup .contact-sec .form-area {

    padding: 30px;

    background: #fff;

    border-radius: 10px;

    border: 1px solid rgb(221 221 221 / .1098039216);

}



#videoFormPopup .contact-sec .form-area .form-group .form-title {

    font-size: 17px;

    font-weight: 500;

    color: #02b5c7;

    margin-bottom: 10px;

}

#videoFormPopup .contact-sec .form-area .form-group .input-box .form-control {

    width: 100%;

    background: none;

    border: 1px solid rgb(255 255 255 / .2196078431);

    color: #dedede;

    padding-left: 20px;

    position: relative;

    border-bottom: 1px solid #c3c3c3;

    color: #959595 !important;

    font-size: 13px !important;

    padding: 7px 15px 7px 0 !important;

    border-radius: 0;

}

#videoFormPopup .contact-sec .form-area .form-group .input-box {

    margin-bottom: 20px;

    position: relative;

}

#videoFormPopup .contact-sec .form-area .form-group {

    margin-top: 0px;

    border-radius: 10px;

}

#videoFormPopup .contact-sec .form-area .form-group {

    margin-top: 0px;

    border-radius: 10px;

    background: #f7f7f7;

    border-radius: 5px;

    border: 1px solid #d5d5d5;

    padding: 16px !important;

}

#videoFormPopup .contact-sec .form-area .form-group .disclaimer {

    font-size: 13px;

    color: #6f6f6f;

}

#videoFormPopup .contact-sec .form-area .form-group .disclaimer a {

    color: #3d3d3d;

}

#videoFormPopup .contact-sec .form-area {

    padding: 20px;

}

#videoFormPopup .contact-sec .form-area .form-group .submit-btn {

        float: right;

    display: flex;

    align-items: center;

    gap: 15px;

}

#watchvideo.active .video-layer .btn, #watchvideo.active .video-layer .overlay{

    display: none !important;

}

    .eqms-section.c-sec{

        background: none;

    }

    .eqms-section.c-sec .list-item ul li::before {

        filter: invert(1);

    }



    .eqms-section.c-sec .list-item ul li {

        color: #b9bbce;

    }

    .eqms-section.c-sec .list-item ul li:last-child, .eqms-section.c-sec .list-item, .smarter8d.require-sec .req-box {

        margin-bottom:0px;

    }

    .sec-pad{

        padding:50px 0;

    }

    .common-ai .m-title{

         color: #393939;

         font-size: 25px;

    }

    .common-ai .s-title{

         color: #393939;

         font-size: 20px;

         font-weight:500;

    }

   .common-ai p {

    font-size: 16px;

    color: #616161;

}

    .ai-list {

        list-style: none;

        padding-left: 15px;

    }



     .ai-list li {

        color: #b9bbce;

        margin-bottom: 10px;

        position: relative;

    }



     .ai-list li::before {

        filter: invert(1);

    }





    .ai-list.dark li {

        color: #606060;

    }



    .ai-list li::before {

        position: absolute;

        content: "";

        height: 10px;

        width: 10px;

        left: -15px;

        top: 5px;

        background: url(../image/bullet-line.png) no-repeat;

    }

        .c-mobile{

        display: none !important;

    }



    @media(max-width:700px){

        .c-desktop{

            display: none !important;

        }

        .c-mobile{

            display: block !important;

        }

    }

        .ppap-key .grid-box {

        display: flex;

        flex-wrap: wrap;

        gap: 20px;

        margin-top: 25px;

    }



    .ppap-key .grid-box .box {

        position: relative;

        border: 1.5px solid #2c868f;

        border-radius: 10px;

        background: #097ba729;

    }



    .ppap-key .grid-box .box .content {

        padding: 15px;

    }



    .ppap-key .grid-box .box .content .title {

        color: #63cdd4;

        font-size: 20px;

        font-weight: 600;

    }



    .ppap-key .grid-box .box .content p {

        color: #199ea7;

        margin-bottom: 0;

    }



    .ppap-key .grid-box .box .img {

        position: relative;

    }



    .ppap-key .grid-box .box .img img {

        width: 100%;

        border-radius: 10px 10px 0 0;

    }



    .ppap-key .grid-box .box.box1 {

        width: 48%;

    }



    .ppap-key .grid-box .box.box1 .ab-img {

        position: absolute;

        width: auto;

    }



    .ppap-key .grid-box .box.box1 .ab-img.img-1 {

        top: -20px;

        left: 20px;

    }



    .ppap-key .grid-box .box.box1 .ab-img.img-2 {

        bottom: 5px;

        left: -54px;

    }



    .ppap-key .grid-box .box.box1 .ab-img.img-3 {

        top: 7px;

        right: -19px;

    }



    .ppap-key .grid-box .box.box1 .ab-img.img-4 {

        right: 47px;

        bottom: 10px;

    }



    .ppap-key .grid-box .box.box2 {

        width: 24%;

    }



    .ppap-key .grid-box .box.box3 {



        width: 24%;

    }



    .ppap-key .grid-box .box.box4 {

        width: 21%;

    }



    .ppap-key .grid-box .box.box5 {

        width: 21%;

    }



    .ppap-key .grid-box .box.box6 {

        width: 21%;

    }



    .ppap-key .grid-box .box.box7 {

        width: 30%;

    }

    @media (max-width:600px) {

        .ppap-key .grid-box .box.box1 .ab-img{

            display: none;

        }

        .ppap-key .grid-box .box {

            width: 100% !important;

        }

    }

    .request-demo a {

    background: linear-gradient(180deg, #38bab6 0, rgba(43, 177, 201, 0.9) 100%);

    display: inline-block;

    width: 100%;

    max-width: 100%;

    color: #fff !important;

    font-size: 16px;

    font-weight: 600;

    padding: 10px 25px;

    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.12);

    border-radius: 6px;

    display: flex;

    align-items: center;

    gap: 20px;

    text-decoration: none;

    width: fit-content;

        transition: all .3s;

}

.request-demo a:hover {

    background: #1aada8;

    text-decoration: underline;

}



  .ppap-roi table {

      margin-top: 20px;

  }



  .ppap-roi table th,

  .ppap-roi table tr {

      /*border: 1px solid #15c9ca;*/

      border: 1px solid #1dd9da;

      padding: 16px;

      line-height: 2;

      font-size: 17px;

      font-weight: 500;

  }



  .ppap-roi table {

      color: #fff;

      text-align: center;

  }



  .ppap-roi table thead {

      background: linear-gradient(0deg, #31a0a1, #15c9ca);

  }



  .ppap-roi table tbody tr td {

      background: #3063905c !important;

      box-shadow: unset;

      color: #fff !important;

      padding: 16px;

  }



  .ppap-roi table tbody tr td:first-child {

      background: #2097af9e !important;

      opacity: 1;

      box-shadow: unset;

  }



  .typ {

      display: flex;

      gap: 10px;

      align-items: center;

      margin-top: 30px;

      justify-content: center;

  }



  .typ .icon img {

      width: 80px;

  }



  .typ .content .title {

      font-size: 22px;

      color: #0f8fa7;

      margin-bottom: 5px;

      font-weight: 600;

  }



  .typ .content p {

      color: #0f2a3e;

      margin-bottom: 0;

      font-size: 17px;

      font-weight: 600;

  }



  .ppap-key.ppap-how .grid-box .box {

      position: relative;

      border: 1.5px solid #2c868f;

      border-radius: 10px;

      background: #0353519e;

      margin-top: 100px;

  }



  .ppap-key.ppap-how .grid-box .box .img {

      position: absolute;

      top: -18%;

      left: 50%;

      transform: translateX(-50%) translateY(-50%);

  }



  .ppap-key.ppap-how .grid-box .box .img img {

      width: 180px;

      border-radius: 0;

  }



  .ppap-key.ppap-how .grid-box .box .arrow-right {

      position: absolute;

      right: -39px;

      top: 50%;

      transform: translateY(-50%);

      width: 40px;

      z-index: 10;

  }



  .ppap-key.ppap-how .grid-box .box .content p {

      color: #fff;

  }



  .ppap-key.ppap-how .grid-box .box.box1 {

      width: 34%;

  }



  .ppap-key.ppap-how .grid-box .box.box2 {

      width: 20%;

  }



  .ppap-key.ppap-how .grid-box .box.box3 {

      width: 20%;

  }



  .ppap-key.ppap-how .grid-box .box.box4 {

      width: 20%;

  }



  .ppap-key.ppap-usecase .grid-box .box.box1 {

      width: 23%;

  }



  .ppap-key.ppap-usecase .grid-box .box.box2 {

      width: 26%;

  }



  .ppap-key.ppap-usecase .grid-box .box.box3 {

      width: 47%;

  }



  .ppap-key.ppap-usecase .grid-box .box {

      position: relative;

      border: 1.5px solid #05e8ff;

      border-radius: 10px;

      background: #ffffff;

  }



  .ppap-key.ppap-usecase .grid-box .box .img img {

      width: auto;

      border-radius: 10px 10px 0 0;

      display: block;

      margin: auto;

  }



  .ppap-key.ppap-usecase .grid-box .box .img {

      position: relative;

      padding: 15px 15px 0 15px;

  }



  .ppap-key.ppap-usecase .grid-box .box .content {

      padding: 15px;

      margin-bottom: 60px;

  }



  .ppap-key.ppap-usecase .grid-box .box .content .title {

      color: #fff;

      font-size: 16px;

      position: absolute;

      left: 0;

      bottom: 0;

      background: linear-gradient(45deg, #2161b8, #0dc8ea);

      font-weight: 500;

      padding: 10px 30px;

      text-align: center;

      margin-bottom: 0;

      border-radius: 0 0 10px 10px;

      width: 100%;

      min-height: 60px;

      display: flex;

      align-items: center;

      justify-content: center;

  }



  .ppap-key.ppap-usecase .grid-box .box .content p {

      color: #274d65;

      margin-bottom: 0;

      font-size: 15px;

  }



  .ppap-trans .content {

      background: #031717c9;

      padding: 20px;

      margin: 30px 0px;

      border-radius: 10px;

  }



  .ppap-trans .content .m-title {

      color: #78f8fd !important;

      font-size: 20px;

  }



  .ppap-trans .content p {

      font-size: 16px;

      color: #ffffff;

  }



  @media(max-width:600px) {

      .typ {

          justify-content: center;

          flex-direction: column;

          align-items: start;

      }



      .ppap-key.ppap-how .grid-box .box .arrow-right {

          display: none;

      }



      .ppap-key.ppap-how .grid-box .box .img {

          position: relative;

          top: unset;

          left: unset;

          transform: unset;

      }



      .ppap-key.ppap-how .grid-box .box {

          margin-top: 0;

      }



      .ppap-key.ppap-usecase .grid-box .box.box3 {

          display: block !important;

      }



      .typ .content p {

          font-size: 14px;

      }



      .typ .content .title {

          font-size: 18px;

      }



      .common-ai .m-title {

          font-size: 20px;

      }



      .ppap-key .grid-box .box .content .title {

          font-size: 18px;

      }



      .ppap-roi table th,

      .ppap-roi table tr {

          padding: 10px;

          font-size: 14px;

      }



      .common-ai .s-title {

          font-size: 16px;

      }



      .common-ai p {

          font-size: 14px;

      }



      .ai-list li {

          color: #f5f5f5;

          font-size: 14px;

      }



      .ai-list li::before {

          filter: invert(0) brightness(10);

      }



      .ai-list {

          margin-bottom: 0;

      }



      .ppap-roi table tbody tr td {

          padding: 10px;

      }



      .common-ai .request-demo a {

          font-size: 14px;

          padding: 6px 12px;

          gap: 10px;

      }



      .inner-page-hero.c-custom {

          position: relative;

          z-index: 1;

      }



      .inner-page-hero.c-custom::before {

          content: '';

          position: absolute;

          top: 0;

          left: 0;

          height: 100%;

          width: 100%;

          background: #000;

          opacity: .5;

          z-index: -1;

      }



      .ppap-trans .content {

          margin: 0px 0px;

      }



      .ppap-roi table {

          margin-top: 10px;

      }

  }

  

    .ppap-sec .grid-box {

        display: flex;

        justify-content: center;

        gap: 20px;

    }



    .ppap-sec .grid-box.top {

        align-items: flex-end;

    }



    .ppap-sec .grid-box .item {

        width: 33.33%;

        color: #fff;

        font-size: 13px;

        text-align: center;

        margin: 15px 0;



    }

    /* form checkbox */

.privacy-consent {

    all: unset;

    display: block;

    margin-top: 8px;

    margin: inherit;

    color: white;

    margin-bottom: 10px;

}



.privacy-consent label {

    all: unset;

    display: inline-flex;

    align-items: baseline;;

    font-size: 14px;

    cursor: pointer;

}



.privacy-consent input[type="checkbox"] {

    all: unset;

    appearance: checkbox;

    -webkit-appearance: checkbox;

    width: auto;

    height: auto;

    margin-right: 8px;

    transform: scale(1.3)  translateY(3px);

    cursor: pointer;

}



.privacy-consent span {

    all: unset;

    font-size: 14px;

    line-height: 1.4;

}

.privacy-consent span a{

    

   color: #01c6fa!important;

}

.privacy-consent span.t-white{

    color: #fff !important;

}

        .copy-link {

            display: flex;

            align-items: center;

            gap: 8px;

            max-width: 90%;

            margin-top: 15px;

            margin-bottom: 0;

            font-size: 13px;

        }



        .copy-link .link-text {

            overflow: hidden;

            white-space: nowrap;

            text-overflow: ellipsis;

            flex: 1 1 auto;

            display: block;

            color: #484848;

        }



        .copy-link .copyBtn {

            flex: 0 0 auto;

            padding: 2px 6px;

            border: none;

            display: flex;

            align-items: center;

            cursor: pointer;

            background: none;

            color: #0069cd;

        }

        

        .banner-logo {

                width: 190px;

    margin: auto;

    display: block;

        }

        .inner-page-hero.c-custom .content-area .h1-heading {

    text-align: center;

}