/* Self-hosted Helvetica Neue — the ONLY typeface used on this site.
   Regular (400) for body copy, Bold (700) for all headings. No other
   font family or weight should be introduced anywhere on the site. */
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Regular.woff2') format('woff2'),
       url('../fonts/HelveticaNeue-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
       url('../fonts/HelveticaNeue-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
          font-family: 'Julietta Messie';
          src: url('../fonts/Julietta-Messie.otf'); /* IE9 Compat Modes */
          src: url('../fonts/Julietta-Messie.otf') format('opentype'), /* IE6-IE8 */
               url('../fonts/Julietta-Messie.woff') format('woff'),
               url('../fonts/Julietta-Messie.otf')  format('truetype'); /* Safari, Android, iOS */
        }


:root {
  /* Primary palette */
  --color-truffle-brown: #493627;
  --color-balayage-brown: #4E3429;
  --color-bare-essential: #f5e6d1;
  --color-base-coat: #FEF7EE;
  /* Secondary palette */
  --color-better-butter: #f1e1ab;
  --color-misty-blue: #c0dae6;
  --color-sage-serum: #cecfaf;
  --color-blush-hour: #e2c6c7;
  --color-golden-hour: #f6d76c;
  --color-powder-blue: #a2c8e6;
  --color-lush-green: #a1a470;
  --color-glazed-berry: #d0a7ac;
  /* Semantic aliases */
  --color-text: var(--color-truffle-brown);
  --color-bg: var(--color-base-coat);
  --color-section-bg: var(--color-bare-essential);
  --color-hover: var(--color-balayage-brown);
  /* Typography: Helvetica Neue only, everywhere. Body = 400, Headings = 700. */
  --font-heading: 'Helvetica Neue', sans-serif;
  --font-body: 'Helvetica Neue', sans-serif;
}
.footer-div .phone_css img
{
    width:17px;
}

.hero_box  h2
{
  font-family: "Julietta Messie";
}

h1, .h1
{
  font-weight: 600;
  font-size: 23px;
}
body{
  background-color: #fff;
	padding: 0px;
	margin: 0px;
	width: 100%;
	overflow-x: hidden;
	font-family: var(--font-body);
	font-weight: 400;
	color: var(--color-truffle-brown);
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6,
.h1type {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.3;
}

b, strong {
  font-weight: 700;
}

.navbar-dark .navbar-nav .nav-link,
.button,
.submit_button,
label {
  font-family: var(--font-body);
  font-weight: 400;
}

p {
  font-family: var(--font-body);
  font-weight: 400;
}

/* Logo: clearspace + no stretching, per brand guidelines */
.navbar-brand {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-right: 24px;
}
.brand-logo {
  object-fit: contain;
  height: auto;
  max-width: 100%;
}
.navbar-brand .brand-logo {
  min-height: 32px;
      max-width: 280px;
    transform: scale(1.4);
}

.phone_css
{
  display: flex;align-items: center;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

h1 {
    font-weight: 700;
    font-size: 40px;
    text-transform:capitalize;
}

.h1type
{
    font-weight: 700;
    font-size: 40px;
    line-height: 1.4;
}

.button_bg
{
position: relative;
}
.button_bg::before {
content: "";
    position: absolute;
    inset: 0;
    background: url(../img/favicon.png) no-repeat center;
    background-size: 11%;
    opacity: 0.6;
    z-index: 4;
    border-radius: 15px;
    right: 6px;
    background-position: right;
    filter: brightness(4.5);
}

.button_bg::after {
    content: "";
    position: absolute;
    inset: 0;
    /* background: #4E3429; */
    background-size: cover;
    z-index: -1;
    /* top: 24%; */
    /* left: 14%; */
    opacity: 1;
    border-radius: 9px 0px;
}


.button
{
    background: #733d2b;
    font-size: 17px;
    color: #4E3429;
    cursor: pointer;
    transition: all .8s ease;
    font-weight: 400;
    border-radius: 9px 0px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    color: #fff;
    padding: 8px 46px 8px 19px;
    display: inline-block;
    margin-top: 14px;
    border-radius: 9px 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
   
}

.button:hover
{
 background: var(--color-balayage-brown);
 color: var(--color-base-coat);
}


	p
	{
		font-size: 16px;
		margin-bottom: .5rem;
		font-weight:400;
		line-height: 22px;
	}

.m-top
{
  margin-top: 90px;
  margin-bottom:60px;
}


.quote_section b
{
	    font-size: 50px;
    color: var(--color-base-coat);
    margin-bottom: -8px;
}

.quote_section span
{
	margin-bottom: 0px;display: flex;margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}



a:hover {
	color:var(--color-balayage-brown) !important;
	}

.display_block
{
  display: none !important;
}

/*css for header*/
	.navbar {
    background: transparent !important;
    color:var(--color-truffle-brown);
  
}

.navbar-dark .navbar-nav .nav-link {
    color: #51362A;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color:var(--color-balayage-brown);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}

.jq-toast-loader
{
  background-color: var(--color-bare-essential) !important;
}



	/*css for hero home page */

		.hero{
		height:82vh;
	
	}


	.hero .hero_box
	{
		display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
    text-align: left;
    margin-top: 40px;
	}

	.hero .hero_box h6
	{
    text-align: left;
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 25px;
	}
   .hero .hero_box h6 span
   {
   	font-size: 25px;
    color: var(--color-balayage-brown);
    font-weight: bold;
   }

.hero .image_box
{
 display:flex;justify-content: center;align-items: flex-end;
}

   .herosection .content_box:nth-child(1)
   {
        text-align: right;
    font-size: 30px;
    color: var(--color-truffle-brown);
    font-family: var(--font-heading);
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    align-items: center;
   }

   .herosection .content_box:nth-child(1)::after
   {
     content: ' ';
    width: 2px;
    height: 50px;
    background: var(--color-truffle-brown);
    display: block;
  
    margin-left: 34px;
   }

.herosection .content_box:nth-child(2)
   {
   	display: flex;
    justify-content: flex-start;
    align-items: center;
   }

   .herosection .content_box p {

    margin-bottom: 0;
}



/*css for home beauty services*/

.beauty_services .col-md-6
{
  margin-bottom: 30px;
  margin-top:30px;
  text-align: center;

}

.beauty_services .col-md-6 span
{
	font-size: 40px; 
	padding-top: 25px;
	padding-bottom: 25px;
	font-family: var(--font-heading);
	font-weight: 700;
	text-transform: uppercase;
}


	h2 {
    font-weight: 700;
    font-size: 80px;
    color: var(--color-truffle-brown);
}

/*css for home youtube section*/

.experience_section
{
margin-top: 40px;
margin-bottom: 40px;
}

.youtubevideo
{
  z-index: 1024; position: relative;
}


/*css for home courses_section*/
.courses_section
{
 margin-top:80px;
 margin-bottom:80px;
 text-align: center;
}



/*css for about page*/


   .directors_section .div-top
   {
   margin-top: 120px;
   }
   .directors_section .left_div
   {
    color: #FEF7EE;
   background: #4E3429;height: 160px;display: flex;justify-content: center;align-items: center;    border-radius: 40px 40px 0px 40px;
   }
   .directors_section .left_div .pink_box
   {
   display: flex;
   margin-left: -148px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-left: 40px;
   text-align: left;
   }
   .directors_section .left_div .pink_box img
   {
   width: 240px;
   /*background: white;*/
   /* height: 200px; */
   /*box-shadow: 3px 3px 3px rgba(50,50,50,0.28);*/
   margin-left: -40px;
   margin-right: 28px;
   margin-top: -181px;
   }
   .directors_section  .right_div
   {
   background: var(--color-bare-essential);
   height: 160px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   text-align: right;
   border-radius: 40px 40px 40px 0px;
   }
   .directors_section  .right_div .pink_box
   {
   margin-right: -153px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-right: 40px;
   }
   .directors_section  .right_div .pink_box img
   {
   width: 240px;
   /*background: white;*/
   /* height: 200px; */
   /*box-shadow: 3px 3px 3px rgba(50,50,50,0.28);*/
   margin-right: -40px;
   margin-left: 28px;
   margin-top: -181px;
   }



   /*css for service page*/

  	.services_section div .services_text
	{
       font-family: var(--font-heading);
       font-weight: 700;
    font-size: 40px;
    padding-top:30px;
    padding-bottom:20px;

	}

	.services_section .col-md-6
	{
		margin-bottom: 40px;
	}


	/*css for testimonial*/

			.testimonial_section
		{
			margin-top: 80px;
			margin-bottom: 100px;
		}
		.testimonial_section .testimonial_slides span
		{
             font-family: var(--font-heading);
             font-weight: 700;
    font-size: 40px;
		}
		.testimonial_section .testimonial_slides
		{
			height: fit-content;
		}
		.testimonial_section .testimonial_slides .next_button
		{
			padding-right: 100px;
		}

		.testimonial_section .testimonial_slides .next_button img
		{
			width:162px;margin-top:-30px
		}


	/*css for academy page*/
	.academy_pinkbg_left
   {
   z-index: -1;
   background: linear-gradient(270deg, var(--color-base-coat) 26%, var(--color-bare-essential) 31%);
   margin-bottom:50px;
       
   }
   .academy_pinkbg_right
   {
   z-index: -1;
   background: linear-gradient(90deg, var(--color-base-coat) 30%, var(--color-bare-essential) 30%);
   margin-bottom:50px;
   }
   .collapsible {
   background-color: var(--color-base-coat);
   color: var(--color-truffle-brown);
   cursor: pointer;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-family: var(--font-body);
   font-size: 16px;
   font-weight: 400;
   }
   .active, .collapsible:hover {
   background-color: none;
   }
   .content {
   overflow: hidden;
   background-color: var(--color-base-coat);
   display: none;
       margin-top: -6px;
   }
   ul
   {
   margin-left: -18px;
   margin-bottom: 5px;
   }

   .academy_pinkbg_left .h1type {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.3;
}
   .academy_pinkbg_right .h1type {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.3;
}

.flex_right
{
	    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    text-align: right;
}
.flex_left
{
	display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
}


/*css for contact page*/

  .contact_hero
  {
background: var(--color-bare-essential);
  }

  .contact_hero .row
  {
    height: 500px;display: flex;
  }

.contact_hero .row .col-md-8
  {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;"
  }
  .map .row
  {
   padding-left: 120px;/*height: 550px;*/
  }
    .map .card_box
  {
    cursor: pointer;
  }
  .map .card_box:hover
  {
    cursor: pointer;
    color:var(--color-balayage-brown);
  }
  .map .tabcontent
  {
        transition: all 1.8s ease;
        width: 100%; height:100%;min-height: 400px;z-index: -1;border:none; 
  }

  /*css for services*/

  .services_section div .services_text
	{
       font-family: var(--font-heading);
       font-weight: 700;
    font-size: 40px;
    padding-top:30px;
    padding-bottom:20px;

	}

	.services_section .col-md-6
	{
		margin-bottom: 40px;
	}

/*css for footer*/

.footer
   {
   background-color: var(--color-balayage-brown);
   color: var(--color-base-coat);
   }
   .footer h3,
   .footer p,
   .footer strong,
   .footer a,
   .footer .footer-div {
   color: var(--color-base-coat);
   }
   .footer a:hover {
   color: var(--color-golden-hour) !important;
   }
   .footer .call-div
   {
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: left;
   }
   .footer .footer_social
   {
   display: flex;
   justify-content: flex-start;
   flex-direction: row;
   align-items: center;
   text-align: center;
   padding-top: 50px;
   }
   .footer .footer_social a
   {
   padding-right:10px;
   width: 45px;
   }
   .footer .footer_social a img
   {
   width: 30px;
   }
   h3
   {
   font-size: 30px;
   font-weight: 700;
   }
   .form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + .70rem + 1px);
   padding: .375rem .75rem;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.2;
   color: var(--color-base-coat);
   background-color: var(--color-bare-essential);
   background-clip: padding-box;
   border: 1px solid var(--color-truffle-brown);
   border-radius: unset;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   }
   .form-control::placeholder {
   color: var(--color-truffle-brown) !important;
   opacity: 0.5 !important;
   } 
   .submit_button {
   display: inline-block;
   font-family: var(--font-body);
   font-weight: 400;
   color: var(--color-base-coat);
   text-align: center;
   vertical-align: middle;
   user-select: none;
   background-color: var(--color-truffle-brown);
   padding: 0.375rem 3.75rem;
   font-size: 16px;
   line-height: 1.5;
   border:none;
   }
.footer_strip 
{
	font-size: 16px;
	font-weight: 400;
	font-family: var(--font-body);
}
   .footer_strip .col-md-6:nth-child(2)
   {
     text-align: right;
   }

.before_bg
{
  position: relative;
}

.before_bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(img/favicon.png) no-repeat center;
    background-size: 84%;
    opacity: 0.07;
    z-index: -1;
    /* top: 24%; */
    left: 14%;
}


/* Blog cards */
.blogs_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.blog_card {
  display: flex;
  flex-direction: column;
  background: var(--color-base-coat);
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform .3s ease, box-shadow .3s ease;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgb(60 64 67 / 9%) 0px 2px 6px 2px;
}
.blog_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(73,54,39,.20);
  color: inherit;
}
.blog_card_media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--color-bare-essential);
}
.blog_card_media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.blog_card:hover .blog_card_media img {
  transform: scale(1.06);
}
.blog_card_media .no_image_placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20%;
}
.blog_card_media .no_image_placeholder img {
  object-fit: contain;
  transform: none;
}
.blog_card_badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #733D2B;
  color: var(--color-base-coat);
  font-family: var(--font-body);
  font-weight: 700;
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 7px;
}
.blog_card_body {
  padding: 20px 22px 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: #fff;
}
.blog_card_meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: .82rem;
  color: var(--color-balayage-brown);
  opacity: .8;
  margin-bottom: 10px;
  font-family: var(--font-body);
}
.blog_card_meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.blog_card_title {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.3;
  color: var(--color-truffle-brown);
  margin-bottom: 10px;
  text-transform: none;
}
.blog_card_excerpt {
  font-family: var(--font-body);
  font-size: .92rem;
  color: var(--color-truffle-brown);
  opacity: .85;
  line-height: 1.5;
  margin-bottom: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex-grow: 1;
}
.blog_card_readmore {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #733D2B;
    color: var(--color-base-coat) !important;
    font-family: var(--font-body);
    font-weight: 400;
    font-size: .88rem;
    padding: 7px 20px;
    border-radius: 9px 0px;
    transition: background .3s ease;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.blog_card:hover .blog_card_readmore {
  background: var(--color-balayage-brown);
}

@media (max-width: 991px) {
  .blogs_grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .blogs_grid { grid-template-columns: 1fr; }

  .navbar-brand .brand-logo {
    min-height: 32px;
    max-width: 231px;
    transform: scale(1.2);
}
}
/*new css*/