hr {border-top: 1px solid black !important;}

/* rotator */
#slide-scroll-nav2 {display: flex; box-shadow: none;flex-direction: row;width: 100% !important;gap: 10px;}
@media(min-width:1481px){
    #slide-scroll-nav2 {justify-content: center;}
}
@media(min-width:992px)and(max-width:1480px){
    #slide-scroll-nav2 {justify-content: space-between;}
}
#slide-scroll-nav2 > div.swiper-slide{background-color: transparent;}  
#slide-scroll-nav2 > div.swiper-slide {height: auto;backface-visibility: hidden;box-sizing: border-box;-ms-flex-negative: 0;flex-shrink: 0;list-style-type: none !important;margin: 0;position: relative;padding: 0px !important;border: none;overflow-y: clip;}
#slide-scroll-nav2 > div.swiper-slide > a > img {width: 100%;border-radius: 15px;height: 100%;}
#slide-scroll-nav2 > div.swiper-slide:before{content: url(/img/verified-icon.png); position: absolute;width: 15px;height: 15px;}
@media (max-width:991px){
#index-rotator {padding-top: 90px;padding-bottom: 7px;}
span.profiles-check {display: none;}
#slide-scroll-nav2 {overflow-x:scroll;-ms-overflow-style: none;scrollbar-width: none;}
#slide-scroll-nav2::-webkit-scrollbar {display: none; }
#slide-scroll-nav2>div.swiper-slide,#slide-scroll-nav2 > div.swiper-slide > a > img {max-width: 80px;}
#slide-scroll-nav2 > div.swiper-slide > a > img{object-fit: cover;object-position: center;vertical-align: bottom;}
#slide-scroll-nav2 > div.swiper-slide:before{right: 17px;top: 90px;}
}
@media (min-width:713px) and (max-width:991px){
#slide-scroll-nav2 {justify-content: center;}
}
@media (max-width:712px){
#slide-scroll-nav2 {justify-content:start;}
}
@media (min-width:992px){
#index-rotator {width: 100% !important;}
.circle-rotator{padding: 10px 0;margin-left: auto;margin-right: auto;}
#slide-scroll-nav2 {backface-visibility: hidden;height: 100%;margin: 0 !important;padding: 0 !important;overflow-y: clip;overflow-x: auto !important;}
#slide-scroll-nav2>div.swiper-slide,#slide-scroll-nav2 > div.swiper-slide > a > img {max-width: 139px;}
#slide-scroll-nav2 > div.swiper-slide:before{right: 22px;top: 5px;}
}

