@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */
/*.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
	margin-bottom:0px !important;
}*/
.main_header{position: fixed;z-index: 9; width: 100%; background: #fff;}
/*.banner,
.inner-main{margin-top:118px;}*/
 .inner-main {
    width: 100%; 
	float: left;
    display:inline-block; min-height:460px;
    position: relative;
	 z-index:1; padding:150px 20px;align-content: center; -ms-background-size: cover!important;-webkit-background-size: cover!important; -moz-background-size: cover!important;
}
.inner-main img{
    width: 100% !important;
	display:block;
}
.inner-main:before {
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.8) 100%);
    opacity: 1;
    z-index: 1; /* Changed to positive to ensure proper layering */
}
.inner-title{ position:relative;
    width: 100%;
    text-align: center;
    z-index: 999;}
.inner-title h1 {
    color: #fff;
    font-size: 38px;
	line-height:40px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px !important;
}
.new-breadcrumb p {
    color: #fff;
}
img.alignright{ float:right; margin:10px 0 10px 15px;}
img.alignleft{ float:left; margin:10px 15px 10px 0;}
/**********************************
*Header Menu Responsive CSS Start*
*********************************/
@media (min-width: 1051px) {
.mobile_hamburger_canvas,
.mobile_menu_toggle_button,
.mobile_nav-menu{display:none;}
}
@media (max-width: 1050px) {
.header_right{padding-right: 0;position:relative;}
.menu-nav-container .header_menu,
.header_menu_area{ display:none;}
.menu-icon-box{ margin-left:16px;line-height: 0;}
.mobile_menu_toggle_button.mobile_open_button{
	z-index: 999;
	height: 30px;
	width: 30px;display: inline-block;position: relative;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	cursor: pointer;
}
.mobile_menu_toggle_button.mobile_open_button span, 
.mobile_menu_toggle_button.mobile_open_button::before, 
.mobile_menu_toggle_button.mobile_open_button::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left:0;
	width:100%;
	border-bottom: 2px solid #000;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mobile_menu_toggle_button.mobile_open_button::before {
	transform: translateY(-10px);
	width: 100%;
}
.mobile_menu_toggle_button.mobile_open_button::after {
	transform: translateY(10px);
	width: 100%;
}
.mobile_menu_toggle_button.mobile_close_button{
	font-size: 20px;
	float: left;
	position: absolute;
	background: #07193e;
	padding: 5px;
	width: 35px;
	height: 35px;
	margin: 0;
	right: 20px;
	color: #fff;
	top: 20px;
	line-height: 25px;
  	text-align: center;cursor: pointer; z-index: 99;
}

.mobile_hamburger_canvas {
	background: #000;
	position: fixed;
	right: -410px;
	top: 0px;
	z-index: 999999;
	transition: right .3s ease-in-out 0s;
	-webkit-transition: right .3s ease-in-out 0s;
	-moz-transition: right .3s ease-in-out 0s;
	-o-transition: right .3s ease-in-out 0s;
	height:100%;overflow: auto;
  	max-width: 400px;
	width: 100%;
	padding:50px 30px 20px;
}
.mobile_hamburger_open .mobile_hamburger_canvas{right:0;}

