html{  scroll-behavior: smooth;}
body {
    padding: 0px;
    margin: 0px;transition:ease-in-out 0.5s;
    font-size: 16px;
    padding-top: 0px;
    font-family: "Rubik", sans-serif;
  
}
.img-green-cvr {
    max-width: 200px;
    margin: 0 auto;
    border-radius: 100px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #459c7a;
}
.incident-details {
    margin: 20px 0px 0px;
}
ul.incident-lists li.main-col {
    margin-bottom: 30px;
}
.data-cvr h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    color: #000000;
}
ul.stats li:last-child {
    width: 100%;
    float: left;
    margin-top: 10px;
}
ul.stats li {
    width: 33%;
    float: left;
    font-size: 15px;
    margin-bottom: 5px; margin-top:0px;
}
ul.stats.one-col li {
    width: 100%;
}
.text-center.head h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    color: #000000;
    margin-top: 15px;
}
.data-cvr li a {
    color: #459c7a;
    font-weight: 500;
    word-wrap: break-word;
}
ul.stats li:last-child {
    width: 100%;
    float: left;
}
ul.stats li b {
    font-size: 15px; color: #000000;
    display: block;
}
.data-cvr h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    color: #000000;
}

ul.incident-lists li.main-col:nth-child(odd) {
    background: #E4FFF4;
    padding: 30px;
    border-radius: 20px;
}
ul.incident-lists li.main-col:nth-child(even) {

    padding: 30px;    background: #f2f2f2;
    border-radius: 20px;
}
section.incident-data {
    padding: 70px 0px;
}
a.green-btn i {
    color: #459c7a;
    padding-right: 5px;
}
section.incident-data .input-s.position-relative {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
a.green-btn {
    background: #060606;
    display: block;
    height: 58px;
    padding: 18px 0px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
}
/**/
.conversation-one {
        scroll-margin-top: 150px;
}
ul.social-links.clearfix li span {
    position: absolute;
    left: 11px;
}
span.badge.badge-pill.bg-warning {
    color: #000;
}
.green-box p {
    color: #fff;
    padding-right: 10px;
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
a.arw {
    background: #000;
    color: #fff;
    padding: 8px 15px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: inline-block;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}
a.blk-link {
    background: #000;
	position: relative;
    color: #459C7A;
    display: inline-block;
    padding: 2px 30px 2px 10px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 14px;
    margin: 2px 0px 5px;
}
.year {
    background: #459c7a;
    width: 85px;
    position: absolute;
    right: 46.5%;
    height: 85px;
    top: 30%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 80px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
}
ul.roadmap.clearfix li:first-child:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #459c7a;
     right: 49.2%;
top: -60px;
    border-radius: 30px;
}
ul.roadmap.clearfix li:last-child:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #459c7a;
    left: 49.2%;
    bottom: -60px;
    border-radius: 30px;
}
.green-box.blk a.arw {
    background: #459c7a;
color: #000000;}
.green-box.blk {
    background: #000;
}
.green-box.blk a.blk-link:hover{ background: #68c8a3;
    color: #000;}
a.blk-link:hover{ background: #68c8a3;
    color: #000;}
.green-box.blk a.arw:hover {
    background: #68c8a3;
    color: #000;
}
a.arw:hover {
    background: #1e533e;
}
.green-box.blk a.blk-link {
    background: #459C7A;
    color: #000;
}
a.blk-link i {
    position: absolute;
    right: 9px;
    top: 5px;
}

.year.blk-y {
    right: auto;    background: #000;
 
    left: 46.5%;
}
.green-box h4 {
    color: #FFFFFF;
    font-size: 15px;
    margin-bottom: 5px;
}
.green-box h4 {
    color: #FFFFFF;
}
.green-box {
    background: #459c7a;
    padding: 20px 30px;
    border-radius: 20px;
    position: relative;
}
ul.roadmap.clearfix {
    position: relative;
    padding: 50px 0px;    margin: 70px 0px;
}
ul.roadmap.clearfix:before {
    position: absolute;
    content: "";
    height: 100%;
	    top: 0px;
    left: 0px;
    right: 0px;
    width: 2px;
    background: #459c7a;
    margin: 0 auto;
}
ul.roadmap.clearfix li {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
 
    min-height: 210px;
    padding-right: 58%;
}
ul.roadmap.clearfix li:nth-child(even) {
    padding-right: 0px;
    padding-left: 58%;
}
a.green {
    color: #459c7a;
    font-weight: 600;
}
.conversation-one h2 {
    position: relative;
    padding-left: 35px;
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    color: #156a49;
}
.conversation-one h2 span {
    position: absolute;
    top: 2px;
    left: 0px;
    background: #000;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 31px;
    color: #Fff;
    font-size: 15px;
    line-height: 25px;
}
.divider-bird {
    background: #459c7a;
    height: 1px;
    width: 100%;
    position: relative;
    margin: 60px 0px;
}
.divider-bird img {
    position: absolute;
    left: 0px;
    top: -40px;
    background: #fff;
    right: 0px;
    margin: 0 auto;
    padding: 0px 10px;
}
.entrevistador {
  color: white !important;
  background: repeating-linear-gradient(
    45deg,
    #3B8A6C,
    #3B8A6C 10px,
    #2F7F60 10px,
    #2F7F60 20px
  );
}
ul.conver li:nth-child(odd) {
    font-weight: 700;
    font-size: 16px;
    float: left;
    line-height: 26px;
    color: #000000;
    border: 1px solid #000;
    padding: 5px 15px;
    border-radius: 5px;
    margin-bottom: 10px;
}
ul.conver li:nth-child(even) {
    font-size: 16px;
    font-style: italic;
    line-height: 26px;
    display: inline-block;
    color: #000000;
    border: 1px solid #459C7A;
    padding: 5px 15px;
    border-radius: 5px;
    float: right;
    margin-bottom: 10px;
    text-align: right;
}
.conversation-one h4 {
    background: #459C7A;
    color: #fff;
    border-radius: 30px;
    padding: 5px 15px;
    font-size: 15px;
    display: inline-block;
    margin-top: 10px;
}
ul.social-links.clearfix li a {
    color: #000;
}
.indice.sticky-top h2 {
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    color: #000000;
    margin-bottom: 20px;
}
.indice.sticky-top {
    top: 140px;
}
ul.social-links li {
    border: 1px solid #459c7a;
    padding: 3px 10px 3px 30px;
    border-radius: 30px;
    position: relative;
    display: inline-block;
}
section.entr-data {
    padding: 70px 0px;
}
ul.indice-list.clearfix li a {
    position: relative;
    padding: 10px;
    display: block;
    border: 1px solid #75b69c;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    color: #000000;
}
ul.indice-list.clearfix li {
    margin-bottom: 10px;
}
ul.indice-list.clearfix li span {
    background: #459C7A;
    color: #ffffff;
    width: 25px;
    height: 25px;
    padding: 1px 0px;
    margin-right: 7px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
}
.newClass {
    background: #ffffffc4;
 -ms-transition:     all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
    box-shadow: 0px 0px 20px #00000029;
}
.banner-top {
    position: relative;
    z-index: -1;
}
a.blk-round:hover {
    background: #459c7a;
    color: #000;
}
table.resp-table.font-w tr td {
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    color: #000000;
}
a.blk-round {
    background: #000000;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50px;
    color: #459c7a;
    text-align: center;
    padding: 7px 0px;
}
ul.list li {
    list-style: disc;
    margin-left: 20px;
}
.banner-top img {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}
.input-s.position-relative button {
    background: #459C7A;
    color: #fff;
    height: 55px;
    width: 110px;
    font-weight: 700;
    border-radius: 50px;
    border: 1px solid #459C7A;
    position: absolute;
    top: 5px;
    right: 5px;
}
.input-s.position-relative {
    max-width: 730px;
    margin: 0 auto;
}
.purple-bg h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: normal;
    color: #ffffff;
    margin-bottom: 20px;
}
.white-box-shade {
    background: #fff;
    padding: 45px 35px;
    border-radius: 30px;
    box-shadow: 0px -27px 20px #0000000a;
}
.purple-bg {
    background: #8F51E1;
    padding: 30px;    margin-bottom: 30px;

    border-radius: 20px;
}
.purple-bg.cayp {
    background: #DC8315;
}
img.p-0 {
    padding: 0px 5px !important;
}
.img-right img {
    width: 100%;
    padding: 0px 30px;
}
section.partner-grey {
    background: #F3F3F3;
    padding: 60px 0px;
}
section.who-we-are {
    padding: 70px 0px;
}
section.partner-grey h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    color: #000000;
    margin-bottom: 40px;
}
ul.arrow-list li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 25px;
}
.purple-bg ul.arrow-list li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 25px;
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    color: #ffffff;
}
ul.arrow-list li i {
    background: #000;
    color: #fff;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 9px;
    position: absolute;
    left: 0px;
      top: 1px;
}
table.resp-table.font-w a.blk-link i {
    top: 7px;
}
span.cal-size i {
    font-size: 20px;
}
table.resp-table.font-w a.blk-link {
    padding: 6px 30px 6px 14px;
}
a.green-btn i{transition:ease-in-out 0.5s;}
a.green-btn:HOVER {
    background: #459c7a;
    color: #000;
}
i{transition:ease-in-out 0.5s;}
i:hover{transition:ease-in-out 0.5s;}
a.green-btn:HOVER i{
 transition:ease-in-out 0.5s;
    color: #000;
}
section.incident-data .input-s.position-relative button {
   height: 47px;
    width: 47px;
top: 5px;
    right: 5px;
}
section.incident-data  .input-s.position-relative input[type=search] {
    width: 100%;
    height: 58px;
    color: #000;
    font-size: 16px;
    background: transparent;
    border-radius: 70px;
    border: 1px solid #000;
    padding: 0px 60px 0px 20px;
}
.input-s.position-relative input[type=search]:focus {outline:none; box-shadow:none;}
.input-s.position-relative input[type=search] {
    width: 100%;
    height: 65px;
    color: #000;
    font-size: 16px;
    background: transparent;
    border-radius: 70px;
    border: 1px solid #000;
    padding: 0px 120px 0px 20px;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
p:last-child {
margin-bottom:0px;
}
h1 {
font-size:50px;    font-family: "Rubik", sans-serif;
}
h2 {
font-size: 35px;     font-family: "Rubik", sans-serif;
}
h3 {
font-size: 30px;  font-family: "Rubik", sans-serif;}
h4 {
font-size: 22px;  font-family: "Rubik", sans-serif;}
}
h5 {
font-size: 18px;  font-family: "Rubik", sans-serif;
}
h6 {
font-size: 16px;  font-family: "Rubik", sans-serif;
}
:hover{transition:ease-in-out 0.5s;} 
a{transition:ease-in-out 0.5s;}
button:focus{outline:none; box-shadow:none;transition:ease-in-out 0.5s;}
button{outline:none; box-shadow:none;transition:ease-in-out 0.5s;}
ul{list-style:none; padding:0px; margin:0px; font-family: "Rubik", sans-serif;}
	a{text-decoration:none !important;  font-family: "Rubik", sans-serif; }

