/* Theme: USP | Version:1.0.0 */
/* Fonts settings style start here */

@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Light.woff2') format('woff2'),
         url('../fonts/GeneralSans-Light.woff') format('woff'),
         url('../fonts/GeneralSans-Light.ttf') format('truetype');
         font-weight: 300;
         font-display: swap;
         font-style: normal;
  }
  @font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Regular.woff2') format('woff2'),
         url('../fonts/GeneralSans-Regular.woff') format('woff'),
         url('../fonts/GeneralSans-Regular.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: normal;
  }
  @font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
         url('../fonts/GeneralSans-Medium.woff') format('woff'),
         url('../fonts/GeneralSans-Medium.ttf') format('truetype');
         font-weight: 500;
         font-display: swap;
         font-style: normal;
  }
  @font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
         url('../fonts/GeneralSans-Semibold.woff') format('woff'),
         url('../fonts/GeneralSans-Semibold.ttf') format('truetype');
         font-weight: 600;
         font-display: swap;
         font-style: normal;
  }
  
  @font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/GeneralSans-Bold.woff2') format('woff2'),
         url('../fonts/GeneralSans-Bold.woff') format('woff'),
         url('../fonts/GeneralSans-Bold.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: normal;
  }
  
  /* Modal */
  .modal.no-title .modal-header {
    display: none;
  }
  .modal.video .modal-body {
    padding: 0;
    line-height: 0;
  } 
  .modal.video .modal-content {
    border: none;
  }
  
  /* Fonts settings style end here */ 

  /* Base style start here */
    body {
        font-family: 'GeneralSans';
    }
    ul {
        margin: 0;
        padding:0;
        list-style-type: none;
    }
    p , a , li {
        font-weight: 500;
    }
    a:hover , a:focus {
        text-decoration: none;
        outline: none;
    }
    @media(min-width:1460px){
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
            max-width: 1420px;
        }
    }
    .btn-primary {
        background: #0442BF;
        border-color:#0442BF;
    }
    .round-btn {
        border-radius: 56px;
    }
    .btn-outline-primary {
       border-color: #FAD200;
       color:#fff;
       font-size: 18px;
       font-style: italic;
       font-weight: 700;
       display: inline-flex;
       height: 50px;
       align-items: center;
       padding-left: 64px;
       padding-right:64px;
       transition: all 0.4s linear;
    }
    .btn-outline-primary:hover , .btn-outline-primary:focus {
        background-color: #FAD200;
        border-color:  #FAD200;
        color: #000;
    } 

    .btn-dark {
        background-color: #010326 !important;
        color: #FAD200;
        font-style: italic;
        font-weight: 700;
        font-size: 18px;
        line-height: 130%;
        display: flex;
        height: 50px;
        align-items: center;
        padding: 0 96px;
    }
  /* Base style end here */

  /* header style start here */
  header {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;  
    padding: 36px 0;
    z-index: 1;
  }

      /* Sticky */
      #mobile-menu {
        z-index: 999999999;
        position: relative;
      }
      #mobile-menu .menu-toggler {
        z-index: 999999999;
        position: fixed;
        right: 40px;
        top: 44px;
      }
      body:not(.active-menu) #mobile-menu,
      body.active-menu #header .menu-toggler,
      body.active-menu #header .navigation-bar {
        display: none;
      }
      #header.sticky {
        transition: top 0.75s ease-in-out;
        z-index: 99999999;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        background: rgba(250, 210, 0, 0.8);
        visibility: hidden;
        padding: 0;
      }
      body:not(.active-menu) #header.sticky {
        position: fixed;
        backdrop-filter: blur(12px);
        top: -100%;
      }
      body:not(.active-menu) #header.sticky.visible {
        top: 0;
      }
      body:not(.active-menu) #header.sticky .navigation-bar ul li a:not(.btn) {
        color: #000000;
      }
      body.home:not(.active-menu) #header.sticky .menu-toggler,
      #header.sticky img.logo-home {
        mix-blend-mode: difference;
      }
      #header.sticky .navigation-bar ul {
        align-items: stretch;
      }
      #header.sticky .navigation-bar ul li {
        display: flex;
        align-items: center;
        padding: 10px 0;
      }

      #sticky-menu {
        position: fixed;
        left: 0;
        top: -180px;
        right: 0;
        z-index: 99999;
        background: #FAD200;
        background: #010326;
        transition: all 0.5s;
      }
      #sticky-menu.visible {
        top: 0;
      }
      #sticky-menu ul li {
        background-image: none !important;
      }
      #sticky-menu .navigation-bar ul li a {
        color: #000;
      }
      body.home #sticky-menu .navigation-bar ul li a:not(.btn) {
        color: #FAD200;
      }


  /**/
  header .brand-logo {
    height: 0;
    width:0;
    visibility: hidden;
  }
  .navigation-bar ul {
    display:flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .navigation-bar ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    text-decoration: none;
    /*
    transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    */
  }
  .navigation-bar ul li a:hover {
    color: #FAD200;
  }
  .navigation-bar ul li a.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
  }
  header .btn-primary {
    font-size: 16px;
    font-weight: 700;
    height:50px;
    padding-left:54px;
    padding-right:54px;
    display: flex;
    align-items: center;
  }
  .about .btn-primary {
    font-size: 16px;
    font-weight: 700;
    height: 50px !important;
    padding-left: 54px !important;
    padding-right: 54px !important;
    display: flex !important;
    align-items: center !important;
  }

  .navigation-bar ul li.current-menu-item ,
  .navigation-bar ul li.active:first-child  {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5011 0.5L22.3264 17H0.675781L11.5011 0.5Z' fill='%23010326'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  body.home .navigation-bar ul li.current-menu-item {
    background-image: none !important;
  }
  .navigation-bar ul li.current-menu-item  a,
  .navigation-bar ul li.active:first-child  a {
    font-weight: 700;
  }
  /* header style end  here */


  /* Footer section style start here */
  footer.site-footer {
    background-color: #010326;
    padding-top: 98px;
    padding-bottom: 56px;
  }
  .footer-newsletter h3{
        font-style: normal;
        font-weight: 500;
        font-size: 100px;
        line-height: 95%;
        text-transform: uppercase;
        color: #010326;
        margin-bottom: 60px;
        margin-top: 60px;
  }
  .page-template-work-lists-template .footer-newsletter h3 {
    margin-right: -3em;
  }
  .newsletter_form_wrapper {
    position: relative;
    width: 878px;
  } 
  .newsletter_form_wrapper .form-elements {
    display: flex;
    width: 100%;
    max-width: 817px;
    justify-content: space-between;
  }
  .newsletter_form_wrapper form .field-custom {
    width:100%;
    max-width: 223px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding:0 0 0 1.5em;
    border:none;
    font-size: 14px;
    line-height: 130%;
    color: #000000;
  }
  .newsletter_form_wrapper form .btn-dark {
    position: relative;
    z-index: 11;
    display: flex;
    justify-content: center;
    max-width: 340px;
    font-weight: 600;
  }
  .newsletter_form_wrapper .form-field {
    position: relative;
  }
  .footer-newsletter img.pm {
    margin-left: -52px;
    margin-top: -23px;
  }
  .wpcf7-spinner {
    position: absolute !important;
    top: 12px;
    z-index: 999;
    left: -12px;
    filter: invert(1);
  }
  .wpcf7 form.sent .wpcf7-response-output {
    border-color: #000000 !important;
    font-family: 'GeneralSans';
    font-size: 1.2rem;
    border-radius: 9px;
    text-align: center;
    padding: 3rem 1.5rem;
  }
  .wpcf7-submit {
    max-width: 100%;
  }
  .footer-newsletter {
    padding-top: 131px;
    background-color: #FAD200;
  }
  .footer-contact-detail {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .contact-list p {
    margin-bottom: 0;
  }
  .contact-list p a , .contact-list p {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFF;
    text-decoration: none;
  }

  .contact-list {
    padding-right: 60px;
  }
  .col-md-auto:last-child .contact-list {
    padding-right:0;
  }
  .policy-wrapper  ul li:after{
    content: "|";
  }
  .policy-wrapper  ul li:last-child:after  {
    content: "";
  }
  .menu-footer-mneu {
    color: #FFF;
  }
  .policy-wrapper ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: right;
    text-decoration-line: underline;
    color: #fff;
    margin:0 10px
  }
  .social-nav li{
    margin-left: 35px;
  }
    p.copyright {
        margin: 0;
        color: #FFF;
    }
    .footer-contact-detail .col-md-auto:after {
        width: 2px;
        height: 100%;
        background: #fff;
        content: "";
        position: absolute;
        right: 20px;
        top: 0;
        transform: rotate(20deg);
    }
    .footer-contact-detail .col-md-auto:last-child:after {
        display: none;
    }
    
    .footer-contact-detail .col-md-auto {
        position: relative;
    }
  /* Footer section style start here */
  /* hero section style start here  */
  .hero-section {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 900px;
    position: relative;
  }
  .hero-section > img {
    height: 100%;
    width:100%;
    object-fit: cover;
    object-position: center;  
  }

  .over-content {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height:100%;
  }


  .hero-content-block  h1 {
    color: #fff;
    font-size: 100px;
    font-weight: 500;
    margin:0 0 68px;

  }
  .hero-content-block  h1 span {
    font-weight: 700;
  }
  .hero-detail-title {
    border-right:2px solid #FAD200;
    padding:30px 0 40px 0;
  }
  .hero-detail-title h3 {
    color: #fff;
    font-style: italic;
    font-weight: 700;
    font-size: 32px;
    margin:0;
    width:300px;  
  }
  .hero-detail-description {
    padding-left:41px;
    width: 100%;
    max-width: 655px;

  }
  .hero-detail-description p {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 20px;
  }

  /* hero section style end here  */

  /* why section style start here */
    .why-section {
        display: flex;
        width:100%;
        padding-top: 78px;
        padding-bottom: 76px;
        background: #010326 ;
        position: relative;
    }
    .why-section:after{
        content: "";
        position: absolute;
        width:60%;
        height:100%;
        top:0;
        right:0;
        background: url(../img/home-pattern-1.png) no-repeat right center;
        background-size: 100%;
        opacity: 0.5;
    }
    .why-content {
        position: relative;
        z-index: 11;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height: 100%;
    }
    .why-content h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 100px;
        line-height: 95%;
        color: #FFFFFF;
        margin-bottom: 38px;
    }
    .why-content h3 span {
        color: #FAD200;
    }
    .why-content p {
        font-size: 20px;
        line-height: 130%;
        color: #FFFFFF;
        font-weight: 400;
    }
    
  /* why section style end here */

  /* package section start here */
  .package-section {
    background: #010326 ;
    position: relative;    
    margin-top: -1px;  
  }
  .package-content {
    padding-left:100px;
  }
 .package-content h3 {
    font-weight: 500;
    font-size: 65px;
    line-height: 95%;
    color: #FFFFFF;
    margin-bottom: 131px;
  }
  /* package section end here */

  /* CTA section style start here */
  .cta-section {
    padding-top:216px;
    padding-bottom: 24px;
    background-color:#FAD200;  
  }
  .cta-section h3{
    font-style: normal;
    font-weight: 500;
    font-size: 65px;
    line-height: 95%;
    color: #010326;
    margin-bottom: 44px;
  }
  .cta-section h3 span {
    font-weight: 700;
  }
  .home-cta-heading,
  .cta-section h5{
    font-style: italic;
    font-weight: 700;
    font-size: 34px;
    line-height: 130%;
    color: #010326;
    margin-bottom:51px;
  }
  .home-cta-heading {
    font-weight: 400;
  }
  .home-cta-heading b{
    font-weight: 700;
  }

  .btn-outline-dark{
    border:2px solid #010326;
    height:50px;
    padding-left: 74px;
    padding-right: 74px;
    display: inline-flex;
    align-items: center;
    font-style: italic;
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #010326;
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
  }
  .btn-outline-dark:hover , .btn-outline-dark:focus {
    outline: none;
    background-color: #010326;
    border-color:#010326;
    color: #FAD200;
  }
  /* CTA section style end here */
  /* solution section style start here */
    .solution-section {
        background-color: #FAD200;
        padding-bottom: 147px;
        margin-top:-1px;
    }
    .solution-section .btn-wrap {
      margin-top: 5rem;
      margin-bottom: 5rem;
    }
    .solution-title {
        margin-bottom: 52px;
    }    
    .solution-title  h4 {
        font-style: normal;
        font-weight: 500;
        font-size: 65px;
        line-height: 95%;
        color: #010326;
        margin-bottom:40px;
    }
    .solution-title p{
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 140%;
        color: #010326;
        margin-bottom:0;
        width:520px;
        max-width:100%;
    }
    .solution-box {
        padding-left:82px;
        position: relative;
        height:193px;
        display: flex;
    }
    .solution-box h5 {
        font-style: italic;
        font-weight: 700;
        font-size: 24px;
        line-height: 135.5%;
        color: #010326;
        margin:0;
        position: relative;
        z-index: 11;
    }
    .home-page .solution-box h5 {
      padding-top: 25px;
    }
    .solution-box.s-box-2 {
      margin-right: -20px;
    }
    .solution-box.s-box-4 {
      margin-right: -3em;
    }
    .solution-section .container-fluid {
        padding: 0 184px;
    }
    .solution-box:before {
        content: "";
        position: absolute;
        left:0;
        width:193px;
        height: 193px;
        background:  #FFE456;
        border-radius: 50%;
        transition: all 0.25s;
    }
    .solution-box:hover::before {
      scale: 1.1;
    }

  /* solution section style end here */

