/***  P tag colour ***/
 @media only screen and (max-width: 1029px) and (min-width:760px) {
 .wagnum-full-show {
    display:show !important;
 }
 .wagnum-full-hide {
    display:none !important;
    }
}
/***  P tag colour ***/
 @media only screen and (max-width: 2600px) and (min-width:1030px) {
 .wagnum-full-show {
     display:none !important;
 }
 .wagnum-full-hide {
    display:show !important;
 }
}

 @media only screen and (max-width: 770px) {
 .wagnum-full-SAP-CCV2-hide {
    display:none !important;
 }
 .wagnum-full-SAP-CCV2-show {
    display:show !important;
    }
}
/***  P tag colour ***/
 @media only screen and (max-width: 2600px) and (min-width:771px) {
 .wagnum-full-SAP-CCV2-hide {
     display:show !important;
 }
 .wagnum-full-SAP-CCV2-show {
    display:none !important;
 }
}


/***  P tag colour ***/
.wag-p-fc {
    text-align: left;
    color: #2e2e2e;
}

/***  P tag colour ***/

@media only screen and (max-width: 768px) and (min-width:320px) {
    .wag-success-tag {
         display:none;
    }
   .wagnum-technology-main-content5{
                   display:none;
                }
}

/*** Topbar Start ***/
.wag-font{
 font-family: "Saira", sans-serif;
}

/*** Navbar Start ***/
.w-logo{
    width:42px;
}
.w-name{
    margin-top: 10px!important;
}

/*** Carousel Start ***/
.carousel-logo-width{
    width: 90px !important;
}

/*** About start ***/
.wag-mar-bt{
    text-align: justify;
    margin-top: 130px;
    margin-left: 16px;
}
.wag-mar-lft1{
    text-align: justify;
    margin-left: 25px;
}

/*** Contact End ***/
.wag-text {
 text-align: left;
 color: #2e2e2e;
}
.h5 {
    font-size: 0.95rem;
}
/** New Changes **/

.logo-width {
    width: 40px;
    margin-top: -10px;
}

@media (max-width: 430px) and (min-width:380px){

    .carousel-logo-width {
        width: 75px !important;
        margin-top: 50px;
    }
    .wag-carousel-hide{
        display:none;
    }
    .carousel-control-prev {
        width: 38px;
        height: 39px;
        position: absolute;
        top: 50%;
        left: 0;
        background: var(--bs-primary);
        border-radius: 0 50px 50px 0;
        opacity: 1;
    }
    .carousel-control-next {
        width: 38px;
        height: 39px;
        position: absolute;
        top: 50%;
        right: 0;
        background: var(--bs-primary);
        border-radius: 50px 0 0 50px;
        opacity: 1;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
    }
}

@media (max-width: 379px) {

    .carousel-logo-width {
        width: 75px !important;
        margin-top: 70px;
    }
    .wag-carousel-hide{
        display:none;
    }
    .carousel-control-prev {
        width: 38px;
        height: 39px;
        position: absolute;
        top: 50%;
        left: 0;
        background: var(--bs-primary);
        border-radius: 0 50px 50px 0;
        opacity: 1;
    }
    .carousel-control-next {
        width: 38px;
        height: 39px;
        position: absolute;
        top: 50%;
        right: 0;
        background: var(--bs-primary);
        border-radius: 50px 0 0 50px;
        opacity: 1;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
    }
    .carousel-item h1 {
        font-size: 11px !important;
    }
    .h5 {
        font-size: 0.70rem;
    }
    .p-5 {
        padding: 1rem !important;
    }
}

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
}

.wag-max-high{
    height: 109px;
}

.wag-read-more{
   font-size:10px!important;

}
.wag-img-high{
   height:370px!important;
   width:100%;
}

@media (max-width: 1920px) {
    .wag-img-high{
       height:370px!important;
       width:100%;
    }
}

