html::-webkit-scrollbar {
  display: none;
}
body {
  overflow-x: hidden;
  font-family: "TT Norms";
  font-feature-settings: "liga" off;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f5f6f6;
  transition: background 1s ease;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
}
h1.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-bottom: 20px;
  line-height: 1.25;
}
h1.h1,
h2,
.h2 {
  font-weight: 600;
}
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-weight: 500;
}
h6,
.h6 {
  font-weight: 400;
}
h1,
.h1 {
  font-size: 58px;
  font-family: "TT Norms";
  font-feature-settings: "liga" off;
}
h2,
.h2 {
  font-size: 52px;
  font-family: "TT Norms";
  font-feature-settings: "liga" off;
}
h3,
.h3 {
  font-size: 46px;
  font-family: "TT Norms";
  font-feature-settings: "liga" off;
}
h4,
.h4 {
  font-size: 40px;
  font-family: "TT Norms";
  font-feature-settings: "liga" off;
}
h5,
.h5 {
  font-size: 24px;
  font-family: "TT Norms";
  font-feature-settings: "liga" off;
}
h6,
.h6 {
  font-size: 20px;
  font-family: "TT Norms";
  font-feature-settings: "liga" off;
}
p {
  font-size: 16px;
  font-family: "TT Norms";
  font-feature-settings: "liga" off;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
}
a:hover {
  text-decoration: none;
}
a:visited,
a:focus,
a:active {
  text-decoration: none;
  outline: 0;
  color: #000;
  font-feature-settings: "liga" off;
}
span {
  font-feature-settings: "liga" off;
}
/* breadcumb */
.breadcrumb {
  margin-bottom: 0;
}
/* .breadcrumb-wrp{padding-top: 90px;} */
.breadcrumb-wrp .home-icon {
  margin-bottom: 8px;
  margin-right: 5px;
  display: inline-block;
}
.breadcrumb a {
  color: #fff;
  font-size: 20px;
  border-bottom: 1px solid #fff;
}
.breadcrumb a:hover {
  color: #009fe3;
  border-bottom: 1px solid #009fe3;
}
.breadcrumb span {
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
  font-weight: 400;
  margin-left: 12px;
}
.breadcrumbs-separator {
  padding: 0 2px;
}
.breadcrumb .breadcrumbs-separator::before {
  content: "/";
  color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.breadcrumb-wrp.dark .breadcrumb {
  background: #f1f1f1;
}
.breadcrumb-wrp.dark .breadcrumb a,
.breadcrumb-wrp.dark .breadcrumb .breadcrumbs-separator::before {
  color: #a7a7a7;
}
.nav-bar ul li.current-menu-item a,
.nav-bar ul.menu > li.current-menu-parent > a {
  color: #009fe3;
}

body.admin-bar .header {
  top: 30px;
}
/* capability-index */
.banner.capability-index .banner-text p {
  /* max-width: 728px;
    width: 100%; */
  margin: 0;
}
.banner.capability-index::after {
  display: none;
}
.page-template-capability-index header {
  border-bottom: 0;
  /* padding: 62px 0; */
  background: transparent;
}
.capability-index-content {
  margin-bottom: 0;
  margin-top: 70px;
}
.banner.capability-index {
  padding: 90px 0;
  margin: 0;
  min-height: 495px;
}
.capability-img {
  position: relative;
}
.capability-img:before {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #001866 0%, rgba(24, 24, 24, 0) 100%, #001866 100%);
  left: 0;
  right: auto;
  top: 0;
  max-width: 443px;
  height: 100%;
  width: 100%;
}
.page-template-capability-index .header.sticky {
  background: #001866;
}
.banner.capability-index .row {
  align-items: end;
}
.capability-img img {
  width: 49.5vw;
  max-width: unset;
  height: 100%;
  display: block;
  max-height: 626px;
}
.page-template-capability-index .newsletter {
  display: none;
}
.partner_company_top {
  border-radius: 5px;
  background: #fff;
  padding: 20px 40px;
}
.input_field input,
.input_field select {
  border-radius: 5px;
  border: 1px solid #181818;
  width: 100%;
  color: #181818;
  font-feature-settings: "liga" off;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 15px 50px 15px 15px;
  background-color: #ffffff;
}
.input_field form {
  position: relative;
}
.input_field button {
  padding: 0;
  border: 0;
  background: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}
.partner_company_top .btn_div {
  margin-left: 20px;
}
.input_field select {
  appearance: none;
  background-image: url(../img/triangle-down.png);
  background-repeat: no-repeat;
  background-position: center right 15px;
  max-width: 200px;
  width: 100%;
}
.input_field input::placeholder {
  color: #181818;
}
.partner_company_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.partner_company_list a.partner_company_box {
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  padding: 30px 20px 40px;
  position: relative;
  height: 100%;
  align-items: start;
}
.partner_company_bottom {
  margin-top: 16px;
}
.partner_company_list a.partner_company_box img {
  max-width: 80px;
  border-radius: 50px;
  border: 1px solid #e9e9e9;
  padding: 5px;
}
.partner_company_list a.partner_company_box h6 {
  font-weight: 500;
  margin-bottom: 10px;
  color: #181818;
  font-size: 17px;
}
.partner_company_list a.partner_company_box p {
  margin: 0;
  line-height: 23px;
  color: #181818;
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.custom-pagination a {
  border-radius: 150px;
  border: 2px solid #009fe3;
  height: 55px;
  width: 55px;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  line-height: 38px;
  color: #181818;
  font-weight: 500;
}
.custom-pagination {
  text-align: center;
}
.custom-pagination a.active {
  background: #e9f8ff;
  color: #009fe3;
}
.modal.show .modal-dialog {
  width: 100%;
  max-width: 1340px;
}
.partner_company_modal .modal-body {
  padding: 60px;
}
.partner-showcase-logo {
  padding-right: 24px;
}
.partner-showcase-title {
  width: calc(100% - 104px);
}
.common_list ul li {
  background: #f5f5f5;
  padding: 10px 20px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  font-feature-settings: "liga" off;
}
.common_list ul li:last-child {
  margin: 0;
}
.partner_company_modal .modal-body .poup_clos {
  right: 30px;
  top: 30px;
}
.partner_company_modal .modal-body .poup_clos button {
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  border-radius: 50px;
  border: 1px solid #e9e9e9;
  padding: 5px 15px;
}
.partner_company_modal .modal-body .poup_clos button img {
  margin-left: 10px;
}
.company_logo img {
  max-width: 240px;
  border-radius: 100px;
  border: 1px solid #e9e9e9;
}
.company_logo {
  text-align: center;
  margin-bottom: 180px;
}
.Region ul li {
  display: inline-block;
  border-radius: 4px;
  background: #f5f5f5;
  padding: 4px 8px 4px 32px;
  background-image: url(../img/location.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center left 8px;
  margin: 0 10px 10px 0;
}
.partner_company_modal .modal-body .poup_clos button {
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  border-radius: 50px;
  border: 1px solid #e9e9e9;
  padding: 5px 15px;
  color: #000;
  font-weight: 400;
  opacity: 1;
}
.partner_company_modal .modal-body .poup_clos button:hover {
  background: #009fe3;
  color: #fff !important;
}
.Contact_Details.common_list ul li a {
  color: #000;
  word-break: break-all;
}
.company_modal_right h2 {
  font-size: 38px;
  line-height: 50px;
  font-weight: 700;
}
.Region {
  margin-bottom: 20px;
}
.partner_company_sec {
  margin-top: -30px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #cacaca;
}

/* Banner Section */
.banner {
  min-height: 495px;
  background-color: #001866;
  position: relative;
  z-index: 1;
  padding: 215px 0 90px;
}
.single-post .banner:before,
.single-our-events .banner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(90deg, #001866 60%, rgba(0, 24, 102, 0) 100%);
}
.single-post .breadcrumb-wrp,
.single-our-events .breadcrumb-wrp {
  position: relative;
}
.single-post .banner-text,
.single-our-events .banner-text {
  position: relative;
}
.banner:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url(https://dddemo.net/wordpress/2022/coda/wp-content/uploads/2022/06/banner-patten.png);
  width: 44px;
  height: 290px;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner.with-logo:after {
  background-image: url("../img/logo-landing-bg.png");
  width: 495px;
  height: auto;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.breadcrumb-wrp {
    margin-bottom: 40px;
}
.banner-text .banner-small-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    text-transform: capitalize;
    color: #009FE3;
    margin-bottom: 0;
}
.banner-text h2 {
  color: #fff;
  font-weight: 700;
}
.banner-text h2 span {
  text-transform: uppercase;
}
.banner-text p {
  color: #fff;
  font-size: 20px;
  margin-top: 25px;
  max-width: 700px;
  font-family: "TT Norms";
  font-weight: 500;
}
/* filter-bar css */
.filter-bar-wrap {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px 40px;
}
.filter-bar {
  margin-top: -35px;
  z-index: 1;
  position: relative;
  margin-bottom: 20px;
}
.select-box {
  border: 1px solid #000;
  border-radius: 5px;
  padding: 10px 15px;
  min-width: 100%;
  color: #000;
}
.filter-bar-wrap p {
  margin: 0;
  color: #000;
  font-weight: 400;
  font-family: "TT Norms";
}
.filter-bar-wrap form {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  width: 100%;
}
.filter-bar-wrap form select {

  min-width: 190px;
}
.filter-bar-wrap form select:not(:first-child){
  margin-left: 20px;
}
/* Card css */
.card-box-wrapper .card-block {
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
}
.card-detail .card-type {
  position: relative;
  padding-left: 12px;
  line-height: 1.2;
  text-transform: uppercase;
  max-height: 20px;
  min-height: 20px;
}
.card-detail .card-type::before {
  content: "";
  position: absolute;
  height: 100%;
  background-color: #90dafe;
  width: 3px;
  left: 0;
}
.card-title {
  color: #000;
  font-weight: 500;
  max-height: 95px;
  overflow: hidden;
  display: inline-block;
  margin: 0;
}
.card-detail h5 {
  max-height: 95px;
  min-height: 95px;
  overflow: hidden;
  display: inline-block;
}
.card-title:hover {
  color: #009fe3;
}
.card-detail .card-description {
  max-height: 90px;
  min-height: 90px;
  overflow: hidden;
  margin-bottom: 30px;
}
.card-box-wrapper .col-md-4 {
  padding: 20px 35px;
}
.card-image {
  overflow: hidden;
}
.card-image img {
  width: 100%;
  object-fit: cover;
  -webkit-transform: scale(1.5);
  transform: scale(1.3);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.card-box-wrap .card-box:hover .card-image img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.card-box-wrap.row {
  margin: 0 -44px;
}
.card-box-wrap .card-box {
  margin-bottom: 40px;
  transition: 0.7s ease;
  padding-left: 22px;
  padding-right: 22px;
}
.card-box .card-block:hover {
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
}
.pagination {
  margin-bottom: 80px;
  margin-top: 20px;
  justify-content: center;
}
.page-numbers {
  width: 56px;
  height: 56px;
  color: #000;
  border-radius: 50% !important;
  padding: 10px;
  text-align: center;
  background: transparent;
  border: 2px solid #009fe3;
  font-size: 24px;
  font-weight: 500;
  margin: 0 4px;
}
.input-field-title {
  border-radius: 5px;
  border: 1px solid #181818;
  padding: 15px 50px 15px 15px;
  background-color: #ffffff;
  background-image: url(../img/triangle-down.png);
  background-repeat: no-repeat;
  background-position: center right 15px;
  cursor: pointer;
}
.input-field-title p {
  margin-bottom: 0;
  font-size: 20px;
  line-height: normal;
  color: #181818;
  font-feature-settings: "liga" off;
  font-weight: 400;
  font-family: arial;
}
.input_field.search-value {
  max-width: 100%;
}
.input_field {
  max-width: 200px;
  width: 100%;
  position: relative;
}
.input-filed-list {
  border-radius: 5px;
  border: 1px solid #181818;
  padding: 15px 10px;
  border-top: 0;
  display: none;
  position: absolute;
  z-index: 999;
  background: #fff;
  width: 100%;
  left: 0;
  top: 55px;
  overflow: auto;
  height: 220px;
}
.input-filed-list ul li {
  position: relative;
  padding-bottom: 10px;
}
.input-filed-list ul li input {
  height: 16px;
  width: 16px;
  margin-right: 5px;
  position: absolute;
  top: 5px;
  left: 0;
}
.input-filed-list ul li label {
  font-size: 18px;
  line-height: normal;
  color: #181818;
  font-feature-settings: "liga" off;
  font-weight: 400;
  font-family: arial;
  /* text-overflow: ellipsis; */
  /* overflow: hidden; */
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 1; */
  /* -webkit-box-orient: vertical; */
  padding-left: 25px;
}
.prev img {
  transform: rotate(180deg);
}
.page-numbers:hover {
  color: #009fe3;
  background-color: rgba(0, 159, 227, 0.1);
}
.page-numbers.prev,
.page-numbers.next {
  background-color: #009fe3;
  font-size: 0;
  position: relative;
}
.page-numbers.prev:before {
  content: "";
  background-image: url(https://dddemo.net/wordpress/2022/coda/wp-content/uploads/2022/06/Vector-1.png);
  background-size: cover;
  width: 17px;
  height: 16px;
  position: absolute;
  left: 33%;
  top: 35%;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(179deg) brightness(104%) contrast(101%);
  transform: rotate(180deg);
}
.page-numbers.next:before {
  content: "";
  background-image: url(https://dddemo.net/wordpress/2022/coda/wp-content/uploads/2022/06/Vector-1.png);
  background-size: cover;
  width: 17px;
  height: 16px;
  position: absolute;
  left: 33%;
  top: 35%;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(179deg) brightness(104%) contrast(101%);
}
.page-numbers.prev:hover,
.page-numbers.next:hover {
  background: transparent;
}
.page-numbers.current {
  color: #009fe3;
  background-color: rgba(0, 159, 227, 0.1);
}
.page-item.prev .page-numbers img,
.page-item.next .page-link img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(179deg) brightness(104%) contrast(101%);
  margin-bottom: 5px;
}
.page-numbers.prev:hover::before,
.page-numbers.next:hover::before {
  filter: brightness(0) saturate(100%) invert(59%) sepia(66%) saturate(6451%) hue-rotate(172deg) brightness(101%) contrast(103%);
}
.page-numbers.prev:hover .page-link img,
.page-item.next:hover .page-link img {
  filter: brightness(0) saturate(100%) invert(59%) sepia(66%) saturate(6451%) hue-rotate(172deg) brightness(101%) contrast(103%);
}
.max-700 {
  max-width: 700px;
}
.related-post {
  margin-bottom: 80px;
  border-top: 1px solid #c4c4c4;
}
.post-container {
  max-width: 850px;
  margin: 0 auto;
  padding: 0 30px;
}
.single-post-data {
  margin: 80px auto 40px auto;
}
.single-post-data h6 {
  font-weight: 500;
}
.related-post-wrap {
  padding-top: 55px;
}
.related-post .card-box {
  margin-bottom: 24px;
}
.related-post .btn-wrap {
  text-align: right;
}
.defualt-btn.tranpernt {
  background-color: transparent;
  color: #000 !important;
  border: 1px solid #009fe3;
}
.defualt-btn.tranpernt:hover {
  background-color: #009fe3;
  color: #fff !important;
}
.related-post h4 {
  color: #011866;
  font-weight: 700;
}

.single-event .header {
  position: static;
}

.single-event .banner {
  margin-top: 0;
}

/* single event */
.max-800 {
  max-width: 800px;
}
.banner-text .btn-wrap {
  margin-top: 40px;
}
.small-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.event-detail {
  padding-top: 80px;
  padding-bottom: 50px;
}
.event-data .btn-wrap {
  margin: 40px 0;
}
.event-info {
  margin-left: 25%;
}
.filter .select-box {
  -webkit-appearance: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-variant-ligatures: no-historical-ligatures;
  background-image: url(../img/select-down.png);
  background-position-x: 91%;
  background-position-y: 22px;
  background-repeat: no-repeat;
  font-variant-ligatures: none;
}
.filter .select-box option,
.order-list_item {
  font-variant-ligatures: none;
}
/* .filter .select-box{-webkit-appearance: none;background: transparent;background-image: url(https://dddemo.net/wordpress/2022/coda/wp-content/uploads/2022/06/select-down.png);background-position-x: 91%;background-position-y: 22px;background-repeat: no-repeat;} */
/* Contact */
/* .banner.contact{height: 610px;} */
.contact .banner-text h2 {
  line-height: 80px;
}
.contact .banner-text p {
  max-width: 760px;
  line-height: 38px;
}
.form {
  background-color: #fff;
  padding: 40px 25px;
  border-radius: 5px;
}
.contact-form.form {
  padding: 40px 25px 28px 25px;
}
.form input[type="text"],
.form input[type="number"],
.form input[type="email"],
.form input[type="tel"],
.form textarea,
.form select {
  padding: 16px;
  border: 1px solid #000;
  margin-bottom: 14px;
  background: transparent;
  border-radius: 5px;
}
.contact-form.form input[type="text"],
.contact-form.form input[type="number"],
.contact-form.form input[type="email"],
.contact-form.form textarea {
  width: 100%;
}
.form input::placeholder,
.contact-form textarea::placeholder {
  color: #000;
}
.form input[type="checkbox"] {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background-color: rgba(0, 159, 227, 0.1);
}
.form input[type="checkbox"]:checked {
  background: red;
}
.form .input-wrap p {
  font-size: 20px;
  color: #000;
  margin-left: 15px;
  margin-bottom: 0;
}
.contact-detail {
  margin-top: -80px;
  position: relative;
  z-index: 9;
  margin-bottom: 80px;
}
.mail-phone {
  padding-left: 24px;
}
.address {
  background-color: #fff;
  padding: 24px;
  border-radius: 5px;
  height: 100%;
}
.input-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.condition {
  background-color: #e9f8ff;
  padding: 24px;
  margin: 24px 0;
}
#gform_fields_1 #field_1_12 {
  background-color: #e9f8ff;
  padding: 24px;
  padding: 24px 24px 0px 24px;
}
#gform_fields_1 #field_1_12 .ginput_container_consent {
  display: flex;
  align-items: center;
}
#gform_fields_1 #field_1_13 .ginput_container_consent {
  display: flex;
  align-items: center;
}
.gform_wrapper.gravity-theme {
  position: relative;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer {
  flex-direction: column;
  max-width: 49%;
  position: absolute;
  left: 48%;
  bottom: 40%;
  padding: 0 0 10px 0 !important;
}
.connect-form-wrap .gform_wrapper.gravity-theme .gform_footer {
  flex-direction: column;
}
.contact-form .gform_wrapper.gravity-theme .gform_footer input,
.connect-form-wrap .gform_wrapper.gravity-theme .gform_footer input {
  align-self: flex-start !important;
}
.contact-form .gfmc-container .gfmc-column:first-child {
  max-width: 47%;
}
.gform_wrapper.gravity-theme legend.gfield_label {
  padding-top: 0 !important;
}
.contact-form .h-captcha:not([data-size="invisible"]) {
  margin-bottom: 7px;
}
.connect-form-wrap .h-captcha:not([data-size="invisible"]) {
  margin-bottom: 10px;
}
.contact-form .gfmc-container .gfmc-field:first-child {
  padding-right: 30px;
}
.gform_wrapper #gform_submit_button_1 {
  margin: 0;
}
#gform_fields_1 #field_1_13 {
  background-color: #e9f8ff;
  padding: 20px 0px 16px 24px;
}
.gform_wrapper #field_1_14 label {
  font-size: 20px;
}
#gform_fields_1 #field_1_10 {
  grid-column: span 6;
}
.gform_wrapper #field_1_14 {
  padding-left: 24px;
  margin-top: -50px;
  margin-bottom: 14px;
}
.gform_wrapper.gravity-theme label.gfield_consent_label {
  width: 86%;
  padding-left: 30px;
}
#label_1_14_1,
#label_1_14_2 {
  padding-left: 30px;
}
.gform_wrapper.gravity-theme label.gfield_consent_label a {
  border-bottom: 1px solid #009fe3;
  color: #000;
}
.gform_wrapper.gravity-theme label.gfield_consent_label a:hover {
  color: #009fe3;
}
.gform_wrapper.gravity-theme .gfield_label {
  font-size: 24px !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
  font-feature-settings: "liga" off;
}
.gform_wrapper .gform_heading {
  width: auto;
  display: inline-block;
  margin-bottom: 17px;
}
.gform_wrapper .gform_heading .gform_description {
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
}
.gform_wrapper #gform_submit_button_1,
#gform_submit_button_2 {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  font-feature-settings: "liga" off;
  color: #ffffff !important;
  background: #009fe3;
  border-radius: 150px;
  padding: 16px 32px;
  display: inline-block;
  font-family: "TT Norms";
}
.gform_wrapper #gform_submit_button_1:hover,
#gform_submit_button_2:hover {
  background: #011866;
}
.gchoice.gchoice_1_14_1 {
  margin-bottom: 24px;
}
.condition .input-wrap input[type="checkbox"] {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background-color: rgba(0, 159, 227, 0.1);
  border: 1px solid #009fe3;
}
.place {
  margin-bottom: 30px;
  margin-top: 15px;
}
.place a {
  color: #000;
}
.map iframe {
  max-height: 288px;
}
.contact-detail .col-xl-3 {
  padding-left: 0px;
}
.ginput_container input {
  padding: 16px 24px !important;
  line-height: 24px;
}
.gform_wrapper.gravity-theme .gfield textarea {
  font-size: 20px;
  line-height: 24px;
  font-feature-settings: "liga" off;
  padding: 16px 24px !important;
}
.gform_wrapper.gravity-theme select {
  font-size: 20px !important;
  line-height: 24px;
  font-feature-settings: "liga" off;
  font-weight: 400;
  padding: 16px 24px !important;
  font-family: "TT Norms";
}
.ginput_container input::placeholder,
.gform_wrapper.gravity-theme select::placeholder,
.gform_wrapper.gravity-theme .gfield textarea::placeholder {
  font-size: 20px !important;
  line-height: 24px;
  font-feature-settings: "liga" off;
}
.contact-form input {
  padding: 16px 24px;
}
body img.gform_ajax_spinner {
  height: 100px !important;
  width: 100px !important;
}
/* .contact-form form input[type="checkbox"]::before{content: '';background:#E9F8FF;width: 35px;height: 35px;position: absolute;opacity: 0.3;}
.contact-form form input[type="checkbox"]::after{content: '';border: 1px solid #009FE3;width: 35px;height: 35px;border-radius: 5px;position: absolute;}
.contact-form form input[type="checkbox"]:checked::before{background: unset;border-radius: 5px;} */
.contact-form .ginput_container [type="checkbox"] {
  height: 35px;
  width: 35px;
  background: #e9f8ff;
  opacity: 0.3;
  border: 1px solid #009fe3;
  border-radius: 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  padding: 0 !important;
}
.contact-form .ginput_container [type="checkbox"]:checked {
  background-color: #001866;
  opacity: 1;
  background-image: url(../img/check-mark-white.png);
  background-repeat: no-repeat;
  background-position: center;
  border: 1px transparent;
}
.page-id-149 .banner.contact {
  padding-bottom: 150px;
}
.gform_wrapper.gravity-theme select {
  -webkit-appearance: none;
  background: transparent;
  background-image: url(https://dddemo.net/wordpress/2022/coda/wp-content/uploads/2022/06/Select-arrow.svg);
  background-repeat: no-repeat;
  background-position-x: 94%;
  background-position-y: 28px;
}
.gform_wrapper.gravity-theme .gfield_description {
  border: none;
  padding: 0px 0 0 10px !important;
}
.page-template-contact .gform_wrapper.gravity-theme .gfield_description {
  margin: 0;
}
.ginput_container_phone .instruction.validation_message {
  display: none;
}
#gform_fields_1 #field_1_10 {
  padding-bottom: 0;
}
.contact-form .ginput_container_textarea {
  padding-bottom: 0 !important;
}
.contact-form .ginput_container_textarea textarea.medium {
  height: 127px !important;
}
/* connect Css */
.connect .banner-text p {
  max-width: 800px;
}
.connect .banner-text h2 {
  line-height: 80px;
}
.page-template-contact .newsletter {
  padding: 80px 0;
}
.connect-form-wrap .row {
  margin: auto 0;
  justify-content: space-between;
}
.connect-form-wrap .row .col-md-6 {
  width: calc(50% - 10px);
}
.connect-form {
  margin-bottom: 80px;
  position: relative;
  z-index: 9;
  margin-top: -80px;
}
.connect-form-wrap {
  background-color: #fff;
  padding: 40px;
}
.connect-form.form input[type="text"],
.connect-form.form input[type="number"],
.connect-form.form input[type="email"],
.connect-form.form textarea {
  width: auto;
}
.connect-form-wrap .ginput_complex label {
  display: none !important;
}
.connect-form-wrap .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)),
.connect-form-wrap .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
  margin-bottom: 18px;
}
.connect-form-wrap .condition {
  margin: 0px 0 18px 0;
}
.connect-form-wrap .condition p {
  margin-bottom: 0;
}
.connect-form-wrap .gform_wrapper.gravity-theme .gform_footer {
  /* padding: 0; */
  padding: 40px 0 10px 0 !important;
  margin: 0;
}
.access-block .btn-wrap {
  text-align: center;
}
.access {
  margin-top: -75%;
  position: relative;
  z-index: 9;
}
.access h5 {
  color: #fff;
  line-height: 38px;
  margin-bottom: 30px;
}
.access-wrap {
  background: #fff;
  padding: 24px 28px 24px 27px;
  border-radius: 10px;
  margin-bottom: 25px;
}
.access-wrap p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.access-wrap .col-lg-2 {
  padding: 0;
}
.link {
  color: #000;
  border-bottom: 1px solid #009fe3;
}
.link:hover {
  color: #009fe3;
}
.newsletter span {
  color: #fff;
}
.gform_confirmation_message {
  border: 3px solid green;
  color: green;
  font-weight: 500;
  font-size: 20px;
  padding: 15px;
}
/* About Css */
.what-coda {
  padding: 80px 0;
}
.about h2 {
  max-width: 550px;
  line-height: 85px;
}
.what-coda .condition {
  position: relative;
}
.what-coda .condition:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #009fe3;
}
.about-text-right {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 32px;
  margin-top: 70px;
}
.our-focus {
  margin-bottom: 20px;
}
.our-focus-wrap {
  padding: 50px;
  background-color: #fff;
}
.our-focus-wrap .row {
  align-items: center;
}
.container-big {
  max-width: 1552px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
.focus-img {
  margin-left: -80px;
}
.focus-img img {
  width: 100%;
  object-fit: cover;
  height: 390px;
}
.focus-text {
  padding-left: 60px;
  margin: 30px 0;
}
.focus-text h4,
.about-text h4 {
  color: #011866;
  font-weight: 700;
}
.focus-text ul {
  padding-left: 30px;
}
.focus-text ul li {
  list-style-type: disc;
}
.initiaves {
  position: relative;
}
.initiaves:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7%;
  background-image: url(https://dddemo.net/wordpress/2022/coda/wp-content/uploads/2022/06/initiatives.png);
  width: 565px;
  height: 655px;
  background-repeat: no-repeat;
  background-size: cover;
}
.initiaves-wrap {
  position: relative;
  z-index: 9;
}
.early-coda {
  padding-bottom: 40px;
  padding-top: 80px;
}
.block-wrap {
  padding: 10px 16px;
  background-color: #fff;
}
.block-wrap p {
  font-weight: 500;
  margin-bottom: 0;
}
.first-row {
  padding-bottom: 40px;
}
.first-row h4 {
  color: #001866;
  font-weight: 700;
}
.first-row h4 .first-row p {
  margin-bottom: 0;
}
.third-row {
  padding: 40px 0;
}
.involve-wrap {
  padding: 0 15px;
}
.involve {
  background-image: url(https://dddemo.net/wordpress/2022/coda/wp-content/uploads/2022/06/casestudy-offshore-colour-small-min-4.png);
  background-repeat: no-repeat;
  background-size: 60% 100%;
  background-position: right;
  padding-top: 130px;
  padding-bottom: 110px;
  z-index: 9;
  position: relative;
  margin-left: 10%;
  border-radius: 7px;
  background-color: #001866;
}
.involve:before {
  content: "";
  display: block;
  background: linear-gradient(90deg, #001866 39%, rgba(0, 24, 102, 0) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.involve-right {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 24px;
  position: relative;
}
.involve-left {
  margin-bottom: 40px;
}
.involve-left p {
  color: #fff;
}
.involve-wrap h4 {
  color: #fff;
  font-weight: 700;
}
.involve-wrap h4 {
  color: #fff;
}
.involve-right h5 {
  color: #fff;
  font-weight: 500;
}
.intersted {
  background-color: #e9f8ff;
  border-radius: 5px;
  padding: 20px 24px 45px 24px;
  position: relative;
}
.intersted h4 {
  color: #000;
}
.involve-right p {
  color: #fff;
}
.involve-right .btn-wrap {
  position: absolute;
  bottom: -25px;
}
.intersted .btn-wrap {
  position: absolute;
  bottom: -25px;
}
.involve-wrap a {
  color: #fff;
}
.involve-wrap .btn-transpernt-wrap a {
  font-size: 18px;
  color: #fff !important;
  border: 1px solid #009fe3;
}
.btn-transpernt-wrap {
  margin-top: 7%;
  margin-left: 30px;
}
.block-wrap .row {
  margin: 0;
}
.block-wrap .col-2 {
  padding: 0;
}
.research {
  padding: 80px 0 85px 0;
}
.research-wrap h4 {
  color: #001866;
  font-weight: 700;
}
.research-wrap .btn-wrap a {
  font-size: 18px;
}
.intersted a,
.involve-right a {
  font-size: 18px;
}
/* Newsletter section */
.newsletter .row {
  align-items: center;
  margin: 0 auto;
  width: 100%;
  justify-content: center;
}
.newsletter .text-center {
  text-align: center !important;
  max-width: 94%;
  margin: 0 auto;
}
.newsletter-left {
  width: 10%;
}
.newsletter-center {
  width: 70%;
}
.newsletter-right {
  width: 20%;
}
.newsletter .text-left .text-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.newsletter .text-center .text-wrapper {
  justify-content: flex-start;
  margin-bottom: 20px;
}
.newsletter .text-left .text-wrapper h4 {
  padding-left: 2%;
  text-align: left;
}
.newsletter .text-left .text-wrapper img {
  max-width: 47px;
}
.newsletter .text-left span {
  font-size: 24px;
}
.single-post h5 {
  margin-bottom: 5px;
}
.single-post h5:first-child {
  margin-bottom: 20px;
}
.single-post ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.single-post .nav-bar ul li .sub-menu {
  padding-left: 0px;
}
.single-post .footer ul {
  padding-left: 0px;
  margin-bottom: 0px;
}
.single-post ul li {
  list-style: disc;
}
.single-post .footer ul li {
  list-style: none;
}
.single-post .single-post-data a {
  color: #009fe3 !important;
  border-bottom: 1px solid #009fe3;
}
.single-post .single-post-data a:hover {
  color: #000 !important;
  border-bottom: 1px solid #000;
}
.single-post .single-post-data .link-wrap {
  border-bottom: 1px solid #009fe3;
}
.filter-bar .container {
  padding-left: 0;
  padding-right: 0;
}

/*Event Page css*/
.event-list-menu {
  border-bottom: 1px solid #a7a7a7;
}
.event-list ul {
  display: flex;
  gap: 40px;
}
.event-list ul li a {
  padding: 17px 30px;
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  line-height: 38px;
  color: #000;
}
.event-list ul li a.active {
  background: rgba(0, 159, 227, 0.05);
  color: #009fe3;
  border-bottom: 3px solid #009fe3;
}
.event-content-main {
  padding: 80px 0 100px 0;
}
.ecitb-certification a,
.entry_requirements a,
.event-top-section p a,
.how_you_will_study a {
  color: #009fe3;
  text-decoration: underline;
  font-weight: 500;
}
.event-content-body p {
  line-height: 23.4px;
}
.entry_requirements ul li:before,
.event-top-section ul li:before,
.where_this_will_take_you ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  display: inline-block;
  background-color: #009fe3;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.entry_requirements ul li,
.event-top-section ul li,
.where_this_will_take_you ul li {
  padding-left: 22px;
  position: relative;
}
.event-top-section ul {
  margin-bottom: 40px;
  margin-top: 24px;
}
.event-list-menu.fixed {
  position: sticky;
  top: 0;
  z-index: 99;
  width: 100%;
  background-color: #fff;
}
.ecitb-certification a:hover,
.entry_requirements a:hover,
.event-top-section p a:hover,
.how_you_will_study a:hover {
  text-decoration: none;
}
.how_you_will_study h5,
.how_you_will_study p {
  margin-bottom: 24px;
}
.ecitb-certification {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 80px 0 100px 0;
}
.ecitb-certification .ecitb-left {
  max-width: 500px;
  width: 100%;
}
.event-content-main p {
  font-size: 18px;
}
.event-content-body h2 {
  font-size: 40px;
  font-weight: 700;
  color: #011866;
  margin-bottom: 30px;
}
.event-content-body h5 {
  margin-bottom: 24px;
}
.what_you_will_study {
  padding-bottom: 70px;
}
.what_you_will_study ol {
  margin: 0 0 40px 0;
  padding: 0 0 0 18px;
}
.what_you_will_study ol li {
  list-style-type: decimal;
  line-height: 23.04px;
}
.what_you_will_study ul li {
  display: flex;
  margin-bottom: 32px;
  line-height: 23.4px;
}
.what_you_will_study ul li span.icon-img {
  margin: 7px 0 0 0;
}
.what_you_will_study ul li span.text {
  width: calc(100% - 36px);
  margin-left: 20px;
}
.what_you_will_study h5 {
  margin-bottom: 30px;
}
.what_you_will_study_inner {
  display: flex;
  column-gap: 50px;
  margin-left: 40px;
}
.how_you_will_study_video {
  margin: 40px 0 80px 0;
}
.course-developers-bottom,
.course-developers-top {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 60px;
  column-gap: 10px;
}
.course-developers-col .developers-profile {
  text-align: center;
  width: 100%;
  margin-bottom: 60px;
}
.course-developers-col .developers-profile img {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  object-fit: cover;
  object-position: top;
}
.course-developers-col .developers-profile h3 {
  font-size: 24px;
  line-height: 30.72px;
  margin: 24px 0;
}
.meet-course-developers {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 40px;
}
.how_you_will_study .developers-profile a.defualt-btn {
  font-size: 20px;
  padding: 10px 20px;
  text-decoration: none !important;
  display: inline-block;
}
.where_this_will_take_you {
  padding: 0px 0 100px 0;
}
.where_this_will_take_you ul li a {
  color: #009fe3;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
}
.where_this_will_take_you ul li a:hover {
  text-decoration: none;
}
.where_this_will_take_you ul {
  margin-bottom: 40px;
}
.where_this_will_take_you p {
  margin-bottom: 24px;
}
.accordion_box .accordion_title {
  padding: 23px 24px;
  margin-bottom: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 10px;
  font-size: 20px !important;
  border: 1px solid #e3e3e3;
  position: relative;
}
.accordion_title h5 {
  font-size: 20px;
  line-height: 38px;
  margin: 0;
}
.accordion_sec .accordion_box {
  margin-bottom: 20px;
}
.ask-us-questiont {
  margin-top: 40px;
}
.arrow {
  position: absolute;
  right: 30px;
  cursor: pointer;
  transition: all 0.4s;
  cursor: pointer;
}
.accordion_content {
  margin: 30px 0;
  display: none;
}
.entry_requirements .accordion_sec {
  padding-top: 0px;
}
.entry_requirements .accordion_box.active img.plus {
  display: none;
}
.entry_requirements .accordion_box.active img.minus {
  display: block;
}
.entry_requirements img.plus {
  display: block;
}
.entry_requirements img.minus {
  display: none;
}
.entry_requirements .arrow {
  position: absolute;
  right: 28px;
  transition: all 0.4s;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}
.entry_requirements .arrow img {
  filter: invert(0%) brightness(0%);
}
.accordion_sec ul {
  margin-bottom: 24px;
}
.event-register-now.filter {
  background-color: #fff;
  padding: 50px 24px 40px 24px;
  border-radius: 5px;
  margin-top: 30px;
  z-index: 9;
  position: relative;
}
.event-register-now h5 {
  margin-bottom: 24px;
  line-height: 38px;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}
.event-form-group label {
  font-size: 20px;
  min-width: 140px;
  margin-right: 30px;
  font-weight: 500;
  line-height: 25.6px;
}
.event-form-group {
  display: flex;
  margin-bottom: 14px;
}
.event-form-group select.select-box.order-list {
  width: 100%;
  min-width: unset;
}
.event-form-group span {
  font-size: 20px;
  line-height: 25.6px;
  color: #000;
}
.event-register-cost .event-form-group {
  justify-content: space-between;
  margin: 0;
}
.event-register-cost {
  margin: 24px 0 40px 0;
  background-color: #dcf5ff;
  border-radius: 5px;
  padding: 10px 20px;
}
.event-register-cost .event-form-group span {
  font-weight: 500;
}
.event-register-now a.defualt-btn {
  width: 100%;
  text-align: center;
}
.event-list-mian .event-register-now.filter {
  margin: 0;
  position: sticky;
  top: 110px;
}
.event-content-body {
  padding-right: 20px;
}
.apply-course-section .event-register-now.filter {
  margin: 0;
  max-width: 410px;
  margin: 0 auto;
}
.apply-course-section {
  padding: 100px 0;
  background-color: #fff;
}
.apply-course-section .event-register-now.filter {
  max-width: 445px;
  margin: 0 auto;
}
.apply-course-section {
  padding: 100px 0;
  background-color: #fff;
}
.apply-course-section .event-register-form-details > .event-form-group,
.event-content-main .event-register-form-details > .event-form-group {
  flex-direction: column;
}
.apply-course-section .event-register-form-details > .event-form-group label,
.event-content-main .event-register-form-details > .event-form-group label {
  margin: 0 0 10px 0;
}
.apply-course-section .event-register-now.filter h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 51px;
  margin-bottom: 32px;
  color: #011866;
}

/*Event Page css*/
td.em-bookings-ticket-table-price {
  font-weight: bold;
}
.em-wc-attendees {
  width: 20%;
  float: left;
}
.checkout-products .em-wc-attendees{
  width: auto;
  float: none;
}
.event-response {
  margin: 24px 0 40px 0;
  background-color: #ffdcdc;
  border-radius: 5px;
  padding: 10px 20px;
  display: none;
}
.event-response a {
  color: #009fe3;
  text-decoration: underline;
}

.woocommerce table.shop_table {
  border: 1px solid rgb(10 25 100 / 50%);
  border-radius: 0;
}
.woocommerce table.shop_table td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
  border-top: 1px solid rgb(10 25 100 / 50%);
}
.woocommerce table.shop_table th {
  font-weight: 500;
  color: #000;
}

.woocommerce table.shop_table th {
  font-weight: 500;
  color: #000;
}

.woocommerce a.remove {
  color: #0a1964 !important;
  font-weight: 500;
}

.woocommerce a.remove:hover {
  color: #000 !important;
  background-color: transparent !important;
  opacity: 0.6;
}

.woocommerce table.shop_table td span.woocommerce-Price-amount.amount {
  font-weight: 500;
  color: #000;
}

.woocommerce-page table.cart td.actions input[type="text"] {
  width: auto;
  border: 1px solid #000 !important;
  padding: 10px 24px !important;
  line-height: 24px;
  font-size: 16px;
  border-radius: 5px !important;
}

.woocommerce-page table.cart td.actions input[type="text"]::placeholder {
  color: #000;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  margin-top: 30px;
}

.woocommerce table.shop_table tbody th {
  font-weight: 500;
}

.woocommerce .cart .button,
.woocommerce-cart .button,
.woocommerce-form-coupon button,
.woocommerce #payment #place_order {
  font-style: normal;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 21px !important;
  font-feature-settings: "liga" off;
  color: #ffffff !important;
  background: #009fe3 !important;
  border-radius: 150px !important;
  padding: 12.5px 32px !important;
  font-family: "TT Norms";
  display: inline-block;
  transition: all 0.4s;
}
.woocommerce .cart .button:hover,
.woocommerce-cart .button:hover,
.woocommerce-cart .button:disabled:hover,
.woocommerce-form-coupon button:hover,
.woocommerce #payment #place_order:hover {
  background: #011866 !important;
  opacity: 1 !important;
}