:before, :after {
font-family:FontAwesome;
}
ul.d-list li img {
    position: absolute;
    left: 15px;
}
ul.d-list li {
    border: 1px solid #459C7A;
    padding: 10px 10px 10px 49px;
    border-radius: 10px;
 
    color: #fff;    margin-bottom: 16.5px;
    position: relative;
}
canvas#graph_atk_evol {
    padding-right: 50px;
}
section.stat h3 span {
    color: #156A49;
}
section.atacantes.position-relative {
    background: #F7F7F7;
    padding: 80px 0px;
}
canvas {
    z-index: 2;
    position: relative;
}
section.stat {
    padding: 80px 0px;
}
section.stat h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin-bottom: 40px;
}
section.stat h2 {
    font-weight: 700;
    font-size: 35px;    margin-bottom: 40px;
    line-height: normal;
    color: #000000; text-align:center;
}
section.incd span {
    color: #459C7A;
}
section.incd h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 50px;
}
.input-s.position-relative button:hover {
    background: #000;
    border: 1px solid #000;
}
section.search-bar h1 span {
    color: #459C7A;
}
a.navbar-brand.custom-logo img {
    max-width: 79px;
}
section.search-bar h1 {
    font-weight: 700;
    margin: 40px 0px 40px;
}
.input-bottom.position-relative button:hover {
    background: #09462e;
    border: 1px solid #09462e;
}
ul.ms-auto.navbar-nav.custom-bar a:hover:after {
    opacity: 1;
    width: 100%;
    transition: 0.5s;
}
ul.ms-auto.navbar-nav.custom-bar a.active:after{ opacity: 1;
    width: 100%;
    transition: 0.5s;}
