.analytics-data {
display:flex;
justify-content:space-between
}

.analytics-data > div {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:8px
}

.analytics-data .analytics_number {
font-size:48px;
font-weight:700;
font-family:'Avenir';
color:#fff;
line-height:60px
}

.analytics-data .analytics_info {
font-size:20px;
font-weight:500;
font-family:'Avenir';
color:#818181;
line-height:30px
}

.client-logos {
display:grid;
transition:transform .5s ease;
gap:32px;
	grid-template-columns: repeat(5, 1fr);
}


.logo-item {
width:100%
}

.logo-item img {
height:45px!important;
max-width:unset!important;
user-select:none;
	opacity:50%;
	filter: grayscale(1) invert(1) brightness(0.6);
}

.team-members {
display:grid;
grid-template-columns:repeat(4,1fr);
grid-auto-rows:auto;
grid-column-gap:24px;
grid-row-gap:24px
}

.team-member {
position:relative;
cursor:pointer
}

.team_image > span {
width:24px;
height:24px;
display:flex;
border-radius:50%;
justify-content:center;
align-items:center;
color:#fff;
font-weight:900;
font-size:18px;
position:absolute;
right:8px;
top:8px;
background-color:#ffffff7a;
font-family:'Avenir';
z-index:2;
user-select:none;
cursor:pointer
}

.team-member.active .team_image span {
border:1px solid #ffffff7a;
background-color:transparent
}

.team_image img {
width:100%;
aspect-ratio:2 / 3;
height:100%;
object-fit:cover
}

.team_image {
position:relative
}

.inner_team_image {
display:flex
}

.team-member .role {
color:#fff;
font-family:'Avenir';
font-size:12px;
line-height:14px;
font-weight:400;
padding:8px 16px;
border-radius:16px;
border:1px solid #333;
align-self:flex-start
}

.team-member .main {
display:flex;
flex-direction:column
}

.team-member h4 {
margin:24px 0 16px
}

.team-member .bio {
margin-top:16px;
font-family:'Avenir';
font-weight:400;
font-size:16px;
line-height:22px;
color:#818181;
opacity:0;
height:0;
transition:height .5s ease-in-out,opacity .5s ease-in-out;
overflow:hidden
}

.team-member.active .bio {
opacity:1;
height:auto
}

.team_image .inner_team_image:after {
content:"";
display:block;
width:100%;
height:100%;
background-color:#0000004f;
top:0;
opacity:1;
position:absolute;
transition:opacity .5s ease-in-out;
border-radius:16px
}

.team-member.active .team_image .inner_team_image:after {
opacity:0
}

.team_image img {
border-radius:16px!important;
max-height:400px;
transition:all .3s ease-in-out
}

.team-member.active .team_image img {
max-height:200px;
object-position:50% 35%;
}

.post-type-archive-projects,.single-projects {
margin-top:93px
}

.nuevo-projects-container,.projects.type-projects {
width:100%;
max-width:1140px;
margin:80px auto 0
}

.nuevo-projects-container h1 {
font-weight:700!important
}

.project-types {
width:100%;
margin:28px 0 40px;
display:flex;
gap:16px;
}

.project-types .category-button {
font-size:13px;
line-height:16px;
color:#0076FF;
border:1px solid #0076FF;
border-radius:16px;
padding:8px 16px
}

.project-types .category-button.active,.project-types .category-button:hover {
background-color:#0076FF;
color:#fff
}

.project-types .category-button.active {
cursor:none;
pointer-events:none
}

.project-types .category-button.active:hover, {
background-color:transparent!important;
color:#0076FF!important
}

.projects-list {
display:grid;
grid-template-columns:repeat(3,1fr);
grid-auto-rows:auto;
grid-column-gap:24px;
grid-row-gap:48px
}

.project-item {
cursor:pointer
}

.project-item .project-thumbnail {
display:flex
}

.project-item .project-thumbnail img {
aspect-ratio:16 / 9;
object-fit:cover;
border-radius:16px
}

.project-item .project-info {
display:flex;
justify-content:space-between;
align-items:center;
margin:24px 0 8px
}

