.tsp-slider { margin: 15px 0; }
.tsp-slide { padding: 10px; text-align: center; cursor: pointer; }
.tsp-slide .tsp-thumb img { 
	max-width: 100%;
    width: 100%;
    height: 300px;
    display: block;
    margin: 0 auto 8px;
    border-radius: 20px;
    object-fit: cover; 
}
body .tsp-slider .slick-arrow.slick-prev{
	left: -30px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%22-19.04%200%2075.803%2075.803%22%3E%3Cg%20id%3D%22Group_64%22%20data-name%3D%22Group%2064%22%20transform%3D%22translate(-624.082%20-383.588)%22%3E%3Cpath%20id%3D%22Path_56%22%20data-name%3D%22Path%2056%22%20d%3D%22M660.313%2C383.588a1.5%2C1.5%2C0%2C0%2C1%2C1.06%2C2.561l-33.556%2C33.56a2.528%2C2.528%2C0%2C0%2C0%2C0%2C3.564l33.556%2C33.558a1.5%2C1.5%2C0%2C0%2C1-2.121%2C2.121L625.7%2C425.394a5.527%2C5.527%2C0%2C0%2C1%2C0-7.807l33.556-33.559A1.5%2C1.5%2C0%2C0%2C1%2C660.313%2C383.588Z%22%20fill%3D%22%230c2c67%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0 0 / 100% no-repeat;
}
body .tsp-slider .slick-arrow.slick-next{
	right: -30px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%22-19.04%200%2075.804%2075.804%22%3E%3Cg%20id%3D%22Group_65%22%20data-name%3D%22Group%2065%22%20transform%3D%22translate(-831.568%20-384.448)%22%3E%3Cpath%20id%3D%22Path_57%22%20data-name%3D%22Path%2057%22%20d%3D%22M833.068%2C460.252a1.5%2C1.5%2C0%2C0%2C1-1.061-2.561l33.557-33.56a2.53%2C2.53%2C0%2C0%2C0%2C0-3.564l-33.557-33.558a1.5%2C1.5%2C0%2C0%2C1%2C2.122-2.121l33.556%2C33.558a5.53%2C5.53%2C0%2C0%2C1%2C0%2C7.807l-33.557%2C33.56A1.5%2C1.5%2C0%2C0%2C1%2C833.068%2C460.252Z%22%20fill%3D%22%230c2c67%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0 0 / 100% no-repeat;
}
body .tsp-slider .slick-arrow{
	position: absolute;
    top: 42%;
    margin: -20px 0px 0px 0px;
    z-index: 10;
    font-size: 0;
    width: 30px;
    height: 30px;
	border: 0;
}
.tsp-title { font-size: 16px; margin:0; }
.tsp-popup { position:fixed; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.6); z-index:99999; display:flex; align-items:center; justify-content:center; padding:20px; }
.tsp-popup-inner { background: #fff;
    max-width: 900px;
    width: 100%;
    border-radius: 1.25rem;
    padding: 0.75rem;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    z-index: 10; }
.tsp-close:hover {
	background-color: #11203E;
	color:white;
}
.tsp-close {     z-index: 3;border: none;
    border-radius: 5rem;
    background-color: #dbe7ff;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    padding: .65rem;
    display: flex
;
    position: absolute;
    inset: 0.475rem 0.25rem auto auto;
    color: #000000; }
.tsp-popup-content { /*max-height:70vh; overflow:auto;*/ }
.tsp-popup-nav { height: 4rem;margin-top:12px; text-align:right;display: flex;width: 100%; }
.tsp-popup-nav button { margin-left:8px; padding:8px 12px; cursor:pointer;width: 50%;text-align:left; }
.tsp-popup-nav button.tsp-next { text-align:right; }
.tsp-single-thumb img { max-width:100%; height:auto; border-radius:22px !important; margin-bottom:0px; height: 70vh !important;
    object-fit: cover;}
.tsp-no-thumb { background:#f4f4f4; padding:30px; border-radius:6px; color:#777; }
body.tsp-open { overflow:hidden; }
.tsp-popup-content {
  /*position: relative;*/
 /* min-height: 200px; *//* fallback */
}
 
.tsp-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.8);
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
}
.oz-title-custom-wrap{
	margin-top: -80px;
    margin-bottom: 17px;
}
.oz-title-custom{
	    background-color: #FFFFFF;
    padding: 12px 10px 12px 10px;
    position: relative;
    width: 80%;
    margin: 0 auto;
    border-radius: 21px 21px 21px 21px;
    text-align: center;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #11203E;
}
/* Smooth zoom on hover */
.tsp-slide {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  transform-origin: center center; /* ✅ zoom from the middle */
}
 