/* who use section style start here */
.who-used-usp-section {
    background-color: #FFFFFF;
    padding: 125px 0 44px 0;
}
.who-used-usp-section h3{
    font-style: normal;
    font-weight: 500;
    font-size: 65px;
    line-height: 95%;
    color: #010326;
    margin:0 0 41px;
}
.logos {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    max-width: 1700px;
    margin: 25px auto 118px auto;
}
.logos .group {
    gap: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width:1700px) {
  .img img {
      max-width: 162px;
  }
  .logos .group.g2 img {
    max-width: 132px;
  }
  .logos .group.g4 img {
    max-width: 150px;
  }
}
@media (max-width:1400px) {
  .logos .group.g2 img {
    max-width: 111px;
  }
}
.logos-swiper-wrap .swiper-slide {
  display: flex;
  align-items: center;
  height: auto;
  justify-content: center;
  width: auto;
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .who-used-usp-section h3 {
    margin-left: 143px;
  }
}



/* who use section style end here */

  /* Sample print pieces style start here */
  .sample-print-section {
    background-color: #FAD200;
    padding-top: 100px;
}

.sample-print-section h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 100px;
    line-height: 95%;
    color: #010326;
}

.sample-print-section p {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #010326;
}
.sample-image-row {
  padding-top: 150px;
}
.samle-image-vectors {
  position: relative;
  z-index: 9;
}
.samle-image-vectors:after {
  content: '';
  background: url('../img/Subtract.png');
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  width: 78%;
  height: 100%;
  z-index: 9;
  left: 0;
  right: 0;
  margin: 0 auto;
}
  /* Sample print pieces style ends here */
    /* printing-signage-section style starts here */