.project-item .project-info h5 {
margin:0;
font-weight:700
}

.project-item .project-info span {
font-size:24px;
font-weight:700;
line-height:28px;
color:#fff;
font-family:"Avenir"
}

.project-item .project-excerpt {
max-width:340px
}

.project-item .project-excerpt p {
color:#818181;
font-weight:400;
font-size:16px;
line-height:22px;
font-family:"Avenir";
display: -webkit-box;
  -webkit-line-clamp: 2; /* Limits to two lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* Adds ellipsis when text overflows */
width:100%
}

.entry-header .breadcrumbs {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:5px;
color:#fff;
margin-bottom:48px
}

.entry-header .breadcrumbs h6 {
margin:0;
font-weight:900
}

.entry-header .breadcrumbs a {
color:#818181;
	font-weight:500;
}

.entry-header .breadcrumbs a,.entry-header .breadcrumbs h6 {
font-size:20px;
line-height:24px
}

.entry-header .breadcrumbs a:hover {
text-decoration:underline;
color:#fff
}

.project-footer {
display:flex;
gap:32px;
margin-top:48px
}

.project-footer span {
color:#818181;
font-size:16px;
line-height:22px;
font-weight:400
}

.project-footer span > span {
color:#fff
}

.section-template-1 .slider-container {
max-width:1140px;
margin:0 auto
}

.section-template-1 .main-slider {
position:relative;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
aspect-ratio: 16/9
}

.section-template-1 .main-slider img {
display:none;
width:100%;
max-width:1140px
}

.section-template-1 .main-slider .active {
display:block
}

.section-template-1 .nav-left,.section-template-1 .nav-right {
position:absolute;
top:50%;
transform:translateY(-50%);
background-color:#00000080;
color:#fff;
border:none;
padding:10px;
cursor:pointer;
z-index:1
}

.section-template-1 .nav-left {
left:10px
}

.section-template-1 .nav-right {
right:10px
}

.section-template-1 .thumbnail-slider {
overflow-x:auto;
white-space:nowrap;
margin-top:24px;
margin-bottom:24px;
padding-bottom:24px
}

.section-template-1 .thumbnails {
display:flex;
gap:24px
}

.section-template-1 .thumbnail {
width:80px;
cursor:pointer;
transition:opacity .3s
}

.section-template-1 .thumbnail:hover,.section-template-1 .active-thumbnail {
border:2px solid #0076FF
}

.section-template-1 .intro h1 {
font-weight:400
}
.section-template-1 .intro > div{
	display:flex;
	gap:24px;
}
.section-template-1 .intro p {
font-size:20px;
line-height:24px;
color:#818181;
margin-bottom:32px;
	flex:1;
}

.section-template-1 .slider-container {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center
}

.section-template-1 .slider-container .main-slider,.section-template-1 .slider-container .thumbnail-slider {
width:100%
}

.section-template-1 .slider-container .main-slider a {
height:100%;
}
.section-template-1 .slider-container .main-slider a img {
width:100%;
	height:100%;
	object-fit:cover;
}

.section-template-1 .slider-container .thumbnail-slider img {
width:267px;
height:150px
}

.section-template-1 .slider-container img {
aspect-ratio:16/9;
object-fit:cover;
object-position:center;
border-radius:16px
}

