:root {
    --gunmetalgrey: #192228;
    --gunmetallightgrey: #353e43;
    --black: #000000;
    --white: #ffffff;
    --lightgrey: #a5a5a5;
    --iceblue: #739bd0;
}
.green {color:green}
.white {color:#ffffff;}
.red {color:red}
.orange {color:orange}
.smgry{font-size:small;color:gray}
.smaller{font-size:12px}
.x-small {font-size:x-small}
html {margin: 0px;padding: 0px;line-height: 1.0em;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;box-sizing: border-box;}
body {background-color: var(--gunmetallightgrey);color: var(--white);}
.logo{max-height:50px;width:86px}
h1 {font-size: 2.0em;}
.h2 {font-size: 1.5em;}

.answercount {
    top: 10px !important;
    left: 50px !important
}

.innerh1 {font-size: 2.0em;margin-top: 93px !important}
.maincontainer {background-color: var(--gunmetallightgrey);color: var(--white);}
.maincontainerinner {padding-top:100px;}
.maincontentmargins {margin-top: 0px;margin-bottom: 30px;}
.topheader {display: flex;padding: 5px 20px 5px 5px;background-color: var(--gunmetalgrey);color: var(--lightgrey);justify-content: end;position: sticky;top: 0px;z-index: 1}
.topheader a {color: var(--lightgrey);text-decoration:none}
.topheader a:hover {color: var(--lightgrey);text-decoration:underline}
.footer {display: flex;padding: 5px;padding-top: 30px;padding-bottom: 20px;background-color: var(--black);color: var(--lightgrey);justify-content: space-evenly;gap: 20px;flex-wrap: wrap;align-items: center;align-content: center;}
  .footer .footerheader{font-weight:700;}
  .footer a{color:var(--lightgrey);text-decoration:none}
  .footer a:hover {color: var(--white);text-decoration: none}
  .footer ul {padding-top: 20px !important}
  .footer li{padding-bottom:20px !important}
.full-width-column {flex: 0 0 100%;font-size:smaller}
.liquid-glass-menu {max-width: 90%;border-radius: 50px;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.25);backdrop-filter: blur(16px) saturate(140%);-webkit-backdrop-filter: blur(16px) saturate(140%);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.5), inset 0 -12px 24px rgba(255, 255, 255, 0.05);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
  .liquid-glass-menu::before {content: '';position: absolute;inset: -2px;border-radius: 52px;background: transparent;filter: url(#liquid-refraction);z-index: -1;pointer-events: none;}
  .liquid-glass-menu .nav-link {font-weight: 500;transition: color 0.3s ease, transform 0.2s ease;}
  .liquid-glass-menu .nav-link:hover,.liquid-glass-menu .nav-link.active {color: #fff !important;transform: translateY(-1px);}
.btn-glass {background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.4);color: #fff;border-radius: 30px;backdrop-filter: blur(4px);box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6);transition: background 0.3s ease, transform 0.2s ease;}
  .btn-glass:hover {background: rgba(255, 255, 255, 0.25);color: #fff;transform: scale(1.03);}
.btn-glass2 {background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.4);color: #fff;padding:8px;text-decoration:none;border-radius: 30px;backdrop-filter: blur(4px);box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6);transition: background 0.3s ease, transform 0.2s ease;}
.btn-glass2:hover {background: rgba(255, 255, 255, 0.25);color: #fff;transform: scale(1.03);}

.boxes {display: flex;justify-content: space-evenly;gap: 20px;row-gap:30px;flex-wrap: wrap;align-items: center;align-content: center;}
.box {margin: 0 auto;background-color: #192228;width: 290px;height: 330px;position: relative;border-radius: 8px;}
@property --angle{syntax: "<angle>";initial-value:0deg;inherits:false;}
@keyframes spin {from {--angle: 0deg;}to {--angle: 360deg;}}
  .box::after, .box::before {content: '';position: absolute;width: 296px;height: 336px;background-image: conic-gradient(from var(--angle),#a6bfe1,#6994cc,#396aab,#739db0,#24446d,#a6bfe1);top: 50%;left: 50%;translate: -50% -50%;z-index: -1;padding: 10px;border-radius: 8px;opacity: 1.0;}
  .box::before {filter: blur(0.5em)}
  .box:hover::after {animation: 3s spin linear infinite;}
  .box:hover::before {background-image: conic-gradient(from var(--angle),#6994cc 20%,#24446d);filter: blur(1.0em)}
  .box img {width: 100%;height: 100%;object-fit: cover;object-position: top;border-radius: 8px;}


.eListingBox {background-color: #192228;height: 200px;border-radius:8px;}
.eListingBox img {width: 100%;height: 100%;object-fit: cover;object-position: top;border-start-start-radius: 8px;border-end-start-radius: 8px;max-height:200px}
.eListintTitle {font-size:1.0em;}

.membersection {background-color: #192228;border-radius: 8px;margin-bottom:15px;padding-top:10px;padding-bottom:10px;}

.boxfeatured {margin: 0 auto;background-color: #192228;width: 380px;height: 360px;position: relative;border-radius: 8px;}
  .boxfeatured::after, .boxfeatured::before {content: '';position: absolute;width: 386px;height: 366px;background-image: conic-gradient(from var(--angle),#a6bfe1,#6994cc,#396aab,#739db0,#24446d,#a6bfe1);top: 50%;left: 50%;translate: -50% -50%;z-index: -1;padding: 10px;border-radius: 8px;opacity: 1.0;}
  .boxfeatured::before {background-image: conic-gradient(from var(--angle),#6994cc 20%,#24446d);filter: blur(1.0em)}
  .boxfeatured:hover::after {animation: 3s spin linear infinite;}
  .boxfeatured img {width: 100%;height: 100%;object-fit: cover;object-position:center;border-radius: 8px;}
.boxtextbackground {position: absolute;bottom: 0px;left: 0px;width: 100%;background-color: rgb(53 62 67 / 70%);padding:5px}
.tourdiv {width:100%;background-color: var(--iceblue);color: var(--black);position: absolute;bottom: 60px;left: 1px;text-align:center;}
.gender {position: absolute;top: 5px;left: 5px;}
.name {color: var(--white);z-index: 2;font-size: large;font-weight: 700}
.subname {color: var(--iceblue);z-index: 2;font-size: medium;}
.featured2 {color: var(--iceblue);font-size:5.0rem;text-shadow: 0 0 8px rgba(0, 0, 255, 1.0);}
.featuredcity2 {color: var(--iceblue);text-shadow: 0 0 8px rgba(0, 0, 255, 0.5);}

.parallax {padding-top:20px;padding-bottom:20px;height: 100%;font-size: 16px;background-color: var(--gunmetalgrey);}
.parallax h2 {text-align: center;font-size: 3rem;color: var(--white);font-weight: 400;}
.parallax h3 {text-align: center;font-size: 2rem;font-style:italic;color: var(--white);font-weight: 400;}
.parallax h5 {font-size:1.5rem;font-weight:bolder}
.parallax p {text-align: center;}
.justify {text-align: justify}
.locationmenu {max-height: 400px !important;overflow-y: auto !important;}

/* BEGIN Testimonal carousel */
.shadow-effect {background: #fff;padding: 20px;border-radius: 4px;text-align: center;border: 1px solid #ECECEC;box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);}
#customers-testimonials .shadow-effect p {font-family: inherit;font-size: 17px;line-height: 1.5;margin: 0 0 17px 0;font-weight: 300;}
.testimonial-name {margin: -17px auto 0;display: table;width: auto;background: var(--iceblue);padding: 9px 35px;border-radius: 100px;text-align: center;color: #000;box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);}
#customers-testimonials .item {text-align: center;color:var(--gunmetalgrey);padding: 50px;margin-bottom: 50px;opacity: .2;-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#customers-testimonials .owl-item.active.center .item {opacity: 1;-webkit-transform: scale3d(1.0, 1.0, 1);transform: scale3d(1.0, 1.0, 1);}
#customers-testimonials .owl-carousel .owl-item img {transform-style: preserve-3d;max-width: 90px;margin: 0 auto 17px;}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {background: var(--iceblue);transform: translate3d(0px, -50%, 0px) scale(0.7);}
#customers-testimonials.owl-carousel .owl-dots {display: inline-block;width: 100%;text-align: center;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot {display: inline-block;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {background: #3190E7;display: inline-block;height: 20px; margin: 0 2px 5px;transform: translate3d(0px, -50%, 0px) scale(0.3);transform-origin: 50% 50% 0;transition: all 250ms ease-out 0s;width: 20px;}
/*END Testimonal carousel */

.sliderwhite{color:var(--white);}
.sliderimage {height: 400px !important;width: auto !important}
.slidercontainer {margin-top:93px !important}
.vProviderTopSlider{height:400px;}

/* View Provider Page*/
.pName {text-align:center}
.pNameInner {color: var(--iceblue);font-size: 5.0rem;text-shadow: 0 0 8px rgba(0, 0, 255, 1.0);}
.pStats {text-align:center;display: flex;justify-content:space-evenly;gap: 20px;row-gap: 30px;flex-wrap: wrap;align-items: center;align-content: center;}
.sectionheading { border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  span {position: relative;display: inline-block;padding: 0 0.5rem 0.3rem;color: var(--iceblue, #09090b);
        &::before {
            position: absolute;bottom: -3px;left: 0;width: 100%;height: 3px;content: "";background-color: var(--iceblue, #09090b);
        }
    }
}
.pQuestion {margin-bottom: 10px;}
.pQuestion a {color: var(--lightgrey);text-decoration: none}
.pQuestion a:hover {color: var(--white);text-decoration: none}

.custom-accordion {
    --bs-accordion-btn-bg: #192228;
    --bs-accordion-btn-color: #ffffff;
    --bs-accordion-bg: #ffffff;
    --bs-accordion-color: #212529;
    --bs-accordion-border-color: #dee2e6;
    --bs-accordion-active-bg: #e7f1ff;
    --bs-accordion-active-color: #0c63e7;
}
    .custom-accordion .accordion-button:focus {
        border-color: #86b7fe;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }
.accordion-button:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

@media (max-width: 768px) {
    .eListingBox {
        background-color: #192228;
        height: 400px;
        border-radius: 8px;
    }
    .background {
       height:1000px !important;
    }

    .eListingBox img {
        max-height: 100px
    }

    .logo {
        max-height: 40px;
        width: auto
    }

    .locationmenu {
        max-height: 250px !important;
        overflow-y: auto !important;
    }

    #parallax_ultra_bullets {
        margin-top: 90px !important
    }

    .featured2 {
        color: var(--iceblue);
        font-size: 50px !important;
        text-shadow: 0 0 8px rgba(0, 0, 255, 1.0);
    }

    .featuredcity2 {
        color: var(--iceblue);
        text-shadow: 0 0 8px rgba(0, 0, 255, 0.5);
    }

    .textElement41_bulletsFW {
        font-size: 40px !important;
        line-height: 1.5em !important;
    }

    .textElement42_bulletsFW {
        font-size: 60px !important;
        padding-top: 20px !important;
    }

    .slidercontainer {
        margin-top: 70px !important
    }

    .btnsmallerformobile {
        font-size: small
    }
}