html {
  --font-size--h1: 42px;
  --font-size--h2: 36px;
  --font-size--h3: 26px;
  --font-size--h4: 20px;
  --font-size--p: 17px;
  --line-height--h1: 50px;
  --line-height--h2: 33px;
  --line-height--h3: 30px;
  --line-height--h4: 24px;
  --line-height--p: 22px;
}



body {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#070735;
}


body #nav .dropdown.dropdown-lang .btn:hover {
  background-color: transparent !important;
  color: #F9DA00 !important;
}

#header .text-center .justify-content-md-start {
    justify-content: center !important;
}

.dropdown.dropdown-lang .btn {
  padding-left: 10px !important;
  padding-right: 10px !important;
  background-color: transparent !important;
  margin-left: 10px !important;
  font-size: 15px;
  color: #9f9f9f !important;
}

.dropdown.dropdown-lang a {
  font-size: 16px;
}

.dropdown.dropdown-lang li {
margin-bottom: 0px!important;
}


#nav, #header {
   
}


#header.filledYellowCircleBottomRightLarge:before {
  right: -1px;
  bottom: -1px;
  width: 27%;
}

#header.filledYellowCircleBottomRightLarge {
  padding-bottom: 0px!important;
}

div#header .container {
  z-index: 1;
  position: relative;
}


.mt-n1 {
  margin-top:-200px;
  padding-top:100px;
}

.bg-glow {

    background-image: url(/assets/images/header-bg.jpeg);
    background-size: cover;
}


.z-index-1 {
  z-index: 1;
  position: relative;
}

.bg-primary {
  background-color: #070735!important;
}




.bg-primary  .section-header h2,
.bg-primary  .section-header p 
 {

  color:#fff;
}


#header h1, #header p {
  color:#fff;
}


small.header-sub-heading {
  font-size: var(--font-size--p);
  margin-bottom: 10px !important;
  display: block;
}

#header h1 {
  margin-bottom: 30px !important;
  font-size: var(--font-size--h1);
  line-height: var(--line-height--h1);
}

h2, .h2 {
  font-size: var(--font-size--h2);
  line-height: var(--line-height--h2);
  font-weight: 700;
  color: #070735;
  margin-bottom: 25px;
}


h3, .h3 {
  font-size: var(--font-size--h3);
  line-height: var(--line-height--h3);
  font-weight: 700;
  margin-bottom: 25px;
  color: #070735;
}

h4, .h4 {
  font-size: var(--font-size--h4);
  line-height: var(--line-height--h4);
  font-weight: 700;
  margin-bottom: 10px;
  color: #070735;
}

p {
  font-size: var(--font-size--p);
  font-weight: 400;
  line-height: var(--line-height--p);
  color: #070735;
}

ul li {
  font-size: var(--font-size--p);
  font-weight: 400;
  line-height: var(--line-height--p);
  color: #070735;
  margin-bottom: 10px;
}


p strong{
  font-weight: 700;
}



.header-image {
  border-radius: 20px;
}



.btn {
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  border-radius: 23px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 19px;
}



.btn-primary {
  background-color: #F9DA00!important;
  color: #070735!important;
  border: none !important;
}

.bg-primary .btn-primary:hover {
  background-color: #fff !important;
  cursor: pointer;
}

.btn-secondary {
  background-color: #070735 !important;
  color: #F9DA00 !important;
  border: none !important;
}

a.btn.btn-secondary:hover {
  background-color: #F9DA00 !important;
  color: #070735 !important;
}





#header-container {
  background-image: url(/assets/images/header-bg.jpeg);
  background-size: cover;
  background-color: #070735!important; 
  box-shadow: 0px 10px 20px 0px #00000040;
  overflow: hidden;
  position: relative;
}

div#header-container {
  /* border-bottom-left-radius: 53px; */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}





#nav .btn {
  margin-left: 25px;

}

