/*
Theme Name: Cholbam
Text Domain: cholbam
Version: 1.7
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
header {
  width: 100%;
}

header a {
  font-family: "Quicksand";
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}

header div#announcements {
  background-color: #789c49;
}

header div#announcements .navbar-collapse {
  z-index: 1;
  background-color: #789c49;
}

header div#announcements .dropdown-menu {
  background-color: #789c49;
}

header div#announcements li.nav-link,
header div#announcements .dropdown-menu li {
  text-decoration: underline;
}

header div#announcements .navbar-nav {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
} 

header div#announcements ul li a {
  color: #ffffff;
  text-decoration: underline;
}

header div#announcements .nav-link.dropdown-toggle {
  font-weight: bold;
}
header .basd{
  		background: -webkit-gradient(linear, left top, right top, color-stop(%, #a05fa6), to(#0081A3)) !important;
		background: linear-gradient(0.25turn, #a05fa6 35%, #0081A3)!important;
  		height: 99px;
}
header nav#mainNav {
  		background: -webkit-gradient(linear, left top, right top, color-stop(%, #a05fa6), to(#755ea5));
		background: linear-gradient(0.25turn, #a05fa6 10%, #755ea5);
  		height: 99px;
}
@media only screen and (max-width: 768px){
	header .basd{
  		background: -webkit-gradient(linear, left top, right top, color-stop(%, #a05fa6), to(#0081A3)) !important;
		background: linear-gradient(0.25turn, #a05fa6 -20%, #4672a5)!important;
	}
	header nav#mainNav{
	  background: -webkit-gradient(linear, left top, right top, color-stop(-40%, #a05fa6), to(#755ea5));
	  background: linear-gradient(0.25turn, #a05fa6 -40%, #755ea5);
	}
}

header nav#mainNav .row {
  --bs-gutter-x: 0;
}

header nav#mainNav button.navbar-toggler {
  position: absolute;
  right: 0;
  margin-right: 5%;
}

header nav#mainNav .dropdown-menu {
  border-top: solid white 3px;
  background-color: #0081A3;
}
@media only screen and (max-width: 768px){
  header nav#mainNav .dropdown-menu {
    text-align: center;
  }
}

header nav#mainNav ul li a {
  color: #ffffff;
}

header nav#mainNav ul.dropdown-menu li a.dropdown-item:hover {
  color: #1e2125;
}

header div#announcements .navbar-conteiner,
header nav#mainNav .navbar-conteiner {
  width: 100%;
  margin-left: 15%;
  margin-right: 15%;
}

header div#announcements .navbar-conteiner .links-highlight {
	display: flex;
	flex-direction: row;
}

@media only screen and (min-width: 1500px) {
	header div#announcements .navbar-conteiner,
	header nav#mainNav .navbar-conteiner {
	  width: 100%;
	  margin-left: 20%;
	  margin-right: 20%;
	}
}
header nav#mainNav .navbar-conteiner .navbar-nav {
   height:100%;
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 768px){
  header nav#mainNav .navbar-conteiner .navbar-nav {
    height:100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
	 header nav#mainNav .navbar-conteiner .navbar-nav li {
  	margin-top: 1rem;
  }
	header div#announcements .navbar-conteiner .links-highlight {
	display: flex;
	flex-direction: column;
	}
}

header hr {
  margin: 0;
  border-top: solid rgba(255, 255, 255, 0.645) 1px;
}

@media only screen and (max-width: 1024px) {
  header div#announcements .navbar-conteiner,
  header nav#mainNav .navbar-conteiner {
    margin-left: 10%;
    margin-right: 10%;
  }
}



@media only screen and (min-width: 768px) and (max-width: 1399px) {
	header nav#mainNav{
		background: -webkit-gradient(linear, left top, right top, color-stop(%, #a05fa6), to(#755ea5));
		background: linear-gradient(0.25turn, #a05fa6 10%, #755ea5);
	}
}

@media only screen and (max-width: 992px) {
  header div#announcements .navbar-conteiner,
  header nav#mainNav .navbar-conteiner {
    margin-left: 3% !important;
    margin-right: 3% !important;
  }
  header div#announcements .bd-highlight {
    margin-left: 3%;
	width: 100%;
  }
  nav#mainNav {
    margin-left: auto;
  }
  nav#mainNav .navbar-toggler:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
/*   nav#mainNav .navbar-toggler-icon {
    -webkit-filter: invert(100%);
            filter: invert(100%);
  } */
  nav#mainNav .navbar-toggler-icon:focus {
    outline: none;
  }
  nav#mainNav hr {
    display: none;
  }
  nav#mainNav .dropdown-menu {
    border: none !important;
    background-color: transparent !important;
  }
  nav#mainNav .navbar-collapse {
    position: absolute;
    margin-top: 51px;
    right: 0;
    z-index: 1;
    padding: 10%;
    background: -webkit-gradient(linear, left top, right top, color-stop(-40%, #a05fa6), to(#755ea5));
    background: linear-gradient(0.25turn, #a05fa6 -40%, #755ea5);
  }
	header .basd .navbar-collapse {
    position: absolute;
    margin-top: 51px;
    right: 0;
    z-index: 1;
    padding: 10%;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #a05fa6), to(#4672a5)) !important;
    background: linear-gradient(0.25turn, #a05fa6 20%, #4672a5) !important;
  }
}


@media only screen and (max-width: 768px) {
  nav#mainNav {
/*     width: 81%; */
	width: 65%;
    height: 70px !important;
  }
  nav#mainNav .navbar-collapse {
    margin-top: 35px !important;
	margin-left: 0;
	width: 100vw;
    height: 85vh;
  }
  div#masthead div.masthead-content div.logo img {
    margin-left: -5px;
    margin-top: -19%;
    margin-bottom: 42% !important;
	  width: 150px;
  }
}

@media only screen and (max-width: 675px) {
  header a {
    font-size: 12px;
  }
  nav#mainNav a {
    font-size: 15px;
  }
  nav#mainNav .navbar-conteiner {
    width: 40%;
    margin-left: 0;
    margin-right: 0;
  }
}

.navbar-light .navbar-toggler-icon {
    background-image: url("../../uploads/2021/05/hamburguer_open.svg") !important;
	width: 36px;
	background-size: auto;
}

header nav#mainNav button.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
   background-image: url("../../uploads/2021/05/hamburguer_close.svg") !important;
	width: 36px;
	background-size: auto;
}

/* 
.collapsed .navbar-light .navbar-toggler-icon {
    background-image: url("../../uploads/2021/05/hamburguer_close.svg") !important;
	width: 36px;
	background-size: auto;
} */

div#masthead {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