@media (max-width: 768px) {
    .wag-sap-commerce h1 {
            font-size: 48px !important;
        }
    .wagnum-main-content-hide {
           display:none;
    }
}
@media (max-width: 425px) {
    .wag-sap-commerce h1 {
            font-size: 38px !important;
        }
      .wagnum-main-content-hide {
                   display:show;
      }
}
@media (max-width: 320px) {
    .wag-sap-commerce h1 {
            font-size: 28px !important;
        }

    .blockquote-custom{
        position: relative !important;
        font-size: 1rem !important;
        height: 260px !important;
    }
}

/**sap-commerce-cloud-manage**/
@media (max-width: 1024px) and (min-width:769px){
    .wag-mar-top{
      margin-top: -107px;
    }
}

/** SAP Commerce Platform for B2B & B2C Implementation **/

 .wag-skill-fts{
    font-size:14px;
 }
 @media (max-width: 1024px) and (min-width:769px){
     .wag-skill-fts{
          font-size:10px;
       }
 }
  .wag-banner-fs{
      font-size:31px !important;
     }
.wag-img {
    display: block;
    margin-left: auto ;
    margin-right: auto;
}


 .wag-center {
            display:inline-block;
            text-align:left;
            }
.wag-container{
    text-align:center;
}

.wag-text {
 text-align: justify;
 }