#nav .btn:hover {
  margin-left: 25px;
  background-color: rgb(255 255 255 / 16%) !important;
}


#nav a.nav-link.active,
#mobile-menu li a.active
{
  background-color: transparent !important;
  color: #F9DA00!important;
}

#nav a.nav-link:hover, #mobile-menu li a:hover {
  color: #F9DA00 !important;
}

a.btn.btn-info {
  color: #F9DA00;
  background-color: rgb(255 255 255 / 5%);
}


a.btn.btn-info {
  padding-left: 13px !important;
  padding-right: 13px !important;
  border-radius: 20px;
}

section.section-columns a {
  text-decoration: none;
  color: #212187;
  border-bottom: solid 2px #F9DA00;
}

.section-column h3 {
  margin-top: 28px;
  margin-bottom: 15px;
}


.badge {
  font-size: 14px;
  border-radius: 12px;
  font-weight: 700;
  padding-right: 13px;
  padding-left: 13px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 5px;
}

.text-bg-primary {
  background-color: #070735 !important;
  color: #F9DA00 !important;
}

.text-bg-secondary {
  background-color: #F9DA00 !important;
  color: #070735 !important;
}


section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

section.section-testimonials {
  padding-top: 0px!important;

}

.tab-content-text {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 45px;
  padding-bottom: 45px;
}






.section-horizontal-tabs .nav {
  flex-wrap: wrap;
}




.section-horizontal-tabs .nav-pills  .nav-link {
  width:100%;
  text-transform: uppercase;
  font-weight: 700!important;
  color:#070735!important;
  background-color: #F9DA00!important;
  border-radius: 23px!important;
}




.section-horizontal-tabs .nav-pills .nav-link.active {
  color:#070735!important;
  background-color: #FFF!important;
  color:#070735!important;
}

.section-horizontal-tabs .nav-pills .nav-link.active:hover {
  color:#070735!important;
  background-color: #FFF!important;
  color:#070735!important;
}


.card {
    border-radius: 20px;
}




.tab-pane {
  border-radius: 20px;
  overflow: hidden;
  border: solid 1px #fff;
}

.section-horizontal-tabs .tab-content-img img {
  object-fit: cover;
  /* width: 100%; */
 
  height: 100%;
}


section.section-horizontal-tabs .card {
  border: none;
  box-shadow: 0px 10px 20px 0px #00000040;
}

section.section-horizontal-tabs .card-body {
  z-index: 1;
}

section.section-horizontal-tabs {

}


.filledYellowCircleBottomRightLarge:before {
  right: 0px;
  bottom: -1px;
  content: "";
  width: 59%;
  background-image: url(/assets/images/circle-fill-bottom-right.svg);
  background-size: contain;

  background-repeat: no-repeat;
  aspect-ratio: 1 / 0.56;

  position: absolute;

  z-index: 0;

}