.printing-signage-section {
  background: #010326;
  padding-top: 150px;
}

.printing-signage-section h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 75px;
  line-height: 85%;
  color: #FFFFFF;
  padding-bottom: 76px;
}

.printing-signage-section h5 {
  font-style: italic;
  font-weight: 500;
  font-size: 24px;
  line-height: 135.5%;
  color: #FFFFFF;
  padding-bottom: 120px;
}

.printing-signage-section a {
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  text-decoration-line: underline;
  color: #FFFFFF;
}

.printing-signage-section p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 135.5%;
  color: #FFFFFF;
  padding-bottom: 120px;
  padding-left: 50px;
  max-width: 85%;
}
a.find-btn i:before {
  color: #fff;
  font-family: 'FontAwesome';
  font-style: normal;
  border: 2px solid #fff;
  border-radius: 100%;
  padding: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  text-decoration: none;
  justify-content: center;
  align-content: center;
  align-items: center;
}

a.find-btn {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  text-decoration-line: none;
  color: #FFFFFF;
}
a.find-btn span{ 
  text-decoration-line: underline;
}
a.find-btn i {
  padding-left: 30px;
}
.printing-signage-section {
  background: #010326;
  padding-top: 260px;
  margin-top: -100px;
  position: relative;
}
.samle-image-vectors img {
  width: 100%;
}
.printing-signage-service p, .Event-Asset-Production p, .Corporate-Swag-Kits p{
  padding-left: 0;
  padding-bottom: 60px;
  margin-bottom: 0px;
}

.printing-signage-service h2, .Event-Asset-Production h2, .Corporate-Swag-Kits h2 {
  padding-bottom: 48px;
  text-transform: uppercase;
}
.Event-Asset-Production h2, .Corporate-Swag-Kits h2{ 
  font-size: 65px;
}
.printing-signage-service {
  padding-top: 264px;
}

