/* CSS Document 
/* COLORES
#22446c = sxul
#008039 = verde osc
#1da35a = verde

/*Section 1*/
.box-leader{background-color: #f5f7fa;box-shadow: -15px -15px #FFCA4E;}
.box-leader p{color:#22446c;font-size: 1.7rem;font-weight: bold;text-align: end;line-height: normal;}
.section-bg {width: 100%;height: 100px;position: relative;}
.mask-custom {background-color: #d1ccbd;}
.tt-shape img {
filter: invert(98%) sepia(5%) saturate(1193%) hue-rotate(29deg) brightness(91%) contrast(90%);
	width: 100%;height: 50px;
}
/*Section 2*/
.img-circular{border-radius: 100%;width: 300px;height: 300px;
border: 12px solid #22446c;}
.destacado p,.destacado p a{color: #22446c;font-size: 1.5rem;text-align: center;line-height: normal;font-weight: bold;word-break: break-all;}
.destacado {background-color: #f1f1f1;border-left: 4px solid #22446c}
.box1{background-color: #22446c;flex:1}
.box2{background-color: #1da35a;flex:1}
.box1 p,.box2 p{color:#EAEAEA}
.lead, p.lead a {
    font-size: 1.5rem!important;
    color: #22446c!important;
    font-style: italic;
	font-weight: bold!important;
}
/*Accordion*/
.accordion-button:not(.collapsed) {color: #1da35a!important;background-color: #f1f1f1;}
.accordion-button{color: #22446c;height: 80px; font-size: 20px; text-transform: uppercase;line-height:normal;}
.accordion{--bs-accordion-btn-focus-box-shadow: 0 0 0 0.10rem #22446c;}
/*Section3 */
div.ica:hover .icn-counter img,
div.icb:hover .icn-counter img,
div.icc:hover .icn-counter img,
div.icd:hover .icn-counter img,
div.ice:hover .icn-counter img,
div.icf:hover .icn-counter img,
div.icg:hover .icn-counter img,
div.ich:hover .icn-counter img{filter: invert(23%) sepia(7%) saturate(4693%) hue-rotate(143deg) brightness(89%) contrast(95%);transform: scale(1.5);}
div.ica .icn-counter img,
div.icb .icn-counter img,
div.icc .icn-counter img,
div.icd .icn-counter img,
div.ice .icn-counter img,
div.icf .icn-counter img,
div.icg .icn-counter img,
div.ich .icn-counter img{transition: transform 0.3s ease-in-out}
.bg-box{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;    padding: 20px;
    border-radius: 20px;
    min-height: 300px;}
.bg-box.c1{background: #00a5a617;}
.bg-box.c2{background: #ff6f6126;}
.bg-box.c3{background: #1da35a14;}
.bg-box.c4{background: #f59e4236;}
.bg-box.c5{background: #7c4dff33;}
.bg-box.c6{background: #a6000017;}
.bg-box.c7{background: #00a60717;}
.bg-box:before {
content: "";
background: url(/sites/default/files/images/partners/bg-partners.svg) no-repeat 50% 50%;
position: absolute;
background-size: cover;
width: 180%;
height: 138%;
left: -97%;
opacity: 0.8;
top: -100px;
}
/*Fin divider*/
/*COUNTER*/
#counter .mask-bg {
    border:0px solid #22446c;
	position: relative;
	overflow: hidden;
	background-color: #1da35a24;
	border-radius: 2%;
    width: 100%;
    height: 100%;
}
#counter .mask-bg:hover{border:4px solid #22446c;}
 /* #counter .img-bg{background: url(/sites/default/files/images/about/logo-bg-counter.png);
    background-size: cover;
    background-position: center;
}*/
.img-bg-number{transition: transform 0.3s ease-in-out}
.img-bg-number:hover{transform: scale(1.3);}
#counter .counter-block {overflow: hidden;flex-wrap: wrap;}
#counter .block {
	border-radius: 100%;
    display: flex;
    align-items: normal;
    height: 220px;
    width: 100%;
    flex:1
}
.mask-bg:before {
    content: "";
    background: url(/sites/default/files/images/partners/bg-partners2.svg) no-repeat 50% 50%;
    position: absolute;
    background-size: cover;
    width: 156%;
    height: 102%;
    left: -88%;
    opacity: 0.8;
}
.countfect {color: #000;}
#counter span.countfect {font-size: 3rem;font-weight: bold;color: #1da35a}
#counter span.counter-description {font-size: 1rem;text-transform: uppercase;color: #1da35a;font-weight: 800;}
#counter div[class*="mn-"] {font-size: 3rem;}
.icn-counter img,.icn-section1 img[class^="ico"] {height: 67px!important;width: 67px}

.iba:hover,
.ibb:hover,
.ibc:hover,
.ibd:hover,
.ibe:hover,
.ibf:hover{border-right: 3px solid #1da35a;transform: scale(1.1); background-color: #1da35a3b;}
.iba,.ibb,.ibc,.ibd,.ibe,.ibf {transition: transform 0.3s ease-in-out}

.iba:hover .icn-counter img,
.ibb:hover .icn-counter img,
.ibc:hover .icn-counter img,
.ibd:hover .icn-counter img,
.ibe:hover .icn-counter img,
.ibf:hover .icn-counter img{filter: invert(23%) sepia(7%) saturate(4693%) hue-rotate(143deg) brightness(89%) contrast(95%);transform: scale(1.5);}
.iba .icn-counter img,
.ibb .icn-counter img,
.ibc .icn-counter img,
.ibd .icn-counter img,
.ibe .icn-counter img,
.ibf .icn-counter img{transition: transform 0.3s ease-in-out}


.icn-counter .box-i img{height: 47px!important;width: 47px;}
.icn-counter .box-i {padding: 68px;
    background-color: #1da35a;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-radius: 20px; */
    height: 100%;
    width: 100%;}
.icn-counter .box-i img {filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%)!important;}
.icn-counter img {filter: invert(23%) sepia(9%) saturate(3874%) hue-rotate(173deg) brightness(94%) contrast(89%)!important;}
.icn-counter img.color-invert{filter: invert(42%) sepia(83%) saturate(1289%) hue-rotate(147deg) brightness(91%) contrast(100%)!important;}


.img-bg{transition: transform 0.3s ease-in-out}
.img-bg:hover{transform: scale(1.4);}
/*.p1 {width: 1%;}.p2 {width: 2%;}.p3 {width: 3%;}.p4 {width: 4%;}.p5 {width: 5%;}.p6 {width: 6%;}.p7 {width: 7%;}.p8 {width: 8%;}.p9 {width: 9%;}.p10 {width: 10%;}.p11 {width: 11%;}.p12 {width: 12%;}*/
.p1 ,.p2 ,.p3 ,.p4 ,.p5 ,.p6 ,.p7 ,.p8,.p9, .p10, .p11, .p12,.p13{padding-right: 12px;}
.p14 {width: 14%;}.p15 {width: 15%;}.p16 {width: 16%;}.p17 {width: 17%;}.p18 {width: 18%;}.p19 {width: 19%;}.p20 {width: 20%;}.p21 {width: 21%;}.p22 {width: 22%;}.p23 {width: 23%;}.p24 {width: 24%;}.p25 {width: 25%;}.p26 {width: 26%;}.p27 {width: 27%;}.p28 {width: 28%;}.p29 {width: 29%;}.p30 {width: 30%;}.p31 {width: 31%;}.p32 {width: 32%;}.p33 {width: 33%;}.p34 {width: 34%;}.p35 {width: 35%;}.p36 {width: 36%;}.p37 {width: 37%;}.p38 {width: 38%;}.p39 {width: 39%;}.p40 {width: 40%;}.p41 {width: 41%;}.p42 {width: 42%;}.p43 {width: 43%;}.p44 {width: 44%;}.p45 {width: 45%;}.p46 {width: 46%;}.p47 {width: 47%;}.p48 {width: 48%;}.p49 {width: 49%;}.p50 {width: 50%;}.p51 {width: 51%;}.p52 {width: 52%;}.p53 {width: 53%;}.p54 {width: 54%;}.p55 {width: 55%;}.p56 {width: 56%;}.p57 {width: 57%;}.p58 {width: 58%;}.p59 {width: 59%;}.p60 {width: 60%;}.p61 {width: 61%;}.p62 {width: 62%;}.p63 {width: 63%;}.p64 {width: 64%;}.p65 {width: 65%;}.p66 {width: 66%;}.p67 {width: 67%;}.p68 {width: 68%;}.p69 {width: 69%;}.p70 {width: 70%;}.p71 {width: 71%;}.p72 {width: 72%;}.p73 {width: 73%;}.p74 {width: 74%;}.p75 {width: 75%;}.p76 {width: 76%;}.p77 {width: 77%;}.p78 {width: 78%;}.p79 {width: 79%;}.p80 {width: 80%;}.p81 {width: 81%;}.p82 {width: 82%;}.p83 {width: 83%;}.p84 {width: 84%;}.p85 {width: 85%;}.p86 {width: 86%;}.p87 {width: 87%;}.p88 {width: 88%;}.p89 {width: 89%;}.p90 {width: 90%;}.p91 {width: 91%;}.p92 {width: 92%;}.p93 {width: 93%;}.p94 {width: 94%;}.p95 {width: 95%;}.p96 {width: 96%;}.p97 {width: 97%;}.p98 {width: 98%;}.p99 {width: 99%;}.p100 {width: 100%}
/*PArtners*/
.slick-list{margin-bottom: 50px;}
.slick__slide {padding: 0px 20px;}
.slick__slide img{width: 220px;}

/*Project*/

.progress-block .title {font-weight: bold;text-transform: uppercase;color: #22446c !important;font-size: 2rem;}
.bg-black {
	background-color: #22446c!important;
    align-self: start;
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
    padding: 0 5px;
    font-weight: bold;}
.progress-block .body-text{height: 60px;border-bottom:0px solid #f1f1f133;}
.progress-block .body-text p{text-align: center;
    color: #22446c;
    line-height: normal;
    font-size: 15px;}

.progress {background-color: #402020;justify-items: self-end;display: flex;align-content: end;border-radius: 30;justify-content: start;
  width: 350px;
  height: 350px;
  background: none;
  position: relative;
}

.progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #1da35a;
  position: absolute;
  top: 0;
  left: 0;
}

.progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
 z-index: 2;
}

.progress .progress-left {
  left: 0;
}

.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 20px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.progress p.leader {
    color: #22446c;
    font-size: 16px;
    font-weight: 600;
}
.barra-progress, .bg-black{	height: 50px;border-radius: 15px;}
.barra-progress{ 
background-color: #1da35a;
    justify-items: self-end;
    justify-content: start;

}
.progress .porcentaje {font-size: 2.5rem;font-weight: bolder; color: #22446c;}
.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 173px;
  border-bottom-right-radius: 173px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.progress .progress-right {
  right: 0;
}

.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 173px;
  border-bottom-left-radius: 173px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
/*.progress .progress-left .progress-bar,
.progress .progress-right .progress-bar{background-color:#faebd778}
*/
.progress .progress-value {
  position: absolute;
  padding: 45px;
  top: 0;
  left: 0;
}
.progress .border-primary {border-color:#22446c !important;}
/*Fin Project*/
/*Arrow progress partners*/
.slick-arrow::before {color: #22446c;font-size: 4.25rem;opacity: 1;}
.slick__arrow {    position: relative;bottom: auto;margin: 100px auto 0px;height: 73px;}
.slick-arrow:hover::before {color: #0eb086;}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow{width: 81px;height: 81px;}

@media (min-width: 769px) {.slick__slide{padding: 0px 45px;}}
@media (min-width: 501px) and (max-width: 768px) {
	.progress{width: 320px!important;height: 320px!important;}
.slick__slide{padding: 0px 15px;}
}

@media (max-width: 425px){
.icn-counter .box-i {height: 50px;width: 50px;}
.accordion-button{min-height: 150px;}
}

@media (min-width: 425px) and (max-width: 500px) {
.progress{width: 300px!important;height: 300px!important;}
.slick__slide{padding: 0px 45px;}
}
@media (min-width: 375px) and (max-width: 424px) {
  
	.progress{width: 300px!important;height: 300px!important;}
		.slick__slide{padding: 0px 20px;}
  
}


@media (min-width: 320px) and (max-width: 374px) {
  
.progress{width: 295px!important;height: 295px!important;}
			.slick__slide{padding: 0px 2px;}
  
}