.dashedYellowCircleBottomRightLarge:before  {
  right: 0px;
  content: "";
  width: 500px;
  background-image: url(/assets/images/shape-circle-dotted-bottom-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 1 / 0.89;
  position: absolute;
  bottom: 0px;
  z-index: 0;
}


.filledYellowCircleHalfWidthOnRight {
  background-image: url(/assets/images/filled-yellow-circle-half-right.svg);
  background-repeat: no-repeat;
  background-position: right 35%;
}


.filledYellowCircleBottomRightLarge {
padding-bottom: 100px!important;

}


.circle:before {
  left: 0px;
  content: "";
  width: 50%;
  background-image: url(/assets/images/shape-circle-bottom-left.svg);
  background-size: contain;

  background-repeat: no-repeat;
  aspect-ratio: 1 / 0.69;

  position: absolute;
  bottom: -68px;
  z-index: 0;
}




.dotted-circle:before {
  right: 0px;
  content: "";
  width: 500px;
  background-image: url(/assets/images/shape-circle-dotted-bottom-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 1 / 0.89;
  position: absolute;
  bottom: 0px;
  z-index: 0;
}



.card.card-testimonial, 
.card.card-testimonial p,
.card.card-testimonial .badge {
  font-size: 14px;
  line-height: 17px;
}

.card.card-testimonial .badge {
  color: #fff!important;
}

.card.card-testimonial figure {
  height: 155px;
  overflow: hidden;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}


.card-testimonial .card-body {
  padding-bottom: 10px!important;
  margin-top:-30px;
}


.card-testimonial .card-body .badge {
  margin-bottom:20px;
}
  



.card-testimonial.card  {
  background-color: #E3E3E3;
  border: none;
  box-shadow: 0px 10px 20px 0px #00000040;

}
  
.card-testimonial p.card-text, .card-testimonial .text-end {
  color: #070735;
}



.card.card-blog {
  border: none;
  box-shadow: 0px 10px 20px 0px #00000040;
      padding-bottom: 62px;

}
.card-blog img {
  width: 100%;
}

.card-blog .card-body {
  padding-bottom: 10px !important;
  margin-top: -30px;
}


.card.card-blog .badge {
  
  font-size: 14px;
  line-height: 17px;
  background-color: #60525E!important;
  color:#fff!important;
  margin-bottom: 20px;
  opacity: 0;
}

.card.card-blog .blog-synopsis {
  font-size: 14px;
  line-height: 17px;
}

.card.card-blog figure {
  height: 185px;
  overflow: hidden;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom: solid 1px #fff;
}

p.blog-synopsis {
  position: relative;
}
p.blog-synopsis:before {
  content: "";
  height: 55px;
  width: 100%;
  background: #070735;
  background: linear-gradient(0deg, rgba(7, 7, 53, 1) 0%, rgba(7, 7, 53, 0) 100%);
  position: absolute;
  bottom: 0px;
  left: 0px;
}


footer h5, footer p, footer .nav a  {
  font-size: 18px!important;
  font-weight: 700!important;
 }

footer p {
  line-height: 18px;;
 }

footer h5 {
text-transform: uppercase;
 color:#F9DA00;

}

 footer .nav a  {

 }

 .play-btn {
  height: 100px;
  position: absolute;
  z-index: 666;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: 0;
  width: 100px;
  color: #fff;
}

.columnImageVideoCover:before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #0000004a;
  position: absolute;
  z-index: 25;
  border-radius: 20px;
}


.section-dark {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  background-image: url(/assets/images/header-bg.jpeg);
  background-size: cover;
  background-color: #070735 !important;
  box-shadow: 0px 10px 20px 0px #00000040;
}


.section-dark  .table-dark td,
.section-dark  .table-dark th
{
background-color: transparent!important;

}


.section-dark h2,
.section-dark p
{
color:#fff;

}


.table thead th {
  font-size: 23px;
  font-weight: 400;
  line-height: 26px;
}

.alert.alert-danger {
  background-color: #c54141!important;
}


ul.text-danger li {
  color: #ccc;
  font-size: 14px !important;
}

.alert.alert-success {
  background-color: #67bf64;
}

tbody tr th {
  font-size: 24px;
  font-weight: 500;
  white-space: nowrap !important;
  padding-right: 40px !important;
}

tbody tr:first-child {
  border: none;
}
tbody tr:last-child {
  border: none;
}

tbody tr, thead th {
  border-bottom: solid 1px #fff;
  vertical-align: top !important;
}

.table tbody th, .table tbody td {
  padding-bottom: 20px;
  padding-top: 20px;
}


.table tbody tr.tr-title-sm {
  border: none;
}

.table  .tr-title-sm td {
  padding-bottom: 0px !important;
}


.table tbody tr td:nth-of-type(1),
.table thead tr th:nth-of-type(2)
{
  color: #F9DA00!important;
  font-weight: 700;
}





.padding-top-none {
  padding-top: 0px;
}

.padding-bottom-none {
  padding-bottom: 0px;
}


.padding-top-lg {
  padding-top: 100px;
}

.padding-top-md {
  padding-top: 60px;
}

.padding-top-sm {
  padding-top: 30px;
}

.padding-bottom-lg {
  padding-bottom: 100px;
}

.padding-bottom-md {
  padding-bottom: 60px;
}

.padding-bottom-sm {
  padding-bottom: 30px;
}


section.padding-top-default {
  padding-top: 100px;
}



section.padding-bottom-default {
  padding-bottom: 100px;
}



.card-matrix {
  padding-top: 0px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 10px 20px 0px #00000040;
  height: 100%;
}


.matrixColumnItem {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  padding-bottom: 39px;
}

.matrixColumnItem p {

  margin-bottom: 0px!important;
}

.matrixColumnItem:nth-child(odd) {
  background-color: #E3E3E3;
}

.matrixColumnItem:nth-child(even) {
  background-color: #fff;
}

.card-matrix-headings {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #E3E3E3;
  padding-top: 35px;
  padding-bottom: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-align: center;
  border: solid 1px #fff;
}

.card-matrix-headings div {
    position: relative;
    z-index: 2;
}

.card-matrix-headings p {

font-size:18px;
font-weight: 700;;
}


.matrixColumnItem .badge {
  margin-top: -42px;
  display: inline-block;
  position: absolute;
  z-index: 1;
}

.matrixColumnItem:last-child {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}



.accordion {
  box-shadow: 0px 10px 20px 0px #00000040;
  padding-left:0px;
  padding-right:0px;
  border: solid 1px #fff;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}


button.accordion-button {
  font-size: 24px;
  font-weight: 700;
  border-bottom: solid 1px #fff;
  line-height: 26px;
  padding-top: 25px;
  padding-bottom: 25px;
  color:#070735;
}


button:focus:not(:focus-visible) {

  box-shadow: none;
}

button.accordion-button.collapsed {
  background-color: #E3E3E3;
}

.accordion-button:not(.collapsed) {
  background-color: #E3E3E3;
  color:#070735;
}

.accordion-item:first-of-type {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.accordion-item:last-of-type {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.accordion-item:last-of-type>.accordion-header .accordion-button {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.accordion-button::after {
  width: 40px;
  height: 40px;
  background-image: url(https://morphean3.ddev.site/assets/images/icon-plus.svg) !important;
  background-size: cover;
}

.accordion-button:not(.collapsed)::after {
  width: 40px;
  height: 40px;
  background-image: url(https://morphean3.ddev.site/assets/images/icon-minus.svg) !important;
  background-size: cover;
}





.columnImageVideoCover:hover.columnImageVideoCover:before {
  background-color: #0000009c;
}

 .section-cta .card {
  background-image: url(/assets/images/test.jpeg);
  background-color: rgba(255, 255, 255, 0.486);
  background-blend-mode: overlay;
  background-size: cover;
  box-shadow: 0px 10px 20px 0px #00000040;

 }


 .section-cta p {
  color: #fff;
}


.row.row-features {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 0px;
  margin: 0px;
  display: flex !important
;
  box-shadow: 0px 10px 20px 0px #00000040;
}

.card-features {
  background-color: #E3E3E3;
  padding: 20px;
  height: 100%;
  border-radius: 20px;
  border: solid 2px #fff;
  position: relative;
}

.card-features p {
color: #070735;
}


.card-features.has-btn {
  padding-bottom: 75px;
}


.card-features .btn {
  position: absolute;
  bottom: 25px;
}

.card-features .btn:nth-child(2) {
right:20px;
}



.stacked-top {
  z-index: 2;
}


.stacked-below {
  margin-top: -200px;
  z-index: 1;
  padding-top: 200px;
}


.stacked-top + section {
  margin-top: -200px;
  z-index: 1;
  padding-top: 200px;
}




.card-grey {
  background: #E3E3E3;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 10px 20px 0px #00000040;
  border: solid 1px #fff;
  display: inline-flex !important;
  padding-right: 0px;
  margin-bottom: 30px;
}

.card-grey .nav {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
}

.card-grey .nav .nav-link {
  text-align: left;
  color: #070735;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
  border-radius: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 700;
  margin-bottom: 20px;
  text-wrap: nowrap;
}

.section-industries .card-grey .nav .nav-link.active {
  background-color: #F9DA00;
  color: #070735 !important;
}

.section-industries .card-grey .nav .nav-link.active:hover {
  background-color: #F9DA00!important;
  color: #070735 !important;
}

.card-grey .nav .nav-link .icon {
  margin-right: 10px;
}

.card-grey  .tab-img img {
    width: 100%;
}

.card-grey  .tab-pane {
  height:100%;
}





.card-grey  .tab-content .badge {
position: absolute;;
}



.card-grey .tab-content .badge {
  margin-top: -64px;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 20px;
}


.card-grey .tab-content {
  margin-right: 20px;
  position: relative;
}



.card-grey .tab-img {
  background-color: #fff;
}
 

.section-partners .card-grey .tab-img {
  background-color: #fff;
  min-height: 200px;
}



.section-partners .tab-img img {
  max-width: 55%;
  max-height: 90px;
  width: auto;
}

.card-grey .tab-content .badge.text-bg-primary {
  right: 0px;
  opacity: 0;
}

.card-blog a.btn.btn-primary {
    position: absolute;
    bottom: 20px;
}

.section-tech-partners button.active  {
  background-color: #fff;
}


.section-tech-partners button img {
  max-height: 35px;
  margin-right: auto;
  margin-left: auto;
}


section.section-tech-partners .card-grey .nav .nav-link {
  margin-bottom: 0px;
  text-align: center;
}

.section-tech-partners .card-grey .nav .nav-link.active {
  /* margin-bottom: 0px; */
  /* text-align: center; */
  background-color: #ededed;
}


/* // X-Small devices (portrait phones, less than 576px)*/
/* // No media query for `xs` since this is the default in Bootstrap */

td.title-sm {
  text-transform: uppercase;
}

.btn {
  font-size: 16px;
  padding-right: 18px !important;
  padding-left: 18px !important;
}

.section-horizontal-tabs .nav-link {
  font-size:16px;
}

.section-horizontal-tabs .card-body {
  padding-top:40px;
  padding-bottom:40px;
  padding-left:30px;
  padding-right:30px;
}



.section-horizontal-tabs .nav {
  gap: 8px;
}


div#footer2 {
  background-color: #E3E3E3;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 100px;
  box-shadow: 0px 10px 20px 0px #00000040;
  border-radius: 20px;
  font-size: 14px;
}



.row-features  .col-features:nth-child(1) .card-features{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.row-features   .card-features{
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}




.row-features  .col-features:nth-last-child(1) .card-features{
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


p.leadText {
  font-size: 27px;
  margin-bottom: 46px;
  line-height: 28px;
}

section.resource-detail h3 {
  margin-top: 35px;
  margin-bottom: 15px;
}

section.resource-detail img {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 20px;
}


a.btn.btn-link {
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-decoration: none;
  color: #F9DA00;
  font-size: 16px;
}


a.btn.btn-link:hover {
  color: #070735;
}

.card-testimonial-sm .card-body .card-text {
  font-size: 20px;
  line-height: 25px;
  padding-top: 10px;
}

.card-testimonial-sm .card-body {
  padding: 44px;
  padding-top: 20px !important;
  /* font-size: 25px !important; */
}

.card.card-testimonial.card-team figure {
  height: auto;
}

.card-testimonial.card.card-team {

  height:100%;
}

.card-testimonial.card-team .card-body {
  padding-bottom: 30px !important;
 
}


.card.card-testimonial.card-testimonial-sm figure {
  /* height: 266px !important; */
  /* width: 266px !important; */
  /* overflow: auto; */
  /* width: 170px; */
  display: inline-table;
   height: auto; 
   margin-bottom: 0px;;
  /* border-radius: 72px; */
}

.card.card-testimonial.card-testimonial-sm figure img {
  width: 229px !important;
  max-width: min-content;
  border-radius: 100px;
  margin-right: 30px;
  margin-top: 10px;
}


ul.pagination a {
  color: #070735;
}

ul.pagination a:hover {
  color: #070735;
  background-color: #f9da002e;
}
.is-current {
  background-color: #F9DA00;
}


ul.pagination a.is-current:hover {
  background-color: #F9DA00!important;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff !important;
  background-color: #070735;
}



.section-industries .nav-pills .nav-link {
  color: #070735;
  border-radius: 29px;
  margin-left:5px;
  margin-right:5px;
}

.section-industries .nav-pills .nav-link:hover {
  background-color: #07073512;
}

.section-industries .nav-pills .nav-link.active:hover {
  color: #fff !important;
  background-color: #070735;
}


.section-dark .freeform-fieldtype-checkboxes label {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}

.section-dark .freeform-fieldtype-checkboxes label.form-check-label {
  /* color: #fff; */
  font-weight: 400;
  font-size: 18px;
}

.form-check-input:checked {
  background-color: #F9DA00;
  border-color: #F9DA00;
}

a.columnImageVideoCover {
  border: none !important;
  height:100%;
}

.header-video {
    position: absolute;
    width: 100%;
    opacity: 0.5;
    height: 100%;
    object-fit: cover;
}


.nav-categories a.nav-link {
  border-radius: 20px;
  color: #070735;
  margin-right:5px;
  margin-left:5px;
}

.nav-categories a.nav-link:hover {
  background-color: #07073512;
}


.nav-categories a.nav-link.active {
  background-color: #070735;
}


.navbar-toggler-icon {

  background-image: url(/assets/images/toggler.svg) !important;
  border-color: #ccc !important;
  filter: invert(1);

}

div#offcanvasRight {
  background-image: url(/assets/images/header-bg.jpeg);
  background-size: cover;
  background-color: #070735 !important;
}

.offcanvas img {
  width: 150px;
}

.offcanvas-header .btn-close {
  margin-top: -25px;
}

ul#mobile-menu {
  padding-left: 0px !important;
}

#mobile-menu li {
  margin-bottom: 0px !important;
}

#mobile-menu li a {
  text-decoration: none;
  display: block;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 24px;

  border-bottom: solid 1px #ffffff52;
}


#nav a.nav-link {
  color: #fff;
  font-weight: 700;
}


#nav a.nav-link {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
}


#nav .nav-item {
  margin-bottom: 0px;
}


#nav img {
  width: 170px;
  margin-right: 20px;
}