.printing-signage-service img, .Event-Asset-Production img, .Corporate-Swag-Kits img{
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100%;
  padding: 25px;
  width: 100%;
}
.Corporate-Swag-Kits img{
  border: none;
}

.printing-signage-service .row, .Event-Asset-Production .row, .Corporate-Swag-Kits .row{
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.Event-Asset-Production, .Corporate-Swag-Kits {
  padding-top: 160px;
}
.Event-Asset-Production p {
  max-width: 75%;
}
.Corporate-Swag-Kits {
  padding-bottom: 263px;
}
  /* printing-signage-section style ends here */

  /* About-header css starts here */

  .header.about {
    position: relative;
    right: 0;
    margin: 0 auto;
    background: #FAD200;
    backdrop-filter: blur(12px);
    padding: 0px;
}
.header.about .navigation-bar ul{
  align-items: unset;
}
.header.about .navigation-bar li {
  display: flex;
  height: auto;
  align-items: center;
  padding: 15px 0;
}

.header.about .navigation-bar ul li a {
    color: #000;
}

.header.about .btn-primary {
    color: #fff !important;
}

.header.about li.desktop-logo svg {
    width: 100%;
}
li.desktop-logo svg path {
  fill: #FAD200 !important;
}
.header.about li.desktop-logo svg path {
  fill: #000000 !important;
}
  /* About-header css ends here */

  /* About banner css starts here */
.About-banner-text h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 100px;
  line-height: 95%;
  color: #FFFFFF;
  /*margin-right: -78px;*/
}

section.about-banner-section {
  background: #010326;
  padding-top:87px;
  padding-bottom: 1px;
}
.About-banner-text span {
  font-weight: 800;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.About-banner-content {
  margin-left: -5px;
}
.About-banner-content p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
  margin-bottom: 0px;
}
.About-banner-content strong {
  color: #FAD200;
}

.About-banner-content span {
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
  padding-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}

.about-banner-section .row {
  align-items: flex-end;
}
.our-mission-image img {
  width: 100%;
}

.our-mission-section .container-fluid {
  padding-left: 0px;
}

.our-mission-section {
  background: #010326;
  margin-top: -1px;
}

.our-mission-text p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
  border-bottom: 1px solid #FAD200;
  padding-bottom: 47px;
}
.our-mission-text {
  padding-top: 23px;
  max-width: 75%;
}
  /* About banner css ends here */

  .our-mission-text h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 65px;
    line-height: 95%;
/* or 62px */
    color: #FFFFFF;
    margin-top: 60px;
    margin-bottom: 34px;
}

.our-mission-text ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.our-mission-text ul li, .our-mission-text ul span {
    font-style: italic;
    font-weight: 700;
    font-size: 30px;
    line-height: 105.5%;
/* or 32px */
    text-transform: uppercase;
    color: #FAD200;


/* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.our-mission-text ul li {padding-right: 20px;}

.our-mission-text ul span {
    padding-right: 20px;
}


/* Contact banner section starts here */

.contact-banner-section {
  background: url('../img/contact-banner-image.png');
  background-size:cover;
  width:100%;
  height:100%;
  background-position:100%;
  background-repeat: no-repeat;
}

.contact-heading h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 100px;
  line-height: 95%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.contact-heading h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 100px;
  line-height: 95%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.contact-heading {
  padding: 103px 0px;
}

/* Contact banner section ends here */

/* Contact form css starts here */
.form-input-title input.field-custom {
  width: 460px;
  max-width: 100%;
  height: 50px;
  background: #FFFFFF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0 37px;
  border: none;
}
.form-input-title input.field-custom, .form-input-title select {
  width: 580px;
  max-width: 100%;
  height: 50px;
  background: #FFFFFF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0 37px;
  border: none;
  align-content: center;
  justify-content: flex-start;
}

.contact-form {
  background-color: #FAD200;
  padding-top: 88px;
  padding-bottom: 100px;
}
.contact-form p {
  margin: 0;
}
.form-input-title {
  padding-bottom: 50px;
}

.form-input-title textarea {
  height: 128px;
  width: 580px;
  max-width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 15px 37px;
  border: none;
}

.form-input-title input.field-custom::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #000000;
}
.form-input-title textarea::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #000000;
}
select#select-category {
  -webkit-appearance: none;
  position: relative;
  cursor: pointer;
}
.select-field-title {
  position: relative;
}
.select-field-title:before {
  position: absolute;
  content: '\f107';
  font-family: 'FontAwesome';
  font-size: 1.8em;
  color: #000;
  right: 18%;
  top: 0;
  z-index: 1;
  left: auto;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: flex-start;
  background: transparent;
  cursor: pointer;
  top: 5px;
  pointer-events: none;
}

input.btn.btn-border.round-btn {
  border: 2px solid #010326;
  border-radius: 56px;
  width: 340px;
  height: 50px;
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #010326;
}
/* Contact form css ends here */
/* Case study css starts here */
.case-study-banner .container-fluid {
  padding: 0;
}

.case-study-banner .col-6 {
  padding: 0;
}
.case-study-image img {
  margin-top: 85px;
  width: 100%;
  max-width: 771px;
}

