#scroll {
      display: block;
    }

    #commonHeader,
    div#btmscroll,
    .fr,
    .btmBar,
    #customers,
    #allFea,
    div#btmscroll,
    .fr,
    .btmBar {
      display: none;
    }

    #commonHeader {
      min-height: 90px;
    }

    body,
    h1,
    h2,
    h3,
    h4,
    p,
    figure,
    blockquote,
    dl,
    dd {
      margin: 0 !important;
    }

    ul[role="list"],
    ol[role="list"] {
      list-style: none;
    }

    html:focus-within {
      scroll-behavior: smooth;
    }

    img,
    picture {
      max-width: 100%;
      display: block;
    }

    input,
    button,
    textarea,
    select {
      font: inherit;
    }

    @media (prefers-reduced-motion: reduce) {
      html:focus-within {
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
      }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin: 0px 0px 15px !important;
    }



    .opu-main-wrapper h1 {
      font-weight: 600;
      font-size: 36px;
      line-height: 50px;
      margin-bottom: 16px !important;
      letter-spacing: 0.3px;
    }

    .opu-main-wrapper h2 {
      font-size: 28px;
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -1px;
      margin-top: 0;
      margin-bottom: 8px
    }

    .opu-main-wrapper h3 {
      font-size: 24px;
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -1px;
      margin-top: 0;
      margin-bottom: 8px
    }

    .opu-main-wrapper h4 {
      font-size: 20px;
      line-height: 1.25;
      font-weight: 500;
      letter-spacing: -.5px;
      margin: 0 0 16px
    }

    .opu-main-wrapper h5 {
      font-size: 18px;
      line-height: 1.25;
      font-weight: 500;
      letter-spacing: -.25px;
      margin: 0 0 16px
    }

    .opu-main-wrapper h6 {
      font-size: 16px;
      line-height: 1.25;
      font-weight: 500;
      letter-spacing: -.25px;
      margin: 0 0 16px
    }

    p {
      font-size: 16px;
      line-height: 1.75;
      margin: 0 0 20px;
      font-weight: 300;
    }

    @media only screen and (min-width: 1200px) {
      .i18n-en h1 {
        font-size: 48px;
      }

      .i18n-en h2 {
        font-size: 36px;
      }

      .i18n-en h3 {
        font-size: 32px;
      }
    }

    @media only screen and (min-width: 1400px) {
      .i18n-en h1 {
        font-size: 50px;
      }

      .i18n-en h2 {
        font-size: 40px;
      }

      .special-section .spl-block .spl-box .lrg-txt {
        font-size: 50px;
      }
    }

    @media only screen and (max-width: 768px) {
      .opu-main-wrapper h1 {
        font-weight: 600;
        font-size: 36px;
        line-height: 1.2;

      }

      .opu-main-wrapper h2 {
        font-weight: 600;
        font-size: 32px;
        line-height: 1.2;

      }


    }


    /*------- grid css ---------*/

    .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -0.75rem;
      margin-left: -0.75rem;
      padding-top: 0;
      padding-bottom: 0;
    }

    .row>* {
      padding-left: 12px;
      padding-right: 12px;
      max-width: 100%;
    }

    .row.g-0 {
      margin-right: 0;
      margin-left: 0;
    }

    .row.g-0>* {
      padding-left: 0;
      padding-right: 0;
    }

    .col-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
    }

    .col {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%;
    }

    .col-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 8.33333333%;
    }

    .col-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 16.66666667%;
    }

    .col-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 25%;
    }

    .col-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 33.33333333%;
    }

    .col-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 41.66666667%;
    }

    .col-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 50%;
    }

    .col-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 58.33333333%;
    }

    .col-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 66.66666667%;
    }

    .col-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 75%;
    }

    .col-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 83.33333333%;
    }

    .col-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 91.66666667%;
    }

    .col-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%;
    }

    @media only screen and (min-width: 576px) {
      .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%;
      }

      .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%;
      }

      .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
      }

      .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
      }

      .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%;
      }

      .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
      }

      .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%;
      }

      .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%;
      }

      .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
      }

      .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%;
      }

      .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%;
      }

      .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
      }
    }

    @media only screen and (min-width: 768px) {
      .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%;
      }

      .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%;
      }

      .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
      }

      .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
      }

      .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%;
      }

      .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
      }

      .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%;
      }

      .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%;
      }

      .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
      }

      .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%;
      }

      .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%;
      }

      .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
      }
    }

    @media only screen and (min-width: 992px) {
      .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%;
      }

      .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%;
      }

      .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
      }

      .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
      }

      .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%;
      }

      .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
      }

      .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%;
      }

      .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%;
      }

      .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
      }

      .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%;
      }

      .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%;
      }

      .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
      }
    }

    @media only screen and (min-width: 1200px) {
      .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%;
      }

      .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%;
      }

      .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
      }

      .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
      }

      .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%;
      }

      .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
      }

      .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%;
      }

      .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%;
      }

      .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
      }

      .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%;
      }

      .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%;
      }

      .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
      }
    }

    :root {
      --color-primary: #fff0bc;
      --color-black: #000000;
      --color-white: #ffffff;
      --color-blue: #f4f7ff;
      --text-color: #000000;
      --opu-gray-bg: #f8f8f8;
    }

    :root {
      --sprite-icon: url("../images/opu-banner-sprite.svg");
    }


    body {
      color: var(--text-color);
      font-weight: 300;
      min-height: 100vh;
      line-height: 1.5;
      margin: 0 auto;
      font-weight: 300;
    }

    .opu-main-wrapper {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .opu-main-wrapper * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .w-100 {
      width: 100%;
    }

    ul {
      padding: 0;
    }

    ul li {
      list-style-type: none;
    }

    .opu-btn:hover {
      color: #D90000;
      border-color: #D90000;
    }

    .opu-btn>.opu-btn-icon {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
    }

    .opu-btn>.opu-btn-icon+span {
      margin-right: 8px;
    }

    .opu-btn.opu-btn-primary {
      border: 1px solid #e80e19 !important;
      background-color: #e80e19 !important;
      color: #ffffff;
    }

    .opu-btn.opu-btn-primary:hover {
      background-color: #D90000;
      border-color: #D90000;
    }

    .opu-btn.opu-btn-primary:focus {
      background-color: #d00610;
      border-color: #d00610;
    }

    .opu-btn.opu-btn-secondary {
      border: 1px solid #303030 !important;
      background-color: #303030 !important;
      color: #ffffff;
    }

    .opu-btn.opu-btn-secondary:hover {
      background-color: #303030;
      border-color: #303030;
    }

    .opu-btn.opu-btn-secondary:focus {
      background-color: #303030;
      border-color: #303030;
    }

    .opu-btn>span:last-child.opu-btn-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

    a.opu-btn {
      text-decoration: none;
    }

    a:hover {
      text-decoration: none !important;
    }

    .opu-btn {
      border: 0;
      border-radius: 6px;
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.5;
      cursor: pointer;
      text-align: center;
      padding: 12px 24px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;

      -webkit-transition: all 0.15s ease-out;
      transition: all 0.15s ease-out;
      font-family: inherit;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    a.opu-btn.btn-primary {
      color: #ffffff !important;
      text-decoration: none;
    }

    .opu-btn.btn-primary {
      background-color: #e80e19;
      color: #ffffff;
    }

    a.opu-btn.btn-primary {
      color: #ffffff !important;
      text-decoration: none;
    }

    .flex-grow-1 {
      -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important;
    }

    .d-block {
      display: block !important;
    }

    .outline-primary {
      color: #ef0000;
      border: 1px solid #ef0000;
      color: #ef0000 !important;
      border-radius: 100px;
      font-weight: 400;
    }

    .opu-main-wrapper .queries-list {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .opu-main-wrapper .queries-list li {
      margin-bottom: 0px;
    }

    .opu-main-wrapper ul li {
      font-size: 17px;
      font-weight: 300;
      line-height: 30px;
      margin: 0 0 12px;
    }

    #scroll,
    .heading-menu,
    #opu-customer-logo {
      display: none;
    }

    /*------ End css -------------*/

    .opu-main-wrapper *,
    .opu-main-wrapper *::after,
    .opu-main-wrapper *::before {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .opu-main-wrapper a:not(.itom-btn-primary).anchor-text {
      font-size: 16px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-decoration: none;
    }


    .itom-btn-primary {
      border: 0;
      background-color: #e80e19;
      color: #ffffff;
      border-radius: 4px;
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.5;
      cursor: pointer;
      text-align: center;
      padding: 12px 98px;
      display: inline-block;
      text-decoration: unset !important;
    }

    .opu-main-wrapper .anchor-text {
      font-size: 16px;
      font-weight: 400;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-decoration: none;
    }

    .opu-main-wrapper .anchor-text a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }


    /*------- Banner css start -----------*/

    .shedule-box-wrapper {
      background: #FFFDF2;
      padding: 65px;
      border-radius: 6px;
    }

    .white-box {
      font-size: 16px;
      display: inline-block;
      text-transform: uppercase;
      padding: 8px 16px;
      margin-bottom: 16px;
      letter-spacing: 0.3px;
      font-weight: 500;
      line-height: 1.15;
      color: #D90000;
      background: #fff;
      border-radius: 6px;
    }

    .hour-text {
      color: #222222;
      text-transform: capitalize;
    }

    .seprate {
      color: #DDDDDD;
    }

    .banner-section-bg {
      background: #FFF3B6;
    }

    .opu-banner-wrapper {
      position: relative;
    }

    .opu-main-wrapper .opu-banner-wrapper {
      padding: 60px 0px 0px;
      background: #FFF9E9;
      position: relative;
      z-index: 1;
    }

    .banner-img-holder {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 100%;
    }

    .banner-img-holder img {
      max-width: 570px;
      width: 100%;
    }

    .banner {
      background: #e8efff;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section {
      padding: 0px 0 0px;
      position: relative;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .row {
      align-items: center;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-content a {
      margin-top: 20px;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .opu-btn {
      font-size: 18px;
      font-weight: 400;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .opu-btn .opu-btn-icon {
      margin-left: 12px;
      line-height: 1.2;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      align-items: center;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row>* {
      padding: 0 12px;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row .banner-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
      flex: 1 0 0;
      position: relative;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row .banner-wrapper .img-holder {
      overflow: hidden;
      height: 468px;
      position: relative;
      width: 100%;
      background: #ddd;
      border-radius: 100px;
      border: 3px solid #b0c8ff;
      background: linear-gradient(65deg,
          #adc5ff 25%,
          #c6eaff 60%,
          #caefff 100%) 0% 0% no-repeat;
      transform: rotate(45deg);
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row .banner-content {
      max-width: 585px;
    }

    @media screen and (min-width: 1200px) {
      .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row .banner-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
      }
    }

    @media screen and (max-width: 1199.98px) {
      .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row>* {
        width: 50%;
      }
    }

    @media screen and (max-width: 992.98px) {
      .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px 0;
      }

      .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row>* {
        width: 100%;
      }

      .banner-content {
        text-align: center;
      }

      .shedule-box-wrapper {
        margin-top: 32px;
      }
    }



    .shedule-list {
      display: flex;
      flex-direction: column;
      gap: 16px;
      justify-content: center;
      margin: 0 auto;
      width: 212px;
    }

    .shedule-list li {
      margin: 0 !important;
      font-weight: 500 !important;
      display: flex;
      gap: 12px;
    }

    .shedule-list span {
      line-height: 36px;
    }



    .date-location {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      margin-top: 0px;
      margin-bottom: 24px;
    }

    .date-location>.split {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      border: 1px solid #3a43b0;
      padding: 4px 12px
    }

    .date-location div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
      column-gap: 10px;
      font-weight: 500; font-size:16px;
    }

    .date-location div>img {
      max-width: 24px
    }

    .date-location div p {
      font-size: 14px;
      margin: 0
    }

    .border-lt-yellow {
      border: 1px solid #ffe19e !important
    }

    .date-location>.evt-details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border: 1px solid #283d9d;
      border-radius: 8px;
      padding: 8px;
      text-align: left
    }




    .opu-img-wrapper {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    .opu-img-wrapper img {
      width: 100%;
      max-width: 400px;
    }

    @media screen and (max-width: 990.98px) {

      .opu-img-wrapper img {
        width: 100%;
        max-width: 400px;
      }

      .opu-img-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 64px;
      }

      .date-location {
        justify-content: center;
      }

    }



    /*--------- Banner css end ------------*/



    /*-------- Special seciton css start --------*/

    .special-section {
      position: relative;
      background: #fff3b6;
    }

    .special-section:before {
      content: "";
      background: #fff;
      width: 100%;
      height: 50%;
      position: absolute;
      left: 0;
      bottom: 0;
    }

    .content-wrap {
      position: relative;
      width: 90%;
      max-width: 1170px;
      margin: 0 auto;
    }


    .special-section .block-content {
      color: #fff;
      border-radius: 16px;
      padding: 40px 30px 70px;
      text-align: center;
      background: #fff;
    }


    .special-section .block-content p {

      max-width: 946px;
      margin: 0 auto 0px !important;
      color: var(--color-black);
      font-weight: 400;
      font-size: 16px;
    }

    /*-------- Specail seciton css end ---------*/


    .opu-main-wrapper .opu-features-detail-container {
      max-width: 1170px;
      width: 100%;
      margin: auto;
      padding-left: 12px;
      padding-right: 12px;
    }

    .opu-main-wrapper .sec-padding-100 {
      padding-top: 100px;
      padding-bottom: 100px;
    }

    .opu-main-wrapper .sec-padding-80 {
      padding-top: 80px;
      padding-bottom: 80px;
    }

    .opu-main-wrapper .sec-padding-60 {
      padding-top: 60px;
      padding-bottom: 60px;
    }

    .opu-main-wrapper .sec-padding-50 {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .opu-main-wrapper .sec-padding-40 {
      padding-top: 40px;
      padding-bottom: 40px;
    }

    .pt-0 {
      padding-top: 0 !important;
    }

    .pb-0 {
      padding-bottom: 0 !important;
    }

    .sec-bg {
      background: var(--color-blue);
    }

    @media screen and (min-width: 992px) {
      .opu-main-wrapper .title-break {
        display: block;
      }
    }

    @media screen and (max-width: 640px) {
      .banner-img-holder img {
        max-width: 100%;
      }
    }

    /*-------- agenda faq css start ----------*/


    .agenda-faq-section .accordion-container {
      padding: 0;
      border: none;
      box-shadow: none;
      margin: 0;
    }

    .agenda-faq-section .accordion-container .accordion-item {
      border: 1px solid #EAEAEA;
      background: #FCFCFC;
      margin-bottom: 16px;
      padding: 0px;
      border-radius: 6px;
    }

    .agenda-faq-section .accordion-container .accordion-item .accordion-head {
      padding: 16px 16px 16px;
      padding-bottom: 16px !important;
    }

    .agenda-faq-section .accordion-container .accordion-item .accordion-head h5 {
      font-size: 20px;
    }

    .agenda-faq-section .accordion-container>.accordion-item:first-child>.accordion-head {
      padding-top: 16px !important;
    }

    .agenda-faq-section .accordion-container .accordion-item .accordion-head.active h3 {
      margin-bottom: 0px !important;
      color: #000000;
    }

    .accordion-container>.accordion-item:first-child>.accordion-head {
      padding-top: 0px;
    }

    /* .accordion-container>.accordion-item:last-child>.accordion-head .accordion-body {
      padding-bottom: 0px;
    } */

    .agenda-faq-section .accordion-container .accordion-item .plusminus {
      font-size: 20px !important;
      border: 1px solid #A8A8A8;
      width: 18px !important;
      height: 18px !important;
      color: #A8A8A8;
    }

    .agenda-faq-section .accordion-container .accordion-item .accordion-body {
      padding: 0px 16px 16px;
    }

    .agenda-faq-section .accordion-container .accordion-item:last-child {
      border-bottom: 1px solid #EAEAEA;
    }

    /*-------- agenda faq css end ------------*/

    /* AUthor bio starts */
    .trainer-details {
      background: #F9F9F9;
    }

    .author_bio {
      background-color: #ffffff;
      color: #000;
      max-width: 100%;
      text-align: left;
      padding: 18px;
      margin: 32px 0 0;
      display: flex;
      justify-content: center;
      gap: 24px;
      flex-direction: row;
      border-radius: 6px;
      border: 1px solid #e9e9e9;
    }

    .author_bio .bio_desc {
      display: block;
      display: flex;
      justify-content: flex-start;
      gap: 12px;
      font-size: 16px !important;
      font-weight: 300;

    }

    .bio_pic {
      display: inline-block;
      height: 115px;
      width: 115px;
      border-radius: 50%;
      flex: 0 0 115px;
    }

    .bio_pic>img {
      border: none
    }

    .author_bio .bio_name {
      font-size: 20px !important;
      margin: 0px 0 16px !important;
      font-weight: 600;
      line-height: 1.2 !important;
      padding-top: 0px
    }

    .author_bio .bio_name>i {
      font-style: italic;
      font-weight: 100;
      font-size: 12px;
      font-size: 80%
    }

    .text-center {
      text-align: center;
    }

    /* AUthor bio ends */

    /*---------  Faq section css start -------------*/

    .tac {
      text-align: center;
    }

    .faq-content-section .apm-features-detail-container {
      background: #FAFCFF;
      padding: 100px 175px;
      border-radius: 8px;
      box-shadow: 10px 10px 20px 0px #f4f6ff;
    }

    .opu-main-wrapper .faq-content-section h2 {
      margin-bottom: 40px
    }

    .opu-main-wrapper .faq-content-section h3 {
      font-weight: 500;
    }

    .accordion-container {
      width: 100%;
      max-width: 980px;
      margin: 48px auto 0;
      padding: 32px;
      border: 1px solid #E8E8E8;
      box-shadow: 4px 8px 24px rgb(217 217 217 / 80%);
    }

    .accordion-container .accordion-item {
      border-bottom: 1px solid #ebeae7;
      cursor: pointer;
      margin-bottom: 24px;

    }

    .accordion-container .accordion-item h4,
    .accordion-container .accordion-item h3 {
      margin: 0 !important;
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: -0.35px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-right: 16px;
      font-weight: 600;
    }

    .accordion-container .accordion-item .accordion-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0 0 16px;
    }

    .accordion-container .accordion-item .accordion-head.active .plusminus::before {
      content: "−";
    }

    .accordion-container .accordion-item .accordion-head.active h3 {
      color: #1B1D1F;
    }

    .accordion-container .accordion-item .accordion-head h3 {
      font-size: 20px;
    }

    .accordion-container .accordion-item .accordion-body {
      padding: 0px 0px 16px;
      max-width: 90%;
    }

    .accordion-container .accordion-item .accordion-body p a {
      color: #000;
    }

    .accordion-container .accordion-item .plusminus {
      font-size: 24px;
      font-weight: 200;
      border: 1px solid #444444;
      width: 24px;
      height: 24px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 100px;
      color: #444444;
      position: relative;
      top: 0;
    }

    .accordion-container .accordion-item .plusminus::before {
      position: absolute;
      content: "+";
      top: -8px;
    }

    .accordion-container .accordion-body {
      display: none;
    }

    .accordion-container .accordion-item:last-child {
      border-bottom: 0px;
      margin-bottom: 0px;

    }

    .accordion-container .accordion-item:last-child .accordion-head {
      padding-bottom: 0px;
    }



    @media screen and (max-width: 767.98px) {
      .faq-content-section .apm-features-detail-container {
        padding: 60px 16px;
      }

      .accordion-container .accordion-item .accordion-head.active h3 {
        font-size: 18px;
        font-weight: 500;
      }
    }

    }


    .feature-sec-content .content-list.list-box {
      padding: 0 0 0 0px !important;
      border-radius: 8px;
      margin-top: 24px;
    }

    .feature-sec-content .content-list.list-box li {
      background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.0833 0 12.1083 0.158333 13.075 0.475C14.0417 0.791667 14.9333 1.23333 15.75 1.8L14.3 3.275C13.6667 2.875 12.9917 2.5625 12.275 2.3375C11.5583 2.1125 10.8 2 10 2C7.78333 2 5.89583 2.77917 4.3375 4.3375C2.77917 5.89583 2 7.78333 2 10C2 12.2167 2.77917 14.1042 4.3375 15.6625C5.89583 17.2208 7.78333 18 10 18C12.2167 18 14.1042 17.2208 15.6625 15.6625C17.2208 14.1042 18 12.2167 18 10C18 9.7 17.9833 9.4 17.95 9.1C17.9167 8.8 17.8667 8.50833 17.8 8.225L19.425 6.6C19.6083 7.13333 19.75 7.68333 19.85 8.25C19.95 8.81667 20 9.4 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM8.6 14.6L4.35 10.35L5.75 8.95L8.6 11.8L18.6 1.775L20 3.175L8.6 14.6Z" fill="black"/></svg>');
      background-repeat: no-repeat;
      background-position: 0 4px;
      padding-left: 32px !important;
      margin-bottom: 8px;
      font-size: 18px;
      font-weight: 300;
      line-height: 30px;
      margin: 0 0 16px;
    }

    /*---------  Faq section css end ---------------*/

    /*-------- form css ---------*/

    .opu-form-card {
      padding-left: 40px;
    }

    .agenda-section h4 {
      margin-bottom: 24px !important;
    }

    .apm-form-wrapper {
      background: #F9F9F9;
      padding: 30px;
      max-width: 461px;
      border-radius: 6px;
      width: 100%;
    }

    .input-row textarea {
      height: 126px;
      resize: none;
    }

    input::placeholder,
    textarea::placeholder {
      color: #EEEEEE;
      opacity: 1;
    }

    #meGDPRMessage {
      margin: 0;
      margin-bottom: 6px;
      font-size: 13px;
      max-width: 100%;
      color: #696969;
      font-weight: 400;
    }

    #meGDPRMessage label {
      display: -webkit-box;
      display: -ms-flexbox;
      line-height: 1.5;
    }

    .checkmarkgdpr {
      margin: 0 !important;
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
      width: 20px !important;
      height: 20px !important;
      border: 1px solid #ddd !important;
      border-radius: 4px !important;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      margin-right: 8px !important;
      background: #ffffff !important;
    }

    .checkmarkgdpr::before {
      content: "";
      top: -1px !important;
      left: 0 !important;
      position: relative !important;
      width: 6px !important;
      height: 11px !important;
      border-style: solid !important;
      border-width: 0 2px 2px 0 !important;
      -webkit-transform: rotate(45deg) scale(0) !important;
      transform: rotate(45deg) scale(0) !important;
      -webkit-transition: 120ms -webkit-transform ease-out !important;
      transition: 120ms -webkit-transform ease-out !important;
      transition: 120ms transform ease-out !important;
      transition: 120ms transform ease-out, 120ms -webkit-transform ease-out !important;
    }

    .checkmarkgdpr.enableCheckgdpr::before {
      -webkit-transform: rotate(45deg) scale(1) !important;
      transform: rotate(45deg) scale(1) !important;
    }

    .input-row {
      margin-bottom: 12px;
    }

    .input-row input::-webkit-input-placeholder,
    .input-row textarea::-webkit-input-placeholder {
      color: #bbbbbb;
    }

    .input-row input::-moz-placeholder,
    .input-row textarea::-moz-placeholder {
      color: #bbbbbb;
    }

    .input-row input:-ms-input-placeholder,
    .input-row textarea:-ms-input-placeholder {
      color: #bbbbbb;
    }

    .input-row input::-ms-input-placeholder,
    .input-row textarea::-ms-input-placeholder {
      color: #bbbbbb;
    }

    .input-row input::placeholder,
    .input-row textarea::placeholder {
      color: #bbbbbb;
    }

    .input-row select {
      --form-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right 0.75rem center;
      background-size: 16px 12px;
      background-image: var(--form-bg-img);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    .input-row label:not(#meGDPRMessage label) {
      width: 100%;
      display: block;
      font-size: 16px;
      margin-bottom: 6px;
      color: #000;
    }

    .input-row #country_state,
    .input-row #ukcountry_region {
      margin-top: 12px;
    }

    .form-feedback-error {
      margin-top: 4px;
      font-size: 14px;
      color: #ff1e1e;
      display: none;
    }

    .form-control,
    select {
      height: 50px;
      border-radius: 4px;
      border: 1px solid #dddddd;
      padding: 0 12px;
      font-family: inherit;
      font-weight: 400;
      font-size: 15px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      border: 1px solid #E7E7E7;
    }

    .form-control.is-invalid:not(select.form-control),
    select#country_state.is-invalid:not(select.form-control) {
      border-color: #ff1e1e;
      padding-right: calc(1.5em + 0.75rem);
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF1E1E'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF1E1E' stroke='none'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right calc(0.375em + 0.1875rem) center;
      background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    select.form-control,
    select#country_state {
      --form-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
      background-image: var(--form-bg-img), var(--form-bg-icon, none);
      background-repeat: no-repeat;
      background-position: right 0.75rem center;
      background-size: 16px 12px;
    }

    select.form-control.is-invalid,
    select#country_state.is-invalid {
      --form-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF1E1E'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF1E1E' stroke='none'/%3e%3c/svg%3e");
      padding-right: 4.125rem;
      border-color: #ff1e1e !important;
      background-position: right 0.75rem center, center right 2.25rem;
      background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    @media only screen and (max-width: 1170px) {
      .webinar-details-wrapper .webinar-details {
        flex-direction: column;
      }
    }

    @media only screen and (max-width: 991.98px) {
      .why-attend-img-block {
        text-align: center;
      }
    }

    @media only screen and (max-width: 991.98px) {
      .learn-section h2 {
        margin-bottom: 32px;
      }

      .why-attend-img-block {
        justify-content: flex-start !important;
        margin-top: 32px;
      }

      .webinar-store .row {
        flex-direction: column-reverse;
      }

      .presenter-profile-details {
        text-align: left;
      }

      .opu-form-card {
        padding-left: 0px;
      }
    }

    @media only screen and (max-width: 700px) {
      .webinar-details-wrapper .webinar-details {
        flex-direction: column;
      }
    }

    @media only screen and (max-width: 575.98px) {}

    .timezone-item .input-radio-item {
      display: grid;
      grid-template-columns: 20px auto;
      grid-column-gap: 8px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      margin: 4px 0;
    }

    .timezone-item .input-radio-item input[type="radio"] {
      margin: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 18px;
      height: 18px;
      border: 1px solid #dddddd;
      border-radius: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .timezone-item .input-radio-item input[type="radio"]::before {
      content: "";
      width: 0.75rem;
      height: 0.75rem;
      border-radius: 32px;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: 120ms -webkit-transform ease-out;
      transition: 120ms -webkit-transform ease-out;
      transition: 120ms transform ease-out;
      transition: 120ms transform ease-out, 120ms -webkit-transform ease-out;
      -webkit-box-shadow: inset 1rem 1rem #0090e0;
      box-shadow: inset 1rem 1rem #0090e0;
    }

    .timezone-item .input-radio-item input[type="radio"]:checked {
      border-color: #0090e0;
    }

    .timezone-item .input-radio-item input[type="radio"]:checked::before {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    .timezone-item .input-radio-item label {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      margin: 0;
      font-size: 15px;
    }

    .success-msg {
      display: none;
      text-align: center;
      background: #e2fff5;
      padding: 40px 24px;
      border-radius: 6px;
      padding-top: 24px;
    }

    .success-msg .mb-3 {
      margin-bottom: 12px;
    }

    .apm-form-wrapper input::placeholder {
      color: inherit;
    }

    .timezone-recommend {
      color: #e76567;
      font-size: 14px;
      display: block;
    }

    .event-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(11, 21, 60, 0.6);
      z-index: 2;
    }

    .event-closed {
      position: absolute;
      top: 40px;
      right: -45px;
      font-size: 16px;
      font-weight: 500;
      display: inline-block;
      background: #e3132a;
      color: #ffffff;
      padding: 8px 24px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: 3;
    }

    ul {
      padding-left: 0;
    }

    .dwn-priv {
      font-size: 16px;
      line-height: 1.4;
      color: #000;
    }

    .dwn-priv a {
      color: #E71212;
    }

    @media only screen and (max-width: 767px) {
      .opu-form-card {
        padding-left: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 32px;
      }
    }

    /*------- form css end---*/


    /*------- New header css start ---------*/


    .header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background-color: #f8f9fa;
      border-bottom: 1px solid #ddd;
      padding: 15px 20px;
    }

    .header-container {
      max-width: 1170px;
      margin: 0 auto;
      width: 100%;
    }

    .header-column {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }

    .logo img {
      height: 70px;
    }

    /* CTA buttons */
    .header-cta-list {
      display: flex;
      gap: 15px;
    }

    .header-cta-list .btn {
      text-decoration: none;
      padding: 12px 24px;
      background-color: #EEEEEE;
      color: #000;
      border-radius: 6px;
      transition: background-color 0.3s ease;
      font-size: 16px;
    }

    .header-cta-list .btn:hover {
      background-color: #000000;
      color: #fff;
    }

    /* Responsive */
    @media (max-width: 480px) {
      .header-column {
        flex-direction: column;
        align-items: center;
        gap: 10px;
      }

      .header-cta-list {
        flex-direction: column;
        width: 100%;
      }

      .header-cta-list .btn {

        text-align: center;
      }

      .logo img {
        height: 70px;
        margin-top: 24px;
      }
    }