div#masthead div.masthead-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("assets/images/0_home_general/curve_background.svg");
  background-repeat: no-repeat;
  background-position: 101%;
  background-position-y: top;
  background-size: 70%;
  height: 100%;
  margin-top: -5px;
  margin-left: 2%;
  text-align: left;
}

div#masthead div.masthead-content.basd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("../../uploads/2021/05/background-gradient.svg");
  background-repeat: no-repeat;
  background-position: 101%;
  background-position-y: top;
  background-size: 70%;
  height: 100%;
  margin-top: -5px;
  margin-left: 2%;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  div#masthead div.masthead-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
/*     background-image: url("assets/images/0_home_general/curve_background.svg"); */
	  background-image: url("../../uploads/2021/05/PBD-ZSD-Hero-BG-MBL.svg");
    background-repeat: no-repeat;
    background-position: 101%;
    background-position-y: top;
    background-size: 100%;
    height: 100%;
    margin-top: -5px;
    margin-left: 0;
	margin-right: -1px;
    text-align: left;
  }

  div#masthead div.masthead-content.basd {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
/*     background-image: url("https://cholbam-new.squarehillcompany.com/wp-content/uploads/2021/05/background-gradient.svg"); */
	   background-image: url("../../uploads/2021/05/BASD-Hero-BG-MBL.svg");
    background-repeat: no-repeat;
    background-position: 101%;
    background-position-y: top;
    background-size: 100%;
    height: 100%;
    margin-top: -5px;
    margin-left: 0;
	margin-right: -1px;
    text-align: left;
  }
}

div#masthead div.masthead-content div.logo {
  margin-top: 5%;
  margin-bottom: 25%;
}
div#masthead div.masthead-content div.logo img{
	width: 80%;
}

div#masthead div.masthead-content .row {
  height: 100%;
  width: 100%;
  max-width: 100%;
}

div#masthead div.masthead-content .btn {
  margin-bottom: 10px;
  margin-left: 15%;
}

div#masthead div.masthead-content div.main-title {
  width: 80%;
  color: #a05fa6;
  font-size: 56px;
}

div#masthead div.masthead-content div.main-title h1 {
  font-family: "Quicksand";
  font-weight: bold;
  letter-spacing: 0;
  font-size: 56px;
  line-height: 75px;
}

div#masthead div.masthead-content img.main-image {
  height: auto;
  margin-top: 2%;
  margin-bottom: 2%;
}

div#masthead div.masthead-content div.information {
  margin-top: 8%;
}

div#masthead div.masthead-content div.information h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div#masthead div.masthead-content div.information p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div#masthead div.masthead-content div.information b {
  color: #333333;
  font-weight: bold;
}

div#masthead div.masthead-content div.information a {
  color: #0081A3;
  font-size: 30px;
}

 div#masthead div.masthead-content div.links {
  	margin-top: 75px;
  }

div#masthead div.masthead-content div.links a {
  color: #0081A3;
  font-size: 30px;
}
div#masthead div.masthead-content div.links h2 {
  	margin-bottom: 5%;
  }

@media only screen and (max-width: 768px) {
  div#masthead div.masthead-content div.information .title {
    font-size: 30px;
  }
  div#masthead div.masthead-content div.information p {
    font-size: 20px;
  }
  div#masthead div.masthead-content div.links {
  	margin-top: -130px;
  }
  div#masthead div.masthead-content div.links a {
  	font-size: 25px;
  }
	div#masthead div.masthead-content div.links h2 {
  	margin-bottom: 5%;
  }
}

div#masthead div.masthead-content div.information .btn {
  background-color: #0081a3;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 448px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
}

div#masthead div.masthead-content div.information .btn::after {
  content: url("assets/images/0_home_general/button_chevron.svg");
  margin-top: 1%;
  position: relative;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  float: right;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 1399px) {
  div#masthead div.masthead-content div.information .btn {
    width: 70%;
  }
	div#masthead div.masthead-content .main-title{
		width:100%!important;
	}
	div#masthead div.masthead-content .main-title h1{
		font-size:49px!important;
		line-height: 62px!important;
	}
	div#masthead div.masthead-content img.main-image{
		width:100%!important;
	}
	
}

@media only screen and (max-width: 768px) {
  div#masthead div.masthead-content div.information .btn {
    font-size: 20px;
    width: 70%;
	margin: 10% auto !important;
  }
}

@media only screen and (max-width: 768px) {
/*   div#masthead div.masthead-content {
    background-size: 82.8%;
    min-height: 500px;
  } */
  div#masthead div.masthead-content div.information {
    margin-top: 45% !important;
	  margin-bottom: 15%;
  }
  div#masthead div.masthead-content div.logo img {
    width: 35%;
    height: auto;
    margin-bottom: 50%;
	margin-top: -22%;
  }
  div#masthead div.masthead-content div.main-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 0;
    width: 60% !important;
    color: #ffffff !important;
    font-size: 56px;
  }
  div#masthead div.masthead-content div.main-title h1 {
    margin-top: 25%;
	margin-left: -15%;
    margin-bottom: auto;
    line-height: 1.4em;
  }
  div#masthead div.masthead-content .col-5 {
    width: 100% !important;
/* 	  height: 30%; */
    min-height: 350px;
  }
  div#masthead div.masthead-content .main-image {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  div#masthead div.masthead-content {
    min-height: 250px;
  }
  div#masthead div.main-title {
    margin-top: auto;
    margin-bottom: auto;
    height: 22%;
  }
  div#masthead div.main-title h1 {
    font-size: 27px !important;
  }
}

@media only screen and (max-width: 360px) {
  div#masthead div.masthead-content {
    min-height: 220px;
  }
}

@media only screen and (min-width: 450px) and (max-width: 768px) {
  div#masthead div.masthead-content div.main-title {
    min-height: 300px;
  }
  div#masthead div.masthead-content div.logo img {
    width: 25%;
    height: 0%;
  }
}

@media only screen and (max-width: 320px) {
  div#masthead div.masthead-content div.main-title h1 {
    font-size: 25px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1399px) {
  div#masthead div.masthead-content .logo {
    width: 70%;
  }
	
  div#masthead div.masthead-content .main-image {
    float: right;
  }
  div#masthead div.masthead-content .information .sub-title,
  div#masthead div.masthead-content .information text {
    width: 100%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  div#masthead div.information {
    margin-top: 22% !important;
    width: 800px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  div#masthead img.main-image {
    width: 100%;
  }
}

div.one-box {
  border-top: solid;
  position: relative;
  margin-left: 2%;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 9px solid #755ea5;
}

div.one-box:after {
  position: absolute;
  left: 32%;
  right: 0;
  top: -9px;
  border-top: 9px solid #a05fa6;
  content: "";
}

