.d-flex {
	display: flex;
}

.d-flex .section-wrapper:nth-child(1) {
	width: 62.5%;
}

.d-flex .section-wrapper:nth-child(2) {
	width: 37.5%;
	padding-right:calc((100vw - 1280px) / 2);
	display: flex;
	justify-content: center;
    margin-top: 140px;
}

.d-flex .section-wrapper:nth-child(2) h4 {
	margin: 0;
}

.section-wrapper img {
	object-fit: cover;
	width: 100%;
	height: 600px;

}

.section-wrapper .swiper-slide {
    	position:relative;
    	line-height: 0;
}

.section-wrapper .swiper-slide::after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background: rgba(0,0,0,.3);
    display:block;
}

.pointer {
	font-family: var(--uicore-typography--h2-f, "Inter");
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 5%;
	margin: 12px 0;
	cursor: pointer;
	padding-left: 24px;
	
}

.pointer.active {
	color: #0C288D !important;
	position: relative;
}

.pointer.active::before {
	position: absolute;
	width: 16px;
	height: 16px;
	display: block;
	content: "";
	background: url('../images/next.png');
	background-repeat: no-repeat;
	top: 2px;
	left: 0;
}

.section-wrapper .description-wrapper {
	max-width: 242px;
}

.caption {
    display: none;
}


@media only screen and (max-width: 480px) {
    .d-flex .section-wrapper:nth-child(1) {
    	width: 100%;
    }
    
    .d-flex .section-wrapper:nth-child(2) {
        display : none !important;
    }
    
    .section-wrapper img {
        
        aspect-ratio : 179 / 237;
    }
    
    .caption h3 {
        font-size: 28px !important ;
        line-height: 34px !important;
        letter-spacing: 0.05em;
        color: white;
        margin:0;
        font-family:"The Bold Font";
    }
    
    .caption p {
        font-size:14px;
        color:white;
        text-transform:uppercase;
        font-family: "Futura";
        font-weight: 500;
        line-height: normal;
        margin:0;
        letter-spacing: 0;
    }
    
    .caption {
        top:50%;
        left:50%;
         position: absolute;
        transform: translate(-50%, -50%);
        z-index: 4;
        width: 300px;
        text-align: center;
        display: block;
    }
    
    .swiper-slide {
        position: relative;
    }
    
    
}