/*===================== 
	Premery bg color 
=====================*/

::selection {
 background: #9F5BA4;
}
::-moz-selection {
 background: #9F5BA4;
}
::-webkit-selection {
  background: #9F5BA4;
}

/* Premery bg Hex color*/
.top-bar,
.pricing-tab-content-block .wt-tabs.vertical .nav-tabs li.active a,
.circle-effect-1::after,
.special-offer-outer::after,
.testimonial-5 .testimonial-pic::after,

.noTrespassingBarLineG,
.cssload-cupcakeCircle,
.bg-primary,
.site-button,
ol.list-num-count > li::before,

.wt-separator-two[class*="style-"]::after, 
.wt-separator-two[class*="style-"]::before,

.masonry-filter.outline-style.customize > li.active a, 
.masonry-filter.outline-style.customize > li:hover a,
.masonry-filter.button-style > li.active a, 
.masonry-filter.button-style > li a:hover, 
.masonry-filter.button-style > li a:active, 
.masonry-filter.button-style > li a:focus,

.date-style-3 .post-date i,
.date-style-3.date-skew .post-date i,
.date-style-3.date-skew .post-date i::after,

.testimonial-1 .quote-left::before, 
.testimonial-grid-1 .quote-left::before,
.testimonial-4 .testimonial-detail, 
.testimonial-grid-4 .testimonial-detail,
.testimonial-4 .testimonial-detail::after, 
.testimonial-grid-4 .testimonial-detail::before,
.wt-team-four .wt-team-skew-block .social-icons-outer::after,
.acc-bg-primary a,

.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus,
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus,
.custom-pagination.pagination > li > a:focus, 
.custom-pagination.pagination > li > a:hover, 
.custom-pagination.pagination > li > span:focus, 
.custom-pagination.pagination > li > span:hover,

.wt-nav-pills li:hover a,

.custom-pagination.pagination > .active > a, 
.custom-pagination.pagination > .active > span, 
.custom-pagination.pagination > .active > a:hover, 
.custom-pagination.pagination > .active > span:hover, 
.custom-pagination.pagination > .active > a:focus, 
.custom-pagination.pagination > .active > span:focus,

.call-to-action-skew .call-to-action-left::after,
.widget-title::after,

.owl-carousel .owl-dots .owl-dot.active span, 
.owl-carousel .owl-dots .owl-dot:hover span,

.social-icons.social-square.social-primary a, 
.social-icons.social-radius.social-primary a,
.social-icons.social-square.social-darkest a:hover, 
.social-icons.social-radius.social-darkest a:hover,

.wt-tabs.border-top .nav-tabs > li.active > a::after,

.faq-block .faq-que::after, 
.faq-block .faq-ans::after,

.animate_line:hover::after, .animate_line:hover::before,
.about-com-pic::after,

.date-style-2 .post-date,
.custom-page.pager li > a:focus, 
.custom-page.pager li > a:hover,

.pricingtable-price,
.pricing-table-style-2 .pricingtable-title,

.widget_calendar table tbody td#today,
.loader span,
.our-pricing-carousel .item.active-arrow,
.pricing-tab-content-block .wt-tabs.bg-tabs .nav-tabs > li:hover > a,
.widget_categories li span.badge,
.widget_archive ul li span.badge,
.widget_calendar thead,
.widget_getintuch i,
.testimonial-5 .testimonial-pic-block.radius-bx .testimonial-pic:after,
.testimonial-grid-5 .testimonial-pic-block.radius-bx .testimonial-pic:after,
.overlay-icon a:hover,
.masonry-filter.button-style.has-bg > li.active a,
.masonry-filter.button-style.has-bg > li a:hover,
.slider-dots .tp-bullet.selected,
.slider-dots .zeus .tp-bullet::after,
.opening-block:after,
.opening-block:before,
.testimonial-2 .testimonial-detail, .testimonial-grid-2 .testimonial-detail,
.searchform input[type="submit"] {
	background-color:#9F5BA4;
}

/* Premery hex buttons bg color*/
.site-button {
	background-color:#9F5BA4;
}
.site-button:hover,
.site-button:focus,
.site-button:active {
	background-color:#da4386;
}