/* text */
.flash { animation: flash-bg 3s ease-out; }
@keyframes flash-bg {
    0% { background-color: #fff9d8; }
    100% { background-color: transparent; }
}
@media (min-width:992px){}

#index-content{margin: 20px 0px 0px 0px;}
#index-content {p , a {font-size: 16px;} }
#view-more-btn{min-width: 160.25px;min-height: 36px; margin: 20px 0px !important;}

#first-fold-h1{text-shadow: 0 0 20px black;color: white !important;font-size: 30px;}

.banner-area-v3 {margin-top: 10px;}
.banner-vid-box {padding-top: 40px;}
.banner-content-v3 {width: 100%;margin: 0 auto;background: url(/img/Latin-Love-Mates.webp);background-size: cover;background-position: center;}
.banner-content-v3 .banner-text h1 {font-family: 'Rosario', sans-serif!important;margin: 0!important;font-weight:700!important;}
.banner-content-v3 .banner-text h1 span {display: block;padding-top: 10px;color: #333;}
.banner-content-v3 .banner-text p {line-height: 28px;font-size: 16px;padding-top: 30px;font-weight: 600;color: white;text-shadow: 0 0 20px black;font-weight: 600;}

@media (min-width:992px) {
    .banner-area-v3 {background-position: center;}
    .banner-content-v3 .banner-text h1{font-size: 32px!important;}
}

@media (max-width: 991px) {
    .banner-content-v3 .banner-text p {display: none;}
    .banner-content-v3 .banner-text h1 {text-align: center;line-height: 4.5rem;}
    .banner-content-v3 .banner-text h1 span {display: inline;}
    .desktop-banner-btns-v3 {display: none !important;}
    .mobile-banner-btns-v3 {display: flex;flex-direction: column;text-align: center;margin: 15px 0;}
    .mobile-banner-btns-v3 a {line-height: 40px;font-size: 18px;margin: 0 auto;
        font-weight: bold;border-radius: 20px;display: block;text-decoration: none;margin-top: 1rem;
    }
    .mobile-banner-btns-v3 a span {display: block;font-size: 14px;line-height: 20px; padding-bottom: 15px;font-weight: normal; }
    .mobile-banner-btns-v3 a:hover {text-decoration: none;}
    .upper-banner-sec {flex-direction: column;}
    .upper-banner-sec .banner-text {width: 100%;padding: 15px 5px 10px;}
    .upper-banner-sec .banner-vid {width: 100%;}
}

@media (max-width: 767px) {.banner-content-v3 .banner-text h1 {font-size: 25px;line-height: 3.5rem;}}

.banner-btns {text-align: center;padding-top: 30px;}
.banner-btns a {display: inline-block;}
.reg-btn-v3 {background: #d23742;border: none;color: #fff;width: 280px;border-radius: 50px;line-height: 40px;font-size: 16px;font-weight: bold;margin: 8px;text-decoration: none;display: flex;justify-content: center;justify-self: center;}
.reg-btn-v3:hover {background: #e05c7c;text-decoration: none;border: none;color: #000;}
.tour-btn {background: #fff;border: 2px solid #d23742;color: #d23742;width: 280px;border-radius: 50px;line-height: 40px;font-size: 16px;font-weight: bold;margin: 8px;text-decoration: none;}
.tour-btn:hover {color: #e05c7c;border: 2px solid #e05c7c;text-decoration: none;}
.banner-btns p {padding-top: 10px;font-size: 15px;}
#tour-buttons a {height: -webkit-fill-available;align-items: center;text-align: center;}
#below-banner{width: 80%;display: flex;flex-direction: column;justify-self: center;}
@media(max-width:991px){ 
    #index-content{width: 100%;}
    .reg-btn-v3 {width: 100%;}
}

@media(min-width:992px){
    #index-content{width: 80%;}
}

@media(min-width:1301px){
    .services-container{height: 390px;}
    #services-offered-links{gap:5px;flex-direction: row;}
}
@media(max-width:1300px){
    .services-container{height: fit-content;width: 90%;justify-self: center;}
    #services-offered-links{gap:30px;flex-direction: column;}
}
/* BLOGS AND VIDEOS*/
.category-container{display: flex;flex-direction: column;}
.read-more-blogs, .view-more-videos {margin-top: 40px; padding: 10px;border:2px solid white;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);}
.read-more-blogs a, .view-more-videos a {position: relative;text-decoration: none;display: flex;justify-content: space-between;}
.read-more-blogs:hover a, .view-more-videos:hover a{transition: background-color 0.3s ease-in-out;text-decoration: none;font-weight: 700;}
.read-more-blogs:hover, .view-more-videos:hover {border:2px solid lightcoral;}
.blog-title{font-size:medium}
@media (min-width:992px) and (max-width:1200px) {
    .blog-category p i{font-size: small;}
    div.blog-content.p-3 > h3,div.blog-content.p-3 > p{font-size: small !important;} 
}
.placeholder-glow a { pointer-events:none; }
.placeholder { background:#e9ecef; border-radius:4px; }
.placeholder-col > .placeholder { display:block; height:1.2em; margin-bottom:.5em; }
.blog-container{
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
border-radius: 15px;
}
.blog-image{aspect-ratio: 9 / 5;border-radius: 15px 15px 0px 0px;}
.blog-container:hover{
transform: translateY(-5px);
box-shadow: 0 8px 16px rgb(255, 0, 0);
}
/* FAQ */
details{font-size: 16px;padding: 15px;border: 1px solid grey;margin-bottom: 10px;border-radius: 4px;transition: all 1s ease;}
details:hover{background-color:  #e3e3e3;}
details summary {cursor: pointer;font-weight: bold;list-style: none; position: relative;padding-left: 20px;}
details summary::before {content: "▶"; position: absolute;left: 0;transition: transform 0.2s ease;}
details[open] summary::before {transform: rotate(90deg);}
.details-text{padding-left: 15px; margin-top: 8px; border-top: 1px solid #ccc; padding-top: 8px;opacity: 0;max-height: 0;transition: opacity 1s ease, max-height 1s ease;}
details[open] .details-text {opacity: 1;max-height: 500px;transition: opacity 1s ease, max-height 1s ease;}
/* SERVICES */
#services-offered-links{display: flex;justify-content: center;align-items: center;}
#services-offere-links a:hover{text-decoration: none;transform: scale(1.1);z-index: 2; transition: transform 0.2s ease;}
.services-container {border-radius: 16px;box-shadow: 0 4px 30px 20px rgba(0, 0, 0, 0.1);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border: 3px solid rgba(255, 255, 255, 0.3);}
.services-offered-heading{text-align: center; color: black;padding: 15px;border-bottom: 3px solid rgba(0, 0, 0, 0.1);height: 70px;align-content: center;font-weight: 700;}
.services-offered-text{color: black;padding: 15px;}
.check-text{margin-left: 15px;}
.img-container{display: flex; flex-direction: column; align-items: center;margin-top: 3rem !important;margin-bottom: 3rem !important;}
.img-container img{width: 100%;max-width: 575px;border-radius: 20px;margin-bottom: 10px;}
.img-caption{font-style: italic;border-bottom: 2px #d1d1d1 solid;}

#introduction {margin-top: 0px !important; padding: 10px 0px !important;}
#ff-yt-img{width:100% !important;max-width: 450px;}
#index-blog{margin: 50px 0px;text-align: center;}
.red-border{border: 3px solid #d23742;padding: 20px;border-radius: 50px;}
#references{margin-bottom: 0vh;text-align: center;}
/* ASIDE */
#sidescroller{width: 18%;padding: 20px 0px;flex-direction: column;gap: 5px;right: 20px;z-index: 2;}
#sidescroller > div.aside-group-links {display: flex;flex-direction: column;border-bottom: 3px rgb(0 0 0 / 15%) solid;margin-left: 10px;}
#sidescroller > div > a{font-weight: 500;font-size: 16px;padding: 5px;border-radius: 5px;text-decoration: none;color: black;margin-bottom: 2px;}
#sidescroller > div > a:hover{background: #d23742;color: white !important;text-decoration: none;transition: background-color 0.3s ease-in-out;}
.highlight {background-color: #d23742; color:white !important;transition: background-color 0.3s ease-in-out;}

#registration-index .reg-step > p{text-align: center;}
#step4 a {background: #d23742;padding: 10px;border-radius: 5px;font-size: 15px !important;color: white;}
@media (min-width:992px){
    #registration-index{align-items: normal;}
    #registration-index .reg-step {padding: 0px 10px;width: 25%;}
    #step1{border-top: 2px solid black;border-right: 2px solid black;}
    #step2{border-right: 2px solid black;border-bottom: 2px solid black;}
    #step3{border-top: 2px solid black;border-right: 2px solid black;}
    #step4{border-bottom: 2px solid black;align-content: center;}
}
@media (max-width:991px){
    #registration-index{align-items: center;}
    #registration-index .reg-step {padding: 5px;width: 100%; height: 140px;}
    #step1{border-top: 2px solid black;border-bottom: 2px solid black;border-right: 2px solid black;}
    #step2{border-left: 2px solid black;border-bottom: 2px solid black;}
    #step3{border-right: 2px solid black;border-bottom: 2px solid black;}
    #step4{border-bottom: 2px solid black;align-content: center;border-left: 2px solid black;}
}