diff --git a/components/carrousel.css b/components/carrousel.css
new file mode 100644
index 0000000..d0641d3
--- /dev/null
+++ b/components/carrousel.css
@@ -0,0 +1,83 @@
+.carrousel-carrousel {
+  flex: 0 0 auto;
+  margin: var(--dl-space-space-oneandhalfunits);
+  display: flex;
+  min-height: 50vh;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+}
+.carrousel-title {
+  color: var(--dl-color-gray-white);
+  margin: var(--dl-space-space-oneandhalfunits);
+}
+.carrousel-images {
+  flex: 1;
+  display: flex;
+  align-items: stretch;
+  flex-direction: row;
+  justify-content: center;
+}
+.carrousel-go-left {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: center;
+}
+.carrousel-icon {
+  fill: var(--dl-color-primary-700);
+  width: var(--dl-size-size-small);
+}
+.carrousel-slider {
+  flex: 1;
+  width: 824px;
+  display: flex;
+  overflow: hidden;
+  position: relative;
+  align-self: stretch;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+}
+.carrousel-slides-container {
+  flex: 1;
+  width: 100%;
+  display: flex;
+  overflow: hidden;
+  max-width: 100%;
+  align-self: stretch;
+  align-items: center;
+  border-radius: 16px;
+  flex-direction: row;
+  justify-content: center;
+}
+.carrousel-left {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-left1 {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-mid {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-right {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-right1 {
+  object-fit: cover;
+  object-position: center;
+}
+.carrousel-go-right {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: center;
+}
+.carrousel-icon2 {
+  fill: var(--dl-color-primary-700);
+  width: var(--dl-size-size-small);
+}