ul.ms-auto.navbar-nav.custom-bar li a.active:hover:after {
    opacity: 1;
    width: 100%;
    transition: 0.5s;
}
ul.ms-auto.navbar-nav.custom-bar li a.active {
    color: #156A49;
}
ul.ms-auto.navbar-nav.custom-bar li a:hover {
    color: #156A49;
}
ul.ms-auto.navbar-nav.custom-bar a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: #156A49;bottom: -10px;
    left: 0;
    transition: 0.5s;
    opacity: 0; 
}

.container-fluid {
    max-width: 1200px;
    margin: 0 auto;
}
a.navbar-brand.custom-logo span {
    font-weight: 700;
    font-size: 27px;
    line-height: normal;
    color: #000000;
}
ul.ms-auto.navbar-nav.custom-bar li{
	padding:0px 15px;
}
ul.ms-auto.navbar-nav.custom-bar li a {
    font-weight: 400; position:relative;
    font-size: 15px;
    color: #000;    display: inline-block;
    padding: 0px;
}
section.three-box {
    padding: 90px 0px;
}
.box-outer.text-center img {
    margin-bottom: 20px;
}
.box-outer.text-center p{
	font-weight: 400;
font-size: 16px;
line-height: normal;
text-align: center;
color: #060606;
}
.green-border-box.position-relative {
    border: 1px solid #459c7a;
    border-radius: 15px;
    color: #fff;margin-bottom:30px;
    padding: 40px 20px;
}
.green-cvr {
    background: #459c7a;
    position: absolute;
    right: 0px;
    top: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 7px 8px;
}
.green-border-box.position-relative .val {
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
    text-align: left;
    color: #ffffff;
}
.box-outer.text-center {
    padding: 40px 20px 0px;
    border: 1px solid #000;
    min-height: 270px; 
    border-radius: 20px;
}
section.incd{
    padding: 80px 0px;
    background: #000;
    position: relative;
}
.green-border-box.position-relative span {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}
img.w-100.position-absolute.layer {
    top: 40%;
    z-index: 0;
}
.accordion-body {
    padding: 0px !important;
}
button.accordion-button {
    border-radius: 10px;
}
.accordion-item {
    margin-bottom: 10px;
   
}
.accordion-item{border-radius:10px;}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
div#accordionExample {
    --bs-accordion-bg: transparent;
}
.accordion-item {
    color: #000000;
    background-color: var(--bs-accordion-bg);
    border: none;
}
button.navbar-toggler img {
    width: 40px;
}
button.navbar-toggler {
    padding: 0px;
    border: 0px;
}
button.navbar-toggler:focus {
    padding: 0px;
    border: 0px; outline:none; box-shadow:none;
}
.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #000000;
    box-shadow: none;
}
section.faq h2 {
    text-align: center;
    font-weight: 600;
    font-size: 35px;
color:#000000;
    margin-bottom: 40px;
}
h2.accordion-header {
    margin-bottom: 0px !important;
}
.text-cvr {
    box-shadow: 0px 0px 10px #00000066;
    padding: 20px;
    margin-top: 10px;
    border-radius: 10px;
    background: #fff;
    color: #000;
    font-size: 15px;
    line-height: 24px;
}
.accordion-button::after{
  position: absolute;
    right: 20px; background-image: none;
     top: 23px;  transform: none;
content: "+";  color: #459c7a;
}
ul.social-bottom.clearfix li a:hover {
    background: #FFBE40;
    color: #000;
}
ul.social-bottom.clearfix li {
    display: inline-block;
    padding-left: 13px;
}
ul.social-bottom.clearfix {
    text-align: right;
}
ul.social-bottom.clearfix li a {
    display: flex;
    background: #459C7A; transition:ease-in-out 0.5s;
    width: 50px;
    height: 50px;
    font-size: 24px; margin-bottom:0px;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
}
section.page-heading h1 {
    color: #fff;
    text-align: center;
    margin: 0px;
    font-size: 40px;
}
.cpy {
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
}
section.page-heading {
    background: #000;
    padding: 35px 0px;
}
.blk-cvr {
    background: #000;
    padding: 10px 0px;
}
footer {
    background: #459C7A;
    padding: 45px 0px 0px;
}
footer a {
    color: #fff;
    font-size: 37px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}