div.one-box div.card {
  padding:3%;
  background: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
}

div.one-box div.card h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.one-box div.card p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.one-box div.card b {
  color: #333333;
  font-weight: bold;
}

div.one-box div.card a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.one-box div.card .title {
    font-size: 30px;
  }
  div.one-box div.card p {
    font-size: 20px;
	margin-bottom: 3rem;
  }
}

div.one-box div.card div.card-body {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 6%;
  margin-right: 6%;
}
@media only screen and (max-width: 768px) {
  div.one-box div.card div.card-body {
    margin-left: 0;
    margin-right: 0;
  }
}

div.one-box div.card div.card-body .row {
  height: 100%;
}

div.one-box div.card div.card-body img {
  width: 90%;
  height: 100%;
}

div.one-box div.card div.card-body .btn {
  background-color: #0081a3;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
border: 0 none;
width: 400px;
line-height: 51px;
padding: 0 24px;
height: 54px;
}

div.one-box div.card div.card-body .btn::after {
  content: url("assets/images/0_home_general/button_chevron.svg");
  margin-top: 5px;
  position: relative;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  float: right;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 1324px) {
  div.one-box div.card div.card-body .btn {
    width: 70%;
  }
}

@media only screen and (max-width: 768px) {
  div.one-box div.card div.card-body .btn {
    font-size: 20px;
    width: 70%;
  }
}

div.one-box div.card div.card-body .btn {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #ffffff;
  margin-top: 1em;
  width: 90%;
}

@media only screen and (max-width: 768px) {
  div.one-box {
    border-top: 4px solid #755ea5;
  }
  div.one-box:after {
    position: absolute;
    left: 32%;
    right: 0;
    top: -4px;
    border-top: 4px solid #a05fa6;
    content: "";
  }
  div.one-box div.card {
   min-height: 466px;
  }
  div.one-box div.card img {
    width: 90% !important;
	margin-bottom: 18%;
    margin-top: 16%;
  }
  div.one-box div.card div.col-lg-5 {
/*     height: 250px; */
	  height:70px;
  }
  div.one-box div.card div.col-lg-5 .btn {
    width: 76%;
    position: absolute;
    margin-bottom: 10%;
    bottom: 0;
  }
}

@media only screen and (max-width: 414px) {
  div.one-box div.card div.col-md-5 button.btn {
    width: 80% !important;
  }
}

div.two-box {
  margin-left: 2%;
  margin-right: 2%;
}

div.two-box div.card {
  height: 540px;
  background: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 9px solid #755ea5;
}

div.two-box div.card:after {
  position: absolute;
  left: 32%;
  right: 0;
  top: -9px;
  border-top: 9px solid #a05fa6;
  content: "";
}

div.two-box div.card div.card-body {
  padding: 0;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 62px;
  margin-bottom: 65px;
}

div.two-box div.card div.card-body .btn {
  background-color: #0081a3;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
border: 0 none;
width: 400px;
line-height: 51px;
padding: 0 24px;
height: 54px;
}

div.two-box div.card div.card-body .btn::after {
  content: url("assets/images/0_home_general/button_chevron.svg");
  margin-top: 5px;
  position: relative;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  float: right;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 1324px) {
  div.two-box div.card div.card-body .btn {
    width: 70%;
  }
}

@media only screen and (max-width: 768px) {
  div.two-box div.card div.card-body .btn {
    font-size: 20px;
    width: 70%;
  }
}

div.two-box div.card div.card-body .btn {
  position: absolute;
  bottom: 0;
  margin-bottom: 10%;
}

div.two-box div.card div.card-body h3.card-title {
  font-family: Quicksand;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.two-box div.card div.card-body h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.two-box div.card div.card-body p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.two-box div.card div.card-body b {
  color: #333333;
  font-weight: bold;
}

div.two-box div.card div.card-body a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.two-box div.card div.card-body .title {
    font-size: 30px;
  }
  div.two-box div.card div.card-body p {
    font-size: 20px;
  }
}

div.two-box div.card div.card-body p {
  margin-top: 45px;
}

@media only screen and (max-width: 768px) {
  div.two-box div.card {
    margin-bottom: 15%;
    border-top: 4px solid #755ea5;
  }
  div.two-box div.card:after {
    position: absolute;
    left: 32%;
    right: 0;
    top: -4px;
    border-top: 4px solid #a05fa6;
    content: "";
  }
  div.two-box div.card div.card-body {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
}

.text {
	font-family: "Quicksand";
    font-weight: bold;
    width: 100%;
	font-size: 30px;
	letter-spacing: 1.43px;
    line-height: 38px;	
}

.text .basic-content {
  margin-left: 2%;
  margin-right: 2%;
}
.text .basic-content-2 {
  margin-left: 1%;
  margin-right: 2%;
  font-weight: 500;
  font-size: 24px;
}
@media only screen and (max-width: 768px){
.text .basic-content-2 {
    font-size: 20px;
}
}

.text .basic-content h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

.text .basic-content p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

body .wp-block-lazyblock-text-simple.lazyblock-text-simple-Z1758lz p strong {
	margin-top: 40px;
	display: block;
}

body .wp-block-lazyblock-text-feature.lazyblock-text-feature-Z14JNbc p strong {
	margin-top: 28px;
	display: block;
}

body .wp-block-lazyblock-text-simple.lazyblock-text-simple-Z1758lz p,
body .wp-block-lazyblock-text-feature.lazyblock-text-feature-Z2wuCb4 p,
body .wp-block-lazyblock-text-simple.lazyblock-text-simple-1GL1cP p,
body .wp-block-lazyblock-text-simple-image-cta.lazyblock-text-simple-image-cta-145lNw p,
body .wp-block-lazyblock-text-simple.lazyblock-text-simple-shPj2 p,
body .wp-block-lazyblock-text-simple.lazyblock-text-simple-Z1VJHAA p,
body .wp-block-lazyblock-text-simple-image-cta.lazyblock-text-simple-image-cta-Z2dxPpp p,
body .wp-block-lazyblock-text-feature.lazyblock-text-feature-ZFKyn9 p,
body .wp-block-lazyblock-text-feature.lazyblock-text-feature-Z2wuCb4 p,
body .wp-block-lazyblock-text-simple.lazyblock-text-simple-Z12a8Mb p,
body .wp-block-lazyblock-text-simple-image-cta.lazyblock-text-simple-image-cta-16X2jr p,
body .wp-block-lazyblock-text-simple-image-cta.lazyblock-text-simple-image-cta-9PxCG p,
body .wp-block-lazyblock-text-simple.lazyblock-text-simple-27FEUx p {
	margin-bottom: 22px;
}

.text .basic-content b {
  color: #333333;
  font-weight: bold;
}

.text .basic-content a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  .text .basic-content .title {
    font-size: 30px !important;
  }
  .text .basic-content p {
    font-size: 20px;
  }
}

