@font-face {
  font-family: 'NewYork';
  src: url('../fonts/NewYork.woff2') format('woff2'),
      url('../fonts/NewYork.woff') format('woff'),
      url('../fonts/NewYork.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


* { box-sizing: border-box;}
html{ overflow-x: hidden; }
body { font-weight: 400; color: #000000; font-size: 16px; line-height: 1.4; font-family: "Roboto Slab", serif; overflow-x: hidden; }  
a { text-decoration: none !important; transition: .3s all ease; } 
li{ list-style: none; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } 
ul { margin-bottom: 0px; padding-left: 0;} 
.container{ max-width: 1320px; }
.clr{clear:both;float:none;display:block}
.clr:after{clear:both;float:none;display:block;content:""}
.header-area .main-nav .nav { margin-top: 0px; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 999; flex: 1 0 auto;} 
.header-area .main-nav .nav li { margin: 0 15px; }
.norm_menu { display: flex; align-items: center; margin: 0 auto; justify-content: flex-end; position: relative;} 
.header-area .main-nav .nav li a { display: flex; font-weight: 500; font-size: 16px; text-transform: capitalize; color: #434343; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; align-items: center; text-transform: capitalize; position: relative; padding: 17px 0 5px; }
.header-area .main-nav .nav li a:hover{ color: #D47A8D; } 
.header-area .main-nav .nav li:last-child > .sub-menu{ left: auto; right: 0; }
.header-area .main-nav .nav li:last-child > .sub-menu:before{ right: 20px; left: auto; } 
.header-area .main-nav .nav li.has-sub { position: relative; } 
.header-area .main-nav .nav li.has-sub ul.sub-menu { position: absolute; width: 220px; background-color: #fff; box-shadow: 0 0px 18px 2px rgba(0, 0, 0, 0.1); top: 40px; opacity: 0; transition: all .2s; transform: translateY(+2em); visibility: hidden; z-index: -1; } 
.header-area .main-nav .nav li.has-sub ul.sub-menu li { margin-left: 0px; padding-left: 0px; padding-right: 0px; } 
.header-area .main-nav .nav li.has-sub ul.sub-menu li a { opacity: 1; display: block; background: #fff; padding: 0 15px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; font-size: 14px; font-weight: 400; color: #FED657; } 
.header-area .main-nav .nav li.has-sub ul li:hover > a{ background: #FF7717; color: #fff!important; } 
.header-area .main-nav .nav li.has-sub ul li a:hover:before { width: 3px; } 
.header-area .main-nav .nav li.has-sub:hover > ul.sub-menu { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition: .3s all ease } 
.header-area .nav { margin-top: 30px; }
 .sub-menu:before { content: " "; position: absolute; left: 20px; top: -10px; border-top: none; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 10px solid white; z-index: -1; }
 .sticky_menu { display: none; }
 .fixed_header .sticky_menu { position: fixed; top: 0; left: 0; right: 0; margin: auto; width: 100%; display: block; z-index: 999; animation: smoothScroll 1s forwards; box-shadow: 0 0 15px 2px rgba(0,0,0,.2); background: #000; display: flex; justify-content: space-between; border: 0; padding: 15px 6%; align-items: center; }
 @keyframes smoothScroll{
  0%{transform:translateY(-100px)}
  100%{transform:translateY(0px)}
}
header.header-area { width: 100%; padding: 0; font-family: 'NewYork'; padding: 22px 0 15px;}
.header-area .main-nav .nav li.has-sub:hover li.has-sub > .sub-menu{ left: 100%; top: 0; }
.sub-menu li .sub-menu:before{ display: none; }
.header-area .main-nav .nav li.has-sub i { position: absolute; right: 14px; top: 54%; color: #2D436F; font-size: 15px; z-index: 99; transform: translateY(-50%) rotate(0); transition: .3s all ease; cursor: pointer; display: none;}

.mail_sec h6 a{ display: block; color: #000; }
.mail_sec h6 a:hover{ color: #D47A8D; }
.mail_sec h6{ padding-left: 11px; line-height: 1.2; }
.header_menu_left{ padding-right: 60px; }
.header_menu_right{ padding-left: 60px; }
.site_btn{ font-size: 16px; font-weight: 500; text-transform: capitalize; color: #000; background: #fff; border-radius: 50px; border: 1px solid #000; display: inline-block; padding: 9px 25px;}
.pn_bg{ background: #D47A8D; color: #fff; border-color: #D47A8D; }
.header_btn{ border-bottom: 1px solid #000; padding-bottom: 12px; height: 58px; }
.mail_sec{ padding-bottom: 15px; border-bottom: 1px solid #000; height: 58px;}
.site_btn:hover{ background: #D47A8D; color: #fff; border-color: #D47A8D; }
.pn_bg:hover{ background: #fff; color: #000; border-color: #000; }
.logo_sec { position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: -7px; z-index: 99; width: 180px;}

.banner_section{ position: relative; }
.banner_section > img{ height: calc(100vh - 139px); object-fit: cover; }
.banner_outer{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
.banner_content{ max-width: 620px; position: relative; text-align: center; margin-left: auto; }
.banner_content h1{ font-size: 64px; font-weight: 500; color: #D47A8D; font-family: 'NewYork'; line-height: 1; margin-bottom: 10px;}
.banner_content h1 span{ display: block; color: #fff; }
.banner_content p{ color: #fff; font-weight: 400; padding: 0 50px; margin-top: 15px; line-height: 1.3; }
.banner_btn{ margin-top: 25px; }
.banner_btn .site_btn{ color: #D47A8D; border-color: #fff; text-transform: uppercase; width: 215px; text-align: center; font-size: 14px; padding: 13px 30px;}
.banner_btn .pn_bg{ color: #fff; border-color: #D47A8D;}
.banner_icon { position: absolute; top: -15px; right: 25px; }
.down_arrow{ position: absolute; bottom: -38px; left: 0; right: 0; margin: auto; text-align: center; }
.down_arrow img, .meet_arrow img{ border-radius: 50%; transition: .3s all ease;}
.down_arrow img:hover, .meet_arrow img:hover{ box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.12); }
.down_arrow img{ cursor: pointer; }
.banner_btn .site_btn:hover{ color: #fff; }
.banner_btn .pn_bg:hover{ color: #D47A8D; }

.space_sec{ padding: 100px 0; }
.heading_sec h2{ font-size: 45px; color: #fff; font-weight: 400; font-family: 'NewYork'; line-height: 1.1; margin-bottom: 18px;}
.heading_sec h2 span{ display: block; }
.health_outer{ position: relative; }
.health_caption h4{ font-size: 35px; color: #d47a8d; font-family: 'NewYork'; line-height: 1; margin-top: 17px;}
.health_slide span img{ border-radius: 50px 50px 0 0; }
.health_btn{ color: #2A2A2A; top: 43%; }
.health_btn:after{ font-size: 30px; display: none; }
.health_btn_next{ right: -40px; }
.health_btn_prev{ left: -40px; }

.about_section{ background: linear-gradient(90deg, #fff 30%, #D47A8D 30%); padding: 65px 0; }
.para_sec p{ color: #fff; }
.about_content{ padding-left: 25px; }
.about_content .para_sec{ max-width: 75%; }
.about_btn{ margin-top: 30px; }

.heading_sec1 h2{ color: #D47A8D; text-transform: uppercase; line-height: 1.05; margin-bottom: 50px;}
.heading_sec1 h2 span{ color: #000000; }
.products_section .health_caption h4{ font-size: 30px; }

.wellness_section{ position: relative; }
.wellness_img{ height: 100%; }
.wellness_img img{ border-radius: 50px 0 0 50px; height: 100%; object-fit: cover; } 
.wellness_content{ background: #D47A8D; padding: 75px 0; border-radius: 0 50px 50px 0; padding-right: 50px; position: relative; }
.wellness_content .para_sec p:last-child{ margin-bottom: 0; }
.wellness_content:before{ content: ''; position: absolute; left: -4000px; top: 0; bottom: 0; margin: auto; height: 100%; width: 4000px; background: #D47A8D;}
.wellness_img img { border-radius: 50px 0 0 50px; height: 100%; object-fit: cover; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: calc(50% + 1px); object-position: top; }

.meet_img{ position: relative; }
.meet_arrow{ position: absolute; bottom: -32px; right: 20px; z-index: 9;}
.meet_caption{ margin-top: 30px; }
.meet_caption h3{ font-size: 27px; color: #000; font-family: 'NewYork'; line-height: 1; text-transform: uppercase;margin-bottom: 5px;}
.meet_caption p{ color: #5e5e5e; }

.form_group{ margin-bottom: 25px; }
.input_sec{ color: #151515; font-size: 16px; font-family: 'NewYork'; width: 100%; padding: 10px 0 5px; border: 0; border-bottom: 1px solid #7D8E77; }
.input_sec::placeholder{ color: #151515;}
.contact_content h2{ margin-bottom: 27px; }
.contact_content{ padding-left: 25px; padding-right: 45px; }
.form_group .site_btn{ background: #D47A8D; color: #fff; width: auto; padding: 13px 50px; transition: .3s all ease; }
.form_group textarea{ resize: none; height: 80px;}
.form_group textarea::placeholder { transform: translateY(40px); }
.form_group .site_btn:hover{ background: #fff; color: #D47A8D; border-color: #D47A8D; }
.insta_col{ width: 25%; }
.input_sec:focus{ box-shadow: none; outline: none; }

.footer_section{ padding: 70px 0 30px;}
.footer_menu li a, .copyright_sec p{ font-size: 16px; color: #000; font-weight: 500; font-family: 'NewYork';}
.footer_menu li a:hover{ color: #D47A8D; }
.footer_menu li{ margin: 0 13px; }
.footer_menu { margin-top: 15px; }
.f_social{ margin-top: 20px; }
.f_social li{ margin: 0 2px; }
.f_social li a{ width: 50px; height: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #7B7B7B; transition: .3s all ease; }
.f_social li a:hover{ background: #D47A8D; }














@media(max-width: 1441px){
  .container { max-width: 1160px; }

 }

@media(max-width: 1199px){
  .container { max-width: 900px; }
  .mail_sec h6{ font-size: 14px; }
  .header-area .main-nav .nav li { margin: 0 5px; }
  .header-area .main-nav .nav li a, .site_btn{ font-size: 14px; }
  .banner_content h1 { font-size: 40px;}
  .banner_content p{ padding: 0 40px; }
  .banner_content { max-width: 440px;}
  .banner_btn .site_btn{ font-size: 13px; padding: 13px 20px; width: 200px; }
  .health_caption h4 { font-size: 26px;}
  .heading_sec h2{ font-size: 35px; }
  .about_content .para_sec { max-width: 100%; }
  .products_section .health_caption h4 { font-size: 22px; }
  .health_btn img{ width: 15px; }
  .meet_arrow img{ width: 50px; }
  .meet_arrow{ bottom: -25px; }
  .meet_caption h3{ font-size: 22px; }
  .meet_caption p{ font-size: 14px; margin-bottom: 0; }
  .form_group .site_btn{ width: auto; padding: 13px 40px; }
  .form_group { margin-bottom: 20px; }
  .contact_content{ padding-right: 0; }
  .banner_section > img{ height: 60vh}

}

@media(max-width: 991px){
  .container { max-width: 700px; }
  .menu_icon_sec{ display: block; }
  .menu_icon_sec>a { border-radius: 50px; width: 40px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; z-index: 9; position: absolute; top: 57%; transform: translateY(-50%); right: 0; transition: .3s all ease; }
  .menu_icon_sec span { width: 30px; height: 2px; background: #000; border-radius: 50px; display: block; transition: .3s all ease-in; position: relative; } 
  .menu_icon_sec span:nth-child(2) { margin: 6px 0; } 
  .header-area .main-nav .logo img { max-width: 75%;}
  .header-area .bottom-nav .nav { width: 100%; position: fixed; top: 0; transition: .5s all ease-in; opacity: 0; visibility: hidden; height: 100vh; background: #D47A8D; left: -100%; margin-right: 0; display: block;  padding-top: 12%; z-index: 9999;}
  .active_menu .header-area .bottom-nav .nav{ top: 0; opacity: 1; visibility: visible !important; left: 0; overflow-y: scroll;}
  .header-area .bottom-nav .nav li { padding: 5px 20px; width: 100%; height: auto; margin: 0 0 5px; }
  .header-area .bottom-nav .nav li a{ color: #fff; font-size: 18px; font-weight: 700; padding: 2px 0; display: block; }
  .fixed_header .main-nav .nav li a:before, .header-area .main-nav .nav li a:before{ display: none; }
  .cross_icon{ border-radius: 50px; width: 40px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; z-index: 99999; position: absolute; top: 38px; right: 15px; transition: .3s all ease; }
  .cross_icon span { width: 25px; height: 2px; background: #fff; border-radius: 50px; display: block; transition: .3s all ease-in; position: relative; }
  .cross_icon span:first-child { transform: rotate(45deg); top: 3px; } 
  .cross_icon span:nth-child(2) { visibility: hidden; opacity: 0; } 
  .cross_icon span:last-child { transform: rotate(-45deg); top: -1px; }
  .active_menu .menu_icon_sec>a span{ background-color: #333; }
  .header-area .main-nav .nav li.has-sub ul.sub-menu li a{ font-size: 20px; background: transparent; }
  .header-area .main-nav .nav li.has-sub ul.sub-menu { width: 300px; position: relative; top: 5px; left: 0; display: none; opacity: 1; visibility: visible; transform: translateY(0); }
  .main-nav .nav li.has-sub.active_submenu ul.sub-menu { display: block !important; }
  .header-area .main-nav .bottom-nav{ margin-bottom: 10px;}
  .active_menu .header-area .norm_menu .nav{ visibility: hidden; }
  .active_menu .header-area .sticky_menu .nav{ display: none; }
  .header-area .main-nav .nav li.has-sub i { font-size: 18px; background: #FF8219; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; right: 0; color: #fff; z-index: 1; top: 30px;}
  .sub-menu:before{ display: none; }
  .header-area .main-nav .nav > li.has-sub:hover i{ color: #fff; }
  .header-area .main-nav .nav li.has-sub ul.sub-menu{ background: transparent; box-shadow: none; }
  .header-area .main-nav .nav li.has-sub ul.sub-menu{ width: 100%; top: 10px; }
  .header-area .main-nav .nav li.has-sub{ padding-right: 0; }
  .header-area .main-nav .nav li.has-sub ul li:hover > a{ color: #FF8219 !important; }
  .header-area .main-nav .nav li.has-sub li.has-sub:hover i { transform: translateY(-50%) rotate(0); }
  .header-area .main-nav .nav li.has-sub li.has-sub i { width: 50px; height: 48px; top: 22px; }
  .header-area .main-nav .nav li.has-sub ul.sub-menu li{ padding: 3px 0; width: 100%; height: auto; border-bottom: 1px solid #dbcece;}
  .header-area .main-nav .nav li.has-sub ul.sub-menu li.has-sub > ul.sub-menu { display: none; left: 0; top: 0; }
  .main-nav .nav li.has-sub ul.sub-menu li.has-sub.active_submenus, .header-area .main-nav .nav li.has-sub ul.sub-menu li.has-sub.active_submenus{ border-bottom: 0; }

  .logo_sec{ position: static;}
  .top_header{ border-top: 1px solid #000; margin-top: 10px; padding-top: 10px; position: relative; }
  .main_header{ position: relative; }
  .health_btn_next { right: -30px; }
  .health_btn_prev { left: -30px; }
  .about_section{ background: #D47A8D; }
  .about_content { padding-left: 0; margin-top: 30px; }
  .wellness_img img{ object-position: -260px; }
  .meet_caption h3 { font-size: 26px; }
  .meet_block{ margin-bottom: 30px; }
  .contact_content{ padding-left: 0; margin-top: 30px; }
  .insta_col { width: 50%; }
  .insta_row, .footer_menu{ flex-wrap: wrap; }
  .footer_menu li { margin: 0 20px; }
  .mail_sec img{ width: 25px; }
  .mail_sec{ padding-bottom: 0; }
  .header_btn li { width: auto !important; }
  .header_btn{ height: auto; }
  .header-area .bottom-nav .nav li a:hover{ color: #000; }
  .header-area .main-nav .nav li a{ display: inline-block; }
  .header_btn li a{ font-size: 14px !important; padding: 15px 40px !important; background: #fff; width: 200px; color: #000 !important; text-align: center; border: 0 !important;}
  
} 

@media(max-width: 767px){
  .container { max-width: 550px; }
  .space_sec{ padding: 60px 0; }
  .insta_col { width: 100%; }
  .mail_sec h6 { font-size: 13px; padding-left: 7px; }
  .logo_sec img{ width: 100px; }
  header.header-area{ padding: 15px 0; }
  .mail_sec{ height: auto; }
  .menu_icon_sec>a{ top: 67%; }
  .banner_content h1 { font-size: 30px; }
  .banner_line img{ width: 50px; }
  .banner_content p{ font-size: 14px; padding: 0; }
  .banner_btn .site_btn{ width: auto; padding: 12px 15px; font-size: 13px; }
  .health_btn_next { right: -25px; }
  .health_btn_prev { left: -25px; }
  .health_caption h4 { font-size: 22px; }
  .heading_sec h2 { font-size: 28px; }
  .para_sec p{ font-size: 14px; }
  .heading_sec1 h2{ margin-bottom: 30px; }
  .wellness_img img{ position: static; object-position: center; width: 100%; min-width: 115%; }
  .wellness_img{ margin-top: 20px; }
  .meet_section { padding-top: 70px; }
  .meet_caption h3 { font-size: 22px; }
  .header-area .bottom-nav .nav li a{ font-size: 16px; }
  .header_btn li a { font-size: 13px !important; padding: 12px 20px !important; width: 180px;}
}
 

@media(max-width: 479px){
  .container { max-width: 350px; }

}