.input-bottom.position-relative input::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff;
}
.input-bottom.position-relative button {
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
text-transform:uppercase;
    background: #000;
    border: 1px solid #000;
    display: inline-block;
    padding: 15px 40px;
    border-radius: 40px;
    position: absolute;
    right: 6px;
    top: 4.5px;
}
.input-bottom.position-relative input::placeholder {
  color: #fff;
}
.input-bottom.position-relative {
    max-width: 730px;
    margin: 0 auto;
}
.input-bottom.position-relative input:focus {
outline:none; box-shadow:none;
}
.input-bottom.position-relative input {
    width: 100%;
    height: 65px;
    border-radius: 50px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 0px 210px 0px 20px;
}
footer b {
    font-weight: 700;
    font-size: 17px;
    line-height: normal;
    color: #ffffff;
    display: block;
    margin-bottom: 20px;
}
footer p {
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    color: #ffffff;
}
a.blk-btn:hover {background: #459c7a;}
a.blk-btn {
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
    background: #000;
    display: inline-block;
    padding: 15px 50px;
    border-radius: 40px;
    margin-top: 40px;
}
b.green-bld {
    color: #156a49;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "-";
    font-family: 'Rubik';
    font-weight: 400;
    color: #459c7a;
    position: absolute;
    right: 20px;
    top: 8px;
  
    font-size: 40px;
    transform: none;
}
button.accordion-button {
    font-weight: 700;        padding: 22px 45px 22px 20px;
    font-size: 16px;   box-shadow: 0px 0px 10px #00000066 !important;
    color: #000000;
    background: #fff;
}

pre {
    margin: 0px;
}
code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
}
section.faq.bg-white h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 70px;
    color: #000000;
}
section.atacantes.position-relative h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
}
section.faq {
    padding: 80px 0px;
    background: #F7F7F7;
}
section.atacantes.position-relative h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin-bottom: 0px;
}
section.atacantes.position-relative h3 span {
    color: #156A49;
}
/*Responsive Table*/