.text .basic-content li {
  color: #755ea5;
}

@media only screen and (max-width: 768px) {
	.text .basic-content li {
		font-size: 20px;
	}
}

div.text-feature {
  width: 100%;
  background: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
}

div.text-feature div.text-feature-content {
  padding-top: 3.5%;
  padding-bottom: 3.5%;
  padding-left: 2%;
  padding-right: 2%;
}

div.text-feature div.text-feature-content h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.text-feature div.text-feature-content p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.text-feature div.text-feature-content b {
  color: #333333;
  font-weight: bold;
}

div.text-feature div.text-feature-content a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.text-feature div.text-feature-content .title {
    font-size: 30px !important;
	padding-right: 5%;
  }
  div.text-feature div.text-feature-content p {
    font-size: 20px;
  }
}

div.text-feature div.text-feature-content .title {
  margin-bottom: 2.5%;
}

div.two-box-image {
  margin-left: 2%;
  margin-right: 2%;
}

div.two-box-image .col-md-6 {
  margin-top: 170px;
}

div.two-box-image div.card {
/*   min-height: 540px; */
	height: 100%;
  background: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 9px solid #755ea5;
}

div.two-box-image div.card:after {
  position: absolute;
  left: 32%;
  right: 0;
  top: -9px;
  border-top: 9px solid #a05fa6;
  content: "";
}

div.two-box-image div.card div.image {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.two-box-image div.card div.image img {
  z-index: 1;
  top: -120px;
  position: absolute;
}

div.two-box-image div.card div.card-body {
  padding: 0;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 120px;
  margin-bottom: 65px;
}

div.two-box-image div.card div.card-body .btn {
  background-color: #0081a3;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 448px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
}

div.two-box-image div.card div.card-body .btn::after {
  content: url("assets/images/0_home_general/button_chevron.svg");
  margin-top: 1%;
  position: relative;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  float: right;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 1324px) {
  div.two-box-image div.card div.card-body .btn {
    width: 70%;
  }
}

@media only screen and (max-width: 768px) {
  div.two-box-image div.card div.card-body .btn {
    font-size: 16px;
    width: 70%;
	display: flex;
	justify-content: space-around;
	align-items: center;
  }
}

div.two-box-image div.card div.card-body .btn {
  position: absolute;
  bottom: 0;
  margin-bottom: 10%;
}

div.two-box-image div.card div.card-body h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.two-box-image div.card div.card-body p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.two-box-image div.card div.card-body b {
  color: #333333;
  font-weight: bold;
}

div.two-box-image div.card div.card-body a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.two-box-image div.card div.card-body .title {
    font-size: 30px !important;
	margin-top: -2rem;
    margin-bottom: 3rem;
  }
  div.two-box-image div.card div.card-body p {
    font-size: 20px;
	  margin-bottom: 5%;
  }
}

div.two-box-image div.card div.card-body p {
  margin-top: 7%;
  margin-bottom: 23%;
}

@media only screen and (max-width: 768px) {
  div.two-box-image div.card {
    border-top: 4px solid #755ea5;
  }
  div.two-box-image div.card:after {
    position: absolute;
    left: 32%;
    right: 0;
    top: -4px;
    border-top: 4px solid #a05fa6;
    content: "";
  }
  div.two-box-image div.card div.card-body {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
}

@media only screen and (max-width: 450px) {
  div.two-box-image div.card div.card-body div.image img {
    top: -78px;
    width: 150px;
    height: 150px;
  }
}

div.grid {
  width: 100%;
  margin-top: 2%;
}

div.grid .row {
  width: 100%;
}

div.grid .row .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

div.grid p {
  margin-top: 10%;
  margin-bottom: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 220px;
  text-align: center;
}

div.grid h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.grid p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.grid b {
  color: #333333;
  font-weight: bold;
}

div.grid a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.grid .title {
    font-size: 30px;
  }
  div.grid p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  div.grid .item img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    width: 128px;
    height: 128px;
  }
}

@media only screen and (max-width: 575px) {
  div.grid .row {
    width: 55%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
/*   div.grid .row .col {
    height: 350px;
  } */
/*   div.grid .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  } */
   div.grid .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    align-items: center;
  }
  div.grid .item img {
    width: 110px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }
  div.grid p {
    width: 160px;
  }
}

div.grid-expand {
  margin-right: 2%;
  margin-left: 2%;
  margin-top: 2%;
}

div.grid-expand .row {
  width: 100%;
  margin: auto;
}

div.grid-expand img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  div.grid-expand img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    width: 141px;
    height: 141px;
  }
}

div.grid-expand h3 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: auto;
  margin-left: auto;
}

div.grid-expand p,
div.grid-expand h3 {
  margin-top: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.grid-expand li {
  color: #0081a3;
}

div.grid-expand h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.grid-expand div.item#copy h3.title {
  	display: none;
}
@media only screen and (max-width: 768px) {
  div.grid-expand div.item#copy div.grid-text {
  	font-size: 10px;
}
	div.grid-expand div.item#copy p{
		font-size: 10px;
	}
	
	div.grid-expand div.item#copy ul li{
		font-size: 10px;
	}
}


div.grid-expand p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.grid-expand b {
  color: #333333;
  font-weight: bold;
}

div.grid-expand a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.grid-expand .title {
    font-size: 30px;
  }
  div.grid-expand p {
    font-size: 20px;
  }
}

div.cta {
  border-top: solid;
  position: relative;
  margin-left: 2%;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 9px solid #755ea5;
}

div.cta:after {
  position: absolute;
  left: 32%;
  right: 0;
  top: -9px;
  border-top: 9px solid #a05fa6;
  content: "";
}

div.cta div.card {
  background: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
}

div.cta div.card h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.cta div.card p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.cta div.card b {
  color: #333333;
  font-weight: bold;
}

div.cta div.card a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.cta div.card .title {
    font-size: 30px;
  }
  div.cta div.card p {
    font-size: 20px;
  }
}

div.cta div.card div.card-body {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 6%;
  margin-right: 6%;
}

div.cta div.card div.card-body .row {
  height: 100%;
}

div.cta div.card div.card-body img {
  width: 90%;
  height: 100%;
}

div.cta div.card div.card-body .btn {
  background-color: #0081a3;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 448px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
}