.woocommerce #payment #place_order {
  text-transform: capitalize;
}

.woocommerce-form-coupon button {
  padding: 18.5px 32px !important;
}

.woocommerce form.checkout_coupon {
  border: 1px solid rgb(10 25 100 / 50%) !important;
}

.cart_totals h2 {
  font-size: 40px;
  color: #0a1964;
  font-weight: 600;
  text-transform: capitalize;
}

.woocommerce-cart .product-remove a.remove img {
  width: 15px;
  top: -3px;
  position: relative;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  font-size: 15px;
  border-radius: 5px;
  padding: 16px 24px !important;
  line-height: 24px;
  border: 1px solid #000;
  color: #000;
  font-family: "TT Norms";
  font-feature-settings: "liga" off;
}

.woocommerce form .form-row textarea {
  height: 100px;
}

.woocommerce-checkout .select2-container--default .select2-selection--single {
  height: 58px;
  border-color: #000;
}

.woocommerce-checkout .select2-dropdown {
  border: 1px solid #000;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 58px;
  height: 100%;
  color: #000;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}

.woocommerce-cart .btn-wrap.mt-0,
.woocommerce-checkout .btn-wrap.mt-0,
.woocommerce-cart p.return-to-shop {
  display: none;
}

.wc-stripe-elements-field {
  padding: 10px !important;
}

.woocommerce-checkout #payment div.payment_box .form-row {
  padding: 0;
}