.section-template-1 .slider-container .main-slider a:after {
content:'';
display:block;
width:100%;
height:100%;
bottom:0;
position:absolute;
background:linear-gradient(180deg,#0000 45.38%,#000 100%);
border-radius:16px;
	cursor:pointer;
	
}

.thumbnail-slider::-webkit-scrollbar {
width:2px;
height:5px;
background-color:#000
}

.thumbnail-slider::-webkit-scrollbar-thumb {
background-color:#333;
border-radius:1px
}

.thumbnail-slider::-webkit-scrollbar-button {
display:none
}

.section-template-1 .inner p {
color:#818181;
font-size:16px;
line-height:22px
}

.section-template-1 .inner b {
color:#fff
}

.section-template-1 .inner b svg {
margin-bottom:-4px
}

.section-template-1 .inner {
display:flex;
gap:192px;
padding:0 48px;
margin-bottom:62px
}

.section-template-2 {
display:flex;
align-items:center;
background-color:#1C1C1E;
border-radius:16px;
margin:104px 0
}

.section-template-2 > div {
width:50%
}

.section-template-2 > div:first-child {
padding:64px
}

.section-template-2 > div:last-child {
display:flex;
position:relative;
justify-content:flex-end
}

.section-template-2 > div:last-child img {
border-radius:0 16px 16px 0;
aspect-ratio:1/1;
object-fit:cover;
object-position:center;
width:100%;
height:100%;
max-width:564px;
max-height:564px
}

.section-template-2 > div:last-child::after {
content:'';
display:block;
width:100%;
height:100%;
bottom:0;
position:absolute;
background:linear-gradient(180deg,#1c1c1e00 0%,#1C1C1E 100%);
border-radius:0 16px 16px 0
}

.section-template-2 p,.section-template-3 p,.section-template-4 p,.section-template-5 p {
color:#818181;
font-size:16px;
line-height:22px
}

.section-template-2 b,.section-template-3 b,.section-template-4 b,.section-template-5 b {
color:#fff
}

.section-template-3 {
margin:104px 0
}

.section-template-3 div:first-child,.section-template-4 div:first-child,.section-template-5 div:first-child {
margin-bottom:32px;
max-width:100%
}

.section-template-3 div:last-child img, .section-template-3 div:last-child video {
width:100%;
max-width:1140px;
height:640px;
aspect-ratio:16/9;
object-fit:cover;
object-position:center;
border-radius:16px 16px 16px 0
}

.section-template-3 div:last-child video{
	height:100%;
	max-height:640px;
}

.section-template-3 div:last-child {
position:relative
}

.section-template-3 div:last-child::after {
content:'';
display:block;
width:100%;
height:100%;
bottom:0;
position:absolute;
background:linear-gradient(180deg,#1c1c1e00 0%,#1C1C1E 100%);
border-radius:16px 16px 16px 0
}

.section-template-4,.section-template-5 {
margin:104px 0
}

.section-template-4 div:last-child,.section-template-5 div:last-child {
display:flex;
overflow:hidden;
gap:24px
}

.section-template-4 div:last-child a:has(img),.section-template-5 div:last-child a:has(img){
	width:100%;
}

.section-template-4 div:last-child img {
border-radius:16px;
height:400px;
width:267px;
object-fit:cover;
object-position:center;
aspect-ratio:2 / 3;
opacity:40%
}

.section-template-5 div:last-child img {
border-radius:16px;
width:558px;
height:314px;
aspect-ratio:16 / 9;
object-fit:cover;
object-position:center;
opacity:40%
}

.project-sections .section-template-5:not(:first-child) {
margin:104px 0
}

.project-sections > div:last-child {
margin-bottom:48px!important
}

.projects-slideshow {
position:relative
}

.custom-arrow {
position:absolute;
top:50%;
transform:translateY(-50%);
background-color:#00000045!important;
color:#fff;
border:none;
padding:10px;
cursor:pointer;
z-index:2
}

.custom-arrow:hover {
background-color:#00000078!important
}

.custom-arrow--prev {
left:10px
}

.custom-arrow--next {
right:10px
}

.slide-title {
position:absolute;
bottom:0;
text-align:center;
width:100%;
padding:16px;
margin:0;
text-overflow:ellipsis;
overflow:hidden;
white-space:pre
}

.slide-content img {
border-radius:16px!important;
cursor:pointer;
width:260px!important;
height:462px!important;
object-fit:cover;
object-position:center
}

.banner > div > div > div {
position:relative
}

.banner > div > div > div > div:first-child {
max-width:50%
}

.banner > div > div > div > div:last-child {
margin-right:-275px
}

@media(max-width:1024px) {
.banner > div > div > div > div:first-child {
max-width:unset
}

.banner > div > div > div > div:last-child {
margin-right:unset
}

.service img {
border-radius:0 0 16px 16px!important
}

.service div:has(>img)::after {
display:none!important
}
}

@media(max-width:768px) {
.analytics-data {
flex-direction:column;
gap:24px
}
}

@media(max-width:1220px) {
.slide-content img {
width:200px!important;
height:356px!important
}

.nuevo-projects-container {
padding:0 24px;
margin-top:32px
}

.projects-list {
grid-template-columns:repeat(2,1fr);
grid-row-gap:32px
}

.project-thumbnail img {
width:100%
}
}

@media(max-width:1024px) {
	.section-template-1 .intro > div{
		flex-direction:column;
		gap:0;
	}
.project-types {
flex-wrap:wrap;
gap:8px
}

.projects-list {
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Responsive column width */

}

.project-item .project-info span {
font-size:18px;
line-height:20px
}

.project-item .project-info {
margin:16px 0 8px
}

.service img {
aspect-ratio:1/1
}

.service1 {
align-items:unset!important
}

.team-members {
grid-template-columns:repeat(1,1fr);
gap:40px
}

.team_image img {
width:267px;
max-width:100%
}

.team-member .main {
align-items:center
}

.team-member .role {
align-self:center
}
}

@media(max-width:1140px) {
.projects.type-projects {
padding:0 24px;
margin-top:40px
}
	


.single-projects {
margin-top:73px
}

.section-template-1 {
margin-bottom:64px
}

.section-template-1 .intro p {
max-width:100%
}

.section-template-1 .thumbnails {
gap:8px
}

.section-template-1 .slider-container .thumbnail-slider img {
width:76px;
height:44px;
border-radius:8px
}

.section-template-1 .thumbnail-slider {
margin-top:12px;
margin-bottom:32px;
padding-bottom:8px
}

.section-template-1 .inner {
flex-direction:column;
gap:32px;
padding:0 0 0 30px
}

.section-template-1 .inner b svg {
margin-left:-24px
}

.section-template-2,.section-template-3 {
flex-direction:column;
margin:64px 0
}

.section-template-2 > div:first-child {
width:100%;
padding:12px
}

.section-template-2 > div:last-child {
width:100%
}

.section-template-2 > div:last-child img {
max-width:100%;
max-height:100%;
border-radius:0 0 16px 16px
}

.section-template-2 > div:last-child::after,.section-template-3 > div:last-child::after {
display:none
}

.section-template-3 > div:last-child img {
height:auto;
border-radius:16px;
width:100%
}

.section-template-4,.section-template-5 {
margin:64px 0
}

.section-template-4 div:last-child img {
width:100%;
height:232px
}

.section-template-4 div:last-child {
flex-wrap:wrap;
display:grid;
gap:16px;
grid-template-columns:repeat(2,1fr)
}

.project-sections .section-template-5:not(:first-child) {
margin:64px 0
}

.section-template-5 div:last-child {
flex-wrap:wrap;
gap:16px
}

.section-template-5 div:last-child img {
width:100%
}

.project-sections > div:last-child {
margin-bottom:32px!important
}

.project-footer {
flex-direction:column;
gap:24px
}
}

@media (max-width:1688px) {
.banner > div > div > div > div:last-child {
margin-right:-160px
}
}

@media (max-width:1440px) {
.banner > div > div > div > div:last-child {
margin-right:-100px
}
}

@media (max-width:1300px) {
.banner > div > div > div > div:last-child {
margin-right:0
}
}

.theme-toggle {
    background-color: #000;
    border-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color .3s;
    border-width: 2px;
    border-style: solid;
    width: 24px;
    height: 24px;
    margin-left: 16px;
}

.light-mode .theme-toggle {
background-color:#fff;
border-color:#000
}

.light-mode.elementor-kit-15 {
--e-global-color-primary:#0076FF;
--e-global-color-secondary:#F6F6F6;
--e-global-color-text:#000;
--e-global-color-accent:#818181;
--e-global-color-99772ec:#fff;
--e-global-color-ab3a8bc:#005BB5;
--e-global-color-adaf553:#004C99;
background-color:var(--e-global-color-99772ec)
}

.light-mode .analytics-data .analytics_number {
color:#000
}

.light-mode.elementor-kit-15 button {
color:#fff
}

body.light-mode .nuevo-theme-dark {
display:none!important
}

body:not(.light-mode) .nuevo-theme-light {
display:none!important
}

body.light-mode.home .nuevo_header .nuevo-theme-dark:has(img[src*="logo_white"]) {
display:block!important
}

body.light-mode.home .nuevo_header .nuevo-theme-light:has(img[src*="logo_black"]) {
display:none!important
}

body.light-mode.home .nuevo_header .elementor-nav-menu--main .elementor-item.elementor-item-active,body.light-mode.home .nuevo_header .elementor-nav-menu--main .elementor-item:hover,body.light-mode.home .banner h5,body.light-mode.home .banner h1,body.light-mode.home .banner button,body.light-mode.home .banner h4,body.light-mode.home .banner a,body.light-mode .elementor-location-footer .elementor-button {
color:#fff!important
}

body.light-mode.home .banner .elementor-social-icon,body.light-mode.home .nuevo_header .elementor-social-icon {
background-color:#fff!important
}

body.light-mode.home .banner .elementor-social-icon svg,body.light-mode.home .banner .elementor-social-icon:hover svg,body.light-mode .elementor-location-footer .elementor-icon-list-icon svg,body.light-mode .elementor-location-footer .elementor-icon-list-icon svg path,body.light-mode.home .nuevo_header .elementor-social-icon svg,body.light-mode.home .nuevo_header .elementor-social-icon svg path {
fill:#000!important
}

body.light-mode .team-member .role {
color:#000
}

body.light-mode.page-id-260 .elementor-button {
color:#fff!important
}

.elementor-location-footer .elementor-social-icons-wrapper > span {
margin:0
}

body.light-mode .thumbnail-slider::-webkit-scrollbar {
background-color:#f5f6f7
}

body.light-mode .thumbnail-slider::-webkit-scrollbar-thumb {
background-color:#c3c3c3
}

.main-slider button {
background-color:#fff2!important
}

.main-slider button:hover {
background-color:#ffffff78!important
}

body.light-mode b {
color:#000!important
}

.section-template-1 .inner b svg {
margin-left:-24px
}

body.light-mode .inner > div:last-child b svg circle:last-child {
fill:#000
}

body.light-mode .inner > div:last-child b svg circle:first-child,body.light-mode .inner > div:first-child b svg circle {
stroke:#000
}

.inner > div:first-child b svg circle {
stroke-dasharray:2 2
}

body.light-mode .section-template-2 {
background-color:#f6f6f6
}

.project-sections b {
font-weight:400
}

body.light-mode .section-template-5 img,body.light-mode .section-template-4 img {
opacity:100%
}

body.light-mode .section-template-3 div:last-child::after {
display:none
}

body.light-mode:not(.home) .elementor-menu-toggle rect,body.light-mode:not(.home) .elementor-menu-toggle path {
fill:#000;
stroke:#000
}

body.light-mode:not(.home) .nuevo_header:has(.elementor-active) {
background-color:#fff
}

body.light-mode.home .elementor-nav-menu--dropdown,body.light-mode.home .elementor-nav-menu--dropdown a.elementor-item-active {
background-color:#000!important
}

body.light-mode.home .elementor-nav-menu--dropdown a.elementor-item-active {
color:#fff!important
}

a.elementor-item-active {
font-weight:500
}

.elementor-social-icons-wrapper.elementor-grid > * {
margin:0!important
}

body.light-mode:not(.home) .nuevo_header {
border-color:#d3d3d3
}

body.light-mode:not(.home) .nuevo_header > div > div {
border-left:1px solid #d3d3d3
}

@media (max-width: 1024px) {
body.light-mode:not(.home) .nuevo_header > div > div {
border-left:none
}
}

body.home:has(.elementor-menu-toggle.elementor-active) .custom-arrow {
display:none!important
}

body.home.light-mode .elementor-nav-menu--dropdown a:hover {
background-color:#000
}

body.light-mode:not(.home) .nuevo_header .elementor-social-icons-wrapper {
border-color:#d3d3d3
}

body.light-mode:not(.home) .project-footer span > span {
color:#000
}

@media (max-width: 767px) {
    [data-aos] {
        transition-delay: 0.1s !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    [data-aos] {
        transition-delay: 0.2s !important;
    }
}

@media (max-width:1024px){
	.banner > div > div > div > div:last-child{
		width: calc(100% + 24px);
	}
	
	.banner > div > div > div {
		align-items:unset!important;
		justify-content:unset!important;
	}
	
	.banner .elementor-social-icons-wrapper {
		margin-left:0px !important;
	}
	
	.projects-slideshow .slide:last-child{
		padding-right:24px;
	}
}

.project-type{
	cursor:pointer;
}

.custom-arrow {
	width: 48px;
    height: 48px;
    border-radius: 50% !important;
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 8px;
}
.custom-arrow > span{
	font-size:20px;
}


body.light-mode .project-item .project-info span{
	color:#000000;
}

body.light-mode .entry-header .breadcrumbs span , body.light-mode .entry-header .breadcrumbs a:hover{
	color:#000000;
}

.main-slider .nav-left, .main-slider .nav-right{
	width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-slider .nav-left span{
	margin-left:-1px
}

.main-slider .nav-right span{
	margin-right:-1px
}

.project-item.loading-item{
	opacity: 0.5;
}
.project-item.loading-item .project-thumbnail{
	    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
	    max-height: 204px;
    max-width: 364px;
    border-radius: 16px;
	    background: linear-gradient(90deg, #3c3c3c 25%, #4a4a4a 50%, #3c3c3c 75%);

    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}


.project-item.loading-item .project-info h5{
	 width: 100px;
    height: 24px;
    background: linear-gradient(90deg, #3c3c3c 25%, #4a4a4a 50%, #3c3c3c 75%);

    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

.project-item.loading-item .project-info span{
	 width: 50px;
    height: 24px;
    background: linear-gradient(90deg, #3c3c3c 25%, #4a4a4a 50%, #3c3c3c 75%);

    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

.project-item.loading-item .project-excerpt{
	    height: 24px;
    width: 100%;
	 max-width:100%;
	 background: linear-gradient(90deg, #3c3c3c 25%, #4a4a4a 50%, #3c3c3c 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}


body.light-mode .project-item.loading-item .project-thumbnail,
body.light-mode .project-item.loading-item .project-info h5,
body.light-mode .project-item.loading-item .project-info span,
body.light-mode .project-item.loading-item .project-excerpt{
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}



@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.projects-list p{
	color:#818181;
}

body:not(.light-mode):not(.home) .nuevo_header > div > div{
	border-left: 1px solid #313139;
}

@media (max-width:1024px) and (min-width:768px){
	.client-logos{
		grid-template-columns: repeat(3, 1fr);
	}
}

.client-logos > div{
		 display: flex;
		justify-content: center;
		align-items: center;
	}


@media (max-width:768px){
	.client-logos{
		grid-template-columns: repeat(1, 1fr);
		gap:64px;
	}
	
}

@media (max-width:1024px){
	body:not(.light-mode):not(.home) .nuevo_header > div > div{
		border: none;
	}
}

.theme-toggle-container{
	cursor:pointer;
	display:flex;
	gap:10px !important;
}
.team_image > span{
	line-height:18px;
}


@media (min-width:768px){
	.client-logos-container{
	    width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		position: relative;
		scroll-behavior: smooth;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}	
	.client-logos {
		display: flex;
		transition: transform .5s ease;
		gap: 32px;
	}
	
	.client-logos > div:first-child{
		padding-left:30px;
	}
	.client-logos > div:last-child{
		padding-right:30px;
	}
}
@media (max-width:768px){
	.client-logos {
		 display: grid;
		transition: transform .5s ease;
		gap: 32px;
	}
	
	.client-logos > div {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}