div.cta div.card div.card-body .btn::after {
  content: url("assets/images/0_home_general/button_chevron.svg");
  margin-top: 1%;
  position: relative;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  float: right;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 1324px) {
  div.cta div.card div.card-body .btn {
    width: 70%;
  }
}

@media only screen and (max-width: 768px) {
  div.cta div.card div.card-body .btn {
    font-size: 20px;
    width: 70%!important;
  }
}

div.cta div.card div.card-body .btn {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-top: 5%;
  margin-bottom: 3%;
}

div.cta div.card div.card-body .title {
  margin-top: 3%;
  margin-bottom: 5%;
}

@media only screen and (max-width: 768px) {
  div.cta {
    border-top: 4px solid #755ea5;
  }
  div.cta:after {
    position: absolute;
    left: 32%;
    right: 0;
    top: -4px;
    border-top: 4px solid #a05fa6;
    content: "";
  }
}

@media only screen and (max-width: 440px) {
  div.cta div.card button.btn {
    width: 90% !important;
  }
}

div.text-image-left {
  margin-left: 2%;
  margin-right: 2%;
}

div.text-image-left div.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

div.text-image-left div.content#resources h3 {
	display: none;
}

div.text-image-left div.content .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 3%;
  margin-right: 6%;
}

div.text-image-left div.content .image img{
	max-width: 400px;
}
@media only screen and (max-width: 768px) {
  div.text-image-left div.content .image img{
    max-width: 141px;
  }
	div.text-image-left div.content#resources .image img {
	max-width: 345px;
	}
}


div.text-image-left h3.title {
  font-family: "Quicksand";
  font-size: 40px;
	margin-bottom:5%;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}
div.text-image-left h4.title {
  font-family: "Quicksand";
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.text-image-left p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.text-image-left b {
  color: #333333;
  font-weight: bold;
}

div.text-image-left a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.text-image-left h3.title{
    font-size: 30px;
  }
	div.text-image-left h4.title{
    font-size: 20px;
  }
  div.text-image-left p {
    font-size: 20px;
  }
}

div.text-image-left .btn {
  background-color: #0081a3;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 448px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
}

div.text-image-left .btn::after {
  content: url("assets/images/0_home_general/button_chevron.svg");
  margin-top: 1%;
  position: relative;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  float: right;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 1324px) {
  div.text-image-left .btn {
    width: 70%;
  }
}

@media only screen and (max-width: 768px) {
  div.text-image-left .btn {
      /* font-size: 20px; */
     font-size: 16px;
     width: 70%;
	 display: flex;
	 justify-content: space-around;
	 align-items: center;
  }
}

div.text-image-left .btn {
  margin-top: 3%;
}


@media only screen and (max-width: 450px) {
  div.text-image-left div.content div.image {
    margin: auto;
  }
  div.text-image-left .btn {
    margin-left: 10%;
  }
}

div.text-image-right {
  margin-left: 2%;
  margin-right: 2%;
}



div.text-image-right div.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
	div.text-image-right#Whattoexpect div.content {
     flex-direction: column;
	}
	div.text-image-right#Whattoexpect div.content .image img{
    max-width: 286px !important;
  }
}

div.text-image-right div.content .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 6%;
  margin-right: 3%;
}
div.text-image-right div.content .image img{
	max-width: 400px;
}
@media only screen and (max-width: 540px) {
	div.text-image-right div.content .image img{
    max-width: 286px;
  }
}


div.text-image-right h3.title {
  font-family: "Quicksand";
  font-size: 40px;
	margin-bottom:5%;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.text-image-right h4.title {
  font-family: "Quicksand";
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.text-image-right p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.text-image-right b {
  color: #333333;
  font-weight: bold;
}

div.text-image-right a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.text-image-right h3.title {
    font-size: 30px;
  }
	div.text-image-right h4.title {
    font-size: 20px;
  }
  div.text-image-right p {
    font-size: 20px;
  }
}

div.text-image-right .btn {
  background-color: #0081a3;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #ffffff;
font-size: 24px;
font-weight: 500;
border: 0 none;
width: 400px;
line-height: 51px;
padding: 0 24px;
height: 54px;
}

/* div.text-image-right .btn::after {
  content: url("assets/images/0_home_general/button_chevron.svg");
  margin-top: 1%;
  position: relative;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  float: right;
  vertical-align: middle;
} */

div.text-image-right .btn::after {
  content: url("../../uploads/2021/05/download_icon.svg");
  margin-top: 4px;
  position: relative;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  float: right;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) and (max-width: 1324px) {
  div.text-image-right .btn {
    width: 70%;
  }
}

@media only screen and (max-width: 768px) {
  div.text-image-right .btn {
    font-size: 16px;
    width: 70%;
  }
}

div.text-image-right .btn {
  margin-top: 3%;
}

@media only screen and (max-width: 768px) {
  div.text-image-right .title {
    font-size: 24px;
  }
  div.text-image-right p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 450px) {
  div.text-image-right div.content div.image {
    margin: auto;
  }
  div.text-image-right div.content div.image img {
    display: block !important;
	max-width: 141px;
  }
  div.text-image-right .btn {
    margin-left: 10%;
  }
}

div.number-list {
}

div.number-list div.my-container {
  margin-left: 11%;
  margin-right: 11%;
}

div.number-list ol {
  counter-reset: li;
  /* Initiate a counter */
}

div.number-list ol > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2%;
  margin-left: 4%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 105px;
  position: relative;
  list-style: none;
}

div.number-list ol > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: -2em;
  width: 105px;
  height: 105px;
  color: #a05fa6;
  font-family: Quicksand;
  font-size: 55px;
  font-weight: bold;
  letter-spacing: 2.62px;
  line-height: 69px;
  border-radius: 50%;