/* other hex buttons bg color*/
.searchform input[type="submit"] {
	background-color:#9F5BA4;
}
.searchform input[type="submit"]:hover,
.searchform input[type="submit"]:focus,
.searchform input[type="submit"]:active {
	background-color:#c82157;
}


/* Premery Rgba color*/
.wt-info-has.bg-primary {
	background-color:rgba(230, 63, 117, 0.9);
}


/*===================== 
	Premery text color 
=====================*/
/* Premery text Hex color*/
a,
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover,
.text-primary,
ul.primary li::before,
button.scroltop,
.wt-breadcrumb li a,

.header-nav .nav > li:hover > a,
.header-nav .nav > li .sub-menu li a:hover,
.header-nav .nav > li .sub-menu li:hover > a,
.header-nav .nav > li .mega-menu > li ul a:hover,

.header-nav .nav > li.active > a, 
.header-nav .nav > li.current-menu-item > a,
.header-nav .nav li.has-child.nav-active > a,

.header-style-3 .is-fixed .header-nav .nav > li:hover > a,
.header-style-3 .is-fixed .header-nav .nav > li.active > a, 
.header-style-3 .is-fixed .header-nav .nav > li.current-menu-item > a,

.header-style-5 .is-fixed .header-nav .nav > li:hover > a,
.header-style-5 .is-fixed .header-nav .nav > li.active > a, 
.header-style-5 .is-fixed .header-nav .nav > li.current-menu-item > a,

.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover,


.date-style-3 .post-date strong,
.status-value span,
.rating-bx,

.testimonial-1 .testimonial-position, 
.testimonial-grid-1 .testimonial-position,

.testimonial-2 .testimonial-text .fa-quote-left, 
.testimonial-grid-2 .testimonial-text .fa-quote-left,



.testimonial-3 .testimonial-position,
.testimonial-grid-3 .testimonial-position,

.testimonial-3 .quote-left::before, 
.testimonial-grid-3 .quote-left::before,

.testimonial-4 .testimonial-detail .fa-quote-left, 
.testimonial-grid-4 .testimonial-detail .fa-quote-left,

ol.comment-list li.comment .reply a,

.masonry-filter > li.active a, 
.masonry-filter > li a:hover, 
.masonry-filter > li a:active, 
.masonry-filter > li a:focus,
.masonry-filter.link-style.white > li.active a, 
.masonry-filter.link-style.white > li a:hover, 
.masonry-filter.link-style.white > li a:active, 
.masonry-filter.link-style.white > li a:focus,
.masonry-filter.outline-style > li.active a, 
.masonry-filter.outline-style > li a:hover, 
.masonry-filter.outline-style > li a:active, 
.masonry-filter.outline-style > li a:focus,

.widget_categories ul li a:hover, 
.widget_archive ul li a:hover, 
.widget_meta ul li a:hover, 
.widget_pages ul li a:hover, 
.widget_recent_comments ul li a:hover, 
.widget_nav_menu li a:hover, 
.widget_recent_entries ul li a:hover, 
.widget_services ul li a:hover,

.footer-dark .footer-top a:active, 
.footer-dark .footer-top a:focus, 
.footer-dark .footer-top a:hover,
.social-icons.social-light.has-bg li a:hover,

.masonry-filter.link-style.has-bg > li.active a,
.masonry-filter.outline-style.has-bg > li.active a,
.masonry-filter.link-style.has-bg > li:hover a,
.masonry-filter.outline-style.has-bg > li a:hover,
.social-icons.social-dark.has-bg li a:hover {
	color:#9F5BA4;
}
@media only screen and (max-width:991px) {
.bg-primary .header-nav .nav > li:hover > a,
.bg-primary .header-nav .nav > li.active > a, 
.bg-primary .header-nav .nav > li.current-menu-item > a {
	color:#9F5BA4;
}
}
/*===================== 
	Premery border color 
=====================*/

/* Premery Hex border color*/
.masonry-filter.outline-style.customize > li.active a,
.latest-blog-1 .wt-post-media,
button.scroltop,
.bdr-primary,
input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before,
input[type=checkbox] + label:hover:before, 
input[type=radio] + label:hover:before,