.case-study-text {
  max-width: 65%;
  margin-left: auto;
  background: #010326;
  padding-top: 85px;
  margin-right: 63px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;

  align-items: flex-start;
  flex-direction: column;
}
.case-study-banner {
  background: #010326;
  position: relative;
  overflow: hidden;
}
.case-study-text h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 100px;
  line-height: 95%;
  text-transform: uppercase;
  color: #FFFFFF;
}
.case-study-text h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 100px;
  line-height: 95%;
  text-transform: uppercase;
  color: #FFFFFF;
}
.case-study-text p {
  font-style: italic;
  font-weight: 700;
  font-size: 34px;
  line-height: 130%;
  color: #FAD200;
  width: 100%;
  max-width: 533px;
  padding-top: 50px;
  margin-bottom: 0px;
}
.pallet-wrap {
  position: relative;
  aspect-ratio: 922/560;
}
.bubble {
  cursor: pointer;
  position: absolute;
  background: red;
  width: 338px;
  background: #FAD200;
  border-radius: 20px;
  padding: 41px 31px;
  opacity: 0;
}
.bubble .text {
  font-family: 'GeneralSans';
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #000000;
}
.bubble:hover {
  opacity: 1;
}
.bubble .text ul {
  list-style: disc;
  margin-left: 2em;
}
.bubble .text ul,
.bubble .text li {
  font-weight: 700;
}
.bubble.b1 {
  top: 0%;
  right: 73%;
}
.bubble.b2 {
  top: 35%;
  right: 73%;
}
.bubble.b3 {
  left: 77%;
  top: -9%;
}
.bubble.b4 {
  left: 77%;
  top: 20%;
}
.bubble.b5 {
  left: 77%;
  top: 42%;
}

.pallet-mobile {
  width: auto;
  display: inline-block;
  position: relative;
}
.pallet-mobile .toggle {
  position: absolute;
  width: 22%;
  height: 16%;
  cursor: pointer;
}
.pallet-mobile .toggle.b1 {
  left: 9%;
  top: 21%;
  rotate: -14deg;
}
.pallet-mobile .toggle.b2 {
  left: 21%;
  top: 59%;
}
.pallet-mobile .toggle.b3 {
  left: 69%;
  top: 19%;
}
.pallet-mobile .toggle.b4 {
  left: 69%;
  top: 40%;
}
.pallet-mobile .toggle.b5 {
  left: 69%;
  top: 59%;
}
.pallet-mobile .bubble {
  display: none;
}
.pallet-mobile .bubble.show {
  display: block;
  opacity: 1;
}
.pallet-mobile .bubble-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}


/* Case study css ends here */

/* Our-approach css starts here */
section.Our-approach {
  background: #FAD200;
  padding-top: 125px;
}

.Our-approach-heading h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  color: #010326;
}

.Our-approach-text p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #010326;
  margin-bottom: 0px;
}

/* Our-approach css ends here */
/* our-approach-circle starts here */
.our-approach-circle {
  padding-top: 160px;
}

.our-approach-circle .container-fluid {
  padding: 0 130px;
}
.our-approach-box {
  padding-left: 80px;
  position: relative;
  height: 193px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.our-approach-box:before {
  content: "";
  position: absolute;
  left: 0;
  width: 265px;
  height: 265px;
  background: #FFE456;
  border-radius: 50%;
  right: 0;
  margin: 0 auto;
  transition: all 0.25s;
}
.our-approach-box:hover::before {
  scale: 0.9;
}
.our-approach-box  h5 {
  font-style: italic;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #010326;
  margin:0;
  position: relative;
  z-index: 11;
  max-width: 80%;
}
.our-approach-box:after {
  content: "";
  position: absolute;
  left: 0;
  width: 325px;
  height: 325px;
  background: rgba(255, 228, 86, 0.5);
  border-radius: 50%;
  right: 0;
  margin: 0 auto;
  transition: all 0.25s;
}
.our-approach-box:hover::after {
  transform: scale(1.2);
  animation: heartbeat 1s infinite;
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.approach-number-content h6 {
  font-style: italic;
  font-weight: 700;
  font-size: 109.457px;
  line-height: 130%;
  color: #FFE456;
  position: absolute;
  left: -15px;
  top: -85px;
}
.approach-number-content {
  position: relative;
}
.our-approach-circle .row {
  justify-content: space-between;
}
.approach-number-arrow {
  position: relative;
  top: 0;
}

.approach-number-arrow img {
  position: absolute;
  top: -95px;
  right: -45px;
  bottom: auto;
}
@media (max-width:1850px) {
  .approach-number-content h6 {
    left: -14px;
  }
}
@media screen and (max-width:1600px) {
  .our-approach-box:before {
    width: 195px;
    height: 195px;
  }
  .our-approach-box:after {
    width: 250px;
    height: 250px;
  }
  .our-approach-box  h5 {
    font-size: 18px;
  }
  .approach-number-content h6 {
    top: -72px;
    font-size: 85px;
}
}
/* our-approach-circle css ends here */

/* biggest value add section style start here */
  section.s2-btn-wrap {
    background-color: #FAD200;
    padding: 154px 0 0;
  }
  section.s2-btn-wrap .btn {
    display: inline-flex;
  }
  .bigest-value-add{
    display: flex;
    width: 100%;
    background-color: #FAD200;
    padding-top: 120px;
    padding-bottom:187px;
  }
  .bigest-value-add h3 {
    margin:0;
    font-style: normal;
    font-weight: 500;
    font-size: 65px;
    line-height: 95%;
    color: #010326;
  }
  .tbv-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
  }
  .tbv-wrapper h4 {
    margin:0;
    font-style: italic;
    font-weight: 700;
    font-size: 62.859px;
    line-height: 120%;
    text-transform: uppercase;
    color: #010326;
  }
  .tbv-wrapper .psa h4{
    font-style: italic;
    font-weight: 700;
    font-size: 44.5252px;
    line-height: 120%;
    color: #010326;
  }
  .acc {
    padding-right:64px;
    position:relative;
  }
  .acc:after {
    position: absolute;
    content:"";
    height:100%;
    width:2px;
    background-color: #010326;
    top: 0;
    right:0;
    transform: rotate(20deg);
  }
  .psa {
    padding-left:40px;
  }
/* biggest value add section style end  here */

/* AOP section style start here */
  .aop-section {
   background-color: #010326; 
   padding-top:146px;
   padding-bottom:188px;
  }
  .aop-section h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 65px;
    line-height: 95%;
    color: #FAD200;
    margin-bottom: 72px;
  }
  .aop-section  p{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFF;
    width: 342px;
    max-width: 100%;
  }
