@charset "UTF-8";
@font-face {
  font-family: "Vipnagorgialla Rg";
  src: url("fonts/VipnagorgiallaRg-Regular.woff2") format("woff2"),
    url("fonts/VipnagorgiallaRg-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*MAPA DE FONDO*/
section {
  background: url(images/mapa_vacio4.jpg) left top no-repeat;
  width: 1960px;
  height: 1430px;

 
}

/*EDIFICIOS*/
#mapa .this {
  position: absolute;
}
#mapa .this > img {
  transition: transform 0.2s linear;
}
#mapa .this > img:hover {
  transform: scale(1.3);
  -webkit-filter: drop-shadow(12px 12px 7px rgba(255, 255, , 0.5));
  filter: drop-shadow(12px 12px 7px rgba(255, 255, 0, 0.5));
}

.edificio1 {
  pointer-events: none;
filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

.slick-track{
  text-align: center;
}

video {
  width: 100%;
  z-index: 0;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);

}

.edificio2 {
  pointer-events: none;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);

}

.edificio3 {
  pointer-events: none;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);

}
#mapa > .this > img {
  position: relative;
  cursor: pointer;
}
.modal-open {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}
.maindiv {
  /* width: 100%; */
  width: 1960px;
  height: 1430px;
  position: relative;
}
.modal-body {
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  border: 4vw solid rgba(0, 0, 0, 0.5);
  border-image: url(images/frame.png) 380 round;
  border-image-width: 4.5;
  background-image: url('images/textura.jpg');
  background-size: cover;
  background-position-x: center;
}

.edificio1 {
  top: 582px;
  position: absolute;
  left: 502px;
  z-index: 7;
filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

.edificio2 {
  position: absolute;
  left: 1553px;
  top: 527px;
  z-index: 2;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

.edificio3 {
  position: absolute;
  top: 833px;
  z-index: 5;
  left: 1391px;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

.avatar {
  margin-right: 15px;
}

 .modal-dialog {
  max-width: 675px;
  zoom: 70%;
}


.avatar img {
  width: 60px;
  border-radius: 50%;
}

.info {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  margin-bottom: 10%;
  flex-direction: column;
}

.aviso {
  justify-content: center;
}

i.fa.fa-info {
  margin-right: 15px;
}

.perfil p {
  margin-bottom: 0;
}

.info p {
  color: #ba8871;
  text-align: justify;
  font-family: "Poppins", sans-serif;
}
.lorem2 {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.text-al p {
  text-align: left;
}
.lorem img {
  width: 100%;
}

.lorem {
  margin-top: 5%;
  width: 100%;
}

button.close {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  -webkit-appearance: none !important;
  position: absolute !important;
  top: 30px;
  left: 91%;
  right: 0;
  z-index: 99;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 5px 10px !important;
}

.btn-flex{
  display: flex;
  justify-content: space-between!important;
    width: 100%!important;
}

.episodio {
  background-color: #fff;
  padding: 10px 20px;
}

.btn-center {
  justify-content: center;
  display: flex;
  margin-top: 5%;
}

.episodio a {
  color: #354a4d;
  font-weight: 600;
  font-size: 18px;
}

.perfil {
  display: flex;
  align-items: end;
  width: 100%;
}

video::-webkit-media-controls {
  display: none;
}

.title h3 {
  color: #ba8871;
  font-size: 23px;
  font-family: "Vipnagorgialla Rg";
  font-weight: normal;
  font-style: normal;
}

.description {
  color: #ba8871;
  display: flex;
  align-items: baseline;
}

#btn-text {
  display: none;
}

.redes {
  display: flex;
  border: 1px solid #ba8871;
  padding: 10px;
  align-items: center;
}

.red-text p {
  color: #ba8871;
  font-family: "Vipnagorgialla Rg";
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0;
  font-size: 14px !important;
}

.fa {
  padding: 11px 15px;
  border-radius: 50%;
  font-size: 20px;
}

i.fa.fa-map-marker {
  color: #ba8871;
  margin-right: 10px;
  background: transparent;
  padding: 0;
}

.red-text {
  margin-right: 15px;
}

/*NOMBRES DE LOS EDIFICIOS*/
#mapa button > p {
  opacity: 0;
  font-size: 50px;
  z-index: 10;
  position: absolute;
  left: 30%;
  top: 15%;
  background: rgb(0 0 0 / 76%);
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
  font-family: "Vipnagorgialla Rg";
  font-weight: normal;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  pointer-events: none;
}

/*APARECE EL NOMBRE DEL EDIFICIO EN EL HOVER */
#mapa > button:hover > p {
  opacity: 1;
}

/*POSICIONAMOS LOS EDIFICIOS*/

button#arbol {
  left: 466px;
  top: -144px;
  cursor: pointer;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
  z-index: 1;
}
button#arbol:hover{
  filter: none;
}
button#data {
  position: absolute;
  top: 65px;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
  left: 100px;

}
button#data:hover{
  filter: none;
}
#data img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}
.palacio {
  width: 175px;
}
button#torre {
  top: 436px;
  left: 1076px;
  z-index: 4;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}