.testimonial-4 .testimonial-pic::after,
.testimonial-4 .testimonial-pic, 
.testimonial-grid-4 .testimonial-pic,

.masonry-filter.outline-style.customize > li.active a, 
.masonry-filter.outline-style.customize > li:hover a,
.masonry-filter.outline-style > li.active a, 
.masonry-filter.outline-style > li a:hover, 
.masonry-filter.outline-style > li a:active, 
.masonry-filter.outline-style > li a:focus,
.social-icons.social-square.social-dark.has-bg a:hover, 
.social-icons.social-radius.social-dark.has-bg a:hover,
.about-com-pic:after,
.pricing-table-style-4 .pricingtable-inner,
.masonry-filter.outline-style.has-bg > li.active a,
.masonry-filter.outline-style.has-bg > li a:hover,
ol.list-num-count.list-outline > li::before,
.date-style-3 .wt-post-media  {
	border-color:#9F5BA4;
}


.our-pricing-carousel .item.active-arrow:after{
	border-top: 18px solid #9F5BA4;
}
/*===================== 
	Secondery bg hex color
 =====================*/
 
/* Secondery hex buttons bg color*/
.site-button-secondry {
	background-color:#4b3941;
}
.site-button-secondry:hover,
.site-button-secondry:focus,
.site-button-secondry:active {
	background-color:#614F57;
}
/* Secondery hex text color*/
.text-secondry {
	color:#4b3941;
}
/* Secondery hex background color*/
.bg-secondry {
	background-color:#4b3941;
}

/*===================== 
	Footer strip
 =====================*/
.constrot-strip {
    background-image:url(../../images/footer-strip-purple.png);
}

/*===================== 
	Gradient
 =====================*/