/* AOP section style end here */

/* com section start here */
.com-section{
  display: flex;
  width: 100%;
  padding-bottom: 196px;
  background-color: #010326;
}
.com-section img.map {
  margin-left: -170px;
  margin-top: -60px;
}
.com-section h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  color: #FAD200;
  margin-bottom: 72px;
}
.com-section  p{
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
  width: 342px;
  max-width: 100%;
}
/* com section end here */ 


/* Success section style start here */
.success-section {
  background-color: #FFFFFF;
  padding-bottom: 255px;
  padding-top:189px;
}
.success-section h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 95%;
  color: #010326;
  margin-bottom: 40px;
}

.svr-wrapper {
  padding-left:62px;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  height: 195px;
}
.svr-wrapper:before {
  content: "";
  background: #FFE456;
  height: 193px;
  width:193px;
  position:absolute;
  top:0;
  left:0;
  border-radius:50%;
}
.svr-wrapper:hover::before {
  transform: scale(1.1);
  animation: svr_pulse 0.7s infinite;
}
@keyframes svr_pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.svr-wrapper h4 {
  position: relative;
  z-index: 11;
  font-style: italic;
  font-weight: 700;
  font-size: 35.5252px;
  line-height: 108.5%;
  text-transform: uppercase;
  color: #010326;
}
.svr-wrapper h4 span {
  font-size: 80px;
  line-height: 120%;
  display: block;
}
.svr-wrapper:after {
  content: "";
  height: 100%;
  width: 2px;
  background: #000;
  position: absolute;
  right: 10px;
  transform: rotate(20deg);
  top: 0;
}
.col-lg-auto:last-child .svr-wrapper:after {
  display: none;
} 
.success-section .col-12.col-md-6.col-lg-3:last-child .svr-wrapper:after {
    display: none;
}
/* Success section style end here */

/* service page styling start here */



.service-hero-section {
  display: flex;
  flex-wrap: wrap;
  width:100%;
  padding-top:92px;
  background: #010326;
}

.service-hero-content span.slug-label {
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  text-decoration-line: underline;
  color: #FAD200;
  margin-bottom: 18px;
  display: flex;
}
.service-hero-content h1{
  font-style: normal;
  font-weight: 400;
  font-size: 100px;
  line-height: 95%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom:49px;
}
.service-hero-content  h4{
  font-style: italic;
  font-weight: 700;
  font-size: 34px;
  line-height: 105.5%;
  color: #FAD200;
}

.service-hero-section ul{
  list-style: none;
  display: flex;
  width:100%;
  flex-direction:column;
}
.service-hero-section ul li {
  margin-bottom: 62px;
}
.service-hero-section ul li  h5 {
    font-style: italic;
    font-weight: 700;
    font-size: 34px;
    line-height: 105.5%;
    color: #FAD200;
    margin: 0;
}
.service-hero-section ul li  p {
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  line-height: 105.5%;
  color: #FFF;
  margin: 0;
}
.board-spacemanage {
  margin-top: 133px;
  margin-bottom: -86px;
}
.board-spacemanage .ywpt {
  margin-top: -19px;
}
.service-solution {
  padding-top:179px;
  padding-bottom:143px;
}
.service-solution .solution-box {
  flex-direction: column;
  align-items: flex-start;
  padding-top:62px;
  max-width: 281px;
}
.service-solution .solution-box:before {
  top:0;
}
.service-solution .solution-box h5 {
  margin-bottom: 15px;

}
.service-solution .solution-box p {
  position: relative;
  z-index: 11;
  margin-right: -1.85em;
}
.service-cta-section {
  padding:48px 0;
  background: #FFFFFF;
}
.scta-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 55px;
}
.scta-content h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 106%;
  color: #010326;
  margin-bottom:85px;
  max-width: 588px;
}
.scta-content h3 i {
  font-style: normal;
  font-weight: 700;
}

.rts-section {
  background: #FAD200;
  padding: 102px 0 70px 0;
}
.rts-section  h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 100px;
  line-height: 95%;
  text-transform: uppercase;
  color: #010326;
  margin-bottom: 62px;

  max-width: 992px;
  text-align: left;
}
.fullfillment-section {
  padding-top:92px;
  
  background: #010326;
}
.fullfill-content span.slug-label{
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #FAD200;
  margin-bottom: 18.5px;
}
.fullfill-content h3{
  font-style: normal;
  font-weight: 400;
  font-size: 100px;
  line-height: 95%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin:0 0 15px;
}
.fullfill-content h5 {
  font-style: italic;
  font-weight: 700;
  font-size: 34px;
  line-height: 105.5%;
  text-transform: uppercase;
  color: #FAD200;
  margin-bottom: 77px;
}
.fullfill-content h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 106%;
  color: #FAD200;
  margin-bottom:33px;
  width: 629px;
  max-width: 100%;
}
.fullfil-list {
  display: flex;
  width:100%;
  justify-content: space-between;
}
.fullfil-list li:first-child{
  padding-left:0;
}
.fullfil-list li:last-child{
  padding-right:0;
}
.fullfil-list li {
  display: flex;
  align-items: center;
  font-style: italic;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #FFFFFF;
  position:relative;
  padding:0 28px;
  min-width: 200px;
}
.fullfil-list li:hover {
  color: #FD8F28;
}
.fullfil-list li:after {
  content:"";
  position: absolute;
  height: 100%;
  width:2px;
  background-color: #FAD200;
  transform: rotate(20deg);
  top: 0;
  right: 0;
}
.fullfil-list li:last-child:after {
  display: none;
}
.more-capabilities-section {
  padding-top: 202px;
  background-color: #010326;
  padding-bottom:180px;
}
.more-capabilities-section h3{
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 106%;
  color: #FAD200;
  margin-bottom:20px;
}
.more-capabilities-section p {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 33px;
}

