/* Background Overlay */

.iris-section-wrapper::after {
	content: "";
	background-image: url('https://iris.investments/wp-content/uploads/2025/03/IRIS-paint-brush-bg-overlay.png');
	background-size: contain;
	background-repeat: repeat;
	inset: 0;
	position: absolute;
	opacity: 0.5;
	z-index: 0;
	pointer-events: none;
}

.portfolio-highlights-wrapper .elementor-loop-container .e-loop-item-205 {
    transform: rotate(-4deg);
    z-index: 4;
}

.portfolio-highlights-wrapper .elementor-loop-container .e-loop-item-207{
    transform: rotate(2deg);
    z-index: 5;
}

.portfolio-highlights-wrapper .elementor-loop-container .e-loop-item-208{
    transform: rotate(1deg);
    z-index: 2;
}

.portfolio-highlights-wrapper .elementor-loop-container .e-loop-item-209{
    transform: rotate(-4deg);
     z-index: 1;
}

.portfolio-highlights-wrapper .elementor-loop-container .e-loop-item-210{
    transform: rotate(6deg);
    width: 550px !important;
    grid-column: 1/3;
    justify-self: center;
    width: fit-content; 
    place-self: center;
    z-index: 3;
}

.btn-logo-wrapper .btn-icairus, 
.btn-logo-wrapper .btn-travelone {
    transition: all 0.5s ease;
}
        
.btn-logo-wrapper:has(.btn-explore.active) .btn-icairus {
    transform: translatex(100%)
}
        
.btn-logo-wrapper:has(.btn-explore.active) .btn-travelone {
    transform: translatex(-200%)
}

.iris-dimitri-person, 
.iris-dimitri-bg,
.iris-dimitri-cursor{
    transition: all 0.5s ease;
}

.iris-section-wrapper.img-dimitri.active .iris-dimitri-bg{
    transform: rotate(-8deg);
}

.iris-section-wrapper.img-dimitri.active .iris-dimitri-person{
    transform: rotate(10deg);
}

.iris-section-wrapper.img-dimitri.active .iris-dimitri-cursor{
    transform: translate(-30px,-30px)
}

.iris-section-wrapper.img-dimitri .who-am-i-popup {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.iris-section-wrapper.img-dimitri.active .who-am-i-popup {
    opacity: 1;
    visibility: visible;
}

.iris-logo-wrapper::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; 
    background: linear-gradient(90deg, rgba(26,26,43,1) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(26,26,43,1) 100%);
	pointer-events: none;
}

@media (max-width: 1024px) {
    .portfolio-highlights-wrapper .elementor-loop-container .e-loop-item{
			width: 100%;
			max-width: 550px;
			grid-column: auto;
			justify-self:center;
    }
		.iris-logo-wrapper::after {
		display:none
	}
}

@media (max-width: 768px) {
.btn-logo-wrapper:has(.btn-explore.active) .btn-icairus {
    transform: translate(50%,150%);
}
        
.btn-logo-wrapper:has(.btn-explore.active) .btn-travelone {
    transform: translate(-150%,150%);
}
}

@media (max-width: 660px) {
  .btn-logo-wrapper:has(.btn-explore.active) .btn-icairus {
    transform: translate(-50%,250%);
}
        
.btn-logo-wrapper:has(.btn-explore.active) .btn-travelone {
    transform: translate(-50%, 150%);
}
}


@media (max-width: 600px) {
    .portfolio-highlights-wrapper .elementor-loop-container .e-loop-item{
			width: 100%;
			max-width: 320px;
			grid-column: auto;
			justify-self:center;
    }
}