.slider-modal-wrapper {
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    top:0;
    left:0px;
    position: fixed;
    pointer-events: none; 
    opacity: 0;
    transition: all 300ms ease-in-out;
}

.slider-modal-wrapper.show {
    pointer-events: all;
    opacity: 1;
}

.slider-modal {
	position: fixed;
    z-index: 99;
    background: white;
    top: 50%;
    margin: auto;
    left: 0;
    right: 0;
  	width: 100%;
    max-width: 1000px;
    padding: 3em 2.5em;
	display:flex;
	justify-content: center;
	align-items: center;
	transform: translateY(-50%);
}

.transaction-slide > *{
	pointer-events: none;
}


.transaction-slide {
	border: 1px solid gray;
	background: #fff;
	display: flex !important;
    flex-direction: column;
	cursor: pointer;
}

.transaction-slide h3, .transaction-slide h4, .transaction-slide p {
	font-size: 1.6em;
}

.transaction-slide h3{
	color: #1278a0;
}

.transaction-slide h4 {
	font-weight: 500;
}

.transaction-slide p {
	font-weight: 600;
	color: #12487d;
}

.transaction-slide > div:last-of-type {
  padding: 1em 1em 1.5em;
  font-family: 'Roboto';
  border-top: 1px solid gray;
}

.transaction-slide > div:last-of-type h3 {
	color: #1278A0;
	text-transform: uppercase;
  font-family: inherit;
  font-weight: 900;
	letter-spacing: -0.05em;
  font-size: 1.5em;
}

.transaction-slide > div:last-of-type h4 {
	color: gray;
	font-family: inherit;
	font-weight: 300;
}

.transaction-slide > div:last-of-type p {
	color: #12487d;
	font-weight: 900;
}

.transaction-image {
	height: 200px;
  	width: 100%;
  	background-size: cover;
  	background-position: center;
  	flex: 1 0 auto;
}

.slider-modal {
	position:relative;
}

.arrows-container {
	width: 100%;
	position: relative;
}    

.pp1{
    left: -50px;
}

.nn1 {
    right: -50px;
}

.inner-transactions-slider {
	width: 95%;
}

.transactions-slider .slick-slide {
	margin:1.2em;
}


.inner-transactions-slider button::before {
	color: #000;	
}


.inner-arrows-container {
	width: 100%;
	top: 42%;
	position: absolute;
}

.pp1, .nn1, .pp2, .nn2 {
	background: gray;
    border: none;
    padding: 1em;
	position: absolute;
	top: -228px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.pp2, .nn2 {
	top:auto;
}


.pp2 {
	left: 0px
}

.nn2 {
	right: 0px;
}

.inner-modal-item {
	color: #000;
	display: flex !important;
	gap: 1em;
	align-items: center;
	justify-content: space-between;
}


.inner-modal-item > div {
	width: 50%;
}

.inner-modal-item h3 {
	font-size: 2em;
	font-weight: 600;
	color: #12487d;
}

.inner-modal-item div p {
	color: #1178a0;
	padding-bottom: 0;
	display: inline-block;
  	padding-right: 2em;
  	width: 100%;
  	max-width: 200px;
	text-transform: uppercase;
}

.inner-modal-item .transaction-image {
	height:500px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#description {
	padding:0px;
	margin: -10px 0px 10px 0px;
}

@media screen and (max-width: 1080px) {
	
	.inner-modal-item h3 {
		font-size: 1.3em;
	}
	
	.inner-modal-item img {
		max-width: 300px !important;
		height: auto;
	}

}


@media screen and (max-width:780px){
	.inner-modal-item {
		flex-direction: column;
	}
	
	.inner-modal-item h3 {
		font-size: 1em;
	}
	
	.inner-modal-item div p {
		width: 130px;
	}
	
	.inner-modal-item div p, .slider-modal span {
		font-size: 0.7em !important;
	}

	.inner-modal-item .transaction-image {
		height: 250px;
	}
}

/*
.slider-modal > div > img {
flex: 0 1 auto;
  max-width: 700px !important;
}

.slider-modal > div > div {
	max-width: 500px;
  width: 100%;
	flex: 1 1 auto;
}

.slider-modal > div > div > div > div {
	margin-bottom:1em;
	font-size: 0.8em;
	text-align: left;
}


.slider-modal > div > div > div > div p {
	color: #1178a0;
	padding-bottom: 0;
	display: inline-block;
  	padding-right: 2em;
  	width: 100%;
  	max-width: 200px;
	text-transform: uppercase;
}

.slider-modal > div > div > div > h3 {
	font-size: 2em;
	font-weight: 600;
	color: #12487d;
}


.slider-modal p, .slider-modal span {
	margin: 0px;
	font-size: 1.4em;
	color: #424242;
	font-weight: 400;
}

.slider-modal-back {
	color: #000!important;
	display: inline-block;
	margin-bottom: 3em;
}


.slick-track {
	min-height: 380px;
}





@media screen and (max-width: 900px){
	.slider-modal > div {
		flex-direction: column;
		padding: 1em;
	}
	
	.slider-modal > div > div {
    	width: 100%;
		max-width: none;
	}
	
	.slider-modal > div > img {
		max-width: 100% !important;
		max-height: 300px;
    	object-fit: cover;
	}
	
	.slider-modal {
		height: auto;
		padding: 0em;
	}
}
*/

@media screen and (max-width: 550px){
	.pp1 {
    left: -5px;
	}
	
	.nn1 {
    right: -5px;
	}
	
	.slider-modal > div > div > div > div,
	.slider-modal > div > div > div > h3 {
		display:block;
		text-align: center;
	}
	
	.slider-modal p, .slider-modal span {
		width: 100%;
		text-align: center;
	}
}