/*three column layout*/
.n-column-layout {
  padding-top: 50px;
  padding-bottom: 50px;
}

.bg-img-enabled .n-column-layout {
  padding-top: 70px;
  padding-bottom: 70px;
}

.n-column-layout .view-content {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -20px;
}

.n-column-layout .content-desc-area p:last-child {
  margin-bottom: 0;
}

.n-column-layout .three-column-layout .item-title {
  text-align: center;
  padding-bottom: 6px;
  margin-bottom: 15px;
  border-bottom: 1px solid;
}

.title-with-border {
  border-bottom: 1px solid var(--gray);
}

.n-column-layout .container {
  padding: 30px 0;
}

.n-column-layout .section-title {
  margin-bottom: 36px;
}

.bg-img-enabled .n-column-layout .section-title {
  margin-bottom: 56px;
}

.n-column-layout .views-row {
  margin-bottom: 20px;
}


.n-column-layout .read-more-btn-wrap {
  margin-top: 10px;
}


.n-column-layout .three-column-layout {
  width: 33.33333%;
  padding: 0 15px;
}

.n-column-layout .two-column-layout {
  width: 50%;
  padding: 0 15px;
}

.n-column-layout .four-column-wrap {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.n-column-layout .four-column-layout {
  width: 25%;
  padding: 0 7.5px;
}

/*column layout for charts and counter*/
.column-content-section {
  margin: 0 -7.5px -15px;
  display: flex;
  flex-wrap: wrap;
}

.column-content-section .content-inner-area:not(:last-child) {
  margin-bottom: 70px;
}

.column-content-section+.column-content-section {
  margin-top: 50px;
}

.column-content-section .two-column-layout,
.column-content-section .three-column-layout,
.column-content-section .four-column-layout {
  padding: 0 7.5px;
  margin-bottom: 15px;
}

.four-column-layout .item-title {
  font-size: 1em;
  text-transform: none;
  margin-bottom: 7px;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
}

/*left right layout*/

.left-right-card {
  padding-top: 40px;
}

.left-right-card .section-title {
  margin-bottom: 38px;
}

.left-right-card .sub-title {
  text-align: left;
  margin: -15px auto 43px;
}

.left-right-layout .views-row>div>span {
  display: flex;
}

.left-right-layout .item-desc h3 {
  font-size: 3em;
  line-height: 1;
  font-family: 'Barlow', sans-serif;
  font-weight: 200;
  margin: 0;
}

.left-right-layout .item-desc ul {
  margin: 0;
  padding: 0 0 0 20px;
}

.left-right-layout .item-desc h3+ul {
  margin-top: 19px;
}

.left-right-layout .item-desc ul+h4 {
  margin-top: 10px;
}

.left-right-layout .item-desc li h4 {
  margin: 0;
}

.left-right-layout .item-desc h4 {
  font-size: 1.25em;
  line-height: 1;
  font-style: italic;
  font-weight: 500;
  margin-top: 19px;
}

.left-right-layout .item-desc h3 b,
.left-right-layout .item-desc h3 strong {
  font-weight: 600;
}

.left-right-layout .left-sec {
  margin-right: 15px;
  flex-shrink: 0;
}

.left-right-layout .left-sec img {
  width: 100%;
}

.left-right-layout .right-sec {
  max-width: 52%;
  padding: 0 15px 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

.left-right-layout .item-title+.item-ino-link {
  margin-top: 14px;
}

.left-right-layout .item-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.left-right-layout .item-list li {
  margin: 0;
}

.left-right-layout .item-list li:not(:last-child) {
  margin-right: 15px;
}

.left-right-layout .item-btn-list {
  display: flex;
  flex-wrap: wrap;
}

.left-right-layout .item-btn-list button:not(:last-child) {
  margin-right: 15px;
}

.left-right-layout .item-list li a {
  /* width: 235px; */
  padding-left: 30px;
  padding-right: 30px;
}

.left-right-layout .item-desc {
  margin-bottom: 18px;
}

.left-right-layout .item-desc p {
  font-size: 1em;
}

.left-right-layout .item-desc p:last-child {
  margin-bottom: 0;
}

.left-right-layout .item-title {
  font-size: 2.25em;
  line-height: 1.1;
  margin-bottom: 1px;
  font-family: 'Josefin Sans', sans-serif;
  text-transform: uppercase;
}


.left-right-layout .left-right-layout-container:not(:last-child) {
  margin-bottom: 40px;
}

.left-right-layout .left-right-layout-container:last-child {
  padding-bottom: 40px;
}

.left-right-layout .left-right-layout-container>div>span {
  align-items: center;
}

.left-right-layout .left-right-layout-container .left-sec {
  width: 168px;
  margin-right: 60px;
  flex-basis: unset;
}

.left-right-layout .left-right-layout-container .right-sec {
  width: calc(100% - 228px);
  color: #fff;
  max-width: none;
}

.left-right-layout .left-right-layout-container {
  max-width: 1090px;
  padding: 0;
  margin: 24px auto 0 auto;
}

.left-right-layout .left-right-layout-container .item-desc {
  overflow: visible;
}

/*single coloumn text layout*/
.single-column-layout .view-content {
  display: block;
  margin: 0;
}

/* .single-column-layout .dec-content ul li {
  position: relative;
  padding-left: 29px;
}

.single-column-layout .dec-content ul li:before {
  position: absolute;
  left: 0;
}

*/
.single-column-layout ul li ul {
  margin-top: 15px;
}

.single-column-layout .section-title {
  text-align: left;
  margin-bottom: 56px;
}

.section-title-wrapper .section-title {
  text-align: center;
}

.single-column-layout p:not(:last-child) {
  margin-bottom: 2em;
}

.single-column-layout .item-title {
  font-size: 1.3125em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.single-column-layout .read-more-btn-wrap {
  margin-top: 10px;
}

.n-column-layout .single-column-layout {
  margin-bottom: 32px;
}

.n-column-layout .single-column-layout:last-child {
  margin-bottom: 0;
}

.single-80-container {
  max-width: 80%;
}

.single-center-container {
  max-width: 720px;
  margin: 0 auto;
}

.single-center-container .section-title {
  text-align: center;
  margin-bottom: 22px;
}

.single-center-container p:not(:last-child) {
  margin-bottom: 2em;
}

.single-center-container ul:not(:last-child) {
  margin-bottom: 15px;
  margin-bottom: 2em;
}

.single-center-container li:not(:last-child) {
  margin-bottom: 15px;
}

.four-column-layout .read-more-btn-wrap {
  margin-top: 23px;
}

/*content inside view-header and footer in coloumn layout*/
.n-column-layout .view-des-wrap {
  margin-bottom: 75px;
}

.n-column-layout .view-des-wrap-foot {
  margin-top: 75px;
}

/*column chart*/
.column-content-large {
  margin: 0 -12.5px -82px;
}

.column-content-large .two-column-layout {
  padding: 0 12.5px;
  margin-bottom: 82px;
}

/*colum layout 1/3*/
.multicol-layout {
  padding: 40px 0 10px;
  width: 100%;
}

.multi-single {
  width: 32%;
  width: 32.5%;
  padding: 0 7.5px;
  margin-bottom: 15px;
}

.multi-double {
  width: 68%;
  width: 67.5%;
  padding: 0 7.5px;
  margin-bottom: 15px;
}

.multicol-layout .chart-img-area {
  padding-top: 20px;
}

/*columbn layout  2 with img/content*/
.img-column-multi-view {
  padding: 100px 0;
  --column-count: 2;
  --grid-space: 120px 50px;
}

.img-column-multi-view .section-title {
  margin-bottom: 90px;
}

.img-column-multi-view-inner .view-content {
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--grid-space);
}

.img-column-multi-view-inner .views-row>div>span {
  display: flex;
}

.img-column-multi-view-inner .left-sec {
  flex-shrink: 0;
}

.img-column-multi-view-inner .right-sec {
  margin-left: 50px;
  flex-grow: 1;
}

.img-column-multi-view-inner .item-desc {
  font-size: var(--fs32);
  font-family: var(--secondary-font);
  font-weight: var(--secondary-font-regular);
  line-height: 1.2;
}

.img-column-multi-view-inner .item-desc strong {
  font-weight: var(--secondary-font-bold);
}

.img-column-multi-view-inner .item-btn-list {
  margin-top: 18px;
}

/*bubble-col-layout*/
.bubble-col-layout {
  padding-top: 60px;
  padding-bottom: 60px;
}

.bubble-col-layout .item-title.bubble-title {
  border: none;
  padding-bottom: 11px;
  color: var(--black);
}

.bubble-col-layout .section-title+.section-title {
  padding-top: 31px;
  margin-bottom: 42px;
}

.bubble-round {
  --round-size: 260px;
  width: var(--round-size);
  height: var(--round-size);
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto;
}

.bubble-val {
  font-size: var(--fs60);
  font-family: var(--secondary-font);
  font-weight: var(--secondary-font-semibold);
  line-height: 1;
  color: var(--very-dark-cyan4);
}

.bubble-label {
  font-size: var(--fs36);
  font-family: var(--secondary-font);
  font-weight: var(--secondary-font-semibold);
  line-height: 1.2;
}