.my-5 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important;
}

.logo {
    margin: 0 0 15px 0;
}

.img-fluid, .img-thumbnail {
    margin-right: -2px !important;
}

.d-lg-none.d-block {
    padding: 0;
}

.col-lg-4.image-jools {
    margin-right: -12px;
}

.page-id-72 {
	background-color:#f2f0ef;
}

video{
	height: auto;
    width: 100%;
}

.jewlery-section {
	position: relative;
	width: 100%;
  	min-height: 100vh;
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%), url('/wp-content/uploads/2024/03/anoigma-photo_shutterstock_final.webp');
	background-size: cover;
	background-position: center center;
	margin: 0 auto; /* Center the section if the viewport is wider */
}

.jewlery-section-2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 724px;
}
.aloro-section {
	position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
}


.new-spring-collection {
    position: absolute;
    top: 62%;
    left: 5%;
    width: 90%;
    height: auto;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2;
    font-family: 'source-sans-pro', sans-serif;
    letter-spacing: 1vw;
    color: #FFFFFF;
    text-align: left;
    opacity: 1;
    display: block;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 1vw rgba(255, 255, 255, 0.5);
    font-size: calc(3vw + 1em);
   
}

.jewlery-watches-image {
    position: absolute;
    top: 30%;
    right: 0;
    width: 36.61%;
    max-width: 703px;
    height: auto;
    background: transparent;
    opacity: 1;
}
.rectangle {
    position: absolute;
    top: 23%;
    right: 7.50%;
    width: 26.82%;
    height: 68.24%;
    border: 2px solid #FFFFFF;
    opacity: 1;
    box-sizing: border-box;
}
.jewellery {
    position: absolute;
    top: 70%;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: left;
    z-index: 1;
    font-family: 'Hypatia-Sans-Pro',sans-serif;
    font-style: normal;
    font-weight: lighter;
    font-size: 39px;
    color: #58124F;
}

.jewllery-h3 {
	position: absolute;
	width: 90%;
	max-width: 1816px; 
  	padding: 1vw; 
  	box-sizing: border-box; 
	font: normal 300 46px/66px;
	font-family:'Hypatia-Sans-Pro',sans-serif;
	letter-spacing: 2.76px;
	color: #58124f;
	text-align: center;
	opacity: 1;
	max-width: 1816px; 
    box-sizing: border-box; 
	background-color:#f2f0ef;
}

.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 10;
    display: block;
	width: 100%;
  	height: fit-content;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card{
	border-radius: 0;
	border:none;
	
}
.card.custom-card {
	padding: 15%;
    background: #ece8df;
    position: relative;
    font-size: 20px;
	border-radius: 0%;
  }


.card-title {
	font-size: 3rem;
	letter-spacing: 5px;
	line-height: 5rem;
	/*color: #280323;*/
	font-family: 'Hypatia-Sans-Pro',sans-serif;
	cursor: default;
}
	
.card-subheading {
    font-size: 2.5rem;
    margin-bottom: 3rem;
	margin-top: 2rem;
	font-family: 'Hypatia-Sans-Pro',sans-serif;
}


	
.card-text {
  font-size: 1.4rem;
  font-family: 'Hypatia-Sans-Pro',sans-serif;
}

.border-container {
    border: 2px solid #000;
    text-align: center;
	font-size: calc(0.5rem + 1vw);
	margin-top:2rem;

}


/* Center the content inside the border */
.border-container .content {
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 3px;
	height: 100%;
	color:#000;
	padding: 1rem;
}	

.see_more {
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 5;
}