.primary-gradi{
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(230,63,117,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(230,63,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(230,63,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#e63f75',GradientType=0 ); /* IE6-9 */

}


/*the card style here */



/* Section Styling */
.spa-card-section {
    padding-top: 25px;
    background-color: #fcfcfc;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.section-title .sub-title {
    color: #8b3d88;
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.section-title .sub-title .line {
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #8b3d88;
}

.section-main-heading {
    font-size: 36px;
    font-weight: 700;
    color: #222;
    margin-top: 10px;
}

.highlight-text {
    color: #8b3d88;
}

.title-flower-icon {
    color: #8b3d88;
    font-size: 16px;
}

.section-desc {
    color: #666;
    font-size: 15px;
    max-width: 600px;
    margin: 0 auto;
}

/* Card Container Layout */
.spa-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: visible; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
    margin-top: 30px;
    transition: transform 0.3s ease;
}

.spa-card:hover {
    transform: translateY(-5px);
}

/* Card Image - Fixed to display full image without stretching/cropping */
.spa-img {
    width: 100%;
    height: 240px;
    background-color: #111; /* Matches dark background aesthetic of your graphics */
    overflow: hidden;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spa-img img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Changed from cover to contain so the full graphic shows perfectly */
}

/* Floating Circular Icon */
.spa-icon {
    width: 64px;
    height: 64px;
    background: #8b3d88;
    border: 3px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    position: absolute;
    left: 50%;
    top: 210px; 
    transform: translateX(-50%);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    z-index: 2;
}

/* Card Content Area */
.spa-content {
    padding: 45px 25px 30px 25px; 
}

.spa-content h3 {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

/* Divider Styling */
.spa-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 15px;
    color: #8b3d88;
}

.spa-divider span {
    display: block;
    width: 25px;
    height: 1px;
    background-color: #8b3d88;
}

.spa-divider i {
    font-size: 6px;
}

.spa-content p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Action Button */
.spa-btn {
    display: inline-block;
    background-color: #8b3d88;
    color: #ffffff;
    padding: 10px 24px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.3s ease;
    box-shadow: 0 4px 12px rgba(139, 61, 136, 0.3);
}

.spa-btn:hover {
    background-color: #722f70;
    color: #ffffff;
}



/*the card style ends */


/**The contact start here **/

.contact-strip-section {
    position: relative;
    margin-top: -55px;
    z-index: 99;
}

.contact-strip {
    background: #fff;
    border: 3px solid #8b3fa9;
    border-radius: 22px;
    padding: 22px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 12px 35px rgba(0,0,0,.12);
}

.contact-box {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
}

.contact-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #8b3fa9;
    font-size: 38px;
}

.contact-content {
    width: 100%;
}

.contact-content h4 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #222;
}

.contact-content p {
    margin: 5px 0 0;
    color: #555;
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
}

.divider {
    width: 1px;
    height: 70px;
    background: #e7d8ee;
    margin: 0 20px;
}

/* Tablet & Below */
@media(max-width: 991px) {
    .contact-strip {
        flex-direction: column;
        align-items: stretch;
        padding: 25px;
    }

    .contact-box {
        width: 100%;
        margin: 12px 0;
        flex-direction: row;
        align-items: center;
        text-align: left;
    }

    .divider {
        display: none;
    }

    .contact-strip-section {
        margin-top: -40px;
    }
}

/* Mobile */
@media(max-width: 767px) {
    .contact-strip-section {
        margin-top: 20px;
    }

    .contact-strip {
        border-radius: 18px;
        padding: 20px;
    }

    .contact-box {
        flex-direction: row;
        align-items: center;
        text-align: left;
        gap: 15px;
        margin: 10px 0;
    }

    .contact-icon {
        width: 55px;
        height: 55px;
        min-width: 55px;
        font-size: 26px;
    }

    .contact-content h4 {
        font-size: 18px;
    }

    .contact-content p {
        font-size: 14px;
        line-height: 20px;
    }
}
/** The Contact ends here **/



/*the location start here*/

.map-section{

    padding:20px 0;
    background:#ffffff;

}

.map-section .section-title{

    margin-bottom:40px;

}

.map-section .section-title span{

    color:#9b4ecb;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;

}

.map-section .section-title h2{

    font-size:42px;
    font-weight:700;
    color:#222;
    margin-top:10px;

}

.map-section .section-title p{

    color:#666;
    max-width:650px;
    margin:15px auto 0;
    line-height:30px;
    font-size:17px;

}

.map-box{

    overflow:hidden;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
    border:5px solid #fff;

}

.map-box iframe{

    display:block;
    width:100%;
    height:500px;

}

/* Tablet */

@media(max-width:991px){

.map-section{

    padding:60px 0;

}

.map-section .section-title h2{

    font-size:34px;

}

.map-box iframe{

    height:420px;

}

}

/* Mobile */

@media(max-width:767px){

.map-section{

    padding:50px 0;

}

.map-section .section-title h2{

    font-size:28px;

}

.map-section .section-title p{

    font-size:15px;
    line-height:26px;

}

.map-box{

    border-radius:15px;

}

.map-box iframe{

    height:320px;

}

}

/*the locations ends here*/



/** The Footer start section**/
.widget_categories ul li::before, .widget_archive ul li::before, .widget_meta ul li::before, .widget_pages ul li::before, .widget_recent_comments ul li::before, .widget_nav_menu ul li::before, .widget_useful_links ul li::before, .widget_recent_entries ul li::before, .widget_services ul li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    display: none !important;
    font-family: FontAwesome;
}


@media (max-width: 767px) {
    .site-footer .widget {
        text-align: center;
    }
    .site-footer .widget ul li a,
    .site-footer .widget ul li span,
    .site-footer .widget_address ul li {
        justify-content: center !important;
        text-align: center !important;
    }
    .site-footer .widget_address ul li {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
    }
    .site-footer .widget_address ul li i {
        margin-top: 0 !important;
    }
    .site-footer .widget-title {
        display: inline-block;
    }
    .site-footer .widget-title::after {
        content: "";
        display: block;
        width: 50px;
        height: 2px;
        background-color: #a76fb8;
        margin: 8px auto 0 auto;
    }
    
    /*the slider banner content*/
    /*.first_banner_cc{*/
    /*    font-size:0px !important;*/
    /*}*/
}



/**The Footer ends here section**/


/*the slider start banner start*/
  /*.first_banner_cc{*/
  /*    font-size:11px;*/
  /*    position: relative;*/
  /*    left: -20%;*/
  /*    padding: 20px;*/
  /*}*/

/*The slider ends  banner ends */