/*   border: 4px solid #a05fa6; */
  background-image: url("../../uploads/2021/05/numbers_list.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
div.number-list.basd ol > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: -2em;
  width: 105px;
  height: 105px;
  color: #a05fa6;
  font-family: Quicksand;
  font-size: 55px;
  font-weight: bold;
  letter-spacing: 2.62px;
  line-height: 69px;
  border-radius: 50%;
  background-image: url("../../uploads/2021/05/numbers_list_basd.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
div.number-list.pbd-zsd ol > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 105px;
  height: 105px;
  color: #a05fa6;
  font-family: Quicksand;
  font-size: 55px;
  font-weight: bold;
  letter-spacing: 2.62px;
  line-height: 69px;
  border-radius: 50%;
  background-image: url("../../uploads/2021/05/numbers_list.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
div.number-list.slos ol > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 105px;
  height: 105px;
  color: #a05fa6;
  font-family: Quicksand;
  font-size: 55px;
  font-weight: bold;
  letter-spacing: 2.62px;
  line-height: 69px;
  border-radius: 50%;
  background-image: url("../../uploads/2021/05/numbers_list.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
	div.number-list ol > li {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0;
	}
	div.number-list.basd ol > li:before {
	  content: counter(li);
	  counter-increment: li;
	  position: relative;
      justify-self: center;
      align-self: center;
	  width: 105px;
	  height: 105px;
	  color: #a05fa6;
	  font-family: Quicksand;
	  font-size: 55px;
	  font-weight: bold;
	  letter-spacing: 2.62px;
	  line-height: 69px;
	  border-radius: 50%;
	  background-image: url("../../uploads/2021/05/numbers_list_basd.svg");
	  background-repeat: no-repeat;
	  background-size: cover;
	  margin-left: 14rem;
	}
	div.number-list.pdb-zsd ol > li:before {
	  content: counter(li);
	  counter-increment: li;
	  position: relative;
      justify-self: center;
      align-self: center;
	  width: 105px;
	  height: 105px;
	  color: #a05fa6;
	  font-family: Quicksand;
	  font-size: 55px;
	  font-weight: bold;
	  letter-spacing: 2.62px;
	  line-height: 69px;
	  border-radius: 50%;
	  background-image: url("../../uploads/2021/05/numbers_list.svg");
	  background-repeat: no-repeat;
	  background-size: cover;
	  margin-left: 9rem;
	}
  div.number-list.slos ol > li:before {
    content: counter(li);
    counter-increment: li;
    position: relative;
    justify-self: center;
    align-self: center;
    width: 105px;
    height: 105px;
    color: #a05fa6;
    font-family: Quicksand;
    font-size: 55px;
    font-weight: bold;
    letter-spacing: 2.62px;
    line-height: 69px;
    border-radius: 50%;
    background-image: url("../../uploads/2021/05/numbers_list.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 9rem;
  }
	div.number-list p {
		text-align: center;
	}
	div.number-list ol {
		padding: 0;

	}
}

div.number-list h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.number-list p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.number-list b {
  color: #333333;
  font-weight: bold;
}

div.number-list a {
  color: #0081A3;
}

div.number-list p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 10px;
}

@media only screen and (max-width: 1024px) {
  div.number-list div.my-container {
    margin-left: 5%;
    margin-right: 5%;
  }
  div.number-list ol > li {
    margin-bottom: 8%;
  }
  div.number-list ol > li:before {
    left: -1.3em;
    width: 85px;
    height: 85px;
    font-size: 25px;
  }
  div.number-list p {
    margin-left: 70px;
  }
}
@media only screen and (max-width: 768px) {
  div.number-list .title {
    font-size: 30px;
  }
  div.number-list p {
    font-size: 20px;
	margin: 50px 0;
  }
}

@media only screen and (max-width: 450px) {
  div.number-list div.my-container {
    margin-left: 2%;
    margin-right: 2%;
  }
}

div.table-green {
  width: 100%;
}

div.table-green div.my-container {
  margin-left: 9%;
  margin-right: 9%;
}

div.table-green div.my-table {
  width: 100%;
  border: 1px solid #789c49;
}

div.table-green div.my-table h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.table-green div.my-table p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.table-green div.my-table b {
  color: #333333;
  font-weight: bold;
}

div.table-green div.my-table a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.table-green div.my-table .title {
    font-size: 30px;
  }
  div.table-green div.my-table p {
    font-size: 20px;
  }
}

div.table-green div.my-table div.extra-information {
  min-height: 86px;
  margin-right: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

div.table-green div.my-table div.extra-information > p {
  margin-top: auto;
  margin-bottom: auto;
  font-family: "Quicksand";
  font-size: 24px;
  color: #333333;
  font-weight: 700;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.table-green div.my-table div.information {
  background-color: #789c49;
  padding: 5% 10%;
  text-align: center;
}

div.table-green div.my-table div.information p {
  color: #ffffff !important;
}

div.table-green div.my-table div.information p > b {
  color: #ffffff !important;
}

div.table-green div.my-table div.content table {
  border-spacing: initial;
  width: 100%;
  border-collapse: collapse;
  color: #333333;
  font-family: "Quicksand";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.table-green div.my-table div.content table tr:nth-child(even) {
/*   background-color: #f2f2f2; */
/* 	 background-color: #789C49; */
	background-color: rgb(228,235,219);
}
div.table-green div.my-table div.content table tr {
/*   background-color: #f2f2f2; */
/* 	 background-color: #789C49; */
	height: 80px
}

div.table-green div.my-table div.content table thead {
  min-height: 86px;
  background-color: #f2f2f2;
/*  background-color: #789C49; */
}

div.table-green div.my-table div.content table th {
  max-width: 218px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

div.table-green div.my-table div.content table td {
  height: 48px;
  text-align: center;
}
/*
div.table-green div.my-table div.content table tbody,
div.table-green div.my-table div.content table td,
div.table-green div.my-table div.content table tfoot,
div.table-green div.my-table div.content table th,
div.table-green div.my-table div.content table thead,
div.table-green div.my-table div.content table tr {
  padding-left: 9%;
  padding-right: 9%;
}
*/
@media only screen and (max-width: 768px) {
  div.table-green div.my-container {
    margin-left: 4%;
    margin-right: 4%;
  }
  div.table-green div.my-container div.extra-information {
    margin-right: 15%;
  }
  div.table-green div.my-table .information,
  div.table-green div.my-table .extra-information,
  div.table-green div.my-table .content > table {
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 450px) {
  div.table-green div.my-container {
    margin-left: 2%;
    margin-right: 2%;
  }
  div.table-green div.my-container div.extra-information {
    margin-right: 7%;
  }
  div.table-green div.my-container tbody,
  div.table-green div.my-container td,
  div.table-green div.my-container tfoot,
  div.table-green div.my-container th,
  div.table-green div.my-container thead,
  div.table-green div.my-container tr {
    padding-left: 1% !important;
    padding-right: 1% !important;
  }
}

@media only screen and (max-width: 400px) {
  div.table-green div.my-container div.extra-information {
    margin-right: 4%;
  }
}

div.table-blue {
  width: 100%;
}

div.table-blue div.my-container {
  margin-left: 9%;
  margin-right: 9%;
}

div.table-blue div.my-table {
  width: 100%;
  border: 1px solid #0081a3;
}

div.table-blue div.my-table h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.table-blue div.my-table p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.table-blue div.my-table b {
  color: #333333;
  font-weight: bold;
}

div.table-blue div.my-table a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.table-blue div.my-table .title {
    font-size: 30px;
  }
  div.table-blue div.my-table p {
    font-size: 20px;
  }
}

div.table-blue div.my-table div.extra-information {
  min-height: 86px;
  margin-right: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

div.table-blue div.my-table div.extra-information > p {
  margin-top: auto;
  margin-bottom: auto;
  font-family: "Quicksand";
  font-size: 24px;
  color: #333333;
  font-weight: 700;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.table-blue div.my-table div.information {
  background-color: #0081a3;
  padding: 5% 10%;
  text-align: center;
}

div.table-blue div.my-table div.information p {
  color: #ffffff !important;
}

div.table-blue div.my-table div.information p > b {
  color: #ffffff !important;
}

div.table-blue div.my-table div.content table {
  border-spacing: initial;
  width: 100%;
  border-collapse: collapse;
  color: #333333;
  font-family: "Quicksand";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.table-blue div.my-table div.content table tr:nth-child(odd) {
  background-color: rgba(0, 129, 163, 0.2);
}

div.table-blue div.my-table div.content table thead {
  min-height: 86px;
  background-color: rgba(0, 129, 163, 0.2);
}

div.table-blue div.my-table div.content table th {
  max-width: 218px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

div.table-blue div.my-table div.content table td {
  height: 48px;
  text-align: center;
}
/*
div.table-blue div.my-table div.content table tbody,
div.table-blue div.my-table div.content table td,
div.table-blue div.my-table div.content table tfoot,
div.table-blue div.my-table div.content table th,
div.table-blue div.my-table div.content table thead,
div.table-blue div.my-table div.content table tr {
  padding-left: 9%;
  padding-right: 9%;
}*/

@media only screen and (max-width: 768px) {
  div.table-blue div.my-container {
    margin-left: 4%;
    margin-right: 4%;
  }
  div.table-blue div.my-container div.extra-information {
    margin-right: 15%;
  }
  div.table-blue div.my-table .information,
  div.table-blue div.my-table .extra-information,
  div.table-blue div.my-table .content > table {
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 450px) {
  div.table-blue div.my-container {
    margin-left: 2%;
    margin-right: 2%;
  }
  div.table-blue div.my-container div.extra-information {
    margin-right: 7%;
  }
  div.table-blue div.my-container tbody,
  div.table-blue div.my-container td,
  div.table-blue div.my-container tfoot,
  div.table-blue div.my-container th,
  div.table-blue div.my-container thead,
  div.table-blue div.my-container tr {
    padding-left: 1% !important;
    padding-right: 1% !important;
  }
}

@media only screen and (max-width: 400px) {
  div.table-blue div.my-container div.extra-information {
    margin-right: 4%;
  }
}

div.gallery div.my-container {
  margin-left: 2%;
  margin-right: 2%;
}

div.gallery div.my-container div.target {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2%;
  min-height: 61px;
  position: relative;
  background: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 9px solid #755ea5;
}

div.gallery div.my-container div.target:after {
  position: absolute;
  left: 32%;
  right: 0;
  top: -9px;
  border-top: 9px solid #a05fa6;
  content: "";
}

div.gallery div.my-container div.target h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.gallery div.my-container div.target p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.gallery div.my-container div.target b {
  color: #333333;
  font-weight: bold;
}

div.gallery div.my-container div.target a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.gallery div.my-container div.target .title {
    font-size: 30px;
  }
  div.gallery div.my-container div.target p {
    font-size: 15px;
    padding: 0px 30px;
  }
}

div.gallery div.my-container div.target p {
  text-align: center;
  font-weight: bold;
  margin-bottom: auto;
  margin-top: auto;
}

div.gallery div.my-container div.row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
}

div.gallery div.my-container div.row .col {
  padding-right: 0;
  padding-left: 0;
  width: 49.5%;
}

div.gallery div.my-container div.row img {
  width: 100%;
  margin-bottom: 4%;
}


@media only screen and (max-width: 768px) {
	  div.gallery div.my-container div.row {
  flex-direction: column;
}
	div.gallery div.my-container div.row .col {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

  div.gallery div.my-container img {
/*     height: 350px !important; */
	  object-fit: cover;
  }
}

@media only screen and (max-width: 450px) {
  div.gallery div.my-container img {
/*     height: 180px !important; */
	  object-fit: cover;
  }
}

div.videos {
  background: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
}

div.videos h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.videos p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.videos b {
  color: #333333;
  font-weight: bold;
}

div.videos a {
  color: #0081A3;
}
div.videos div.content iframe {
   width: 573px !important;
   height: 256px !important;
	overflow:hidden; 
	object-fit: scale-down !important;
   margin: auto;
	 text-align: center;
}
div.videos div.content iframe img {
/*    width: 573px !important;
   height: 256px !important; */
	overflow:hidden; 
	object-fit: scale-down !important;
   margin: auto;
	 text-align: center;
}
/* .videos iframe {
  width:573px !important;
  height: 322px !important;
} */


@media only screen and (max-width: 768px) {
  div.videos .title {
    font-size: 30px !important;
  }
  div.videos p {
    font-size: 20px;
  }
}

div.videos h3.title {
  padding-top: 3%;
  padding-bottom: 5%;
}

div.videos .my-container {
  margin-left: 2%;
  margin-right: 2%;
}

div.videos .my-container div.content img {
	max-width: 573px;
}

@media only screen and (max-width: 768px) { 
div.videos .my-container div.content img {
	max-width: 100%;
}
}

div.videos .my-container div.content {
  min-height: 322px;
  margin-bottom: 4%;
  padding-bottom: 4%;
  font-weight: normal !important;
/*     width: 100%; */
}

div.videos .my-container div.content p {
  margin-left: 11%;
}

@media only screen and (max-width: 768px) {
  div.videos .my-container div.content p {
    margin-left: 0;
    margin-top: 7%;
  }
}

footer {
  width: 100%;
  height: 100%;
  position: relative;
  background: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 9px solid #755ea5;
}

footer:after {
  position: absolute;
  left: 32%;
  right: 0;
  top: -9px;
  border-top: 9px solid #a05fa6;
  content: "";
}

footer div.footer-content {
  width: 100%;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.67px;
  line-height: 18px;
}

footer div.footer-content p {
  margin-bottom: 2px;
}

footer div.footer-content div.image {
  margin-right: 4%;
}

footer div.footer-content div.image img {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

footer div.footer-content div.ref-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}


@media only screen and (max-width: 768px) {
  footer {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 4px solid #755ea5;
    /*.image , .copyright ,.ref-links{
            margin-right: 0!important;
            padding-right: 0;
        }*/
  }
  footer:after {
    position: absolute;
    left: 32%;
    right: 0;
    top: -4px;
    border-top: 4px solid #a05fa6;
    content: "";
  }
  footer .row {
    --bs-gutter-x: unset;
  }
  footer div.footer-content {
    font-size: 8px;
  }
  footer div.footer-content p {
    letter-spacing: 0;
    font-weight: 400;
    margin: auto;
    line-height: 10px;
  }
  footer div.footer-content a {
    margin-left: 8%;
  }
}

@media only screen and (max-width: 768px) {
  footer .d-flex {
    display: block !important;
  }
}


/*Giuliano*/
.grid-text ul li, .text-image-left ul li, .text-image-right ul li{
	color: #333333;
    font-family: "Quicksand";
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 1.14px;
    line-height: 30px;
	margin-bottom:1.5%;
}
.grid-text ul li::before , .text-image-left ul li::before, .text-image-right ul li::before{
	 content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	  color: #A05FA6; /* Change the color */
	  font-weight: bold; /* If you want it to be bold */
	  display: inline-block; /* Needed to add space between the bullet and the text */
	  width: 1em; /* Also needed for space (tweak if needed) */
	  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

@media only screen and (max-width: 768px) {
  .grid-text ul li, .text-image-left ul li, .text-image-right ul li{
    font-size: 20px;
  }
}

/* LUCAS */
.text ul li, 
.text-feature ul li {
    color: #333333 !important;
    font-family: "Quicksand";
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 1.14px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
  .text ul li, 
  .text-feature ul li {
      font-size: 20px;
  }
}


.text ul, 
.text-feature ul ,.grid-text ul {
  list-style: none; /* Remove default bullets */
}

.text ul li::before, 
.text-feature ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #755ea5; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

div.one-box-image {
  border-top: solid;
  position: relative;
  margin-left: 2%;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 9px solid #755ea5;
}

div.one-box-image:after {
  position: absolute;
  left: 32%;
  right: 0;
  top: -9px;
  border-top: 9px solid #a05fa6;
  content: "";
}

div.one-box-image div.card {
  background: linear-gradient(224.77deg, rgba(117, 94, 165, 0.2) 0%, rgba(160, 95, 166, 0.2) 100%);
}

div.one-box-image div.card h3.title {
  font-family: "Quicksand";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 50px;
  color: #003d4c;
}

div.one-box-image div.card p {
  color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1.14px;
  line-height: 30px;
}

div.one-box-image div.card b {
  color: #333333;
  font-weight: bold;
}

div.one-box-image div.card a {
  color: #0081A3;
}

@media only screen and (max-width: 768px) {
  div.one-box-image div.card .title {
    font-size: 30px !important;
  }
  div.one-box-image div.card p {
    font-size: 20px;
  }
}

div.one-box-image div.card div.card-body {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.one-box-image div.card div.card-body .card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.one-box-image div.card div.card-body .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 5%;
  margin-bottom: 2%;
  margin-top: 2%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

div.one-box-image div.card div.card-body .information {
  margin-right: 2%;
  margin:auto;
}

div.one-box-image div.card div.card-body .information .title {
  margin-bottom: 5%;
}

@media only screen and (max-width: 768px) {
  div.one-box-image {
    border-top: 4px solid #755ea5;
  }
	div.one-box-image img{
		margin-right:none;
	}
  div.one-box-image:after {
    position: absolute;
    left: 32%;
    right: 0;
    top: -4px;
    border-top: 4px solid #a05fa6;
    content: "";
  }
  div.one-box-image div.card .card-content {
    display: block !important;
  }
}

@media only screen and (max-width: 450px) {
  div.one-box-image .card-content .image {
    margin: auto !important;
    margin-bottom: 10% !important;
  }
  div.one-box-image .card-content .image IMG {
    width: 100% !important;
  }
}

div.gallery h3.title {
    padding-top: 3%;
    padding-bottom: 3%;
}
div.gallery h3.title {
    font-family: "Quicksand";
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 50px;
    color: #003d4c;
}
div.block-image img{
	max-width:100%;
}
/* modifica la imagen de age of the first symptons */
.lazyblock-block-image-Z1kuJ8p div.block-image div.basic-content#age h3.title {
	display:none;
}
@media only screen and (max-width: 768px) {
	.lazyblock-block-image-Z1kuJ8p div.block-image div.basic-content img{
		max-width:100%;
		display: none;
	}

	.lazyblock-block-image-Z1kuJ8p div.block-image div.basic-content::before{
		content: url("../../uploads/2021/05/spectrum_illustration_MBL.svg");
		width:100%;
		height: 100%;
	}
}
.lazyblock-block-image-Z1v70i9 div.block-image div.basic-content h3.title {
	display:none;
}
@media only screen and (max-width: 768px) {
	.lazyblock-block-image-Z1v70i9 div.block-image div.basic-content img{
		max-width:100%;
		display: none;
	}

	.lazyblock-block-image-Z1v70i9 div.block-image div.basic-content::before{
		content: url("../../uploads/2021/05/liver_illustrrations_MBL.svg");
		width:100%;
		height: 100%;
	}
}

/* ------------ */

div.caption , div.caption p{
	margin-top:3%;
   color: #333333;
  font-family: "Quicksand";
  font-weight: 500;
  font-size: 24px;
}
@media only screen and (max-width: 768px){
	div.caption , div.caption p{
		font-size: 10px;
	}
}


div.table-green div.my-table p ,
div.table-blue div.my-table p {
	margin-bottom:0;
	font-size: 24px;
}
div.table-green div.my-table div.information p,
div.table-blue div.my-table div.information p {
	margin-bottom:1rem;
}

div.table-blue div.my-table div.content table tr:nth-child(1),
div.table-green div.my-table div.content table tr:nth-child(1)
{
	height:80px;
}

div.table-blue div.my-table div.content table tr:nth-child(1) p,
div.table-green div.my-table div.content table tr:nth-child(1) p
{
	width:70%;
	margin:auto;
	font-size: 24px;
}
@media only screen and (max-width: 768px){
  div.table-green div.my-table div.information p ,
  div.table-blue div.my-table div.information p {
    font-size: 18px;
  }
  div.table-green div.my-table div.content p ,
  div.table-blue div.my-table div.content p {
    font-size: 13px;
  }

  div.table-blue div.my-table div.content table tr:nth-child(1) p,
  div.table-green div.my-table div.content table tr:nth-child(1) p
  { 
    font-size: 13px;
  }
}

/* agregado de estilo a los text image left y right. Esto es para que sea responsive (no habia diseño responsive de este elemento) )*/
@media only screen and (max-width: 768px){
	div.text-image-left div.content {
		display: block;
	}
	div.text-image-right div.content{
		display:flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	div.text-image-left div.content .image{
		justify-content:center
	}
	image, div.text-image-right div.content .image{
		display:block;
	}
}