.tsp-slide:hover {
  transform: scale(1.05);
 /* box-shadow: 0 8px 20px rgba(0,0,0,0.15);*/
  z-index: 2;
}
 
/* Add vertical space so scaling doesn’t get cut off */
.tsp-slider .slick-track {
  padding: 20px 0; /* adjust if still clipped */
}
.tsp-single{
	display: flex;
}
.oz-content-part a{
	/*color:black;*/
}
.oz-content-part{
	width: 50%;
	padding: 30px;
	height: 70vh;
    overflow-x: auto;
}
.tsp-single-thumb{
	width: 50%;
}
.tsp-single-title{
	font-family: "Roboto", Sans-serif;
    font-size: 1.8em;
    font-weight: 500;
    color: #11203E;
	margin-bottom: 10px;
}
.tsp-sub-title{
	font-family: "Roboto", Sans-serif;
    font-size: 0.875em;
    font-weight: 400;
	color: #11203E;
}
.tsp-single-content{
	font-family: "Roboto", Sans-serif;
    font-weight: 400;
    color: #11203E;
	font-size: 18px;
}
.oz-tag-list span{
	border-radius: 20px;
    background-color: #eff7ff;
    padding: .625rem 1.75rem 0.725rem;
    font-weight: 500;
    font-size: 14px;
    margin-right: 15px;
    display: inline-block;
}
.tsp-prev{
	float: left;
}
.tsp-next svg{
	transform: rotate(180deg);
}
.tsp-prev svg, .tsp-next svg{
	margin: 0 5px;width: .4rem;
}
.tsp-prev, .tsp-next{
	background-color: transparent;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    color: #000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFBF6;
    border-radius: 10px 10px 10px 10px;
       
}
.tsp-prev:hover, .tsp-next:hover, .tsp-prev:focus, .tsp-next:focus{
	background-color: transparent !important;
    color: #11203e;
}
.oz-choose-guid-link{
	text-align: center;
    margin: 0;
    background-color: #11203E;
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
    fill: #F9F3F4;
    color: #F9F3F4;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-e1271e4);
    border-radius: 10px 10px 10px 10px;
    padding: 10px 23px 10px 23px;
	display: block;
}
.oz-choose-guid-link:hover{
	background: #fdfdfd;
}
.oz-btn{
	margin-top: 20px;
	width: 60%;
	/*position: absolute;
	left: 41%;
	bottom: 20px;*/
}
.oz-tag-list{
	margin-top: 10px;
}
@media only screen and (max-width: 600px) {
	.tsp-single {
		display: block;
		height: 70vh;
        overflow: auto;
	}
	.tsp-single-thumb, .oz-content-part{
		 width: 100%;
	}
	.oz-content-part{
		width: 100%;
        height: 100%;
        overflow: visible;
		padding:30px 0px;
	}
	.tsp-prev span, .tsp-next span{
		display:none;
	}
	.tsp-popup-nav button{
		margin-left: 0px;
    	padding: 8px 0px;
	}
	.oz-btn{
		/*left: calc(50% - 90px);*/
	}
	.tsp-single-thumb img{
		height: 100% !important;
	}
}