button#torre:hover {
  filter: none;
}
button#Tzompantli {
  top: 591px;
  left: -10px;
  z-index: 2;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#Tzompantli:hover{
  filter: none;
}

button#zoologico {
  top: 644px;
  left: 1080px;
  z-index: 5;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#zoologico:hover{
  filter: none;
}
/* button#zoologico .appear{
  display: none;
}
button#zoologico .hidethis:hover {
 display: none;

}
.hidethis{
  display: block;
}
button#zoologico .appear:hover {
display: block;
 } */

button#templo_a {
  top: 336px;
  left: 1368px;
  z-index: 2;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);

}
button#templo_a:hover {
  filter: none;
}

button#tlaloc {
  top: 840px;
  left: 1088px;
  z-index: 6;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#tlaloc:hover{
  filter: none;
}

button#tlatelolco {
  top: 293px;
  left: 6px;
  z-index: 2;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#tlatelolco:hover{
  filter: none;
}

button#bellas {
  top: 715px;
  left: 743px;
  z-index: 2;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#bellas:hover{
  filter: none;
}

button#chapultepec {
  top: 1085px;
  left: 29px;
  z-index: 5;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#museo {
  top: 1085px;
  left: 362px;
  z-index: 5;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#chapultepec:hover{
  filter: none;
}

button#correos {
  top: 707px;
  left: 412px;
  z-index: 5;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}


button#correos:hover{
  filter: none;
}

button#jardines {
  top: 515px;
  left: 600px;
  z-index: 7;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#jardines:hover{
  filter: none;
}
#alameda {
  left: 600px;
  top: 849px;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}
#alameda:hover{
  filter: none;
}
#templomayor {
  top: 322px;
  left: 800px;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
  z-index: 1;
}

#templomayor:hover{
  filter: none;
}

button#palacio {
  top: 449px;
  left: 900px;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
  z-index: 2;
}

button#palacio:hover{
  filter: none;
}

button#revolucion {
  top: 1053px;
  left: 1159px;
  z-index: 7;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);

}

button#revolucion:hover {
  filter: none;
}

button#templo {
  top: 507px;
  left: 1140px;
  z-index: 3;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#templo:hover{
  filter: none;
}

button#catedral {
  top: 412px;
  left: 706px;
  z-index: 4;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}
button#museo:hover{
  filter: none;
}
button#museo img{
  width: 600px;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}

button#chapultepec img{
  width: 600px;
  filter: sepia(135%) saturate(378%) brightness(77%) hue-rotate(-19deg) grayscale(.5);
}
button#chapultepec:hover{
  filter: none;
}
button#catedral:hover{
  filter: none;
}

.content4 {
  background-color: #5d6a44 !important;
}

/* .info4 {
  background: rgb(103 123 64 / 68%);
} */