.woocommerce-checkout #payment div.payment_box .form-row label {
  font-weight: 500;
}

.woocommerce-SavedPaymentMethods-saveNew label {
  font-weight: 400 !important;
}

.em-wc-attendee-title strong {
  font-weight: 400;
  text-decoration: none !important;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
h3#order_review_heading {
  font-size: 30px;
}

.woocommerce form .form-row label {
  line-height: 2;
  color: #000;
}

.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
  color: #000;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
  margin-bottom: 30px;
}

.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  border-top: 1px solid rgb(10 25 100 / 50%) !important;
}

.woocommerce table.shop_table tfoot th {
  font-weight: 500;
}

/**************challenge-steps**************/

/* steps-block start */

.challenge-step-wrap {
  padding: 20px;
  background: #e9f8ff;
  border-left: 4px solid #1432ce;
  display: flex;
  gap: 20px;
}
.step-box {
  text-align: center;
  width: 240px;
  position: relative;
}
.step-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.btn-step {
  max-width: 145px;
  width: 100%;
  background: #1432ce;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 3px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  line-height: normal;
  text-align: left;
}
.step-wrap img {
  margin-left: -70px;
  width: 60px;
}
.challenge-steps .step-box h5 {
  font-size: 28px;
  line-height: 30px;
  color: #011866;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 0;
}
.step-box:nth-child(3) h5,
.step-box:nth-child(4) h5 {
  max-width: 140px;
  margin: 0 auto;
}
.step-box:after {
  content: "";
  position: absolute;
  top: 19%;
  right: -21%;
  background-image: url(https://www.decommissioning.org.au/wp-content/uploads/2024/03/dotted-line.png);
  width: 71px;
  height: 6px;
  background-size: contain;
  background-repeat: no-repeat;
}

.step-box:last-child:after {
  display: none;
}
@media (max-width: 1399px) {
  .challenge-steps .step-box h5 {
    font-size: 23px;
    line-height: 23px;
  }

  .step-box:after {
    width: 50px;
    top: 24%;
  }
  .btn-step {
    max-width: 126px;
    font-size: 14px;
  }
  .step-wrap img {
    margin-left: -60px;
    width: 50px;
  }
}

@media (max-width: 1024px) {
  .challenge-steps .step-box h5 {
    font-size: 20px;
    line-height: 23px;
  }
  .step-box:after {
    width: 40px;
    top: 19%;
  }
  .btn-step {
    max-width: 112px;
    font-size: 12px;
  }
  .step-wrap img {
    margin-left: -50px;
    width: 40px;
  }
}

@media (max-width: 991px) {
  .challenge-steps .step-box h5 {
    font-size: 16px;
    line-height: 16px;
  }
  .step-box:after {
    width: 40px;
    top: 19%;
    right: -26%;
  }
  .step-wrap img {
    margin-left: -38px;
    width: 34px;
  }
  .btn-step {
    max-width: 92px;
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .challenge-step-wrap {
    flex-wrap: wrap;
  }
  .step-box {
    width: 170px;
  }
  .step-box:after {
    display: none;
  }
}

@media (max-width: 425px) {
  .step-box {
    width: 100%;
  }
}
/* steps-block End */

body:has(.submit-challenge),
body:has(.common-contentDiv),
body:has(.all-challenges) {
  background: #ffffff;
}

.challenge-steps {
  padding: 50px 0px 90px;
  clear: both;
}
.challenge-steps .challenge-image {
  margin-bottom: 50px;
}
.challenge-steps h4,
.common-contentDiv h4,
.all-challenges h4 {
  color: #011866;
  font-weight: 700;
}
.challenge-steps h5,
.common-contentDiv h5 {
  font-weight: 500;
}
.challenge-steps p,
.challenge-steps li {
  font-size: 18px;
  line-height: 23px;
  color: #181818;
}
.challenge-steps ul,
.common-contentDiv ul {
  display: inline-flex;
  flex-direction: column;
  margin-right: 50px;
}

.challenge-steps li,
.common-contentDiv li {
  padding-left: 15px;
  position: relative;
  margin-bottom: 10px;
}
.challenge-steps li:before {
  content: "• ";
  font-size: 19px;
  font-weight: 700;
  position: absolute;
  left: 0;
  line-height: 20px;
  color: #009fe3;
}
.common-contentDiv ul {
  margin-left: 15px;
}
.common-contentDiv li {
  padding-left: 0;
  list-style-type: disc;
  margin-bottom: 0;
}
.event-top-section ul li:before{
  display: none;
}
.event-top-section ul li {
  list-style-type: disc;
  padding-left: 0;
}
.event-top-section ul {
  margin-left: 18px;
}
.common-contentDiv ol {
  /* margin-left: 20px; */
  margin-left: 15px;
}
.common-contentDiv ol li {
  list-style: decimal;
  padding: 0;
  margin-bottom: 0;
}
.common-contentDiv ol li:before {
  display: none;
}
.banner-text ul,
.banner-text ol {
  color: #fff;
  padding: 0;
}
.banner-text ul {
  margin-left: 21px;
}
.banner-text ol {
  margin-left: 15px;
}
.banner-text ul li {
  list-style: disc;
  margin-bottom: 10px;
}
.banner-text ol li {
  list-style: decimal;
  margin-bottom: 10px;
  padding-left: 5px;
}
/*-----------------*/

.submit-challenge {
  clear: both;
  margin-bottom: 100px;
}
.submit-challenge:has(+ .common-contentDiv) {
  margin-bottom: 0;
}
.challenge-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  text-align: center;
  border-radius: 24px;
  min-height: 295px;
  position: relative;
  height: 100%;
}
.col-left .challenge-box,
.submit-challenge.closed .col-right .challenge-box {
  background-color: #1432ce;
  color: #ffffff;
}
.col-right .challenge-box,
.submit-challenge.closed .col-left .challenge-box {
  background-color: #f5f6f6;
  color: #181818;
  border: 1px solid #e4e4e4;
}
.challenge-box h5 a {
  color: #1432ce;
}
.col-left .challenge-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.submit-challenge .upload-icon {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 64px;
  height: 64px;
  left: 0;
  right: 0;
}
.submit-challenge .upload-icon:before {
  content: " ";
  background-image: url(../img/upload-challenge.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 64px;
  height: 64px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 1;
  background-color: #1432ce;
}
.submit-challenge.closed .upload-icon:before {
  background-color: #f5f6f6;
  background-image: url(../img/upload-challenge-closed.svg);
}
.col-left .challenge-box .defualt-btn {
  margin-top: 24px;
  background-color: #ffffff;
  color: #1432ce !important;
}
.submit-challenge.closed .col-left .challenge-box .defualt-btn {
  background-color: #aaaaaa !important;
  color: #ffffff !important;
  cursor: not-allowed;
}
.submit-challenge.closed .col-left .challenge-box h5 b {
  color: #1432ce;
}
.col-left .challenge-box h5 {
  margin-bottom: 0px;
  margin-top: 24px;
}
.col-left .challenge-box h5 {
  margin-bottom: 0px;
  margin-top: 24px;
}
.challenge-box .defualt-btn {
  border: none;
  border-radius: 14px;
  width: 100%;
  font-size: 24px;
  line-height: 30px;
  padding: 20px 40px;
  background-color: #1432ce;
}
.challenge-box .defualt-btn:hover {
  background: #7cd8ff !important;
  color: #011866 !important;
}
.col-right .challenge-box .dec {
  color: #1432ce;
}
.submit-challenge.closed .col-right .challenge-box .dec {
  color: #ffffff;
}
.submit-challenge.closed .col-right .challenge-box .defualt-btn {
  background-color: #ffffff;
  color: #1432ce !important;
}
.common-contentDiv .row {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.common-contentDiv iframe {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.common-contentDiv .iframe-main {
  text-align: center;
  position: relative;
  max-width: 850px;
  margin: 30px auto 100px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.common-contentDiv .accordion-wrapper {
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-bottom: 100px;
  margin-top: 24px;
}
.common-contentDiv p {
  font-size: 18px;
  color: #181818;
}
.common-contentDiv .accordion-wrapper:has(+ p) {
  margin-bottom: 60px;
}
.common-contentDiv .accordion-wrapper .accordion-box {
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  transition: all 0.3s;
}
.common-contentDiv .accordion-wrapper .accordion-box:hover {
  background: #f5f6f6;
}
.accordion-wrapper .accordion-box > a {
  padding-right: 25px;
}
.common-contentDiv .row > p > a,
.common-contentDiv .row > p > p > a {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 21px;
  font-feature-settings: "liga" off;
  color: #ffffff !important;
  background: #1432ce;
  border-radius: 150px;
  padding: 16px 32px;
  display: inline-block;
  font-family: "TT Norms";
  transition: all 0.4s;
  width: auto;
  margin-top: 10px;
}
.common-contentDiv .row > p > a:hover,
.common-contentDiv .row > p > p > a:hover {
  background: #7cd8ff;
  color: #011866 !important;
}
.accordion-box span.accordion-sign {
  position: absolute;
  right: 30px;
  left: auto;
  width: 20px;
  height: 20px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.accordion-box .accordion-sign:before,
.accordion-box .accordion-sign:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #1432ce;
  transition: all 0.5s;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 5px;
}
.accordion-box .accordion-sign:before {
  height: 2px;
  width: 16px;
}
.accordion-box .accordion-sign:after {
  height: 16px;
  width: 2px;
}
.accordion-box .accordion-sign.opened:after {
  height: 0;
}
.accordion-wrapper .accordion-box > a {
  padding: 24px;
  padding-right: 50px;
}
.accordion-wrapper .accordion-box > a.active {
  padding-bottom: 10px;
}
.accordion-wrapper .accordion-box .content {
  padding: 0 24px;
}
.common-contentDiv .accordion-wrapper .accordion-box .accordion-title {
  color: #000000;
  font-weight: 500;
}
.common-contentDiv p:has(.back-btn) {
  text-align: center;
}
a.back-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 21px;
  font-feature-settings: "liga" off;
  color: #ffffff !important;
  border-radius: 150px;
  padding: 16px 32px;
  display: inline-block;
  font-family: "TT Norms";
  transition: all 0.4s;
  width: auto;
  margin-top: 10px;
  background: #1432ce !important;
  padding-left: 64px !important;
  position: relative;
}
a.back-btn:hover {
  background: #7cd8ff !important;
  color: #011866 !important;
}
a.back-btn:before {
  content: " ";
  background-image: url(../img/left-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 25px;
  bottom: 0;
  margin: auto;
}
a.back-btn:hover:before {
  filter: brightness(0) saturate(100%) invert(10%) sepia(50%) saturate(4527%) hue-rotate(222deg) brightness(90%) contrast(112%);
}
.common-contentDiv .form-wrapper {
  text-align: center;
  position: relative;
  padding-top: 56%;
  background-color: #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.single-challenge .common-contentDiv .accordion-wrapper {
  margin-bottom: 0;
}
.common-contentDiv .form-wrapper span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 50px;
  font-weight: 500;
  line-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*--------------------*/
.all-challenges {
  margin: 100px 0px 85px;
}
.search-form.challenge .input-wrraper {
  position: relative;
  margin: 50px 0px;
}
.search-form.challenge input[type="text"] {
  border: 1px solid #181818;
  background: transparent;
  font-size: 20px;
  line-height: 25px;
  padding: 16px;
  padding-right: 60px;
  width: 100%;
  font-variant-ligatures: none;
}
.search-form.challenge input[type="submit"] {
  background-color: transparent;
  background-image: url(../img/u_search.svg);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  font-size: 0;
  height: 57px;
  width: 65px;
  position: absolute;
  left: auto;
  right: 0;
  top: 1px;
}
.search-form.challenge input[type="submit"]:hover {
  filter: brightness(0) saturate(100%) invert(8%) sepia(97%) saturate(7500%) hue-rotate(242deg) brightness(95%) contrast(92%);
}
.challenges-wrapper {
  clear: both;
  position: relative;
}
.challenges-wrapper .row {
  row-gap: 60px;
}
.challenges-wrapper .all-challenge-box {
  height: auto;
}
.challenges-wrapper .all-challenge-wrapper > * {
  margin-bottom: 0;
}
.challenges-wrapper .all-challenge-wrapper {
  padding: 40px;
  background: #f5f6f6;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  color: #181818;
  height: 100%;
  font-size: 18px;
}
.challenges-wrapper .all-challenge-wrapper p:last-child {
  text-align: center;
}
.challenges-wrapper .all-challenge-wrapper.processing {
  background: #1432ce;
  color: #ffffff;
  border-color: #d2dfe5;
  font-size: 18px;
}
.challenges-wrapper .all-challenge-wrapper.processing a {
  color: #ffffff;
}
.challenges-wrapper .all-challenge-wrapper a {
  color: #181818;
}
.challenges-wrapper .all-challenge-wrapper.processing p {
  font-size: 18px;
}
.challenges-wrapper .all-challenge-wrapper .process span {
  background: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 23px;
  padding: 3px 12px;
  border-radius: 40px;
}
.challenges-wrapper .all-challenge-wrapper.processing .process span {
  background: #ffffff;
  color: #1432ce;
}
.challenges-wrapper .all-challenge-wrapper .defualt-btn {
  border-radius: 14px;
  background: #1432ce;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  padding: 14px 25px;
}
.challenges-wrapper .all-challenge-wrapper .defualt-btn:hover,
.challenges-wrapper .all-challenge-wrapper.processing .defualt-btn:hover {
  background: #7cd8ff;
  color: #011866 !important;
}
.challenges-wrapper .all-challenge-wrapper .challenge-title {
  color: #001866;
}
.challenges-wrapper .all-challenge-wrapper.processing .challenge-title {
  color: #ffffff;
}
.challenges-wrapper .all-challenge-wrapper.processing .defualt-btn {
  background-color: #ffffff;
  color: #1432ce !important;
}
.challenges-wrapper .all-challenge-box p {
  font-size: 18px;
  line-height: 23px;
}
.challenges-wrapper .pagination {
  display: inline-flex;
  margin: 0;
}
.challenges-wrapper a.back-btn {
  position: absolute;
  top: auto;
  bottom: 0;
}
.challenges-wrapper .pagination .page-numbers {
  border-color: #1432ce;
}
.challenges-wrapper .pagination .next.page-numbers,
.challenges-wrapper .pagination .prev.page-numbers {
  background-color: #1432ce;
}
.challenges-wrapper .page-numbers.current,
.challenges-wrapper .page-numbers:hover {
  color: #1432ce;
  background-color: rgba(233, 248, 255, 1);
}
.challenges-wrapper .page-numbers.prev:hover::before,
.challenges-wrapper .page-numbers.next:hover::before {
  filter: brightness(0) saturate(100%) invert(10%) sepia(87%) saturate(5965%) hue-rotate(237deg) brightness(93%) contrast(96%);
}
.challenges-wrapper .page-numbers.prev:hover,
.challenges-wrapper .page-numbers.next:hover {
  background: transparent;
}
#pagination_wrapper {
  margin-top: 60px;
  min-height: 56px;
}
.common-contentDiv .solution-submit-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: auto;
  padding: 16px;
  background: #e9f8ff;
  border: 1px solid #e3f1f8;
  border-radius: 0pc 0pc 30px 30px;
  margin-top: 0;
  z-index: 9;
}
@-webkit-keyframes fixedAnim {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-moz-keyframes fixedAnim {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes fixedAnim {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.common-contentDiv .solution-submit-wrapper.fixed {
  position: sticky;
  left: auto;
  right: 0;
  bottom: auto;
  margin-left: auto;
  -webkit-font-smoothing: antialiased;
  animation: 0.9s ease 0s normal both 1 running fixedAnim;
  -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;
}
.common-contentDiv .solution-submit-wrapper .solution-submit.defualt-btn {
  background: #1432ce;
  border-radius: 14px;
  color: #fff !important;
  font-size: 24px;
}
.common-contentDiv .solution-submit-wrapper .solution-submit.defualt-btn:hover {
  background: #7cd8ff;
  color: #011866 !important;
}

@media only screen and (min-width: 768px) {
  .challenges-wrapper .row {
    margin-left: -15px;
    margin-right: -15px;
    row-gap: 60px;
  }
  .challenges-wrapper .all-challenge-box {
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
  }
}
@media only screen and (min-width: 1400px) {
  .challenges-wrapper .row {
    margin-left: -30px;
    margin-right: -30px;
    row-gap: 60px;
  }
  .challenges-wrapper .all-challenge-box {
    padding-left: 30px;
    padding-right: 30px;
    height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .submit-challenge .row {
    row-gap: 30px;
  }
  .common-contentDiv .accordion-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  .common-contentDiv p:has(iframe) {
    max-width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
  }
  #pagination_wrapper {
    margin-bottom: 100px;
  }
  .challenges-wrapper a.back-btn {
    left: 0;
    right: 0;
    max-width: 310px;
    margin: auto;
  }
}
@media only screen and (max-width: 767px) {
  .banner.with-logo .row {
    row-gap: 25px;
  }
  .challenges-wrapper {
    margin-bottom: 0;
  }
  .banner.with-logo .row img.banner-logo {
    max-width: 250px;
  }
  .common-contentDiv .accordion-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
  .col-left .challenge-box h5 {
    margin-bottom: 0px;
    margin-top: 24px;
  }
  .submit-challenge h5,
  .submit-challenge a,
  .challenge-box .defualt-btn {
    font-size: 22px;
  }
  .common-contentDiv .accordion-wrapper .accordion-box .accordion-title {
    font-size: 18px;
  }
  .challenge-steps {
    padding-bottom: 20px;
  }
  .submit-challenge,
  .common-contentDiv .accordion-wrapper,
  .common-contentDiv .accordion-wrapper:has(+ p) {
    margin-bottom: 50px;
  }
  .common-contentDiv p:has(iframe) {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .common-contentDiv .row {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .common-contentDiv .form-wrapper span {
    font-size: 25px;
  }
  .common-contentDiv .row p a.back-btn {
    font-size: 18px;
  }
  .common-contentDiv .form-wrapper {
    margin-top: 10px;
    margin-bottom: 50px;
  }
  .challenges-wrapper .all-challenge-wrapper .defualt-btn {
    font-size: 22px;
  }
  .common-contentDiv .solution-submit-wrapper {
    padding: 10px;
    border-radius: 0pc 0pc 15px 15px;
  }
  .common-contentDiv .solution-submit-wrapper .solution-submit.defualt-btn {
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 10px;
  }
  .banner.with-logo:after {
    display: block !important;
    width: 110px;
    height: 310px;
    top: auto;
    background-size: cover;
  }
}
@media only screen and (max-width: 575px) {
  .submit-challenge h5,
  .submit-challenge a,
  .challenge-box .defualt-btn {
    font-size: 20px;
  }
  .filter-bar-wrap form select:not(:first-child) {
      margin-left: 0;
  }
  .filter .select-box {
      min-width: 100%;
  }
  .challenge-box {
    padding: 25px;
  }
  .challenge-box .defualt-btn {
    padding: 12px 20px;
  }
  .col-left .challenge-box h5 b {
    display: block;
  }
  .accordion-box span.accordion-sign {
    right: 20px;
  }
  .accordion-wrapper .accordion-box > a {
    padding: 20px;
    padding-right: 40px;
  }
  .challenges-wrapper .all-challenge-wrapper {
    padding: 20px;
  }
  .challenges-wrapper .all-challenge-wrapper .defualt-btn {
    font-size: 20px;
  }
}
/*******************************/
@media only screen and (max-width: 1550px) {
  .nav-bar ul li:nth-child(4) .sub-menu {
    right: -40% !important;
  }
}

@media only screen and (max-width: 1450px) {
  /* Card css */
  .card-box-wrapper .col-md-4 {
    padding: 20px 20px;
  }
  .card-box-wrap.row {
    margin: 0 -30px;
  }
  .filter-bar .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .event-detail {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .focus-img {
    margin-left: 0;
  }
  .our-focus-wrap {
    padding: 25px;
  }
  .newsletter:before {
    z-index: -1;
  }
  .block-wrap p {
    max-height: 90px;
    overflow: hidden;
  }
  .nav-bar ul li:nth-child(4) .sub-menu {
    right: -20% !important;
  }
}

@media only screen and (max-width: 1399px) {
  .contact-form .gform_wrapper.gravity-theme .gform_footer {
    bottom: 38%;
  }
  .how_you_will_study .developers-profile a.defualt-btn {
    font-size: 18px;
    padding: 10px 20px;
  }
  .nav-bar ul li:nth-child(4) .sub-menu {
    right: 0 !important;
  }
  .banner .event-form-group select.select-box.order-list {
    padding-right: 40px;
  }
  .banner .event-form-group span {
    font-size: 16px;
  }
  .banner .event-register-cost .event-form-group span {
    font-size: 20px;
  }
  .event-form-group label {
    margin-right: 15px;
    font-size: 18px;
  }
  .capability-index-content {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 1300px) {
  .involve {
    margin-left: 0;
  }
  .gform_wrapper.gravity-theme label.gfield_consent_label {
    width: 85%;
  }
  .newsletter-center {
    width: 90%;
    text-align: left;
  }
  .newsletter-right {
    width: 100%;
    margin-top: 30px;
  }
  .contact .banner-text h2,
  .connect .banner-text h2 {
    line-height: 45px;
  }
  .banner-text p {
    line-height: 1.5;
  }
  .contact .banner-text p {
    line-height: 1.5;
  }
  .contact-form.form {
    padding: 20px 25px 28px 25px;
  }
  .focus-text {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .address {
    margin-top: 30px;
  }
  .contact-detail .col-xl-3 {
    padding-left: 12px;
  }
  .access-block {
    margin-right: 0;
  }
  .newsletter h4 {
    font-size: 32px;
  }
  .newsletter .text-left .text-wrapper img {
    width: 60px;
  }
  .newsletter:before {
    display: none;
  }
  .access-block {
    width: 30%;
  }
  .contact-form .gform_wrapper.gravity-theme .gform_footer {
    bottom: 40%;
  }
  .event-list ul li a {
    padding: 25px 20px;
  }
  .event-content-main,
  .ecitb-certification,
  .where_this_will_take_you {
    padding: 40px 0 40px 0;
  }
  .what_you_will_study_inner {
    margin-left: 20px;
  }
  .what_you_will_study_inner {
    column-gap: 20px;
  }
  .what_you_will_study {
    padding-bottom: 10px;
  }
  .event-content-body h5 {
    margin-bottom: 15px;
  }
  .how_you_will_study_video {
    margin: 40px 0 40px 0;
  }
  .course-developers-top,
  .course-developers-bottom {
    margin-top: 50px;
  }
  .course-developers-col .developers-profile img {
    width: 150px;
    height: 150px;
  }
  .course-developers-col .developers-profile h3 {
    font-size: 20px;
    line-height: normal;
    margin: 15px 0;
  }
  .how_you_will_study .developers-profile a.defualt-btn {
    font-size: 16px;
  }
  .developers-profile p {
    font-size: 16px;
  }
  .where_this_will_take_you {
    padding-bottom: 16px;
    padding-top: 0;
  }
  .event-content-body h2 {
    margin-bottom: 20px;
  }
  .entry_requirements .accordion_sec {
    padding-top: 5px;
  }
  .accordion_title h5 {
    margin: 0 !important;
  }
  .accordion_box .accordion_title {
    padding: 15px 24px;
  }
  .accordion_title h5 {
    margin: 0 !important;
    font-size: 18px;
    line-height: 28px;
  }
  .accordion_sec h5 {
    margin-bottom: 20px;
    margin-top: 10px;
    display: inline-block;
  }
  .event-list ul {
    display: flex;
    gap: 30px;
    justify-content: center;
  }
  .banner .event-register-now.filter {
    padding: 10px 15px 20px 15px;
  }
  .banner .event-form-group label {
    margin-right: 0;
    font-size: 16px;
  }
  .banner .event-register-cost .event-form-group span {
    font-size: 16px;
  }
  /*capability-index*/
  .partner_company_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1025px) {
  .gform_wrapper .gform_heading .gform_description {
    font-size: 18px;
  }
  .gform_wrapper.gravity-theme .gfield_label {
    font-size: 18px !important;
  }
  .gform_wrapper .gform_heading .gform_description {
    font-size: 18px;
  }
  .addres-title h5 {
    font-size: 18px;
  }
  .contact-form .col-12 {
    padding: 0;
  }
  .research-wrap h4 {
    word-break: break-word;
  }
  .banner.connect {
    height: 450px;
  }
  .focus-text {
    padding-left: 10px;
  }
  .involve-wrap {
    padding: 0 0px;
  }

  .card-box-wrap .card-box {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  /* Card css */
  .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  h4 {
    font-size: 32px;
  }
  .card-box-wrapper .col-md-4 {
    padding: 20px 15px;
  }
  .card-box-wrap .card-box {
    padding-left: 12px;
    padding-right: 12px;
  }
  .card-box-wrap.row {
    margin: 0 -25px;
  }
  .access {
    margin-top: 5%;
  }
  .access-block {
    margin-right: 0;
  }
  .about h2 {
    max-width: 100%;
  }
  .what-coda {
    padding: 40px 0;
  }
  .focus-text {
    padding-left: 0;
    padding-top: 30px;
  }
  .intersted {
    margin-bottom: 70px;
  }
  .involve {
    background-size: 100% 100%;
    border-radius: 0;
    padding-bottom: 60px;
    padding-top: 60px;
    padding-left: 25px;
    background-size: cover;
    background-position: center;
  }
  .involve:before {
    background: linear-gradient(90deg, #001866 39%, rgba(0, 24, 102, 0) 75%);
  }
  .block-wrap {
    margin-bottom: 15px;
  }
  .our-focus {
    margin-bottom: 60px;
  }
  .early-coda {
    padding-bottom: 30px;
  }
  .research {
    padding: 40px 0 45px 0;
  }
  .access h5 {
    color: #000;
  }
  .newsletter .text-left span {
    font-size: 20px;
  }
  .newsletter .text-center .text-wrapper {
    display: flex;
    justify-content: center;
  }
  .banner-text h2 {
    font-size: 36px;
  }
  .banner {
    padding: 142px 0 90px;
  }
  .contact-detail .col-lg-3 {
    padding-left: 12px;
    margin-top: 30px;
  }
  .card-detail h5 {
    min-height: 66px;
    max-height: 66px;
  }
  .card-detail .card-description {
    min-height: 60px;
    max-height: 60px;
    margin-bottom: 20px;
  }
  .filter-bar-wrap p {
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
  }
  /* .filter .select-box {
    min-width: 100%;
  } */
  .filter-bar-wrap form {
    justify-content: start;
}
  .page-template-contact .newsletter {
    padding: 50px 0;
  }
  .contact-form .gform_wrapper.gravity-theme .gform_footer {
    max-width: 100%;
    position: static;
    margin-top: 10px;
  }
  .connect-form {
    margin-bottom: 0;
  }
  .pagination {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .access-block {
    width: 100%;
  }
  .event-list ul {
    gap: 20px;
  }
  .event-list ul li a {
    padding: 24px 10px;
    font-size: 16px;
    line-height: 38px;
  }
  .event-content-body h2 {
    font-size: 36px;
  }
  .event-content-body h5 {
    font-size: 20px;
  }
  .ecitb-certification .ecitb-left {
    max-width: 344px;
  }
  .what_you_will_study_inner {
    margin-top: 30px !important;
  }
  .course-developers-col .developers-profile img {
    width: 120px;
    height: 120px;
  }
  .course-developers-col .developers-profile h3 {
    font-size: 15px;
    margin: 10px 0;
  }
  .developers-profile p {
    font-size: 15px;
  }
  .how_you_will_study .developers-profile a.defualt-btn {
    font-size: 12px;
    padding: 10px 13px;
  }
  .what_you_will_study_inner {
    margin-left: 0;
    flex-direction: column;
  }
  .what_you_will_study ul li span.text {
    margin-left: 10px;
  }
  .how_you_will_study_video iframe {
    height: 300px;
  }
  .event-register-now.filter {
    padding: 50px 24px 40px 24px;
    margin: 20px 0 0 0;
  }
  .event-list-mian .event-register-now.filter {
    margin: 0;
    position: sticky;
    top: 110px;
    padding: 25px 15px 25px 15px;
  }
  .event-list-mian .event-form-group label {
    font-size: 16px;
    min-width: auto;
  }
  .event-list-mian .event-register-now h5 {
    font-size: 21px;
  }
  .event-list-mian .event-register-cost .event-form-group span {
    font-weight: 500;
    font-size: 16px;
  }
  .single-course-wrap .course-name h2 {
    font-size: 35px !important;
  }
  /*capability-index*/
  .partner_company_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .partner_company_top {
    padding: 30px 15px;
  }
  .partner_company_top .row {
    max-width: 320px;
    margin: auto;
  }
  .partner_company_top .input_field {
    margin-bottom: 10px;
  }
  .partner_company_top .btn_div {
    margin-left: 0;
  }
  .partner_company_modal .modal-body {
    padding: 90px 20px 60px;
  }
  .company_logo img {
    max-width: 200px;
  }
  .banner.capability-index {
    margin-top: 0;
    padding: 0;
    position: relative;
    min-height: 365px;
  }
  .capability-index-content {
    padding-top: 22px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    font-weight: 500;
  }

  .woocommerce .cart .button,
  .woocommerce-cart .button,
  .woocommerce-form-coupon button,
  .woocommerce #payment #place_order {
    padding: 13px 15px !important;
    font-size: 14px !important;
  }
  .woocommerce-checkout .em-wc-attendees {
    width: 49%;
  }
  .woocommerce-checkout ul.wc-item-meta li {
    display: flex;
    flex-direction: column;
    margin-bottom: 4px;
  }
  /*capability-index*/
  .company_logo {
    margin-bottom: 30px;
  }
  .partner_company_list {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-wrp {
      margin-bottom: 15px;
  }

  .banner:after {
    display: none;
  }
  .banner {
    background-size: cover !important;
    background-position: center !important;
  }
  .single-post .banner:before,
  .single-our-events .banner:before {
    background: linear-gradient(90deg, #001866 5%, rgba(0, 24, 102, 0) 100%);
  }
  .newsletter-right {
    width: 100%;
  }
  /* filter-bar css */

  .select-box {
    margin-bottom: 15px;
    min-width: 200px;
  }
  .filter {
    text-align: right;
  }
  .filter-bar-wrap .col-md-6 {
    text-align: right;
  }
  .banner-text h2 {
    font-size: 28px;
    max-width: 100%;
    line-height: 45px;
  }
  .event-info {
    margin-left: 0%;
  }
  .connect-form-wrap .row .col-md-6 {
    width: 100%;
  }
  /* About css */
  .about-text-right {
    border-left: none;
    padding-left: 30px;
    padding-left: 0;
  }
  .focus-text {
    padding-left: 0px;
    margin-top: 0px;
  }
  .initiaves:before {
    display: none;
  }
  .initiaves {
    background-image: url(https://dddemo.net/wordpress/2022/coda/wp-content/uploads/2022/06/initiatives.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .block-wrap {
    max-width: 420px;
  }
  .newsletter .left-side span {
    font-size: 20px;
  }
  .connect-form {
    margin-bottom: 0;
  }
  .pagination {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .about-text-right {
    margin-top: 0;
  }
  /* Contact & connect */
  .connect-form-wrap {
    padding: 15px;
  }
  .ginput_container input::placeholder {
    font-size: 18px;
  }
  /* .filter .select-box {
    min-width: 100%;
  } */
  .newsletter-left {
    width: 20%;
  }
  .newsletter-left img {
    min-width: 50px;
  }
  .newsletter-center {
    width: 80%;
  }
  .event-list ul {
    justify-content: flex-start;
    white-space: nowrap;
    overflow-x: auto;
    gap: 0px;
  }
  .event-list ul li a {
    padding: 24px 10px;
    font-size: 14px;
    line-height: 38px;
  }
  .event-list-menu.fixed .container {
    padding: 0;
  }
  .event-content-body h2 {
    font-size: 28px;
  }
  .event-content-body h5 {
    font-size: 18px;
  }
  .event-content-main p {
    font-size: 16px;
  }
  .event-content-main,
  .ecitb-certification,
  .where_this_will_take_you {
    padding: 30px 0 30px 0;
  }
  .event-top-section ul {
    margin-bottom: 20px;
    margin-top: 4px;
  }
  .event-content-body h5 {
    margin-bottom: 10px;
  }
  .ecitb-certification {
    padding-top: 15px;
    flex-direction: column;
  }
  .ecitb-certification .ecitb-left {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .ecitb-right img {
    width: 100px;
  }
  .what_you_will_study ul li {
    display: flex;
    margin-bottom: 15px;
  }
  .how_you_will_study_video iframe {
    height: 200px;
  }
  .how_you_will_study_video {
    margin: 30px 0 30px 0;
  }
  .course-developers-top,
  .course-developers-bottom {
    margin-top: 25px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .course-developers-col .developers-profile h3 {
    font-size: 18px;
    margin: 15px 0;
    min-height: unset !important;
  }
  .course-developers-col .developers-profile {
    margin-bottom: 30px;
  }
  .course-developers-col .developers-profile p {
    min-height: unset !important;
  }
  .how_you_will_study .developers-profile a.defualt-btn {
    font-size: 15px;
    padding: 10px 20px;
  }
  .course-developers-bottom {
    margin: 0;
  }
  .course-developers-col .developers-profile:last-child {
    margin: 0;
  }
  .where_this_will_take_you ul {
    margin-bottom: 30px;
  }
  .where_this_will_take_you {
    padding-bottom: 0;
  }
  .entry_requirements .accordion_sec {
    padding-top: 5px;
  }
  .accordion_sec ul {
    margin-bottom: 10px;
  }
  .event-content-main {
    padding-bottom: 50px;
  }
  .event-register-now.filter div {
    width: auto;
  }
  .event-register-now.filter {
    padding: 10px 15px 20px 15px;
    text-align: left;
  }
  .event-register-now.filter .event-register-cost {
    padding: 10px 20px;
  }
  .event-list-mian .event-register-now.filter {
    display: none;
  }
  .apply-course-section {
    padding: 50px 0;
  }
  .apply-course-section .event-register-now.filter h2 {
    font-size: 25px;
    text-align: center;
  }
  .event-list-menu.fixed .event-list {
    display: none;
  }
  .event-list-mobile {
    position: relative;
  }

  .event-list-mobile ul {
    display: none;
  }

  #current-section-label {
    background: #fff;
    color: #000;
    padding: 10px 20px;
    position: relative;
    font-size: 18px;
  }

  .event-list-menu.fixed .menu-icon {
    top: 50%;
    transform: translateY(-50%);
  }
  .event-menu-icon {
    position: absolute;
    right: 20px;
    top: 24px;
  }

  .event-menu-icon span {
    border-radius: 15px;
  }

  .event-menu-icon .two {
    background: #011866;
    width: 32px;
    height: 3px;
    position: absolute;
    top: 10px;
    transition: all 0.5s;
  }

  .event-menu-icon .one {
    display: block;
    background: #011866;
    width: 32px;
    height: 3px;
    transition: all 0.5s;
  }

  .event-menu-icon .three {
    background: #011866;
    width: 32px;
    height: 3px;
    position: absolute;
    top: -10px;
    transition: all 0.5s;
  }

  body.event-menu-open .three {
    transform: rotate(-45deg);
    top: 0;
  }

  body.event-menu-open .two {
    transform: rotate(45deg);
    top: 0;
  }

  body.event-menu-open .one {
    background: transparent;
  }
  .single-event .nav-bar {
    top: 114px;
  }
  .single-event .banner {
    padding-top: 30px;
  }
  .event-list-mobile ul {
    padding: 0 0 0;
    background-color: #011866;
  }
  .event-list-mobile ul li {
    border-bottom: 1px solid #fff;
  }
  .event-list-mobile ul li a {
    color: #fff;
    padding: 12px 20px;
    display: inline-block;
    line-height: normal;
    position: relative;
    font-weight: 400;
  }
  .event-list-mobile ul li:last-child {
    border-bottom: 0;
  }
  .event-list-mobile ul li a:after {
    content: "";
    background-image: url("../img/down-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 10px;
    height: 6px;
    display: inline-block;
    margin-left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    margin: 2px 0 0 5px;
  }
  .single-course-wrap {
    padding: 30px 15px 10px !important;
  }
  .single-course-wrap .course-name h2 {
    font-size: 30px !important;
  }
}

@media only screen and (max-width: 640px) {
  #gform_fields_1 #field_1_7 {
    grid-column: span 12;
  }
  #gform_fields_1 #field_1_8 {
    max-width: 100%;
  }
  #gform_fields_1 #field_1_10 {
    grid-column: span 12;
  }
  .gform_wrapper #field_1_14 {
    padding-left: 0;
    margin-top: 0;
  }
  .gform_wrapper.gravity-theme label.gfield_consent_label {
    padding-left: 15px;
  }
  .gform_wrapper.gravity-theme .gfield-choice-input + label {
    padding-left: 15px;
  }
  .connect-form-wrap .gform_wrapper.gravity-theme .gfield input.medium {
    width: 100%;
  }
  .single-post-data {
    margin: 40px auto 40px auto;
  }
  .gform_wrapper #field_1_14 {
    margin-bottom: 30px;
  }
  #label_1_14_1,
  #label_1_14_2 {
    padding-left: 15px;
  }
  .newsletter h4 {
    font-size: 26px;
    line-height: 40px;
  }
  .contact-form .gform_wrapper.gravity-theme .gform_footer {
    margin-top: 25px;
  }
  .contact-form.form {
    padding: 15px 25px 28px 25px;
  }
  #input_2_13_5_container {
    margin-bottom: 15px;
  }
  #input_2_13_6_container {
    margin-bottom: 0;
  }
  .contact-form .gfmc-container .gfmc-field:first-child {
    padding-right: 0;
  }
}
@media only screen and (max-width: 567px) {
  h4 {
    font-size: 24px;
  }
  .filter div {
    width: auto;
  }
  /* .filter .select-box{min-width: 130px;} */
  .breadcrumb span {
    font-size: 16px;
  }
  .breadcrumb a {
    font-size: 16px;
    display: inline;
    word-break: break-all;
  }
  .banner {
    padding: 130px 0 60px;
  }

  .intersted a,
  .involve-right a {
    padding: 16px;
    line-height: 1;
  }
  .btn-transpernt-wrap {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .page-numbers {
    width: 40px;
    height: 40px;
    font-size: 17px;
    padding: 4px;
  }
  .page-numbers.next:before,
  .page-numbers.prev:before {
    width: 13px;
    height: 11px;
    top: 38%;
  }
  .page-numbers.prev:before {
    top: 38%;
  }
  .newsletter .text-left .text-wrapper h4 {
    text-align: left;
    line-height: 1.2;
  }
  .banner {
    padding: 110px 0 50px;
  }
  .filter-bar-wrap p {
    text-align: center;
  }
  #gform_fields_1 #field_1_12 {
    padding: 24px 10px 24px 10px;
  }
  #gform_fields_1 #field_1_13 {
    padding: 24px 10px 24px 10px;
  }
  .gform_wrapper.gravity-theme label.gfield_consent_label {
    width: 82%;
  }
  .filter-bar-wrap {
    padding: 20px 10px;
  }
  .filter div {
    width: 100%;
    padding: 0;
  }
  .filter.justify-content-end {
    justify-content: center !important;
    text-align: center !important;
    margin: 0 10px;
  }
  .contact-detail,
  .connect-form {
    margin-top: -40px;
  }
  .event-register-now.filter div {
    width: 100%;
    flex-direction: column;
  }
  .banner .event-form-group select.select-box.order-list {
    margin-bottom: 0;
    margin-top: 6px;
  }
  .event-register-cost .event-form-group {
    flex-direction: row !important;
  }
  .event-register-cost {
    margin: 24px 0 30px 0;
  }
  .apply-course-section .event-register-now.filter .event-register-cost {
    margin-top: 10px;
  }
  .apply-course-section .event-form-group {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 380px) {
  .banner.contact {
    height: 720px;
  }
  .banner.connect {
    height: 470px;
  }
  .newsletter-center {
    padding-left: 25px;
  }
  .banner {
    padding: 100px 0 50px;
  }
}

.single-course-wrap .course-booking-form .em.em-event-booking-form h3.em-booking-section-title {
  display: none;
}
.team-popup-inner .modal-header {
  justify-content: end;
  padding: 20px;
}
.course-popup .modal-content .team-popup-graphic {
  display: none;
}
.single-course-wrap .course-name h2 {
  font-size: 40px;
  line-height: normal;
}
.single-course-wrap {
  padding: 30px 30px 10px;
}
/* .course-popup .em.em-event-booking-form .em-booking-section {
  margin: 20px 0;
} */
.course-popup .em.em-event-booking-form .em-tickets {
  margin: 0;
}
.course-popup .course-booking-form h3 {
  font-size: 35px;
  margin-bottom: 15px;
  font-weight: 500;
}
.course-popup button.close:hover {
  background: #7cd8ff;
  color: #011866;
}
.course-popup button.close {
  background: #009fe3;
  color: white;
  border: 0;
  font-weight: 500;
  display: inline-block;
  transition: 0.5s;
}
.course-popup .em.pixelbones p {
  margin-bottom: 10px !important;
}
/* .course-popup .em.pixelbones.input input[type="text"] {
  margin-bottom: 0 !important;
} */
.single-course-wrap .woocommerce-error {
  margin: 0;
}
.course-popup .em.em-event-booking-form .em-booking-form .input-group input {
  border: 1px solid #000 !important;
  margin-right: 5px;
}
.course-popup .em.em-event-booking-form .em-booking-form .input-group textarea {
  border: 1px solid #000 !important;
}
.course-popup span.em-form-required {
  color: red;
}

.nav-bar ul li:nth-child(4) .sub-menu {
  left: auto;
  right: -60%;
}

/*02-06-2023(Decommissioning Innovation & Technology Roadmap)*/

.page-template-decommissioning-innovation--technology-roadmap .banner {
  padding: 90px 0 50px 0px;
  min-height: 400px;
}
.roadmap .container {
  padding-left: 0px;
  padding-right: 0px;
}

.page-template-decommissioning-innovation--technology-roadmap .banner:after {
  display: none;
}

/*First screen*/
.roadmap-title {
  display: flex;
  align-items: center;
}
.roadmap-title img {
  margin-right: 24px;
}

.roadmap-text p {
  max-width: 85%;
}

.roadmap {
  background-color: #001866;
  padding-top: 10px;
}
.road-wrapper {
  display: flex;
  justify-content: space-between;
}

.road-wrap-box {
  border: 1px dashed #fff;
  width: calc(100% - 0px);
  border-radius: 10px;
  text-align: center;
  color: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 20px;
}

.road-wrap-box p {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 0px;
}
.roadwrap-1 .roadwrap-box-first li:hover,
.roadwrap-2 .roadwrap-box li:hover,
.roadwrap-3 .roadwrap-box li:hover {
  background: #e9f8ff !important;
  color: #009fe3 !important;
}
.roadwrap-1 .roadwrap-box-first li,
.roadwrap-2 .roadwrap-box li,
.roadwrap-3 .roadwrap-box li {
  width: auto !important;
  background: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.roadwrap-1 .roadwrap-box-first li:last-child,
.roadwrap-2 .roadwrap-box li:last-child,
.roadwrap-3 .roadwrap-box li:last-child {
  margin-bottom: 0px;
}
.roadwrap-1 .roadwrap-box-first li p,
.roadwrap-2 .roadwrap-box li p,
.roadwrap-3 .roadwrap-box li p {
  font-style: normal;
  font-weight: 500;
  line-height: 31px;
  margin-bottom: 0px;
  padding: 16px 60px 16px 20px;
  position: relative;
  width: 100%;
  top: 0px;
}

.roadwrap-1 .roadwrap-box-first li p {
  font-size: 24px;
}

.roadwrap-2 .roadwrap-box li p {
  font-size: 20px;
}

.roadwrap-3 .roadwrap-box li p {
  font-size: 20px;
}

.roadwrap-1 .roadwrap-box-first li p::after,
.roadwrap-1 ul li.active .roadwrap-2 .roadwrap-box li p::after {
  position: absolute;
  content: " + ";
  font-size: 25px;
  right: 15px;
  display: flex;
  align-items: center;
  top: 0px;
  height: 100%;
}
.roadwrap-2 .roadwrap-box-first li p::after {
  position: absolute;
  content: " + ";
  font-size: 25px;
  right: 15px;
  display: flex;
  align-items: center;
  top: 0px;
  height: 100%;
}
.roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li p::after,
.roadwrap-3 .roadwrap-box li p::after{
  content: " " !important;
  display: block;
  background-image: url(../img/right-arrow-black.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  height: 100% !important;
  width: 100% !important;
  display: inline-block !important;
  position: absolute;
  top: 0;
  right: -35px !important;
  z-index: 1;
  transform: scale(0.8);
}

.roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li:hover p::after{
  background-image: url(../img/right-arrow-blues.svg);
}
/* .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li:hover p::after{
    position: absolute;
    content: " + " !important;
    font-size: 35px;
    left: 85%;
    display: flex;
    align-items: center;
    top: 0px;
    height: 100%;
    color: #009FE3;
    background: none;
    width: 100%;
} */
.roadwrap-1 .color,
.roadwrap-2 .color,
.roadwrap-3 .color {
  border-right: 8px solid #009fe3;
  border-radius: 0px 5px 5px 0px;
}
/* 
.roadwrap-3 .roadwrap-box li{
    width: 620px;
} */

.roadmap-left {
  display: flex;
  margin-bottom: 5px;
}
.road-v {
  display: flex;
  flex-direction: column;
}

.roadwrap-1 .roadwrap-box-first {
  position: relative;
}
.roadwrap-1-after {
  width: calc(100% - 125.15px) !important;
}

.roadwrap-2 .roadwrap-box {
  position: absolute;
  width: calc(100% - -10px);
  margin-left: 28px;
  top: 0px;
}

.roadwrap-3 .roadwrap-box {
  position: absolute;
  width: calc(100% - -280px);
  margin-left: 20px;
  max-height: 564px;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;  
  scrollbar-width: none; 
}

.roadwrap-3 .roadwrap-box::-webkit-scrollbar {
    display: none;
}

ul {
  margin: 0px;
  padding: 0px;
}

.roadwrap-1 {
  position: relative;
}

/* .roadmap-wrapper-left{
    width: 100%;
} */
.roadmap-wrapper-left {
  width: 100%;
}
.roadmap-wrapper-right {
  width: 100%;
}

.road-wrap-box-small {
  width: calc(100% - 720px);
  /* height: 100%; */
}

.roadwrap-1 .roadwrap-box-first li.active {
  background: #fff !important;
  color: #009fe3 !important;
  border-bottom: 0px;
}

.roadwrap-1 .roadwrap-box-first.hover li,
.roadwrap-2 .roadwrap-box-first li.hover1 {
  background: rgb(255 255 255 / 20%);
  color: #fff;
}
.roadwrap-1 ul li.active .roadwrap-2 ul li {
  background: #fff;
  color: #181818;
}
.roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 {
  color: #009fe3;
}
.roadwrap-1 ul li.active .roadwrap-2 ul li.hover1 {
  background: rgb(255 255 255 / 20%);
  color: #fff;
}
.roadwrap-1 ul li.active .roadwrap-2 ul li.hover1 .roadwrap-3 ul li {
  background: #fff;
  color: #181818;
}

.roadwrap-1 .roadwrap-box-first li.active p::after,
.roadwrap-2 ul li.hover1.active .roadbox-text p::after,
.roadwrap-1 ul li.active .roadwrap-2-1 .roadwrap-box li p::after {
  content: " - ";
}
.roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadbox-text p::after {
  content: " - ";
}
.roadmap > div > div > div.roadwrap-1 > ul > li > div > ul > li:nth-child(1) > div > ul > li {
  background: #fff;
  color: #181818;
}
.roadbox-text {
  display: flex;
  width: 100%;
}
.road-wrapper .roadwrap-1 {
  width: calc(100% - 874.83px);
}

/*second screen*/
.rm-mt-10 {
  margin-top: 10px;
}
.roadmap-inner-wrapper {
  display: flex;
}
.roadwrap-r {
  position: relative;
}
.roadwrap-r .roadwrap-box-two p {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 500;
}
.roadmap-inner-wrapper .roadwrap-l {
  position: relative;
  width: calc(100% - 999.99px);
}
.roadmap-inner-wrapper .roadwrap-box-one {
  border-radius: 5px;
  background: #fff;
  border-right: 8px solid #009fe3;
  padding: 24px 16px;
}

.roadmap-inner-wrapper .roadwrap-box-one li {
  border-radius: 5px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  transition: all 0.2s ease;
}

.roadmap-inner-wrapper .roadwrapbox-inner-1,
.roadwrap-left .roadwrapbox-inner-1 {
  background: #e9f8ff;
  color: #009fe3;
  padding: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
}

.roadmap-inner-wrapper .roadwrapbox-inner-2 {
  background: #fff;
  color: #181818;
  padding: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  padding: 12px 16px;
  border: 1px solid #e9e9e9;
}

.roadmap-inner-wrapper .roadwrapbox-inner-3 {
  background: #e9e9e9;
  color: #181818;
  padding: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  padding: 12px 26px 12px 16px;
}
.roadmap-inner-wrapper .roadwrapbox-inner-3 span {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
}

.roadmap-inner-wrapper .roadwrapbox-inner-1 .roadbox-text p {
  margin-bottom: 0px;
}

.roadbox-text-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.roadmap-cost-btn .defualt-btn {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  padding: 16px 65px;
  margin-top: 6px;
}

.roadwrapbox-inner-3 p {
  margin-bottom: 0px;
  padding-right: 45px;
  font-size: 18px;
}
.roadmap-inner-wrapper .roadwrap-1 {
  position: relative;
}
.roadmap-inner-wrapper .roadwrap-box-two {
  position: absolute;
  width: calc(100% - -340px);
  margin-left: 20px;
}

.roadmap-inner-wrapper .roadwrap-box-two li {
  width: auto !important;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  transition: all 0.2s ease;
  padding: 16px 50px 16px 20px;
  background: rgb(255 255 255 / 20%);
  color: #fff;
  border-right: 8px solid #009fe3;
}

.roadmap-inner-wrapper .roadwrap-box-two li::after {
  position: relative;
  content: " + ";
  font-size: 25px;
  right: -37px;
  display: flex;
  align-items: center;
  top: 0px;
  height: 100%;
  color: #fff;
}

.roadwrap-box-third {
  position: absolute;
  width: calc(100% - -282px);
  top: 0px;
  left: 100%;
  margin-left: 22px;
  padding: 26px 20px 26px 20px;
  background: #fff;
  border-right: 8px solid #009fe3;
  border-radius: 5px;
}
.roadwrap-box-third > div > p {
  font-size: 16px !important;
  margin-bottom: 20px !important;
}
.roadwrap-box-third ul li {
  border-right: none !important;
  color: #181818 !important;
  font-weight: 400;
  line-height: 23px;
  padding: 0 !important;
  padding-left: 45px !important;
  margin-bottom: 10px !important;
  position: relative;
  justify-content: start !important;
}
.roadwrap-box-third ul li:last-child {
  margin-bottom: 0 !important;
}
.roadwrap-box-third ul li::after {
  display: none !important;
}
.roadwrap-box-third ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 19px;
  top: 9px;
  width: 8px;
  height: 8px;
  font-size: 40px;
  border-radius: 50%;
  background-color: #009fe3;
}
.roadwrap-box-third h6 {
  color: #009fe3;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
.roadwrap-box-third p {
  color: #181818;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400 !important;
  padding-right: 10px;
}
.roadwrap-box-two li.active3 {
  background: #fff !important;
  color: #009fe3 !important;
}

.roadmap-inner-wrapper .roadwrap-box-two li.active3::after {
  content: " - ";
  color: #009fe3;
}

.roadwrap-44 {
  padding: 26px 40px 26px 20px;
  background: #fff;
  border-right: 8px solid #9747FF;
  border-radius: 5px;
  margin-left: 20px;
}
.roadwrap-44 h6 {
  margin-bottom: 20px;
  color: #009fe3;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
.roadwrap-44 ul li {
  color: #181818;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  list-style: disc;
  display: list-item;
  position: relative;
  padding-left: 45px;
}
.roadwrap-44 ul li::before {
  content: " ";
  position: absolute;
  left: 19px;
  top: 9px;
  width: 8px;
  height: 8px;
  font-size: 40px;
  border-radius: 50%;
  background-color: #009fe3;
}
.roadmap-inner-wrapper-2 .roadwrap-box-one {
  width: calc(100% - 440.04px);
}

.roadmap-inner-wrapper-2 .roadwrap-box-third {
  width: calc(100% - -640px);
}

.roadwrap-44 .img-box img {
  width: 546.11px;
  height: 410px;
  margin: 0 auto;
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.roadwrap-44 .img-box .img-text {
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #181818;
  margin-top: 34px;
  margin-bottom: 0px;
}

.roadwrap-44 .img-box .img-text a span {
  border-bottom: 2px solid #009fe3;
  font-weight: 500;
}
.roadwrap-44 ul li {
  list-style: none;
  margin-bottom: 10px;
}
.roadmap-inner-wrapper-2 {
  display: flex;
}

.roadwrap-left .nav {
  flex-direction: column;
  background: #fff;
  border-right: 8px solid #9747FF;
  border-radius: 5px;
  padding: 24px 16px;
}

.roadwrap-left .nav .roadwrapbox-inner-1 {
  background: #e9f8ff;
  color: #009fe3;
  padding: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
}
.roadwrap-left .nav .roadwrapbox-inner-2 {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  padding: 12px 16px;
  border: 1px solid #e9e9e9;
  background: #fff;
  color: #181818;
}
.roadwrap-left .nav li {
  margin-bottom: 10px;
  border-radius: 5px;
}
.roadwrap-left .nav .roadwrapbox-inner-3 {
  background: #e9e9e9;
  color: #181818;
  padding: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
}

.roadwrapbox-inner-3 .roadbox-text-inner span {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
}
.roadwrap-left {
  width: calc(100% - 666.78px);
}
.roadwrap-right {
  width: calc(100% - -640px);
}
.roadwrap-2 .roadwrap-box {
  display: none;
}
.roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 .roadwrap-box {
  display: block;
}
.roadwrap-1 .roadwrap-box-first li .roadwrap-2 .roadwrap-box {
  display: none;
}
.roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 .roadwrap-box li.active .roadwrap-3 .roadwrap-box.active {
  display: block;
}
.roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 .roadwrap-box li.active .roadwrap-3 .roadwrap-box {
  display: none;
}
.roadwrap-1 .roadwrap-box-first li .roadwrap-2 .roadwrap-box .roadwrap-3 .roadwrap-box {
  display: none;
}
.roadwrap-3 .roadwrap-box .roadbox-text p {
  color: #181818;
}
.roadmap-inner-wrapper .roadwrap-r ul li.active3 .roadwrap-33 .roadwrap-box-third {
  display: block;
}

.roadmap-inner-wrapper .roadwrap-r ul li .roadwrap-33 .roadwrap-box-third {
  display: none;
}

/*------------------- OWP Design Start -----------------------*/
.owp .road-wrapper .roadwrap-1 {
  /* width: calc(100% - 904px); */
  width: 100%;
    flex: 1 1 320px;
    min-width: 320px;
    max-width: 320px;
}
.owp .road-wrapper{
  min-height: 400px;
}
.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active .roadwrap-box.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.default-state li.active .roadbox-text p,
.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active .roadwrap-box.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li.active .roadbox-text p {
  color: #181818;
}
.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active .roadwrap-box.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li.active.selected .roadbox-text p {
  color: #009FE3;
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.default-state li .roadbox-text p {
  background: #fff;
  color: #181818;
  border-radius: 5px 0px 0px 5px;
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.default-state li .roadbox-text p:hover{
  background: #e9f8ff;
    color: #009fe3;
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li .roadbox-text p:hover{
  background: #e9f8ff !important;
    color: #009fe3;
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li:hover{
  background: #e9f8ff;
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li:hover p{
  background: #e9f8ff;
  color: #009fe3;
  border-radius: 5px 0 0 5px;
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li .roadbox-text p::after{
  background-image: url(../img/right-arrow-white.svg);
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li.active .roadbox-text p::after{
  background-image: url(../img/right-arrow-black.svg);
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li .roadbox-text p:hover::after{
  background-image: url(../img/right-arrow-black.svg);
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li.active .roadbox-text p {
  color: #009FE3;
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li .roadbox-text p,
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li {
  background: rgba(255, 255, 255, 0.10) !important;
    color: #fff;
}
.owp .road-wrapper .roadwrap-1 ul.roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li.active {
  background: #fff !important;
}

.road-wrapper{
  padding: 0px 15px;
}
.owp .roadwrap-2 .roadwrap-box{
  /* width: calc(100% - 0px); */
  width: 100%;
}
.owp .roadwrap-1-after{
  /* width: calc(100% - 111px) !important; */
  width: 100% !important;
}
.owp .roadwrap-1 .roadwrap-box-first{
  /* width: 320px; */
}
.owp .road-wrap-box-small {
  width: calc(100% - 680px);
}
.owp .road-wrap-box-small.road-wrap-box-small-1{
  width: calc(100% - 1030px);
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2-1 .roadwrap-box{
  display: none;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2-1.active .roadwrap-box{
  display: block;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2-1 .roadwrap-box .roadwrap-3 .roadwrap-box{
  display: none;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2-1 .roadwrap-box .roadwrap-3.active .roadwrap-box{
  display: block;
}
.owp .roadwrap-2-1 .roadwrap-box{
  margin-left: 20px;
  /* width: calc(100% - -9px); */
  width: 100%;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active > .roadwrap-box > li,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active >.roadwrap-box > li{
  background: rgba(255, 255, 255, 0.20);
  color: #fff;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box li.active .roadbox-text p::after {
  content: "-";
}

/* .owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li .roadwrap-2.active ul.roadwrap-box li.active .roadwrap-2-1.active > ul.roadwrap-box li {
  background: rgba(255, 255, 255, 0.20);
  color: #fff;
} */
.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li .roadwrap-2.active ul.roadwrap-box li.active .roadwrap-2-1.active ul.roadwrap-box li.active .roadwrap-3.third.active ul.roadwrap-box.active li {
  background: #fff;
}
.owp .roadmap-inner-wrapper-main .roadmap-inner-wrapper-2 .roadwrap-left .nav h4 {
  font-size: 24px;
  line-height: 100%;
}

.owp .roadwrap-1 .roadwrap-box-first li.active > .roadwrap-2 .roadwrap-box li,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 > .roadwrap-box.active li .roadwrap-2-1 ul li,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active >.roadwrap-box > li
{
  background: #fff;
  color: #181818;
}

.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active1 .roadwrap-box li {
  background: rgba(255, 255, 255, 0.20);
  color: #fff;
}




.owp .roadwrap-1 .roadwrap-box-first li.active > .roadwrap-2 .roadwrap-box li.active .roadwrap-2-1 ul.roadwrap-box li .roadbox-text p::after {
  content: "+";
}
.owp .roadwrap-1 .roadwrap-box-first li.active > .roadwrap-2 .roadwrap-box li.active .roadwrap-2-1.active ul.roadwrap-box li.active .roadbox-text p::after {
  content: "-";
}
.owp .roadwrap-1 .roadwrap-box-first li.active > .roadwrap-2.active .roadwrap-box li.active .roadbox-text p::after {
  content: "-";
}
.page-template-owp-emerging-tech-and-strategic-initiatives .roadmap-title{
  align-items: start;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .roadmap-title h2 {
  margin: 0;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .breadcrumb-wrp{
  padding-bottom: 50px;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .banner-text.roadmap-text a.defualt-btn,
.page-template-owp-emerging-tech-and-strategic-initiatives .newsletter{
  display: none;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .banner {
  padding: 215px 0 20px;
}
.page-template-owp-emerging-tech-and-strategic-initiatives section.roadmap.owp {
  padding-bottom: 80px;
  margin-top: -1px;
}


.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2.active ul.roadwrap-box.default-state li {
  background: #fff;
  color: #181818;
}
.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.default-state li.active {
  background: #fff !important;
}
.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li {
  background: rgba(255, 255, 255, 0.20) !important;
  color: #fff !important;
}
.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li.active.selected {
  background: #fff !important;
  color: #181818 !important;
}
.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li.active.selected .roadwrap-3.active .roadwrap-box.selected-state li {
  background: #fff !important;
}
/*------------------- OWP Design End -----------------------*/


/* partner showcase page */
.page-template-partner-showcase section.newsletter {
  display: none;
}
.page-template-partner-showcase .banner-text h2 > img {
  margin-right: 24px;
}
.page-template-partner-showcase .banner-text p {
  max-width: 728px;
  font-weight: 500;
}
.page-template-partner-showcase .banner:after {
  display: none;
}
.page-template-partner-showcase .header {
  padding: 46px 0;
  border-bottom: 0;
}
.comapny-form-control input[type="search"] {
  border-radius: 5px;
  border: 1px solid #181818;
  outline: 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 16px;
  color: #181818;
  width: 100%;
  background-image: url("../img/u_search.svg");
  background-repeat: no-repeat;
  background-position: center right 16px;
  background-color: #fff;
}
/* clears the 'X' from Internet Explorer */
.comapny-form-control input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.comapny-form-control input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
.comapny-form-control input[type="search"]::-webkit-search-decoration,
.comapny-form-control input[type="search"]::-webkit-search-cancel-button,
.comapny-form-control input[type="search"]::-webkit-search-results-button,
.comapny-form-control input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.nothing-found {
  text-align: center;
}
.comapny-form-control select {
  appearance: none;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  color: #181818;
  font-feature-settings: "liga" off;
  line-height: normal;
  padding: 16px;
  border-radius: 5px;
  border: 1px solid #181818;
  background: #fff;
  width: 100%;
  background-image: url("../img/triangle-down.svg");
  background-repeat: no-repeat;
  background-position: center right 16px;
}
.company-name-find {
  border-radius: 5px;
  background: #fff;
  padding: 20px 40px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.comapny-form-control.search-bar {
  width: 744px;
  margin-right: 80px;
}
.comapny-form-control.select-bar {
  width: calc(100% - 824px);
}
.partner-client {
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  text-align: center;
  height: 100%;
}
.search-company {
  margin-top: -40px;
  overflow: hidden;
  position: relative;
  z-index: 9;
  border-bottom: 1px solid #cacaca;
}
.partner-client > img {
  width: 200px;
  height: 100px;
  object-fit: contain;
}
.partner-showcase .row > div {
  padding: 0 10px;
  margin-bottom: 20px;
}
.partner-showcase .row {
  margin: 0 -10px;
}
.partner-showcase .row .pagination {
  justify-content: center;
  margin-bottom: 98px;
  margin-top: 30px;
}
.partner-client span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #181818;
  text-align: center;
  display: block;
  margin-top: 8px;
}
.em-login-trigger {
  display: none;
}

.cpability_wrapper.slick-slide {
  width: 100%;
}
.cpability-wrapper-slider .slick-track {
  display: flex;
}
.cpability-wrapper-slider .slick-prev {
  background-image: url("../img/pagination-arrow-right.png");
  background-repeat: no-repeat;
  background-color: #009fe3;
  width: 56px;
  height: 56px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.cpability-wrapper-slider .slick-next {
  background-image: url("../img/pagination-arrow-left.png");
  background-repeat: no-repeat;
  background-color: #009fe3;
  width: 56px;
  height: 56px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.cpability-wrapper-slider .slick-dots {
  display: flex;
  flex-wrap: wrap;
  position: unset;
  justify-content: center;
  margin-top: 40px;
}
.cpability-wrapper-slider ul.slick-dots li {
  background: transparent;
  border: 0;
  padding: 0;
  width: 56px;
  margin: 0 4px;
  height: 56px;
}
.cpability-wrapper-slider ul.slick-dots li button {
  width: 100%;
  height: 100%;
  border-radius: 150px;
  background: white;
  border: 2px solid #009fe3;
}
.cpability-wrapper-slider .slick-dots li.slick-active button {
  background: #e9f8ff;
}
.cpability-wrapper-slider .slick-dots li.slick-active:after {
  display: none;
}
.cpability-wrapper-slider {
  position: relative;
  width: 100%;
}

.alliances-slider button.slick-arrow {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 59%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.alliances-slider button.slick-prev.slick-arrow {
  left: -80px;
  background-image: url(../img/left-arrow-black.svg);
}
.alliances-slider button.slick-next.slick-arrow {
  right: -80px;
  background-image: url(../img/right-arrow-black.svg);
}

.input_field input.capabity_index {
  background-image: url("../img/u_search.png");
  background-repeat: no-repeat;
  background-position: center right 16px;
}

.news__arrow.news__arrow_dir_left.slick-arrow {
  background: #009fe3;
  width: 56px;
  height: 56px;
  background-image: url("../img/pagination-arrow-right.png");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  cursor: pointer;
}
.news__arrow.news__arrow_dir_right.slick-arrow {
  background: #009fe3;
  width: 56px;
  height: 56px;
  background-image: url("../img/pagination-arrow-left.png");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
  cursor: pointer;
}
ul.news__dots-list li {
  background: transparent;
  width: 56px;
  height: 56px;
  border-radius: 150px;
  border: 2px solid #009fe3;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  color: #181818;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  margin: 0 5px;
  display: none;
  padding: 10px;
}
ul.news__dots-list li:last-child {
  margin: 0 0 0 5px !important;
}
ul.news__dots-list li.slick-active,
ul.news__dots-list li.slick-active + li,
ul.news__dots-list li.slick-active + li + li {
  display: inline-block;
}
ul.news__dots-list li:nth-last-child(1),
ul.news__dots-list li:nth-last-child(2),
ul.news__dots-list li:nth-last-child(3) {
  display: inline-block;
}
ul.news__dots-list li.slick-active ~ li:nth-last-child(1),
ul.news__dots-list li.slick-active ~ li:nth-last-child(2),
ul.news__dots-list li.slick-active ~ li:nth-last-child(3) {
  display: none;
}
ul.news__dots-list li.slick-active + li + li:nth-last-child(3),
ul.news__dots-list li.slick-active + li + li:nth-last-child(2),
ul.news__dots-list li.slick-active + li + li:nth-last-child(1),
ul.news__dots-list li.slick-active + li:nth-last-child(3),
ul.news__dots-list li.slick-active + li:nth-last-child(2),
ul.news__dots-list li.slick-active + li:nth-last-child(1) {
  display: inline-block;
}
ul.news__dots-list li.slick-active {
  background: #e9f8ff;
  color: #009fe3;
}
.news__arrows {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.news__dots {
  position: relative;
}
ul.news__dots-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.capabilty-index-wrapper {
  padding: 40px 0;
}
.capabilty-index-wrapper h5.nothing-found {
  margin-bottom: 0;
}

.course-booking-form .em.em-event-booking-form .em-booking-section {
  padding: 0;
}

dl dt.variation- {
  display: none !important;
}

@media only screen and (max-width: 1700px) {
  .alliances .container-fluid {
    padding-left: 75px;
    padding-right: 75px;
  }
  .alliances-slider button.slick-prev.slick-arrow {
    left: -65px;
  }
  .alliances-slider button.slick-next.slick-arrow {
    right: -65px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
  .banner.capability-index {
    overflow: hidden;
  }
  .partner_company_list {
    grid-template-columns: repeat(3, 1fr);
  }
  .capability-img img {
    width: 50.5vw;
  }
  .partner_company_top .btn_div .defualt-btn {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .capability-img img {
    width: 57.8vw;
  }
  .partner_company_top .btn_div .defualt-btn {
    padding: 17px 32px;
  }
  .partner_company_top .btn_div {
    margin-left: 17px;
  }
  .banner.capability-index {
    overflow: hidden;
  }
  .partner_company_list {
    grid-template-columns: repeat(3, 1fr);
  }
  .alliances-slider img {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .roadmap .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .partner_company_top .btn_div .defualt-btn {
    font-size: 18px;
    padding: 17px 32px;
  }
  .input_field {
    max-width: 170px;
  }
  .roadmap-cost-btn .defualt-btn {
    width: 100%;
    text-align: center;
    padding: 16px 0px;
  }
  .roadwrap-right {
    width: 70%;
  }
  .roadwrap-left {
    width: 30%;
  }
  .roadwrap-box-third {
    width: 121%;
  }
  .roadmap-inner-wrapper .roadwrap-box-two {
    width: 42.9%;
  }
  .roadwrap-r {
    width: 70%;
  }
  .roadmap-inner-wrapper .roadwrap-l {
    width: 30%;
  }
  .road-wrapper .roadwrap-1 {
    width: 44%;
  }
  .roadwrap-1-after {
    width: 68% !important;
  }
  .road-wrap-box-small {
    width: 36.5%;
  }
  .roadwrap-3 .roadwrap-box {
    width: 121%;
    overflow: auto;
    height: 100%;
    min-height: 564px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li p::after {
    right: -43px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li:hover p::after {
    left: 83%;
  }
  .roadwrap-1 .roadwrap-box-first li p,
  .roadwrap-2 .roadwrap-box li p,
  .roadwrap-3 .roadwrap-box li p {
    padding: 16px 18px 16px 18px;
  }
  .roadwrap-1 .roadwrap-box-first li p::after,
  .roadwrap-1 ul li.active .roadwrap-2 .roadwrap-box li p::after {
    right: 10px;
  }
  .roadwrap-2 .roadwrap-box li p {
    font-size: 19px;
  }

  .comapny-form-control.select-bar {
    width: calc(100% - 580px);
  }
  .comapny-form-control.search-bar {
    width: 500px;
    margin-right: 80px;
  }

  .capability-index-content .banner-text h2 {
    font-size: 36px;
    margin-top: 20px;
  }
  .capability-img img {
    width: 48.8vw;
  }

  /* capability index */
  .banner.capability-index .banner-text p {
    font-size: 16px;
  }
  .partner_company_top {
    padding: 20px;
  }
  .partner_company_top .btn_div .defualt-btn {
    font-size: 18px;
    padding: 17px 32px;
  }
  .input_field select {
    max-width: 170px;
  }
  .alliances-slider img {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 1400px) {
  .roadmap.owp .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .owp .roadwrap-1-after {
    width: calc(100% - 95px) !important;
  }
  .owp .road-wrap-box {
    width: calc(100% - 245px);
  }
}
@media only screen and (max-width: 1300px) {
  /*------------------- OWP Design Start -----------------------*/
  .owp .road-wrapper .roadwrap-1 {
    width: calc(100% - 815px);
  }
  .owp .road-wrap-box-small {
    width: calc(100% - 565px);
  }
  .owp .roadwrap-1-after {
    width: calc(100% - 35px) !important;
  }
  .owp .road-wrap-box-small.road-wrap-box-small-1 {
    width: calc(100% - 856px);
  }

  .owp .roadwrap-1-after {
    width: calc(100% - 65px) !important;
  }
  /*------------------- OWP Design End -----------------------*/
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .roadmap .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  .road-wrap-box {
    width: calc(100% - 305px);
  }
  .roadwrap-1-after {
    width: calc(100% - 14px) !important;
  }
  .road-wrap-box-small {
    width: calc(100% - 670px);
  }
  .road-wrap-box-small {
    width: calc(100% - 672px);
  }
  .road-wrapper .roadwrap-1 {
    width: calc(100% - 789px);
  }
  .roadwrap-2 .roadwrap-box {
    width: calc(100% - 0px);
    margin-left: 30px;
  }
  .roadwrap-3 .roadwrap-box {
    width: calc(100% - -131px);
    margin-left: 20px;
  }

  .roadwrap-left {
    width: calc(100% - 622.57px);
  }
  .roadwrap-right {
    width: calc(100% - -140px);
  }
  .roadmap-inner-wrapper .roadwrap-box-two {
    width: calc(100% - -317px);
    margin-left: 20px;
  }
  .roadwrap-box-third {
    width: calc(100% - -133px);
    margin-left: 21px;
  }
  .roadmap-inner-wrapper .roadwrap-l {
    width: calc(100% - 803px);
  }
  .roadmap-cost-btn .defualt-btn {
    padding: 16px 52px;
  }
  .roadmap-inner-wrapper .roadwrap-box-two li {
    padding: 16px 0px 16px 20px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li p::after {
    right: -45px;
  }
  .roadmap-inner-wrapper .roadwrap-box-two li::after {
    right: 13px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li:hover p::after {
    left: 83%;
  }
  .comapny-form-control.select-bar {
    width: calc(100% - 680px);
  }
  .comapny-form-control.search-bar {
    width: 600px;
    margin-right: 80px;
  }

}

@media only screen and (min-width: 1366px) and (max-width: 1400px){
  /*------ OWP Design Start -----------*/
  .owp .road-wrapper .roadwrap-1 {
    width: calc(100% - 815px);
}
/*------ OWP Design End -----------*/
}

@media only screen and (min-width: 1301px) and (max-width: 1399px){
  /*------ OWP Design Start -----------*/
  .owp .road-wrapper .roadwrap-1 {
    width: 100%;
    flex: 1 1 275px;
    min-width: 275px;
    max-width: 275px;
}
.owp .roadwrap-1-after {
  width: 100% !important;
}
.owp .roadwrap-2-1 .roadwrap-box{
  width: 100%;
}
/*------ OWP Design End -----------*/
}

@media only screen and (min-width: 1200px) and (max-width: 1365px){
  /*------ OWP Design Start -----------*/
  .owp .road-wrapper .roadwrap-1 {
    width: 100%;
    flex: 1 1 260px;
    min-width: 260px;
    max-width: 260px;
}
.owp .roadwrap-1-after {
  width: 100% !important;
}
.owp .roadwrap-2-1 .roadwrap-box{
  width: 100%;
}
/*------ OWP Design End -----------*/
}

@media only screen and (max-width: 1199px) {
  /*------ OWP Design Start -----------*/
  .owp .road-wrap-box-small {
    width: calc(100% - 555px);
  }
  .owp .road-wrap-box-small.road-wrap-box-small-1 {
    width: calc(100% - 845px);
  }
  /*------ OWP Design End -----------*/
}

@media only screen and (min-width: 1025px) and (max-width: 1099px){
  /*------ OWP Design Start -----------*/
  .owp .road-wrapper .roadwrap-1 {
    width: calc(100% - 750px);
}
 /*------ OWP Design End -----------*/
}

@media only screen and (max-width: 1024px) {
  /*------ OWP Design Start -----------*/
  .owp .roadwrap-2-1 .roadwrap-box {
    margin-left: 20px;
    width: calc(100% - 6px);
  }
  .owp .road-wrapper .roadwrap-1 {
    /* width: calc(100% - 730px); */
    width: 100%;
  }
  .owp .road-wrap-box-small {
    width: calc(100% - 507px);
  }
  .owp .road-wrap-box-small.road-wrap-box-small-1 {
    width: calc(100% - 755px);
  }
  .owp .roadwrap-1 .roadwrap-box-first li p {
    font-size: 16px;
    line-height: 24px;
  }
  .owp .roadwrap-2 .roadwrap-box li p {
    font-size: 14px;
    line-height: 23px;
    padding: 15px 5px;
  }
  /*------ OWP Design End -----------*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
  /*------ OWP Design Start -----------*/
  .owp .roadwrap-3 .roadwrap-box{
    min-height: 374px;
  }
  .owp .roadwrap-3 .roadwrap-box li p::after{
    right: -25px !important;
  }
 
  /*------ OWP Design End -----------*/
}

@media only screen and (min-width: 1025px) and (max-width: 1199px){
  /*------ OWP Design Start -----------*/
  .owp .roadwrap-1 .roadwrap-box-first li p {
    font-size: 16px;
    line-height: 24px;
  }
  .owp .road-wrapper .roadwrap-1 {
    width: 100%;
    flex: 1 1 230px;
    min-width: 230px;
    max-width: 230px;
}
.owp .roadwrap-1-after {
  width: 100% !important;
}
.owp .roadwrap-2-1 .roadwrap-box{
  width: 100%;
}

 
  /*------ OWP Design End -----------*/
}

@media only screen and (min-width: 992px) and (max-width: 1024px){
  /*------ OWP Design Start -----------*/
  .owp .road-wrapper .roadwrap-1 {
    width: 100%;
    flex: 1 1 220px;
    min-width: 220px;
    max-width: 220px;
}
.owp .roadwrap-1-after {
  width: 100% !important;
}
.owp .roadwrap-2-1 .roadwrap-box{
  width: 100%;
}

 
  /*------ OWP Design End -----------*/
}



@media only screen and (max-width: 991px) {
  .road-wrapper .roadwrap-1 {
    width: 100%;
  }
  .input_field {
    max-width: 100%;
  }
  /*First screen*/
  .roadmap .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .roadwrap-1 .roadwrap-box-first li,
  .roadwrap-2 .roadwrap-box li,
  .roadwrap-3 .roadwrap-box li {
    flex-direction: column;
  }
  .roadwrap-2 .roadwrap-box {
    position: relative;
    margin-left: 0px;
    padding: 0px 40px;
  }
  .roadwrap-3 .roadwrap-box {
    width: 100%;
  }
  .road-wrapper {
    flex-direction: column;
  }
  .roadwrap-1 .roadwrap-box-first {
    width: 100%;
  }
  .road-wrap-box {
    display: none;
  }
  .roadwrap-1-after {
    width: 100% !important;
  }
  .road-wrapper .roadwrap-1 {
    width: 100%;
  }
  .roadwrap-1 .color,
  .roadwrap-2 .color,
  .roadwrap-3 .color {
    border-right: 0px;
  }
  .roadwrap-2 .roadwrap-box li {
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul.mobile-sub li .roadbox-text p {
    padding: 16px 50px 16px 20px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul.mobile-sub li .roadbox-text p::after {
    right: 20px;
  }

  .roadwrap-1 ul li.active .roadwrap-2 ul li .roadbox-text p {
    padding: 16px 40px 16px 0px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li .roadbox-text p::after {
    right: 0px;
  }
  .roadwrap-1 .roadwrap-box-first li p::after,
  .roadwrap-1 ul li.active .roadwrap-2 .roadwrap-box li p::after {
    content: " + ";
    right: 0px;
    color: #181818;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active .roadbox-text p::after {
    color: #009fe3;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadbox-text p::after {
    right: 20px;
  }
  .roadwrap-1 .roadwrap-box-first.hover li p::after {
    color: #fff;
  }
  .roadwrap-1 .roadwrap-box-first li.active {
    color: #181818 !important;
  }
  .roadwrap-1 .roadwrap-box-first li.active p::after {
    color: #009fe3;
    right: 20px;
  }
  .roadwrap-1 .roadwrap-box-first li.active {
    padding: 8px 0px 0px 0px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 {
    padding: 8px 0px 0px 0px;
  }

  .roadwrap-1 ul li.active .roadwrap-2 {
    padding-bottom: 40px;
  }
  .roadwrap-2 .roadwrap-box.hover1 li {
    background: transparent;
    color: #181818;
  }
  .roadwrap-1 .roadwrap-box-first.hover li.active {
    background: transparent;
    color: #181818;
  }
  .roadwrap-1 .roadwrap-box-first li:hover,
  .roadwrap-2 .roadwrap-box li:hover,
  .roadwrap-3 .roadwrap-box li:hover {
    background: #fff !important;
  }
  .roadwrap-2 .roadwrap-box.hover1 {
    padding: 0px 20px;
  }
  /* #page > section.roadmap > div > div.road-wrapper > div.roadwrap-1 > ul > li.active > div.roadwrap-2 > ul > li.active.hover1 > div.roadbox-text > p */
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active .roadbox-text p {
    background: #e9f8ff;
    border-bottom: 1px solid #e2e2e2;
    padding: 16px 60px 16px 20px;
    color: #009fe3;
    margin-bottom: 10px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 ul li {
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    background: #fff;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 ul li p {
    color: #181818;
    border-bottom: none;
    background: #fff;
    margin-bottom: 0px;
    border-radius: 5px;
  }
  .roadwrap-2 ul li.active .roadwrap-3 .roadwrap-box {
    padding: 0px 0px;
  }

  .roadwrap-1 .roadwrap-box-first li.active .roadwrap-3 .roadwrap-box.hover1 li.active {
    padding: 0px;
  }
  .roadwrap-3 .roadwrap-box li:hover p::after {
    left: 80%;
  }

  .roadwrap-3 .roadwrap-box li p {
    font-weight: 400;
    line-height: 23px;
  }

  .roadmap-inner-wrapper .roadwrap-box-one {
    width: 100%;
  }
  .roadmap-inner-wrapper {
    flex-direction: column;
  }
  .roadmap-inner-wrapper .roadwrap-l {
    width: 100%;
  }
  .roadmap-inner-wrapper .roadwrap-box-two {
    margin-left: 0px;
  }
  .roadwrap-box-third,
  .roadmap-inner-wrapper .roadwrap-box-two {
    position: relative;
  }
  .roadwrap-box-two li.active3 {
    flex-direction: column;
  }

  /*Third section*/
  .roadwrap-left,
  .roadwrap-right,
  .roadmap-inner-wrapper .roadwrap-box-two {
    width: 100%;
  }
  .roadmap-inner-wrapper-2 {
    flex-direction: column;
  }
  .roadwrap-44 {
    margin-left: 0px;
  }
  .roadwrap-44 .img-box img {
    width: 100%;
    height: 100%;
  }
  .roadwrap-box-third {
    left: 0%;
    width: 100%;
    border-right: 0px;
    margin-left: 0px;
    padding: 0px;
  }
  .roadwrap-box-two li {
    border-right: 8px solid #009fe3;
  }
  .roadmap-inner-wrapper .roadwrap-box-two li.active3 .roadbox-text p::after {
    content: " - ";
    color: #009fe3;
    font-size: 35px;
    right: 0px;
    position: relative;
    right: -36px;
    display: flex;
    align-items: center;
    width: auto;
    justify-content: flex-end;
    top: -28px;
    font-weight: 400;
  }
  .roadmap-inner-wrapper .roadwrap-box-two li::after {
    font-size: 35px;
  }
  .roadmap-inner-wrapper .roadwrap-box-two li.active3 .roadbox-text {
    flex-direction: column;
    height: 25px;
  }
  .roadmap-inner-wrapper .roadwrap-box-two li.active3::after {
    display: none;
  }
  .roadwrap-box-third h6 {
    display: none;
  }
  .roadwrap-r .roadwrap-box-third p {
    margin-top: 24px;
  }
  .roadmap-inner-wrapper .roadwrap-box-two li {
    margin-bottom: 10px;
  }
  .roadmap-inner-wrapper .roadwrap-r {
    margin-top: 10px;
  }
  .roadwrap-box-two li.active3 .roadwrap-box-third {
    display: block;
  }
  .roadwrap-box-two .roadwrap-box-third {
    display: none;
  }
  .roadwrap-44 ul li::before {
    left: 14px;
  }
  .roadwrap-44 ul li {
    padding-left: 42px;
  }
  .roadmap-cost-btn .defualt-btn {
    padding: 16px 0px;
    width: 100%;
    text-align: center;
  }
  .roadwrap-1 .roadwrap-box-first li p::after {
    right: 20px;
  }
  .roadmap-text p {
    max-width: 100%;
  }
  .roadwrap-1 .roadwrap-box-first li,
  .roadwrap-2 .roadwrap-box li,
  .roadwrap-3 .roadwrap-box li {
    margin-bottom: 10px;
  }

  .roadwrap-1 ul li .roadwrap-2 ul li.hover1 {
    color: #181818;
  }
  .roadwrap-2 .roadwrap-box.mobile-sub {
    padding: 0px 20px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li .roadbox-text p {
    color: #181818;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ulli.active.hover1 .roadbox-text p::after {
    color: #009fe3;
    right: 20px;
  }
  .roadwrap-2 .roadwrap-box li p {
    font-size: 18px;
  }

  .page-template-partner-showcase .banner {
    margin-top: 75px;
  }

  /* capability-index */

  /* .page-template-capability-index header {
        padding: 25px 0;
    } */
  .banner.capability-index {
    margin-top: 0;
    padding: 100px 0;
    position: relative;
  }
  .capability-img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    /* object-position: 70px 0; */
    object-position: top right;
  }
  .capability-img:before {
    max-width: 100%;
    background: linear-gradient(90deg, #001866 0%, rgba(0, 24, 102, 0.66) 100%);
  }
  .banner.capability-index .banner-text p {
    font-size: 18px;
    line-height: 28.5px;
    margin-bottom: 0;
  }
  .capability-img {
    position: absolute;
    top: 90px;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .capability-index-content {
    padding-top: 22px;
  }
  .capability-index-content {
    margin-bottom: 0;
  }
  .roadwrap-2 .roadwrap-box{
    width: calc(100% - 0px);
    padding: 0px 15px;
  }
  /*------ OWP Design Start -----------*/
  .owp .road-wrapper .roadwrap-1 {
    width: 100%;
  }
  .owp .roadwrap-1-after {
    width: 100% !important;
  }
  .owp .roadwrap-2-1 .roadwrap-box .roadwrap-3 .roadwrap-box {
    width: calc(100% - 15px) !important;
  }
  .owp .roadwrap-1 ul li.active .roadwrap-2 ul li.active .roadbox-text p{
    margin-bottom: 0px;
  }
  .owp .roadwrap-1 ul li.active .roadwrap-2 .roadbox-text{
    margin-bottom: 10px;
  }
  .roadwrap-1 .roadwrap-box-first li:last-child, .roadwrap-2 .roadwrap-box li:last-child, .roadwrap-3 .roadwrap-box li:last-child{
    border-bottom: 0px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li p::after, .roadwrap-3 .roadwrap-box li p::after{
    right: -65px !important;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li .roadbox-text p::after {
    right: 12px;
  }
  .roadmap.owp .road-wrapper {
    padding: 0px 7px;
}


.owp .roadwrap-1 .roadwrap-box-first li p {
  font-size: 24px;
  line-height: 100%;
  color: #000;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadbox-text p {
color: #009FE3;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li .roadbox-text p,
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li .roadbox-text p::after {
color: #ffffff;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box li .roadbox-text p {
font-size: 18px;
line-height: 30px;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box li .roadbox-text span {
border-right: 0 !important;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box li .roadbox-text p {
color: #000;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box {
padding: 0;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box li {
margin-bottom: 0;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box li .roadbox-text p {
padding: 16px 40px 16px;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box li .roadbox-text p::after {
right: 40px;
color: #000000;
}
.owp .roadwrap-1 ul li.active .roadwrap-2 .roadbox-text{
margin-bottom: 0;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 {
padding-bottom: 0;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadbox-text p::after {
color: #009FE3;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box {
margin-left: 0;
width: 100% !important;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadbox-text p {
background: transparent;
color: #009FE3;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadbox-text p::after {
color: #009FE3;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li .roadbox-text p {
background: #e9f8ff;
color: #000000;
padding: 16px 0;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active {
  padding: 0 40px;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.default-state li.active .roadbox-text p,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li.active .roadbox-text p,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li .roadbox-text p {
  border: 1px solid #E2E2E2;
  background: #fff;
  border-radius: 5px;
  padding: 11px 20px;
  color: #181818;
}
.owp .road-wrapper .roadwrap-1 .roadwrap-box-first.roadwrap-1-after.selected-state li.active .roadwrap-2-1.active .roadwrap-box.selected-state li.active.selected{
  background-color: transparent !important;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.default-state li.active .roadbox-text p::before {
  border: 0;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.default-state li.active .roadbox-text p::after,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li.active .roadbox-text p::after,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li .roadbox-text p::after {
  right: -20px !important;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.default-state li.active,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li.active,
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2.active ul.roadwrap-box.selected-state li.active .roadwrap-2-1.active ul.roadwrap-box.selected-state li.active.selected .roadwrap-3.active ul.roadwrap-box.selected-state li{
  margin-bottom: 10px;
}
/* .owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li .roadbox-text p {
  margin: 0 40px;
} */
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li .roadbox-text p::after {
color: #000000;
right: 0;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li:last-child .roadbox-text p::before {
border-bottom: 0;
}
.owp .roadwrap-1 ul li.active .roadwrap-2 ul li.active .roadbox-text p{
border-bottom: 0;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li {
border-bottom: 0;
background: #e9f8ff !important;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li .roadbox-text p::before {
content: "";
display: block;
border-bottom: 1px solid #e2e2e2;
width: 100%;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li.active .roadbox-text p {
color: #009FE3;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li .roadwrap-3.third.active ul.roadwrap-box.active li .roadbox-text p {
color: #181818;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li.active .roadbox-text p::after {
color: #009FE3;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li.active .roadwrap-3.third.active ul.roadwrap-box.active li .roadbox-text p::before{
display: none;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li.active .roadwrap-3.third.active ul.roadwrap-box.active li .roadbox-text p {
margin: 0;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li.active .roadwrap-3.third.active ul.roadwrap-box.active li .roadbox-text p {
margin: 0 20px 10px 20px;
background: #fff;
border: 1px solid #E2E2E2;
border-radius: 5px;
padding: 12px 20px;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box li.active .roadwrap-2-1.active ul.roadwrap-box li.active {
  padding: 0 !important;
}
.owp .roadwrap-1 .roadwrap-box-first li.active .roadwrap-2 ul.roadwrap-box li.active .roadwrap-2-1.active {
  padding: 0;
  background: #e9f8ff;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li.active .roadwrap-3.third.active ul.roadwrap-box.active li .roadbox-text p::after {
  background-position: center right 0;
        right: 20px !important;
        width: 17% !important;
        margin-right: 0;
}
.owp .roadwrap-1 .roadwrap-box-first.roadwrap-1-after li.active .roadwrap-2.active .roadwrap-box li.active .roadwrap-2-1.active .roadwrap-box li.active {
  padding: 0 20px;
}
.page-template-owp-emerging-tech-and-strategic-initiatives section.newsletter {
  display: none;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .roadmap-title {
  flex-direction: column;
  align-items: start;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .breadcrumb-wrp {
  padding-bottom: 18px;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .banner .roadmap-text h2 {
  margin-bottom: 0;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .roadmap-title img {
  margin-right: 0;
  margin-bottom: 18px;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .banner .roadmap-text a.defualt-btn {
  display: none;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .owp .road-wrapper{
  min-height: unset;
}
section.roadmap.owp{
  padding-bottom: 50px;
}
.owp .road-wrap-box-small,
.owp .road-wrap-box{
  display: none !important;
}
.page-template-owp-emerging-tech-and-strategic-initiatives .banner{
  padding: 100px 0 0;
}
.owp .road-wrapper .roadwrap-1 {
  width: 100%;
  flex: 1 1 100%;
  min-width: 100%;
  max-width: 100%;
}

  /*------ OWP Design End -----------*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comapny-form-control.search-bar {
    width: 400px;
    margin-right: 30px;
  }
  .comapny-form-control.select-bar {
    width: calc(100% - 430px);
  }
  .input_field select {
    max-width: 100%;
  }
  .partner_company_top .btn_div .defualt-btn {
    width: 100%;
  }
  .common_list ul li {
    word-break: break-all;
  }
  .cpability-wrapper-slider ul.slick-dots li,
  .cpability-wrapper-slider .slick-next,
  .cpability-wrapper-slider .slick-prev {
    height: 46px;
    width: 46px;
  }
  .cpability-wrapper-slider ul.slick-dots li button {
    padding: 0;
  }
}

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

  /*------------------- OWP Design Start -----------------------*/
  



/*------------------- OWP Design end -----------------------*/

  /*First screen*/
  .roadmap .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .banner .roadmap-text h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .roadwrap-1 .roadwrap-box-first li,
  .roadwrap-2 .roadwrap-box li,
  .roadwrap-3 .roadwrap-box li {
    flex-direction: column;
  }
  .roadwrap-2 .roadwrap-box {
    position: relative;
    margin-left: 0px;
  }
  .roadwrap-3 .roadwrap-box {
    width: 100%;
  }
  .road-wrapper {
    flex-direction: column;
  }
  .roadwrap-1 .roadwrap-box-first {
    width: 100%;
  }

  .roadwrap-1-after {
    width: 100% !important;
  }
  .road-wrapper .roadwrap-1 {
    width: 100%;
  }
  .roadwrap-1 .roadwrap-box-first li.active {
    color: #181818 !important;
    border-bottom: 0px;
  }
  .roadwrap-2 .roadwrap-box {
    padding: 0px 15px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li .roadbox-text p::after {
    right: 12px;
}
  .roadwrap-1 .color,
  .roadwrap-2 .color,
  .roadwrap-3 .color {
    border-right: 0px;
  }
  .page-template-decommissioning-innovation--technology-roadmap .banner {
    padding: 90px 0 10px 0px;
  }

  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadbox-text p::after {
    right: 20px;
  }

  .roadmap-inner-wrapper .roadwrap-box-two li.active3 .roadbox-text p::after {
    top: -35px;
    font-weight: 300;
    font-size: 40px;
  }
  .roadmap-inner-wrapper .roadwrap-box-two li::after {
    font-size: 30px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li p::after {
    right: -30px;
  }
  .footer-link .links {
    text-align: left;
  }
  .footer-link .links h5 {
    margin-bottom: 15px !important;
  }
  .footer-link-4 p {
    margin-bottom: 0px !important;
  }
  .footer-link .links .defualt-btn {
    margin: 27px 0px !important;
  }
  .comapny-form-control.search-bar {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .comapny-form-control.select-bar {
    width: 100%;
  }

  /* capability-index */
  .input_field select {
    max-width: 100%;
  }
  .partner_company_top .btn_div .defualt-btn {
    width: 100%;
  }
}
/*
@media (max-width: 599px){
    .alliances-slider button.slick-prev.slick-arrow {
        left:-30px;
    }
    .alliances-slider button.slick-next.slick-arrow {
        right:-30px;
    }
}*/

@media only screen and (max-width: 599px) {
  .company-name-find {
    padding: 20px;
  }
}
@media (max-width: 600px) {
  body.admin-bar .header.sticky {
    top: 0;
  }
}

@media only screen and (max-width: 480px) {
  .partner-showcase .row .pagination .page-numbers.prev:before {
    width: 13px;
    height: 11px;
  }
  .company_modal_right h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 374px) {
  .partner_company_list a.partner_company_box img {
    max-width: 60px;
  }
  .partner_company_list a.partner_company_box {
    padding: 30px 20px 30px 90px;
  }
}
@media only screen and (max-width: 320px) {
  .roadmap-inner-wrapper .roadwrap-box-two li.active3 .roadbox-text {
    height: 55px;
  }
  .roadwrap-r .roadwrap-box-two p {
    line-height: 20px;
  }
  .roadwrap-1 ul li.active .roadwrap-2 ul li.active.hover1 .roadwrap-3 .roadwrap-box li p::after {
    right: -20px;
  }
  .roadmap-title img {
    height: 50px;
  }
  .banner .roadmap-text h2 {
    font-size: 20px;
    line-height: 27px;
  }
  .roadwrap-2 .roadwrap-box li p {
    font-size: 15px;
  }
  .roadwrap-2 .roadwrap-box {
    padding: 0px 30px;
  }
}