@charset "utf-8";
/* CSS Document */

:root {
/*	--brand-color-001-strong-pink: #F172A1;
	--brand-color-003-: #feaecb; */	
	--brand-pink:#FFDDEB; /*#f4c1d4; /*pink=#feaecb;*/
	--brand-dark-pink:#FFDDEB; /* #feaecb #F172A1; barbie pink*/
	--brand-light-pink:#ffecf2; /*rgb(255,236,242);/*#ffecf2;/*f5d5e1;*/
	--brand-very-light-pink:#FFF8F7;	/*https://colors.artyclick.com/color-names-dictionary/color-names/very-light-pink-color*/
	--brand-purple: #71185C; /*#71185C;*/
	--brand-white: white;
	--brand-off-white: #F7F4F4;
	--brand-blue: #127aa8;
}

body {font-family: freight-sans-pro, sans-serif;}
p {
	font-family: "degular", sans-serif;
	font-weight: 200;
	font-style: normal;
}

.card {
  border-color: var(--brand-pink);
}


/*cgrp .text-purple {color: var(--brand-purple);}*/
.bg-pink {background-color: var(--brand-pink);}
.bg-light-pink {background-color: var(--brand-light-pink);}
.bg-dark-pink {background-color: var(--brand-dark-pink);}
.bg-very-light-pink {background-color: var(--brand-very-light-pink);}

/*.btn-dark:hover { background-color: var(--brand-dark-pink); }  /*TODO: fix this so btn can be seen under hover*/
.btn-dark {
	background-color: var(--brand-pink); /*cgrp*/
	/*cgrp color: var(--brand-white);*/
	color: black;
	border: none;
}

.btn-primary {									/* for slot buttons */
	background-color: var(--brand-blue);
	color: var(--brand-white);
	border: none;
}

/*
.banner {
	background-color: var(--brand-pink);
	color: var(--brand-purple);
}
*/

/*.navbar {background-color: red !important;}*/
/*.nav-link, .dropdown-menu, .dropdown-item {color: var(--brand-white);} */
/*.dropdown-menu {color: red; background-color: green; }*/
/*.dropdown-item {color: cyan; background-color: yellow; }*/

/*cgrp .nav-link { color: var(--brand-purple);}*/
/*cgrp .nav-link:hover { color: var(--brand-white) !important;}*/

.topmenu-booknow-btn-div {margin-top:40px;}	 /*31*/	

/*
.topmenu-btn-whatsapp-image {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../icon/whatsapp_icon-icons.com_62756.svg");
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: center;
}
*/

/*
.topmenu-btn-booknow {
	width: 100px;
	height: 40px;
}
*/

.stickTop {
	background-color: var(--brand-white); /*cgrp was pink*/
	position: sticky;
	top: 0px;		/* 30px with marquee, else 0 */
	z-index:8888;
}

/*.stickTop-Marquee {
	position: sticky;
	top: 0px;	/*was 95px
	z-index:9999;
}*/

.quick-contact-detail { 
	/*background-color: var(--brand-light-pink);*/
	/*color: var(--brand-purple);*/
}
.contact-hero-img {
	/*background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../img/AdobeStock_955069985.png");*/
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url("../img/young-woman-cosmetology-doctor-in-white-uniform-p-2024-10-19-21-54-44-utc2EXPORT.jpg");
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 10px;
}


.whyWithMeSection img {
	width: 30px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*
.change-svg-color-blue {filter: invert(16%) sepia(25%) saturate(4345%) hue-rotate(191deg) brightness(93%) contrast(89%);}
.change-svg-color-red {filter: invert(29%) sepia(23%) saturate(4250%) hue-rotate(308deg) brightness(87%) contrast(80%);}
.change-svg-color-brown {filter: invert(37%) sepia(9%) saturate(2992%) hue-rotate(342deg) brightness(91%) contrast(91%);} */
.change-svg-color-brown {filter:invert(16%) sepia(7%) saturate(4985%) hue-rotate(339deg) brightness(94%) contrast(93%);}
.change-svg-color-white {filter: invert(99%) sepia(65%) saturate(2%) hue-rotate(19deg) brightness(116%) contrast(100%);}

/*todo: check why purple is not working anymore*/
.change-svg-color-purple {filter:invert(15%) sepia(68%) saturate(2225%) hue-rotate(289deg) brightness(89%) contrast(99%);}
/*.change-svg-color-purple {filter:invert(85%) sepia(18%) saturate(300%) hue-rotate(292deg) brightness(103%) contrast(101%);}*/

.change-svg-color-pink {filter:invert(85%) sepia(18%) saturate(300%) hue-rotate(292deg) brightness(103%) contrast(101%);}


.section-FAQ {background-color: var(--brand-off-white);}

/*.accordion-button::before { color: red; }*/
.accordion {
/*	--bs-accordion-btn-bg: blue; /*#E4D3E4; */
/*	--bs-accordion-bg: red; */
/*	--bs-accordion-btn-color: yellow;*/
/*	--bs-accordion-color: green;*/
	--bs-accordion-active-bg: var(--brand-pink);
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-active-color: var(--brand-purple);
	/*--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='grey'%3e%3cpath 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'/%3e%3c/svg%3e");*/
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath 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-.708'/%3E%3C/svg%3E");
}


.li-lft-pad li {padding-left: 1em; }
.obi_li_bullet_inside {list-style-position: inside;}

.obi_showCleanAnchor a {
	text-decoration: none;
	color: var(--brand-color-001);
}
.obi_standardIconImg img {
	width: 25%;
	height: auto;
	padding-bottom: 10px;
}

.smallTextItalic {
	font-size: 0.6em;
	font-style: italic;
}

.obi_image img {
	width: 95%;
	height: auto;
}

.obi_image_rounded img {
	border-radius: 50%;
	width: 80%;	
	height: auto;	
}

.partner {
	background-color: white;
}
.partner img {
	width: 200px; /*40%;*/
	height: auto;
	padding: 10px;
}

/*obi_iconsandText start ------------------- */
.parent {
	display: flex;
}
.child1 img {
	width: 120px;
	height: auto;
	padding-right: 25px;
}
/*obi_iconsandText end ------------------- */

.obi_socialBarTop img{
	width: 30px;
	height: auto;
	padding-right: 5px;	
}
.obi_socialBarTop a { 
	text-decoration: none;
	color: rgba(33,37,41,0.75);
}


.obi_footer {
	background-color: var(--brand-dark-pink);
	color: var(--brand-white);
}
.obi_footer img {
	width: 30px;
	height: auto;
	padding-right: 5px;
}

.obi_footer a { 
	text-decoration: none;
	color: var(--brand-white); /*rgba(33,37,41,0.75);*/
}

@media (min-width:576px){
	.dropdown-item::after{ /* for the triangle shape */
		transform: rotate(90deg);
	}
	
	.contact-hero-img {
		/*background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../img/envato/young-woman-cosmetology-doctor-in-white-uniform-p-2024-10-19-21-54-44-utc2.jpg");	*/
		background-position:top;
	}
}