.solution-call-section {
  background: #FAD200;
  padding-bottom: 68px;
  padding-top:44px;
}
.solution-call-section h3{
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 106%;
  color: #010326;
  margin-top:3rem;
  margin-bottom:3rem;
  width: 611px;
  max-width: 100%;
}
.solution-calls-list ul{
  list-style: none;
  display:flex;
  width: 100%;
  flex-direction: column;
}
.solution-calls-list ul li {
  padding-left: 55px;
  position: relative;
  margin-bottom:35px;
  min-height:164px;
  display: flex;
  align-items: flex-start;
  flex-direction:column;
  justify-content: center;
  width: 571px;
  max-width: 100%;
}
.solution-calls-list ul li:last-child {
  margin-bottom: 0;;
}
.solution-calls-list ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top:0;
  background: #FFE456;
  width:164px;
  height:164px;
  border-radius: 50%;
}
.solution-calls-list ul li h5 {
  position: relative;
  z-index: 11;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  color: #010326;
  margin-bottom:7px;
}
.solution-calls-list ul li p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 135.5%;
  color: #010326;
  margin:0;
  position: relative;
  z-index: 11;
}
.sbubble {
  position: relative;
  /*border: 39px solid #FFE456;
  background: #FAD200;*/
  border-radius: 5000em;
  aspect-ratio: 1 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 555px;
  padding: 3rem;
  text-align: center;
  color: #010326;
  margin: 40px;
}
.sbubble::before,
.sbubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FAD200;
  border-radius: 5000em;
  z-index: -1;
}
.sbubble::before {
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  background:  #FFE456;
  z-index: 0;
}
.sbubble::after {
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  background:  #FAD200;
  z-index: 0;
}
.sbubble-content {
  position: relative;
  z-index: 50;
}
.sbubble:hover::before {
  transform: scale(1.1);
  animation: sbubble_heartbeat_before 1s infinite;
}
@keyframes sbubble_heartbeat_before {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.sbubble:hover::after {
  transform: scale(1.1);
  animation: sbubble_heartbeat_after 1s infinite;
}
@keyframes sbubble_heartbeat_after {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.sbubble h5 {
  font-style: italic;
  font-weight: 700;
  font-size: 50px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  color: #010326;
  text-align: center;
}
.sbubble p {
  font-weight: 500;
  font-size: 22px;
  line-height: 135.5%;
}

.testimonial-section {
  background-color: #010326;
  padding: 111px 0 214px 0 ;
}
.testimonial-section  h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 100px;
  line-height: 95%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 59px;
}

.testimonial-block {
  display: flex;
  width: 100%;
  position: relative;
  background: #FFE456;
  border-radius: 44px;
  padding: 68px 48px 38px 48px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 106px;
  height: 100%;
}
.testimonial-block .uppershape {
  top: -60px;
  height: 106px;
  width: auto;
  display: inline-block;
  position: relative;
  margin-top: -106px;
  left: 72px;
}
.testimonial-block  p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #000000;

}
.testimonial-block .client-name {
  font-style: italic;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #000000;
  margin-bottom: 35px;
  margin-top:auto;
}
.implementer-sec .fullfill-content h5.wraped {
  width: 700px;
  max-width: 100%;

}


.wai-section {
  background: #010326;
  padding-bottom: 60px;  
}
.wai-section  h3{
  font-style: normal;
  font-weight: 500;
  font-size: 65px;
  line-height: 106%;
  color: #FFFFFF;
  margin-bottom: 84px;
}
.wai-section h4{
  font-style: italic;
  font-weight: 700;
  font-size: 34px;
  line-height: 105.5%;
  color: #FAD200;
  margin-bottom: 43px;
}
.wai-section p{
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
}
.lrg-content h4{
  width: 750px;
  max-width: 100%;
}
.lrg-content p {
  width: 952px;
  max-width:100%;
}
.sml-content p {
  width: 275px;
  max-width:100%;
}
@media(min-width:1600px){
  .lrg-content{
    padding-right: 100px;
  }
}
.lrg-content .btn-yellow {
  margin-top: 105px;
}
.btn-yellow {
  background: #FAD200;
  border: 2px solid #FAD200 !important;
  min-height:50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #010326;
  padding:0 60px;
}
.btn-yellow:hover , .btn-yellow:focus , .btn-yellow:active {
  background-color: transparent;
  color: #FAD200;
}

.how-it-work-section {
  background: #FAD200;
  padding:151px  0;
}
.how-it-work-section .container-fluid {
  padding-right: 0;
}
.how-it-work-section h3 {
  font-style: normal;
font-weight: 500;
font-size: 65px;
line-height: 106%;
color: #010326;
}

.slide-box:first-child  .step-box{
  margin-left: 0;
}
.slide-box:last-child  .step-box{
  margin-right:0;
}
.slide-box:last-child .step-box:after{
  display: none;
}
.step-box {
  background: #FFE456;
  
  box-shadow: 14px 0 0px -1px rgba(255, 228, 86, 0.5);
  border-radius: 35px;
  margin:0 55px;
  height:100%;
  position: relative;
  padding:66px 54px 50px 67px; 
}

.slide-box .bg {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 35px;
  right:15px;
  top:0;
  content: "";
  height:100%;
  width: 100%;
  z-index: -1;
}
.step-box:after {
  content: "";
  height:100%;
  width: 110px;
  top:0;
  right: -124px;
  background: url(../img/Union.svg) no-repeat center center;
  position: absolute;
}
.step-slider .slick-track
{
    display: flex !important;
}