.mobile_hamburger_canvas a{ color:#fff;}
.mobile_hamburger_canvas a:hover{ color:#f2c6ff;}
.mobile_hamburger_canvas ul{ margin:0; padding:0; list-style:none;display: inline-block;}
.mobile_hamburger_canvas li{ width:100%; float:left;margin:0; padding:0;}
.mobile_hamburger_canvas li a{ width:100%; float:left; padding:6px 0; text-transform:capitalize; color:#fff; transition:all 0.4s;}
.mobile_hamburger_canvas li a:hover{ color:#d2dfff!important;}
.mobile_hamburger_canvas li a:before{ display:none;}
.mobile_hamburger_canvas .sub-menu{width:100%!important; float:left; padding-left:25px; position:static; opacity:1; visibility: visible; transform: translate(0px , 0px); background: none!important; box-shadow: none;}
.mobile_hamburger_canvas .sub-menu li {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 0px solid #fff;
	margin: 0px 0px !important;
	background: none;
}
.mobile_hamburger_canvas .sub-menu li a{border: 0px!important; background:none;}
.mobile_hamburger_canvas .sub-menu li a:hover{background: none;border: 0px!important;}
.nav li.contact_us a{ text-align:center;margin-top: 15px;}

}

/*********************************
*Header Menu Responsive CSS End*
*********************************/
@media (max-width: 1200px) {
.destination-list1 li h5 a{font-size: 13px;}
.hm-price-box-lft h5{line-height: 21px;}
.content-row-3-col-2{ display:none;}
.content-row-3-col-1 {width: 100% !important; padding: 60px 60px 60px 60px !important;}
	.content-row-3 ul{ padding-bottom:15px;}
.content-row-3 ul li{ padding-right:15px;}
}
@media (max-width: 1100px) {
	.nav li a{font-size: 12px!important;}
	.content-row-1-col-2,
	.content-row-1-col-1{width: 100% !important;margin-right: 0% !important;}
	.content-row-1-col-1{ text-align:center; padding-bottom:40px;}
}
@media (max-width: 1050px) {
.banner-caption-box h1,
.banner-caption-box h2{	font-size:30px;	line-height:40px;}
.about-row-2-col-1,
.about-row-2-col-2,
.about-row-2-col-3,
.content-row-6-col-1,
.content-row-6-col-2,
.content-row-2-col-3,
.content-row-2-col-4,
.content-row-2-col-1,
.content-row-2-col-2{width: 100% !important;margin-right: 0% !important;}
.content-row-2-col-3,
.content-row-2-col-1{ padding-bottom:40px;}
.hm-price-list-1 li,
	.hm-price-list li{height: inherit; min-height: 100px;}
	.hm-price-box-lft,
	.hm-price-box-lft-1{padding: 20px 30px;}
.content-row-6-col-1,
.content-row-6-col-1 p,
.content-row-2-col-3{text-align:center;}
	.bac-list-1 li{ width:50%;}
	.bac-list-1 li:nth-child(2n){border-bottom: #c6dbe3 1px solid !important;border-right:none!important;}
	.bac-list-1 li:nth-child(3n){border-right: #c6dbe3 1px solid !important;  border-bottom: #c6dbe3 1px solid !important;}
	.bac-list-1 li:nth-child(4n){border-bottom: #c6dbe3 1px solid !important;border-right:none!important;}
	.bac-list-1 li:last-child{border-bottom:none!important;border-right:none!important;}
	.content-row-5 h2{font-size: 40px;line-height: 50px;}
	.about-row-2 ul{ max-width:500px; margin:0 auto 20px!important;}
	.about-row-2 h3{ text-align:center;}
	.about-row-2 h3::after{left: 50%; margin-left: -25px;}
	.blog-detais-row-col-1,
	.blog-row-1-col-1{width:100%!important;}
	.blog-detais-row-col-1{padding: 30px;}
	.blog-detais-row-col-2,
	.blog-row-1-col-2{ width:100%!important; max-width:500px; margin:0 auto!important; float:none!important; clear:both; padding-top: 50px;}
	.blog-detais-row-col-2 .rpwwt-widget ul li a{justify-content: flex-start;}
	.contact-row-1-col-1{ width:100%!important; padding-right:0px!important; border-right:0;}
	.contact-row-1-col-2{width:100%!important; padding-top:50px;}
	.nav li a {font-size: 16px !important;}
}

@media (max-width: 768px) {
	.banner-caption .wrapper{flex-direction: column; text-align: center;}
	.banner-caption-box p br{ display:none;}
	.destination-list li br, .destination-list1 li br, .destination-list2 li br{ display:none;}
	.destination-list li h4, .destination-list1 li h4, .destination-list2 li h4{height: inherit; margin-bottom: 15px !important; }
	.destination-list1 li:nth-child(2n+1){background: #d6f2fd;}
	.destination-list1 li:nth-child(2n){background: #eefafe;}
	.footer-col-1{width: 60%; margin-right: 0; padding-right: 20px;}
	.footer-col-2{width: 40%; margin-right: 0; padding-right: 20px;}
	.footer-col-3{width: 100%;}
	.hm-cont-list li{ height:auto;}
	img.alignright,
	img.alignleft{display: block; margin: 0 auto; float:none!important;}
	.clinic-row-1{padding: 60px 0% 0 0%;}
	.sticky_btn{ rotate: 0deg;
    -webkit-rotate: 0deg; /* Safari & Chrome */
    -moz-rotate: 0deg; /* Firefox */
    -ms-rotate: 0deg; /* Internet Explorer */
    -o-rotate: 0deg; /* Old Opera */
	position: static;width: 100%;clear: both;padding: 0px; background: none; display:inline-block; text-align: center; margin-top: 10px;
	}
	.sticky_btn a{margin: 0 auto;background: #11b773!important; display: inline-block;padding: 5px 15px!important;border-radius: 5px; margin-bottom:10px;}
	.inner-main{min-height: 290px;padding: 70px 20px;}
	.banner, 
	/*.inner-main{margin-top: 180px;}*/
}

@media (max-width: 600px) {
	/*.header-col-1{ max-width:200px;}*/
	.header-col-2-rht h3 span{font-size: 11px;}
	.bac-list-1 li:nth-child(4n),
	.bac-list-1 li:nth-child(3n),
	.bac-list-1 li:nth-child(2n),
	.content-row-4 .bac-list-1 li{ border:none!important;border-right:none!important;border-bottom:#c6dbe3 1px solid !important; width:100%;}
	.content-row-3-col-1{padding: 60px 20px 60px 20px !important;}
	.hm-price-box-rht-1,
	.hm-price-box-rht{width: 115px;padding: 30px 10px;}
	.hm-price-box-rht-1 h6,
	.hm-price-box-rht h6{ font-size:15px;}
	.hm-price-box-lft, .hm-price-box-lft-1 {padding: 20px 20px;}
	.price-tbl td:nth-child(2){font-size: 12px;}
	.price-tbl{font-size: 12px; line-height: 17px;}
	.price-tbl th, .price-tbl td{padding: 20px 15px;}
	.inner-row-1 p, .inner-row-2 p{ line-height:25px;}
	/*.banner, .inner-main {margin-top: 130px;}*/
}

@media (max-width: 460px) {
	.contact-row-box-1{padding: 40px 20px;}
	.cont-form-box-col-1,
	.cont-form-box-col-2{width:100%!important; margin-right:0px!important;}
	.cont-form-box-col-1{margin-bottom: 25px;}
	/*.header-col-1{ max-width:200px;}*/
	.header-col-2-rht a,
	.header-col-2-rht a span{font-size: 0px;}
	.header-col-2-rht a{line-height: 17px;}
	.header-col-2-left {margin-right: 15px; padding-right: 15px;}
	.footer-col-2,
	.footer-col-1{width: 100%; margin-bottom:20px;}
	.price-tbl td:nth-child(2){font-size: 10px;}
}

.responsive-video {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	max-width: 900px;
	padding-bottom: 0%;
	margin: 0 auto;
}

.responsive-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hay-fever-treatment-main-title h2{line-height: 1.2;}

@media screen and (max-width: 767px) {
  .responsive-video {
    padding-bottom: 0%;
    height: 200px;
  }
.hay-fever-treatment-main-title h2{ font-size:28px!important;line-height: 1.2;}
.banner-caption-box-img{ display:none;}
    
    
}

.vc_do_toggle h3{ font-weight:600;}
.vc_do_toggle p,
.vc_do_toggle h3{ font-family: 'DIN Next W1G'!important;}

/*body.page-id-750 .hide_for_now,
body.page-id-838 .hide_for_now,
body.page-id-733 .hide_for_now{ display:none;}*/

@media screen and (max-width: 1000px) {
	.health_box_area .wpb_wrapper .shilabs_image_box_wrap{ width: 100%;}
}


.privacy_det h2{font-size: 25px;font-family: 'DIN Next W1G' !important;font-weight: 500;padding: 15px 0;}
.privacy_det h3{font-size: 22px;font-family: 'DIN Next W1G' !important;font-weight: 500;padding: 15px 0;}
.privacy_det p {font-size: 19px;line-height: 28px;padding-bottom:15px;}
.privacy_det ul{padding: 15px 0;}
.privacy_det ul li{font-size: 19px;line-height: 28px;margin-bottom:10px;position:relative;padding-left:15px;}
.privacy_det ul li:after{content:"";position:absolute;left:0px;top:10px;background:#000;width:5px;height:5px;}