.content1 {
  background-color: #6f4588 !important;
}

/* .info1 {
  background-color: rgb(95 52 121 / 72%);
} */

.content2 {
  background-color: #8ba3f2 !important;
}

/* .info2 {
  background: rgb(135 156 224 / 98%);
} */

.content3 {
  background-color: #818e94 !important;
}

/* .info3 {
  background: #7c878c;
} */

.content5 {
  background-color: #ac8470 !important;
}

/* .info5 {
  background: #a07159;
} */

.content6 {
  background-color: #757473 !important;
}

/* .info6 {
  background: #848281;
} */

.content7 {
  background-color: #663e39 !important;
}

/* .info7 {
  background: #7d4e49;
} */

.content8 {
  background-color: #e267d8 !important;
}

/* .info8 {
  background: #c352ba;
} */

.content9 {
  background-color: #797065 !important;
}

/* .info9 {
  background: #6b635a;
} */

.content10 {
  background-color: #c98d4f !important;
}

/* .info10 {
  background: #b57e44;
} */

.content11 {
  background-color: #c94763 !important;
}

/* .info11 {
  background: #b7405a;
} */

.content12 {
  background-color: #a96552 !important;
}

/* .info12 {
  background: #965947;
} */

.content13 {
  background-color: #3f7b74 !important;
}

/* .info13 {
  background: #386b65 !important;
} */
.content14 {
  background-color: #637075 !important;
}

/* .info14 {
  background: #566165;
} */
.content15 {
  background-color: #642244 !important;
}

/* .info15 {
  background: #7b2e57;
} */

.content16 {
  background-color: #46522d !important;
}

/* .info16 {
  background: #586938;
} */

.content17 {
  background-color: #b2a89c !important;
}

.desa img {
  width: 50%;
}

.content18 {
  background-color: #d87266 !important;
}

/* .info17 {
  background: #a99f93;
} */

.text-desa p {
  font-family: "Vipnagorgialla Rg";
  text-align: center;
  font-weight: normal;
  font-style: normal;
}

.desa {
  text-align: center;
  margin-bottom: 5%;
}

.desarrollo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.this {
  background: none;
  border: none;
}

.zoom {
  font-size: 3.5rem;
  position: fixed;
  bottom: 0;
  top: 10%;
  color: #000;
  right: 1rem;
  z-index: 9;
  border-radius: 50%;
  transition: 0.5s;
  height: 3rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#zoomtext {
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}

#hover {
  width: 200px;
  height: 20px;
  border: 1px solid #cc0000;
}

#hover2 {
  width: 200px;
  height: 20px;
  border: 1px solid #cc0000;
}

#container {
  width: 1960px;
  height: 1430px;
  overflow-y: auto;
  border: 1px solid #000;
  overflow: hidden;
}

.buttons {
  position: fixed;
  bottom: 6%;
  margin-left: 80%;
  left: 0;
  z-index: 99;
}
button#zoomin {
  border-radius: 50%;
  background: #fff;
  border: none;
  padding: 5px 5px;
  cursor: pointer;
}

button#zoomout {
  border-radius: 50%;
  background: #fff;
  border: none;
  padding: 5px 5px;
  cursor: pointer;
}

*:focus {
  outline: none;
}

select#sel {
  font-size: 20px;
}
button:focus {
  outline: none !important;
}
select#sel {
  font-size: 20px;
  padding: 10px 10px;
  border-radius: 5px;
}

.modal-body iframe {
  width: 100%;
}

.modal {
  overflow: auto !important;
}
.modal-open {
  overflow: visible;
}

#zoomtext {
  transform: inherit;
}

a i {
  color: #000;
}

body {
  overflow-y: hidden;
  overflow-x: hidden;
}

.shelf {
  background-color: #c7c7c7;
  margin-bottom: 15px;
}

.inside {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;

  overflow-x: scroll;
}