.btn {
  font-size: 15px;
  padding-right: 25px !important;
  padding-left: 25px !important;
}



section.section-tech-partners .nav-link img {
  max-width: 122px;
}


.offcanvas-backdrop {
  opacity: 0.8 !important;
}


.tab-content .columnImageVideoCover:before {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.tab-content .header-image {
      border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#header .columnImageVideoCover:before {
    width: 100px;
    height: 100px;
    align-self: center;
    justify-self: anchor-center;
}

.tab-content .header-image {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div#header-container.header-container-video {
   
}

.nav-pills .icon svg {
    width: 26px !important;
}

.header-container-video #header.filledYellowCircleBottomRightLarge:before {
display: none;
}



div#header-container.header-container-video .container.container-header-straplines {
    padding-top: 50px !important;
    padding-bottom: 40px !important;
}


.ch2-style-light .ch2-btn-primary, .ch2-style-dark .ch2-btn-primary {
    background: #070735!important;
    color: #ffffff;
}



/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 


 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

  .section-horizontal-tabs .card-body {
    padding-top:60px;
    padding-bottom:60px;
    padding-left:40px;
    padding-right:40px;
  }
  


}



/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

  .btn {
    font-size: 18px;
    padding-right: 25px !important;
    padding-left: 25px !important;
 
    }



  .section-horizontal-tabs .nav {
    gap: 10px;
  }


  .row-features  .col-features:nth-child(1) .card-features{
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .row-features  .col-features:nth-child(2) .card-features{
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0px;
  }


  .row-features  .col-features:nth-last-child(2) .card-features{
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 20px;
  }


  .row-features  .col-features:nth-last-child(1) .card-features{
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }




  .row-features.feature-items-onerow .card-features{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px;
  }

  .row-features.feature-items-onerow  .col-features:nth-child(1) .card-features{
    border-top-left-radius: 20px!important;
    border-bottom-left-radius: 20px!important;

  }


  .row-features.feature-items-onerow  .col-features:nth-last-child(1) .card-features{
    border-top-right-radius: 20px!important;
    border-bottom-right-radius: 20px!important;

  }




  tbody tr, thead th {
    vertical-align: middle !important;
  }


  html {
    --font-size--h1: 50px; 
    --font-size--h2: 44px; 
    --font-size--h3: 30px; 
    --font-size--h4: 24px; 
    --font-size--p: 20px; 

    --line-height--h1: 50px; 
    --line-height--h2: 44px; 
    --line-height--h3: 30px; 
    --line-height--h4: 24px; 
    --line-height--p: 25px; 

  }

  .card-grey  .tab-content .badge {
    margin-top: -73px;
    font-size: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
  }

  section.section-tech-partners .nav-link img {
    max-width:none;
  }

  a.btn.btn-info {
    padding-left:25px;
    padding-right: 25px;
    border-radius: 20px!important;
  }

  section.section-tech-partners .nav-link img {
    max-width:auto;
  }

  .section-partners .tab-img img {
    max-width: 30%;

  }

}