.notice {
    margin-right: 10px;
    background-color: #D57B2D;
    color: #FFFFFF;
    text-align: center;
	letter-spacing: 11.2px;
	font: normal normal 600 28px/45px hypatia-sans-pro, sans-serif;
}

 /* Container for the image and button */
 .image-container {
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  /* Style for the image inside the container */
  .image-container img {
    display: block;
    width: 100%; /* Image takes full width of container */
    height: auto;
  }

  /* Style for the "See More" button */
.btn.btn-primary.see-more-btn {
	position: absolute;
	left: 50%;
	width: 80%;
	color: #878787;
	padding:5%;
	transform: translateX(-50%);
	z-index: 2; /* Ensure button appears above the image */
	background: #191919 0% 0% no-repeat;
	box-shadow: 0px 13px 18px #00000029; 
	border: 1px solid #707070; 
	border-radius: 30px;
  }

  .btn.btn-primary.see-more-btn.btm {
    top: 93%; /* Adjust top position as needed */
  }

.btn.btn-primary.btn-sm.see-more-btn.img-frame {
    width: 50%;
    padding: 3.5%;
}
  
.btn.btn-primary.see-more-btn.img-frame {
    bottom: -1rem;
}
.btn-top{
	margin-top: -1.5rem;
}

  .image-with-frame {
  position: relative;
}

.image-with-frame img {
  display: block;
  width: 100%;
  height: 90%;
}

.image-with-frame-container {
    position: relative;
    background: rgba(255, 255, 255, 1);
    border-radius: 0px 0px 38px 38px;
    z-index: 1;
    display: flex;
    padding: 10px;
    margin-top: -4.5rem;
    margin-left: 4rem;
    margin-right: 4rem;
}

.jools-section .image-with-frame-container{
	margin-top: -7.5rem;
}

.image-with-frame-text {
	margin-top: 0; 
	color: #878787; 
	text-align: center; 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: 'Hypatia-Sans-Pro',sans-serif;
	font-size:calc(0.7rem + 1vw);
	margin-bottom:4rem;

}

.diasimotites {
    background-color: #58124F;
    border: 1px solid #707070;
    /* border-radius: 30px; */
    background: #58124F 0% 0% no-repeat padding-box;
    padding: 5%;
    width: 70%;
}

@media only screen and (max-width:480px){
	.diasimotites{
		width: 100%;
	}}

@media only screen and (max-width:992px){
.container.diasimotites.my-5 {
    margin-top: 0 !important;
	}}

.border-container.kanakis-see-more.diasimotites-cnt {
    margin-bottom: 25px;
}

.cta-1 {
    text-align: center;
    letter-spacing: 6.4px;
    font-family: 'hypatia-sans-pro',sans-serif;
    font-size:2.5rem;
	color: #FFFFFF;
	margin-bottom: 0;
}
.diasimotites-cnt{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
	
}
.h2-jewellery {
  text-align: center;
  font: normal normal 600 38px/65px hypatia-sans-pro, sans-serif;
  letter-spacing: 11.2px;
  color: #280323;
}

.p-watches {
	font-style: normal;
	font-variant: normal; 
	font-weight:300; 
	font-size:2.8rem; 
	line-height:4rem;
	font-family: 'Hypatia-sans-pro', sans-serif;
    letter-spacing: 2.76px;
    color: #58124F;
	text-align: center;
}

/* cards styles */
.card-title{
	line-height:3rem;
}

.aloro{
	color:#FFFFFF;
}
.aloro-see-more{
	border-color: #FFFFFF;
	
}
.aloro-see-more .content{
	color: #FFFFFF;
}
.card-title .aloro {
	color: #FFFFFF;
}
.aloro-j {
    font-weight: 300;
    font-style: italic;
    font-size: calc(1.5rem + 1vw);
    margin: -.5rem auto 3rem;
}
.kanakis {
	color: #FFFFFF;
	margin-bottom: 3rem;
}
.kanakis-see-more{
	border-color: #FFFFFF;
}
.kanakis-see-more .content{
	color: #FFFFFF;
}

.card-title.jools {
    margin-bottom: 3rem !important;
    }

.card-title.krinaki,
.card-title.chrysostomos,
.card-title.emmanuela{
    line-height: 3rem !important;
    margin-bottom: 3rem;
}

.krinaki {
	color: #FFFFFF;
}
.krinaki-see-more{
	border-color:#FFFFFF;
}
.krinaki-see-more .content{
	color:#FFFFFF;
}
.emmanuela-see-more{
	border-color:#FFFFFF;
}
.emmanuela-see-more .content{
	color:#FFFFFF;
}

.card-title.emmanuela {
    color:#FFFFFF;
}

/* open case */
	.open-case {
		font-size: 1.4rem;
		font-family: 'Hypatia-Sans-Pro',sans-serif;
}

	.open-case-t {
		font-size: calc(1.2rem + 2vw);
		text-align:left;
		line-height: 1.2;
		margin-bottom: 2.5rem !important;
	}


	.open-case-card{
		padding: 13%;
	}
	.open-case-container .content {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		color:#000;
		padding: 1rem;
	}
	.open-case-container {
		border: 2px solid #000;
		text-align: center;
		font-size: calc(0.5rem + 1vw);

	}
.px-1 {
	padding-left: 0.35rem !important;
	padding-right: 0.35rem !important;
}



@media (max-width: 992px) {
	
	body {
		display:inline;
	}
	.image-with-frame img {
		border-radius:30px;
	}
	
	.my-5 {
       margin-top: 4rem !important;
    }
	
	.py-3,
	.pt-3{
    padding-top: 3rem !important;
    }
	
	.jewlery-section {
		background-image: url('/wp-content/uploads/2024/03/anoigma-kosmima-mobile_NEW.webp');
		margin-top: 80px;
	}
	
    .p-watches{
	    font-size: 2.2rem;
	    line-height: 3rem;
		padding:10%;
	}
	
	.cta-1 {
        padding: 1rem;
		color:#F2EF9D;
		font-size: 1.5rem;
   }
	.diasimotites-cnt {
		width: 80%;
		
	}
	
	.mobile-only-card{
		background-color:transparent;
		border:0px;
		font-size:36px;
	}
	
	.swipe-icon{
		position: absolute;
		width:50px;
		right: 20px;
		bottom: 20px;
		z-index: 10;
	}
	
	/* testing */
	.open-case {
		margin-top: 10px;
		font-size: 1.3rem;
		font-family: 'Hypatia-Sans-Pro', sans-serif;
	}
	.open-case-t {
		font-size: calc(1.2rem + 2vw);
		line-height: 1.2;
		margin-top: 0px;
		color:#D57B2D;
	}
	.open-case-card{
		padding:5%;
		margin-top: -20%;
		margin-left:20px;
		margin-right:20px;
		padding-bottom: 10rem;
	}
	
	.open-case-container {
        bottom: 20px;
		border:2px solid #D57B2D;
		font-size: 1.2rem;
	}
	
	.notice{
		margin-bottom: -1px;
	}
	
	.open-case-container .content{
		color:#D57B2D;
	}

	/* stop testing */
	.h2-jewellery {
		text-align: center;
		font-family: 'Hypatia-sans-pro', sans-serif;
		font-size: 30px;
		font-weight: 600;
		line-height: 45px;
		letter-spacing: 5px;
	}
	.overlay-mobile{
		z-index: 1;
		margin-top: 0;
	}
	.card.custom-card {
		padding: 5%;
	}
	
	.image-with-frame-container{
		margin-bottom:3rem
	}
	
	.image-with-frame-text{
		margin-top: 0; 
		color: #878787 !important; 
		text-align: center; 
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		font-family: 'Hypatia-Sans-Pro',sans-serif;
		letter-spacing:0px;
		padding-bottom:20px;
		font-size: 1.5rem;
	}
	
	.border-container {
		border-color: #D57B2D;
		bottom:20px;
		font-size: 1.2rem;
	}
	
	.card-title.editorial {
       font-size: 3rem!important;
       line-height: 3rem;
		margin-bottom: 3rem;
    }
	
	.card-subheading {
       font-size: 2rem;
       margin-bottom: 2rem;
	   margin-top: 2rem;
		color: #C46E22;
	}
	
	.card-text {
    margin-bottom: 5rem;
    }
	
	.card-text.open-case {
    margin-bottom: 1rem;
   }
	
	.border-container .content {
		color: #D57B2D;
	}
	.aloro-section .container-fluid {
		background-color:#987B60;
	}
	.aloro-section .h2-watches {
		background-color:#F2F0EF;
	}
	.custom-card{
		border:0px;
	}
	
	.aloro-section .custom-card {
		background-color:#987B60;
	}
	
	.aloro {
		color:#EFEB88;
	}
	
	.editorial, .jools{
		color:#C46E22;
		font-size: 3rem !important;
        margin-bottom: 2rem;
	}
	
	.image-jools .img-fluid,
	.image-1 .img-fluid,
	.image-kanakis .img-fluid,
	.image-krinaki .img-fluid,
	.image-chrysostomos .img-fluid,
	.image-emmanuela .img-fluid {
        border-radius: 30px 30px 0 0;
    }
	
	.image-jools .image-with-frame-container,
	.image-1 .image-with-frame-container,
	.image-kanakis .image-with-frame-container,
	.image-krinaki .image-with-frame-container,
	.image-chrysostomos .image-with-frame-container,
	.image-emmanuela .image-with-frame-container {
		background: #fff !important;
		margin:0 0 50px 0 !important;
	}
	
	.btn.btn-primary.see-more-btn.img-frame {
        bottom: 18px;
   }
	
	.btn.btn-primary.btn-sm.see-more-btn.img-frame {
        width: 60%;
        padding: 4.5%;
   }
	
	.aloro-see-more{
		border-color: #EFEB88; 
	}
	.aloro-see-more .content{
		color: #EFEB88;
	}
	
	.kanakis-section.my-5 {
    margin-top: -6rem !important;
   }
	
	.kanakis-section .container-fluid {
		background-color:#58124F;
	}
	.kanakis-see-more {
		border-color:#F2EF9D;
	}
	.kanakis-see-more .content{
		color: #F2EF9D;
	}
	.jools-section .container-fluid{
		background-color:#EADBD8;
	}
	.krinaki {
		color:#EFEB88;
	}
	.krinaki-see-more {
		border-color: #EFEB88;
	}
	.krinaki-see-more .content{
		color:#EFEB88;
	}
	.krinaki-section .container-fluid{
		background-color:#987B60;
	}
	.chrysostomos{
		color:#C46E22;
		font-size: 2rem;
	}
	.chrysostomos.d-lg-none.text-center,
	.jools.d-lg-none.text-center,
	.emmanuela.d-lg-none.text-center{
		margin-bottom: 2rem;
		font-size: 3rem !important;
	}
	
	.kanakis.d-lg-none.text-center,
	.card-title.kanakis{
		color:#EFEB88;
		font-size: 3.2rem !important;
	}
	
	.chrysostomos-section .container-fluid{
		background: #EADBD8;
	}
	
	.emmanuela{
		font-size: 2.5rem;
	}
	
	.card-title.emmanuela {
		color:#EFEB88;
		font-size: 2rem;
	}
	.emmanuela-see-more {
		border-color:#F2EF9D;
	}
	.emmanuela-see-more .content {
		color:#F2EF9D;
	}
	.emmanuela-section .container-fluid{
		background: #58124F;
	}
	
	.open-case-t {
		color:#D57B2D;
		font-size: 2.7rem;
	}

}

@media only screen and (max-width: 579px){
	.jewlery-section {
		min-height: 125vh;
		background-image: url('/wp-content/uploads/2024/03/anoigma-kosmima-mobile_NEW.webp');
		margin-top: 80px;
	}

}

@media  (min-width:580px) and (max-width:767px){
	.jewlery-section {
		min-height: 150vh;
		background-image: url('/wp-content/uploads/2024/03/anoigma-kosmima-mobile_NEW.webp');
		margin-top: 80px;
	}

}


@media (min-width:768px) and (max-width:992px){

	.jewlery-section {
		min-height: 160vh;
		background-image: url('/wp-content/uploads/2024/03/anoigma-kosmima-mobile_NEW.webp');
		margin-top: 80px;
	}
	.open-case-image{
		margin-left:10rem;
	}
	.mbt{
		margin-bottom:5rem !important;
	}
}

/* hover's */
@media (hover: hover) {
	.card-subheading:hover {
		color: #C46E22;
	}
	.editorial:hover, .jools:hover{
		color:#C46E22;
	}
	.open-case-t:hover {
		color:#D57B2D;
	}
	.border-container:hover {
		border-color: #D57B2D; /* Border color on hover */
		cursor: pointer; /* Cursor style on hover */
	}
	.border-container:hover .content{
		color: #D57B2D; 
	}

	.aloro:hover {
		color:#EFEB88;
	}
	.aloro-see-more:hover{
		border-color: #F2EF9D; /* Border color on hover */
	}
	.aloro-see-more:hover .content{
		color: #EFEB88;
	}
	.kanakis:hover {
		color:#F2EF9D;
	}
	.kanakis-see-more:hover {
		border-color:#F2EF9D;
	}
	.kanakis-see-more:hover .content{
		color: #F2EF9D;
	}
	.krinaki:hover {
		color:#EFEB88;
	}
	.krinaki-see-more:hover {
		border-color: #EFEB88;
	}
	.krinaki-see-more:hover .content{
		color:#EFEB88;
	}
	.chrysostomos:hover{
		color:#C46E22;
	}
	.emmanuela:hover {
		color:#EFEB88;
	}
	.emmanuela-see-more:hover {
		border-color:#F2EF9D;
	}
	.emmanuela-see-more:hover .content {
		color:#F2EF9D;
	}
	.open-case-container:hover .content {
		color: #D57B2D; 
	}
	.open-case-container:hover {
		border-color: #D57B2D; /* Border color on hover */
		cursor: pointer; /* Cursor style on hover */
	}
	.btn.btn-primary.see-more-btn:hover {
		color:#FFFFFF;
	}
	.diasimotites:hover .cta-1 {
		color:#F2EF9D;
	}
}

/*Footer*/
.footer-text {
    text-align: center;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
}