.Mapa-test{
  zoom: 70%;
  background-image: url('images/textura.jpg');
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.portada {
  padding-top: 20px;
  padding-bottom: 40px;
  text-align: center;
  justify-content: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.portada .description p {
  text-align: center;
}

.portada .text-avatar {
  margin-top: 7%;
}

.portada .description {
  justify-content: center;
}

.portada img {
  width: 350px;
  text-align: center;
  object-fit: cover;
}

.shelf a:hover {
  text-decoration: none;
}

.inside p {
  font-size: 25px;
  line-height: inherit;
  white-space: inherit;
}

::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: #ddd;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #c7c7c7 !important;
}

body {
  overflow-y: hidden;
  background-image: url('images/textura.jpg');
  background-repeat: no-repeat;
  background-size: cover;

}
html {
  overflow-y: hidden;
}

.scroll-arrow,
.scroll-arrow-vertical {
  background-color: #000;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-arrow i,
.scroll-arrow-vertical i {
  background: transparent;
  z-index: 99999999;
  padding: 5px;
  color: white;
}

.left {
  left: 0;
  width: 30px;
  height: 100%;
}

.right {
  right: 0;
  width: 30px;
  height: 100%;
}

.top {
  width: 100%;
  height: 30px;
  top: 0;
}

.bottom {
  width: 100%;
  height: 30px;
  bottom: 0;
}

.content {
  display: inline-block;
  width: 150px;
  height: 100%;
  background-color: #797979;
  margin-right: 10px;
}
/* [data-js="glitch-image"] {
	position: relative;
	width: 100%;
}

[data-js="glitch-image"] canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
} */
.modal-pop video{
  width: 500px;
    height: 500px;
    object-fit: contain;
}
.img-box {
  position: relative;
  width: 1511px;
  height: 1024px;
  background: url(images/arbol1.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.img-box:before,
.img-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
}
.img-box:before {
  -webkit-animation: bgHueRotate 1s both infinite;
  animation: bgHueRotate 1s both infinite;
}
.img-box:after {
  -webkit-animation: bgGlitch 1s both infinite;
  animation: bgGlitch 1s both infinite;
}

@-webkit-keyframes bgGlitch {
  0%,
  100% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  11% {
    left: -0.5px;
    -webkit-clip-path: inset(9% 0 29% 0);
    clip-path: inset(9% 0 29% 0);
  }
  16%,
  6% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  33% {
    left: 5.5px;
    -webkit-clip-path: inset(14% 0 21% 0);
    clip-path: inset(14% 0 21% 0);
  }
  38%,
  28% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  55% {
    left: 7.5px;
    -webkit-clip-path: inset(33% 0 27% 0);
    clip-path: inset(33% 0 27% 0);
  }
  60%,
  50% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  75% {
    left: 0.5px;
    -webkit-clip-path: inset(29% 0 4% 0);
    clip-path: inset(29% 0 4% 0);
  }
  80%,
  70% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  93% {
    left: -2.5px;
    -webkit-clip-path: inset(5% 0 16% 0);
    clip-path: inset(5% 0 16% 0);
  }
  98%,
  88% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
}

@keyframes bgGlitch {
  0%,
  100% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  11% {
    left: -0.5px;
    -webkit-clip-path: inset(9% 0 29% 0);
    clip-path: inset(9% 0 29% 0);
  }
  16%,
  6% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  33% {
    left: 5.5px;
    -webkit-clip-path: inset(14% 0 21% 0);
    clip-path: inset(14% 0 21% 0);
  }
  38%,
  28% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  55% {
    left: 7.5px;
    -webkit-clip-path: inset(33% 0 27% 0);
    clip-path: inset(33% 0 27% 0);
  }
  60%,
  50% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  75% {
    left: 0.5px;
    -webkit-clip-path: inset(29% 0 4% 0);
    clip-path: inset(29% 0 4% 0);
  }
  80%,
  70% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
  93% {
    left: -2.5px;
    -webkit-clip-path: inset(5% 0 16% 0);
    clip-path: inset(5% 0 16% 0);
  }
  98%,
  88% {
    left: 0;
    -webkit-clip-path: none;
    clip-path: none;
  }
}
@-webkit-keyframes bgHueRotate {
  0%,
  100% {
    filter: none;
  }
  14% {
    filter: hue-rotate(11deg);
  }
  19%,
  9% {
    filter: none;
  }
  31% {
    filter: hue-rotate(9deg);
  }
  36%,
  26% {
    filter: none;
  }
  53% {
    filter: hue-rotate(202deg);
  }
  58%,
  48% {
    filter: none;
  }
  75% {
    filter: hue-rotate(331deg);
  }
  80%,
  70% {
    filter: none;
  }
  91% {
    filter: hue-rotate(73deg);
  }
  96%,
  86% {
    filter: none;
  }
}
@keyframes bgHueRotate {
  0%,
  100% {
    filter: none;
  }
  14% {
    filter: hue-rotate(11deg);
  }
  19%,
  9% {
    filter: none;
  }
  31% {
    filter: hue-rotate(9deg);
  }
  36%,
  26% {
    filter: none;
  }
  53% {
    filter: hue-rotate(202deg);
  }
  58%,
  48% {
    filter: none;
  }
  75% {
    filter: hue-rotate(331deg);
  }
  80%,
  70% {
    filter: none;
  }
  91% {
    filter: hue-rotate(73deg);
  }
  96%,
  86% {
    filter: none;
  }
}

.img-box:hover {
  transform: scale(1.1);
  -webkit-filter: drop-shadow(12px 12px 7px rgba(255, 255, , 0.5));
  filter: drop-shadow(12px 12px 7px rgba(255, 255, 0, 0.5));
  filter: none;
}

#mapa button > .text-p {
  top: 24% !important;
}

.subtitle {
  font-weight: bold;
  font-size: 20px !important;
  margin-bottom: 0;
}

.text-al {
  color: #ba8871;
}

.modal {
  z-index: 9999999 !important;
}

.elipse img {
  opacity: 0.3;
  width: 14rem;
  position: absolute;
  animation-name: colombia;
  animation-duration: 3s;
  /* or: Xms */
  animation-iteration-count: infinite;
  animation-direction: alternate;
  /* or: normal */
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  /* or: backwards, both, none */
  animation-delay: 1s;
}



@-webkit-keyframes colombia {
0% {
  opacity: 0.3;
}

100% {
  opacity: 0.8;
}
}

.lorem .more{

    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;


}
.more  {
  cursor: pointer;
  background-color: #fff;
  padding: 10px 20px;
}

.wh{
  background: white;
}

.complete {
  display: none;
}

.show{
display: block;
}

.accordion-item {
  background-color: #ba8871;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.accordion-item .accordion-title {
  cursor: pointer;
  padding: 10px 20px;
  transition: all 0.4s;
  border-radius: 5px 5px 0 0;
}

.accordion-item .accordion-title.active-title {
  background-color: #53a2ad;
  color: #fff;
}

.accordion-item .accordion-title h2 {
  margin: 0;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color:#fff;
}

.accordion-item .accordion-title i.fa-chevron-down {
  transform: rotate(0);
  transition: 0.4s;
}

.accordion-item .accordion-title i.fa-chevron-down.chevron-top {
  transform: rotate(-180deg);
}



.accordion-item .accordion-content {
  display: none;
  line-height: 1.7;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 0 0 5px 5px;
}

.accordion-item .accordion-content.active {
  display: block;
}

.accordion-item .accordion-content p {
  margin: 0;
}

.logos-flex {
  display: flex;
  justify-content: space-around;
}

.logo-img img{
  width: 150px;
  height: 150px;
  object-fit: contain;
}

.logos{
  padding-bottom: 100px;
  padding-top: 100px;
}

.slider {
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.accordions{
  text-align: center;
}

.accordions img{

    width: 70%;
}
.cot{
  width: 100%;
    display: flex;
    justify-content: space-around;
}