table.resp-table {
    border-collapse: separate;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    border-spacing: 0px 5px;
}
table.resp-table td:first-child{
  border-radius: 10px 0 0 10px;
}
table tr:nth-child(odd) {
    background-color: #f2f2f2;
}
table tr:nth-child(even) {
    background-color: #f2f2f2;
}
table.resp-table td:last-child {
  border-radius: 0 10px 10px 0;
}
section.paises-data h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    color: #000000;
    margin-bottom: 20px;
}
section.privacy-data a {
    color: #459c7a;
}
ul.list {
    margin-bottom: 30px;
}
section.privacy-data {
    padding: 70px 0px;
}
section.privacy-data h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    color: #000000;
    margin-bottom: 20px;
}
section.paises-data {
    padding: 70px 0px;
}
hr.spc {
    border: 0px;
    opacity: 1;
    margin: 40px 0px 34px;
    width: 100%;
    height: 1px;
    background: #459c7a;
}
table.resp-table td {
    font-weight: 700;
    font-size: 15px;
    line-height: normal;
    color: #000000;
    padding: 13px 17px;
}
a.visit-link:hover {
    background: #000;
}
a.visit-link {
    background: #459C7A;
    color: #fff;
    padding: 12px 25px;    display: inline-block;
    border-radius: 30px;
}
img.max-w.me-3 {
    max-width: 74px;
}
table.resp-table tr th:nth-child(1) {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
table.resp-table tr th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

table tr:nth-child(odd) {
    background-color: #E4FFF4;
}
table tr:nth-child(even) {
    background-color: #F2F2F2;
}
table.resp-table th{
	font-weight: 700;
font-size: 16px;

color: #ffffff;
   background: #459c7a;
    padding: 17px 17px;

}

table.resp-table td {
font-weight: 700;
font-size: 15px;
line-height: normal;
color: #000000;
}

nav.navbar.navbar-expand-lg.custom-nav.sticky-top{
 -ms-transition:     all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}
nav.navbar.navbar-expand-lg.custom-nav.sticky-top.newClass {
    position: fixed; 
	 -ms-transition:     all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
	width:100%;
    top: 0p;
}


@media screen and (max-width: 767px) {
	
	
  table.resp-table {
    border: 0;
  }

  table.resp-table caption {
    font-size: 1.3em;
  }
  
  table.resp-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
    table.resp-table tr {
        display: block;
        margin-bottom: 6px;
        border-radius: 10px;
    }
  
    table.resp-table td {
        position: relative;
        display: block;padding-left: 140px;
        font-size: 15px;
        text-align: right;
        border-bottom: 1px solid #caecdd;
        border-radius: 0px !important;
    }
  
    table.resp-table td::before {
        content: attr(data-label);
        font-family: "Rubik", sans-serif;
        font-weight: bold;
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
    }
  
  table td:last-child {
    border-bottom: 0;
  }
}

/*=============================
         Media Queries
===============================*/

@media (min-width: 1200px) and (max-width: 1300px) {
	.year.blk-y {
    right: auto;
    background: #000;
    left: 46.5%;
}
	.year {	
    background: #459c7a;
    width: 85px;
    position: absolute;
    right: 46.5%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	ul.d-list li {
    font-size: 14px;
}
.green-border-box.position-relative .val {
    font-weight: 600;
    font-size: 19px;}
ul.ms-auto.navbar-nav.custom-bar li {
    padding: 0px 7px;
}
	.year.blk-y {
    right: auto;
    background: #000;
    left: 46%;
}
	.year {	
    background: #459c7a;
    width: 85px;
    position: absolute;
    right: 46%;}
	
ul.ms-auto.navbar-nav.custom-bar li {
    padding: 0px 7px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
	
	.year.blk-y {
    background: #000;
        right: 44.5%;
        left: auto;
}
	.year {	
    background: #459c7a;
    width: 85px;
    position: absolute;
           right: 44.5%;}
	ul.ms-auto.navbar-nav.custom-bar li {
    padding: 10px 0px;text-align: center;
}
ul.ms-auto.navbar-nav.custom-bar li a:hover:after {
    opacity: 0;}
ul.ms-auto.navbar-nav.custom-bar li a.active:hover:after {
    opacity: 0;}
	ul.ms-auto.navbar-nav.custom-bar a.active:after {
    opacity: 0;
    width: 100%;
    transition: 0.5s;
}
ul.social-links li {
    margin-bottom: 10px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
	.text-center.head {
    text-align: left !important;
}
	.img-green-cvr {
        margin-bottom: 20px;
        margin-left: 0px;
    }
	ul.stats li {
    width: 100%;
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
}
	.img-green-cvr {
    margin-bottom: 20px;
}
	section.incident-data .input-s.position-relative button {
    position: absolute;
    top: -4px;
}
	ul.roadmap.clearfix li:nth-child(even) {
    padding-right: 0px;
    padding-left: 58px;
}
	.green-box.blk {
    background: #000;
    width: 100%;
}
    .year {
        background: #459c7a;
        width: 45px;
        position: absolute;
        right: auto;
        left: -5px;
        height: 45px;
        top: 36%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 80px;
        font-weight: 700;
        color: #fff;
        font-size: 14px;
    }
	ul.roadmap.clearfix li:last-child:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #459c7a;
    left: 6px;
        bottom: -80px;
    border-radius: 30px;
}
	.year.blk-y {
    right: auto;
    left: -5px;
}
	li.dsk-view {
    display: none !important; margin:0px; width:0px;height:0px; min-height:0px;
}
    ul.roadmap.clearfix li {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
        padding: 0px 0px 0px 60px;
        min-height: auto;
           margin-bottom: 20px;
    }
	ul.roadmap.clearfix li:first-child:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #459c7a;
    right: auto;
    top: -60px;
    left: 6px;
    border-radius: 30px;
}
	ul.roadmap.clearfix:before {
    position: absolute;
    content: "";
    height: 100%;
    top: 0px;
    left: 15px;
    right: auto;
    width: 2px;
    background: #459c7a;
    margin: 0 auto;
}
	.conversation-one h4 {
    background: #459C7A;
    color: #fff;
    border-radius: 10px;}
	ul.social-links li {
    margin-bottom: 10px;
}
	div#vicesociety {
    margin-top: 30px;
}
	.white-box-shade img {
    padding: 0px !important;width: 100%;
}

	section.page-heading h1 {
    color: #fff;
    text-align: center;
    margin: 0px;
    font-size: 30px;
}
	section.who-we-are {
    padding: 70px 0px 0px;
}
	a.blk-btn {
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
    background: #000;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 40px;
    margin-top: 40px;
}
	.purple-bg {
   
    padding: 20px;

}
    .img-right img {
        width: 90%;
        padding: 0px 30px;
        margin-bottom: 30px;
        margin: 0 auto 30px;
        display: block;
    }
	ul.ms-auto.navbar-nav.custom-bar li {
    padding: 10px 0px;text-align: center;
}
ul.ms-auto.navbar-nav.custom-bar li a.active:hover:after {
    opacity: 0;}
	ul.ms-auto.navbar-nav.custom-bar a.active:after {
    opacity: 0;
    width: 100%;
    transition: 0.5s;
}

.input-bottom.position-relative button {
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
    color: #ffffff;
    text-transform: uppercase;
    background: #000;
    border: 1px solid #000;
    display: inline-block;
    padding: 15px 40px;
    border-radius: 40px;
    position: static;
    right: 6px;
    top: 4.5px;
}
.input-bottom.position-relative input {
    width: 100%;
    height: 55px;}
.input-s.position-relative input[type=search] {
    width: 100%;
    height: 55px;}
.input-s.position-relative button {
    background: #459C7A;
    color: #fff;
    height: 55px;
    width: 100%;
    font-weight: 700;
    border-radius: 50px;
    border: 1px solid #459C7A;
    position: static;
    top: 5px;
    right: 5px;
    margin-top: 9px;
}
button.accordion-button {
    font-size: 15px;
}
section.faq {
    padding: 50px 0px;
    background: #F7F7F7;
}
section.atacantes.position-relative {
    background: #F7F7F7;
    padding: 50px 0px 20px;
}
section.atacantes.position-relative h4 { text-align: center;}
section.atacantes.position-relative h3 {
    font-weight: 700;
    font-size: 25px;        text-align: center;
    line-height: normal;
    margin-bottom: 0px;
}
section.atacantes.position-relative {
    background: #F7F7F7;
    padding: 50px 0px;
}
canvas {
    margin-bottom: 30px;
}
canvas#graph_atk_evol {
    padding-right: 0px;
}
    section.stat {
        padding: 60px 0px 20px;
    }
section.stat h2 {
    font-weight: 700;        text-align: center;
    font-size: 30px;}
section.stat h3 {
    font-weight: 700;
    font-size: 25px;        text-align: center;
    line-height: normal;
    margin-bottom: 40px;
}
section.incd h2 {
    font-weight: 700;
    font-size: 25px;
    line-height: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
section.three-box {
    padding: 60px 0px;
}
.box-outer.text-center {
    margin-bottom: 30px;
}
section.search-bar h1 {
    font-weight: 700;
    margin: 20px 0px 20px;
    font-size: 30px;
}
	ul.ms-auto.navbar-nav.custom-bar li {
    padding: 10px 0px;
}
}
@media (min-width: 320px) and (max-width: 576px) {
	
}