.step-slider  .slick-slide
{
    height: inherit !important;
}
.sliders-naviagation .prev-slide {
  margin-right: 22px;
  display:inline-block
}
.mb-84 {
  margin-bottom:84px;
}
.step-box h4 {
  font-style: italic;
  font-weight: 700;
  font-size: 32px;
  line-height: 130%;
  color: #010326;
  margin-bottom:20px;
}
.step-box p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #000000;
  margin: 0;
}
.rethik-section h3{
  text-align: left;
}
.rethik-section  h5 {
  font-style: italic;
font-weight: 700;
font-size: 32px;
line-height: 120%;
/* or 38px */

text-transform: uppercase;

color: #010326;
margin-bottom: 42px;
}
.rethik-section  {
  padding-bottom: 76px;
}

.container.s1-swag-kit {
  margin-right: 0;
  max-width: 87vw;
}
.swag-box-sec {
  position: relative;

  /*background-image: url(../img/swag-box.svg);*/
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 736px auto;
  min-height: 736px;
}
#swag-kits .fullfill-content {
  max-width: 732px;
}
.swag-box-sec .wraped {
  max-width:695px;
  margin-top: 42px;
}
.swag-box-sec .desc-2 {
  font-weight: 500;
  font-size: 34px;
  line-height: 105.5%;
  color: #FAD200;
  max-width: 681px;
}
.agree-section  h3 {
  font-style: normal;
font-weight: 500;
font-size: 65px;
line-height: 106%;
color: #FFFFFF;
margin-bottom: 42px;
}
.agree-section p{
  font-style: italic;
  font-weight: 700;
  font-size: 34px;
  line-height: 105.5%;
  color: #FAD200;
}
.agree-section .fullfil-list li {
  min-width:220px;
}

.science-section {
  background: #FAD200;
  padding-top:170px;
  padding-bottom:148px;
}
.science-section  h3 {
  font-style: normal;
font-weight: 500;
font-size: 65px;
line-height: 106%;
color: #010326;
margin-bottom:53px;
}
.science-section h6{
  font-style: italic;
  font-weight: 700;
  font-size: 34px;
  line-height: 105.5%;
  text-transform: uppercase;
  color: #010326;
}
.science-section  ol {
  padding-left: 0;
}
.science-section  ol  li > ol {
  list-style: lower-alpha;
}
.science-section  ol li{
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #010326;
}
.two-way-section {
  background-color: #FAD200;
  padding-bottom:120px;
}
.two-way-section h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 100px;
  line-height: 95%;
  text-transform: uppercase;
  color: #010326;
  margin-bottom:64px
}
.two-way-section p{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #010326;
  width:525px;
  max-width: 100%;
}
/* The flip card container  */
.flip-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 177px;
}
.flip-card {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 1 !important;
  perspective: 1000px;
  background: #010326;
  border: 35px solid #FDDB2B;
  border-radius: 5000em;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
.flip-card-front {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
}
.flip-card-back {
  transform: rotateY(180deg);
  background: #DADADA;
  border-radius: 5000em;
}
.flip-card .title {
  font-family: 'GeneralSans';
  font-style: italic;
  font-weight: 700;
  font-size: 34px;
  line-height: 105.5%;
  text-align: center;
  text-transform: uppercase;
  color: #DADADA;
  max-width: 325px;
}
.flip-card .btn-wrap {
  max-width: 212px;
}
.flip-card .btn-wrap a.btn {
  background: #FAD200 !important;
  border: 2px solid #FAD200;
  color: #010326;
  padding: 0 17px;
  width: 100%;
}
.flip-card-back .text {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  margin:0 auto;
  font-size:20px;
  text-align:justify;
}
.flip-card-back .text p {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #010326;
  padding: 70px 0 60px 0;
}
.flip-card-back .text a.btn {
  width: fit-content;
  padding: 0 2rem;
  display: inline-flex;
  margin: 40px 0 0 0;
}
.flip-card-back .text i,
.flip-card-back .text::before {
  content: '';
  float: left;
  height:100%;
  width: 50%;
  shape-outside: radial-gradient(farthest-side at right, transparent calc(100% - 15px), #fff 0);
}
.flip-card-back .text i {
  float: right;
  shape-outside: radial-gradient(farthest-side at left,  transparent calc(100% - 15px), #fff 0);
}
/* service page styling end here */

.image-strip {
  background-color: #FAD200;
  padding: 6rem 0;
}


/* work wall page style start here */
  .workwall-hero-section {
    background: #010326;
    padding-top:84px;
  }
  .workwall-hero-section h1{
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 95%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 80px;
    margin-right: -1em;
  }
  .workwall-hero-section .hero-img {
    position: relative;
    right: -2em;
  }
  .workwall-hero-section  h5{
    font-style: italic;
    font-weight: 700;
    font-size: 34px;
    line-height: 105.5%;
    color: #FAD200;
  }
  .masonry { 
    column-count: 2;
    column-gap: 15px;
  }
  
  .masonry-item { 
    background-color: #eee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
  }
  .work-list-section {
    background: #010326;
    padding-top:118px;
    padding-bottom:244px;
  }
  .masonry-item:first-child {
      margin-top: -118px;
  }

  .load-more-wrapper {
    display: flex;
    width: 100%;
    align-items:center;
    justify-content: center;
    margin-top:180px;
  }
  .load-more-wrapper .btn-yellow  {
    width:590px;
    max-width: 100%;
  }
  .row.mySlider {
    position: relative;
    z-index: 99;
}
.image-slider-1 img, .image-slider-2 img {
    height: 95px;
    margin: 0 15px;
    object-fit: contain;
}
.image-slider-1, .image-slider-2 {
  display: none;
}
.nav-button-mobile {
    display: none;
}
/* work wall page style end here */


/* 20-03-2023 css start */
.wmob{
  display: none;
}
.fullfill-content.mfull{
  display: none;
}
/* 20-03-2023 css end */
.footer-contact-detail .col-md-auto {
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
}