/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 


div#header-container.header-container-video .container.container-header-straplines {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

  .card-matrix-row {
   /* margin-top:100px; */
  }

  .card-matrix-row .col-12:nth-child(2) {
   /* margin-top: -100px; */
  }

  .table thead th {
    font-size: 30px;
    line-height: 30px;
  }

  #nav img {
    width: auto;
    margin-right: 0px;
  }

}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

div#header-container.header-container-video .container.container-header-straplines {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
}

  .section-horizontal-tabs .nav-link {
    font-size:18px;
  }


  .section-horizontal-tabs .card-body  
  {
    padding-top:100px;
    padding-bottom:100px;
    padding-left:120px;
    padding-right:120px;
  }

   .card-body {
    padding-top:100px;
    padding-bottom:100px;

  }



  .section-horizontal-tabs .nav {
    gap: 20px;
  }

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1420px;
  }

  .section-cta .card-body {
    padding-top:100px;
    padding-bottom:100px;
    padding-left:120px;
    padding-right:120px;

  }

  #nav a.nav-link {
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
   
  }



}





@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 100%!important;
  }
}


@media (min-width: 768px) {

  .container, .container-md, .container-sm {
      max-width: 100%;
  }



}


@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 960px!important;
  }

  

  .section-cta .justify-content-md-start {
    justify-content: flex-end !important;
  }

}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1140px!important;
  }
}



@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1420px!important;
  }
}



@media (max-width: 768px) {

  .card-grey {
    display: block !important;
  }

  .card-grey .nav {
    flex-direction: row;
    display: flow-root;
    margin-right: 20px;
  }

  .card-grey .nav .nav-link {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
  }


  .card-grey .nav .nav-link .icon {
    float: left;
  }

  .card-grey .nav  {
    flex-direction: row;
    margin-right: 20px;
    flex-direction: unset !important;
    display: flex;
    margin-bottom: 20px;
    gap: 5px !important;
  }


}