/** banner-start**/
 .android-application-banner {
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-android.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
 		}
 .about-us-banner {
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-about-us.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.contact-banner {
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-contact-banner.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.enterprise-application-banner {
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-enterprise-application.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.performance-tun-serv-banner {
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-sap-9.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-php-banner {
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/php.png) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-sap-commerce-banner {
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-sap-1.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-sap-commerce-ccv2-banner {
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-sap-4.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-sap-commerce-2205-banner {
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-sap-7.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-sap-b2b-b2c-banner{
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-sap-3.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-sap-commerce-manage-banner{
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-sap-2.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-sap-migration-banner{
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-sap-5.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-sap-cloud-service-banner{
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-cloud-service.jpeg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }

.wag-sap-upgrade-migration-banner{
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-sap-6.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-supply-chain-banner{
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-supply-chain-management.png) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-spartacus-banner{
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/wag-banner-sap-8.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }
.wag-technologies-banner{
         background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../images/technology-bg.jpg) center center no-repeat;
         background-size: cover;
         height:370px!important;
         width:100%;
         }

/** banner-end**/


 @media (max-width: 768px) {
     .wagnum-counter-hide {
     display:none;
     }
 }
@media (max-width:430px) {
             .wagnum-main-content-show{
                 display:show;
             }
             .wagnum-main-content-hide{
                 display:show;
             }
             .wagnum-technology-main-content3{
                 display:none;
              }
              .blockquote-custom{
                      position: relative !important;
                      font-size: 1rem !important;
                      height: 216px !important;
                  }
         }

 @media (max-width:1024px) and (min-width:770px) {
             .wagnum-main-content-show{
                 display:show;
             }
             .wagnum-main-content-hide{
                 display:none;
             }
             .wagnum-technology-main-content1{
                display:show;
             }
             .wagnum-technology-main-content2{
                display:show;
             }
             .wagnum-technology-main-content3{
              display:none;
              }
            .wagnum-technology-main-content4{
                display:show;
            }
            .wagnum-technology-main-content5{
               display:none;
               }

         }
@media only screen and (max-width: 770px) and (min-width:430px){
    .wagnum-technology-main-content2{
    display:none;
    }
    .blockquote-custom{
        position: relative !important;
        font-size: 1rem !important;
        height: 226px !important;
    }
}
         @media (max-width:2560px) and (min-width:1025px) {
             .wagnum-main-content-show{
                 display:none;
             }
             .wagnum-main-content-hide{
                 display:show;
             }
             .wagnum-technology-main-content-show{
                 display:none !important;
             }
             .wagnum-technology-main-content-hide{
                 display:none !important;
             }
             .wagnum-technology-main-content3{
             display:none;}

             .wagnum-technology-main-content5{
               display:show;}

             .wagnum-technology-main-content4{
               display:none;
               }
             .wagnum-technology-main-content5{
                display:show;
                }
         }

            .wag-p-fc {
                font-color:#2e2e2e !important;
                text-align:left;
                font-family: "Saira", sans-serif !important;
            }

             .wag-p-fac {
                            font-color:#2e2e2e !important;
                            text-align:center;
                            font-family: "Saira", sans-serif !important;
                        }

            .services .services-item {
                box-shadow: 0 0 60px rgba(0, 0, 0, .2);
                width: 100%;
                height: 100%;
                border-radius: 10px;
                padding: 10px 0;
                position: relative;
            }

            .mb-2 {
              font-size: 15px;
              text-align: left;
            }

            .services .services-item {
                box-shadow: 0 0 60px rgba(0, 0, 0, .2);
                width: 100%;
                height: 100%;
                border-radius: 10px;
                padding: 10px 0;
                position: relative;
            }


            .services-content::after {
                position: absolute;
                content: "";
                width: 100%;
                height: 0;
                top: 0;
                left: 0;
                border-radius: 10px 10px 0 0;
                background: rgba(3, 43, 243, 0.8);
                transition: .5s;
            }

            .services-content::after {
                top: 0;
                bottom: auto;
                border-radius: 10px 10px 10px 10px;
            }

            .services-item:hover .services-content::after {
                height: 100%;
                opacity: 1;
                transition: .5s;
            }

            .services-item:hover .services-content-icon {
                position: relative;
                z-index: 2;
            }

            .services-item .services-content-icon i,
            .services-item .services-content-icon p {
                transition: .5s;
            }

            .services-item:hover .services-content-icon i {
                color: var(--bs-white) !important;
            }

            .services-item:hover .services-content-icon p {
                color: var(--bs-white);
            }

            .services-item:hover .services-content-icon h5 {
                            color: var(--bs-white)!important;
                        }
            .services-item:hover .services-content-icon h6 {
                            color: var(--bs-white)!important;
                        }
           .services-item:hover .services-content-icon ul {
                            color: var(--bs-white)!important;
                         }


   /** SAP Commerce Cloud (CCV2) **/
@media (max-width: 2560px) and (min-width:1030px){
    .wag-mt-main-context{
        text-align: justify;
        margin-top: 120px;
        margin-left: 16px;
    }
}
@media (max-width: 1024px) and (min-width:769px){
    .wag-mar-lft1 {
        text-align: justify;
        margin-left: 25px;
        margin-top: 13px;
    }

hr {
    border-top: 1px solid rgb(3, 3, 3);
    border-bottom: 1px solid rgb(8, 8, 8);
    background-color: black;
}
    .wag-mt-main-context{
            text-align: justify;
            margin-top: 75px;
            margin-left: 16px;
        }

    .blockquote-custom{
        position: relative !important;
        font-size: 1rem !important;
        height: 326px !important;
    }
}

/** sap-commerce-cloud-2205 **/
.blockquote-custom {
position: relative;
font-size: 1rem;
height:280px;
}

.blockquote-custom-icon {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -40px;
left: 19px;
}

/**performance-tuning-services **/



 .title{
     color: #1a1a1a;
     text-align: center;
     margin-bottom: 10px
 }
 .content{
     position: relative;
     width: 90%;
     max-width: 400px;
     margin: auto;
     overflow: hidden;
     height:190px;
 }
 .content .content-overlay{
     background: rgba(0,0,0,0.7);
     position: absolute;
     height: 99%;
     width: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     opacity: 0;
     -webkit-transition: all 0.4s ease-in-out 0s;
     -moz-transition: all 0.4s ease-in-out 0s;
     transition: all 0.4s ease-in-out 0s
 }
 .content:hover .content-overlay{opacity: 1}
 .content-image{width: 100%}
     img{
     box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
     border-radius: 1px
 }

 .content-details {
     position: absolute;
     text-align: center;
     padding-left: 1em;
     padding-right: 1em;
     width: 100%;
     top: 50%;
     left: 50%;
     opacity: 0;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s
 }
 .content:hover .content-details{
     top: 50%;
     left: 50%;
     opacity: 1
 }
     .content-details h3{
     color: #fff;
     font-weight: 500;
     letter-spacing: 0.15em;
     margin-bottom: 0.5em;
     text-transform: uppercase
 }
 .content-details p{
     color: #fff;
     font-size: 0.8em
     }
     .fadeIn-bottom{top: 80%}

@media (max-width: 768px) and (min-width:320px){
.wag-media-768{
    height: 174px !important;
}
}

.hr {
border-top: 3px solid black;
}
/**php**/



ul.wag-php-button{
    list-style-type: none;
    display:flex;
    margin-left: -32px;
    margin-top: 18px;
}

 @media (max-width:2560px) and (min-width:1440px) {
             .wag-content-height{
                 height: 237px;
                                }
             }

              @media (max-width:1024px) and (min-width:320px) {
                          .wag-content-height1{
                              height: 237px;
                                              }
                          }
.wag-pad{
padding: 1px 5px 1px 5px !important;
}
li.wag-php-inline{
    display: inline !important;
}

.ratings  {
  color: green;
}

.install span {
  font-size: 8px;
}

.col-md-4 {
  margin-top: 27px;
}

.wag-list-font{
  font-size:15px!important;
}
.wag-php-cont{
   text-align:justify!important;
   margin: 2 2 2 4;
   padding-left: 104px;
   padding: 4 4 4 6;
   padding:26px 4px 4px 50px;
}

@media (max-width: 1024px) and (min-width:320px){
.wag-list-font{
  font-size:9px!important;
}
}
@media (max-width: 320px){
.wag-list-font{
  font-size:9px!important;
}
}
@media (max-width: 425px) and (min-width:320px){
.wag-php-cont{
   text-align:justify!important;
   margin: 2 2 2 4;
   padding-left: 104px;
   padding: 4 4 4 6;
   padding:26px 0px 0px 0px;
}
}

 .contact-wrapper {
      background: white;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 5px 30px rgba(0,0,0,0.1);
    }

    .contact-info {
      background: linear-gradient(135deg, #0062cc, #0096ff);
      padding: 40px;
      color: white;
    }

    .contact-item {
      display: flex;
      align-items: center;
      margin-bottom: 25px;
      transition: all 0.3s ease;
    }

    .contact-item:hover {
      transform: translateX(10px);
    }

    .contact-icon {
      width: 40px;
      height: 40px;
      background: rgba(255,255,255,0.2);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
    }

    .social-links {
      margin-top: 30px;
    }

    .social-icon {
      width: 35px;
      height: 35px;
      background:white;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
      transition: all 0.3s ease;
    }

    .social-icon:hover {
      background: white;
      color: #0062cc;
      transform: translateY(-3px);
    }

    .contact-form {
      padding: 40px;
      background:#e9e9e9;
    }

    .form-control {
      border-radius: 10px;
      padding: 12px 15px;
      border: 2px solid #eee;
      transition: all 0.3s ease;
    }

    .form-control:focus {
      border-color: #0062cc;
      box-shadow: none;
    }

    .form-label {
      font-weight: 500;
      margin-bottom: 8px;
    }

    .btn-submit {
      background: linear-gradient(135deg, #0062cc, #0096ff);
      border: none;
      padding: 12px 30px;
      border-radius: 10px;
      transition: all 0.3s ease;
    }

    .btn-submit:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(0,98,204,0.3);
    }

    .map-container {
      height: 200px;
      border-radius: 10px;
      overflow: hidden;
      margin-top: 20px;
    }
    .wag-banner-contact-fs{
         font-size:59px;
    }

    @media (max-width: 1024px) and (min-width:320px){
    .contact-info {
          background: linear-gradient(135deg, #0062cc, #0096ff);
          padding: 25px;
          color: white;
        }
      }

     @media (max-width: 768px) and (min-width:320px){
         .wag-contact-fc{
           font-size:11px;
         }
         .btn-submit {
             background: linear-gradient(135deg, #0062cc, #0096ff);
             border: none;
             padding: 6px 9px;
             border-radius: 10px;
             transition: all 0.3sease;
         }
     }

      @media (max-width: 2560px) and (min-width:1440px){
              .wag-h{
         height: 340px;
         }
         }

      @media (max-width: 1439px) and (min-width:340px){
                    .wag-h1{
               height: 360px;
               }
               }



         .wag-bg {
             padding: 6rem 0 9rem 0rem !important;
         }



      .wag-mar-backside{
      margin-bottom: 40px;
      }


      .wag-box{
       border: 1px solid;
        padding: 10px;
        box-shadow: 5px 10px;
        }


       .wag-he{
       margin-bottom:-2rem !important;
       }


/**sap-commerce-cloud-upgrade-migration-page**/
.wag-fs-li{
  font-size:9px;
}

.card-up-migration {
  width: 17rem;
  height: 20rem;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  color: $color-primary-white;
  box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.2);

  img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
    transition: opacity .2s ease-out;
  }

  h2 {
    position: absolute;
    inset: auto auto 30px 30px;
    margin: 0;
    transition: inset .3s .3s ease-out;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color:white;
  }

  p, a {
    position: absolute;
    opacity: 0;
    max-width: 80%;
    transition: opacity .3s ease-out;
    color:white;
  }

  p {
    inset: auto auto 80px 30px;
  }

  &:hover h2 {
    inset: auto auto 220px 30px;
    transition: inset .3s ease-out;
  }

  &:hover p, &:hover a {
    opacity: 1;
    transition: opacity .5s .1s ease-in;
  }
      &:hover img {
        transition: opacity .3s ease-in;
        opacity: 1;
  }
}
.material-symbols-outlined {
  vertical-align: middle;
}

@media (max-width: 1024px){
.card-up-migration {
  width: 14rem;
  height: 17rem;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  color: $color-primary-white;
  box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.2);
}
}
@media (max-width: 1024px){
.card-up-migration {
  width: 14rem;
  height: 22rem;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  color: $color-primary-white;
  box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.2);
}
 p {
    inset: auto auto -8px 2px !important;
  }
 &:hover h2 {
    inset: auto auto 220px 30px;
    transition: inset .3s ease-out;
  }
}

@media (max-width: 425px){
    .wag-card-center{
      margin-left:35px;
    }
}


/**sap-commerce-cloud-migration-page**/

.cards-wag-cloud-migration {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards-wag-cloud-migration_item {
  display: flex;
  padding: 1rem;
  max-width: 800px;
  margin: 0 auto;
  height: 431px;
}

.card-wag-cloud-migration_image {
  max-height: 250px;
  margin-top: -24px;
  img {
    width: 100%;
    max-width: 800px;
    height: 100%;
    object-fit: cover;
  }

  &:after {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    position: relative;
    top: -100px;
    background: linear-gradient(0deg, #091014 10%, rgba(0, 0, 0, 0) 100%);
  }
}

.card-wag-cloud-migration {
  background-color: #091014;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.card-wag-cloud-migration_content {
  padding: 1rem;
  z-index: 1;
  display: block;
}

.card-wag-cloud-migration_title {
  font-family: "Saira", sans-serif;
  font-size: 21px;
  line-height: 72px;
  margin-top: -50px;
  margin-bottom: 24px;
  text-shadow: black 1px 0 15px;
  color: white;
}

.card-wag-cloud-migration_title-new {
font-family: "Saira", sans-serif;
    font-size: 16px;
    line-height: 72px;
    margin-top: -34px;
    margin-bottom: 9px;
    text-shadow: black 1px 0 15px;
    color: white;
    }


    @media (max-width:380px) and (min-width:320px) {
    .new-screen {
                         font-family: "Saira", sans-serif;
                         font-size: 20px;
                         line-height: 25px;
                         margin-top: -88px;
                         margin-bottom: 2px;
                         text-shadow: black 1px 0 81px;
                         color: white;
                     }
     }

.card-wag-cloud-migration_text {
  color: #DDDACB;
  font-family: "Saira", sans-serif;
  font-weight: 200;
  p {
    max-width: 700px;
    font-size: 13px;
  }
}



@media (max-width: 425px){
.card-wag-cloud-migration_title {
    font-family: "Saira", sans-serif;
    font-size: 21px;
    line-height: 19px;
    margin-top: -91px;
    margin-bottom: 24px;
    text-shadow: black 1px 0 15px;
    color: white;
}
.cards-wag-cloud-migration_item {
    display: flex;
    padding: 1rem;
    max-width: 800px;
    margin: 0 auto;
    height: 362px;
}
}

@media (max-width: 320px){
    .cards-wag-cloud-migration_item {
        display: flex;
        padding: 1rem;
        max-width: 800px;
        margin: 0 auto;
        height: 437px;
    }
}

/** footer-new-changes **/
.text-secondary{
 color:#f1f1f1 !important;
}
.wag-footer-bg-cl{
 background-color:#37393c;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.timeline{
    position:relative;
    margin-bottom:100px;
    z-index:1;
}

.timeline:before{
    display:block;
    content:"";
    position:absolute;
    width:50%;
    height:100%;
    left:1px;
    top:0;
    border-right:1px solid #5CC9DF;
    z-index:-1;
}

.timeline:after{
    display:block;
    content:"";
    position:absolute;
    width:50%;
    height:100px;
    left:1px;
    bottom:-105px;
    z-index:-1;
}

.timeline .date-title{
    text-align:center;
    margin:70px 0 50px;
}

.timeline .date-title span{
    padding:15px 30px;
    font-size:21px;
    font-weight:400;
    color:#fff;
    background:#5CC9DF;
    border-radius:5px;
}

.news-item {
    padding-bottom:45px;
}

.news-item.right {
    float:right;
    margin-top:40px;
}

.news-item .news-content {
    margin:20px 30px 0 0;
    position:relative;
    padding:30px;
    padding-left:100px;
    background:#f5f5f5;
    border-radius:10px;
    box-shadow:-5px 5px 0 rgba(0,0,0,0.08);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.news-item:hover .news-content {
    background:#5CC9DF;
    color:#fff;
}

.news-item.right .news-content {
    margin:20px 0 0 30px;
    box-shadow:5px 5px 0 rgba(0,0,0,0.08);
}

.news-item .news-content:after {
    display:block;
    content:"";
    position:absolute;
    top:50px;
    right:-40px;
    width:0px;
    height:0px;
    background:transparent;
    border:20px solid transparent;
    border-left:20px solid #f5f5f5;
    -webkit-transition:border-left-color .3s ease-out;
    transition:border-left-color .3s ease-out;
}

.news-item.right .news-content:after {
    position:absolute;
    left:-40px;
    right:auto;
    border-left:20px solid transparent;
    border-right:20px solid #f5f5f5;
    -webkit-transition:border-right-color .3s ease-out;
    transition:border-right-color .3s ease-out;
}

.news-item:hover .news-content:after {
    border-left-color:#5CC9DF;
}

.news-item.right:hover .news-content:after {
    border-left-color:transparent;
    border-right-color:#5CC9DF;
}

.news-item .news-content:before {
    display:block;
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    right:-55px;
    top:60px;
    background:#5CC9DF;
    border:3px solid #c7cee1;
    border-radius:50%;
    -webkit-transition:background .3s ease-out;
    transition:background .3s ease-out;
}

.news-item.right .news-content:before {
    left:-55px;
    right:auto;
}

.news-content .date {
    position:absolute;
    width:80px;
    height:80px;
    left:10px;
    text-align:center;
    color:#5CC9DF;
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out;
}

.news-item:hover .news-content .date {
    color:#fff;
}

.news-content .date p{
    margin:0;
    font-size:48px;
    font-weight:600;
    line-height:48px;
}

.news-content .date small{
    margin:0;
    font-size:26px;
    font-weight:300;
    line-height:24px;
}

.news-content .news-title{
    font-size:24px;
    font-weight:300;
}

.news-content p{
    font-size:15px;
    line-height:24px;
    font-weight:300;
    letter-spacing:0.02em;
    margin-bottom:10px;
}

.news-content .read-more,
.news-content .read-more:hover,
.news-content .read-more:active,
.news-content .read-more:focus{
    padding:10px 0;
    text-decoration:none;
    font-size:16px;
    color:#7A7C7F;
    line-height:24px;
}

.news-item:hover .news-content .read-more,
.news-item:hover .news-content .read-more:hover,
.news-item:hover .news-content .read-more:active,
.news-item:hover .news-content .read-more:focus{
    color:#fff;
}

.news-content .read-more{
    -webkit-transition:padding .3s ease-out;
    transition:padding .3s ease-out;
}

.news-content .read-more:hover {
    padding-left:7px;
}

.news-content .read-more:after{
    content:'\f054';
    padding-left:15px;
    font-family:'FontAwesome';
    font-size:21px;
    line-height:21px;
    color:#5CC9DF;
    vertical-align:middle;
    -webkit-transition:padding .3s ease-out;
    transition:padding .3s ease-out;
}

.news-content .read-more:hover:after{
    padding-left:20px;
}

.news-item:hover .news-content .read-more:after{
    color:#fff;
}

.news-content .news-media{
    position:absolute;
    width:80px;
    bottom:-45px;
    right:40px;
    border-radius:8px;
}

.news-content .news-media img{
    border-radius:8px;
    transform:scale(1);
    -webkit-transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
}

.news-content .news-media a{
    display:block;
	text-decoration:none;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.news-content .news-media a:hover img{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
}

.news-content .news-media a:after{
    content:'\f065';
    position:absolute;
    width:100%;
    top:0;
    left:0;
    font-family:FontAwesome;
    font-size:32px;
    line-height:80px;
    text-align:center;
    color:#5CC9DF;
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0;
    -webkit-transition:all .2s ease-out .1s;
    transition:all .2s ease-out .1s;
}

.news-content .news-media.video a:after{
    content:'\f04b';
}

.news-content .news-media a:hover:after{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
}

.news-content .news-media.gallery{
    box-shadow:4px 4px 0 #bbb,8px 8px 0 #ddd;
}

.wag-background-col{
    background-color:#1842b6;
}

.wag-mar{
    margin-top: 34px!important;
}

.wag-marge{
    margin-top: 17px!important;
}
@media only screen and (max-width: 770px) {
.wag-marge{
    margin-top: 3px!important;
    }
.wag-btn-ht{
    height:51px!important;
}
}
.wag-width{
      width:100%;
}


.wag-card-ht{
   height:298px;
}


/**new wag styles**/

.wag-nav-mar-top {
    padding-top: 6px;
}

 .wag-abt-mar-btm {
    margin-bottom: 25% !important;
 }

.wag-abt-tp-lt {
    top: 25%;
    left: 25%;
}
.wag-text-justify {
    text-align:justify
}
.wag-consult-width {
    max-width: 1150px;
}
.wag-our-width {
    max-width: 600px;
}
.wag-client-img-height {
    height:100px;
}
.wag-position-tp-lt {
    top: -7px;
    left: 20px;
}
.wag-stuff-mar-tp {
    margin-top: -75px;
}
.wag-stuff-mt-high {
    margin-top: 85px;
    height:205px;
}
.wag-img-inner-height {
    height: 80px;
}
.wag-get-touch-wd-high {
    width: 40px;
    height: 40px;
}
.wag-ent-app-img {
    width=270;
    height=270;
}
.wag-perfor-mr-bt {
    margin-bottom: 35px;
}
.wag-site-per-img-high {
    height:327px;
}
.wag-rock-img-high {
    height:333px;
}
.wag-php-dev-width {
    max-width:861px;
}
.wag-php-img-mb {
    margin-bottom: 20px;
}
.wag-sap-cc-mange-mt-height {
    margin-top:85px;
    height:120px;
}
.wag-auto-pro-img {
    width:100%;
    height:350px;
}