/*
Theme Name: Suffix Ear
Theme URI: https://suffixdigital.com
Author: Suffix Digital
Author URI: https://suffixdigital.com
Description: Theme is a multipurpose responsive WordPress theme made to help you create a beautiful professional looking site in no time.
Version: 1.1.5
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: one-column, two-columns, right-sidebar, left-sidebar, suffix.in, custom-background, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options, blog, e-commerce
Text Domain: suffix
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
      2.1 Headings
      2.2 Others
3.0 Elements
      3.1 Superscript and Subscript
      3.2 Table
      3.3 Lists
      3.4 Blockquote
      3.5 Others
4.0 Forms
5.0 Navigation
      5.1 Links
      5.2 Primary Menu
      5.3 Primary Menu Dropdown
      5.4 Responsive Menu
6.0 Images
7.0 Alignments
8.0 Clearings
9.0 Media
      9.1 Captionst
10.0 Extras
      10.2 Search Design
      10.3 Page Header Title
11.0 Widgets
      11.1 Widgets General CSS
12.0 Plugins Support
12.1 Breadcrumb NavXT
 12.2 WP-PageNavi
13.0 Content
13.1 Body
13.2 Header
13.3 Primary, Secondary & Tertiary Content Area
13.4 Content Columns
13.5 Posts and Pages
13.6 Pagination
13.7 Comments
13.8 Footer
13.8.a Footer General CSS
13.8.b Footer Widget Area
13.8.c Footer Copyright Info
13.8.d Footer menu
13.8.e Scroll to Top
14.0 Responsive Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body {
	border: 0;
	color:#0A0A0A;
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height:1.5em;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
/* GENERAL START */
.txtwhite,
.txtwhite strong,
.txtwhite li{
	color:#fff;
}
ul.truicon {
    padding: 0;
    list-style: none;
    margin: 0 0 16px;
}
ul.truicon li {
    margin: 0 0 7px 0;
}
ul.truicon li:before {
    content: "";
	background:url('images/true-icon.svg');
	width: 15px;
    height: 15px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.mb35 {margin-bottom:35px; }
/* GENERAL END */
article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: none;
}
a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
embed, iframe, object {
	max-width: 100%;
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
}
/*
====> 2.1 Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #21252d;
	line-height: 1.125;
	margin:0;
	padding-bottom: 15px;
}
h1 { font-size: 2.6em; font-weight:700; }
h1 span,
h2 span  {
	color:#2581A8;
	font-size: 100%;
    font-weight: 700;
}
h2.hsctitl {
    font-weight: 400;
}
.clrwhit, .clrwhit * {
    color: #fff;
}
h2.hsctitl.clrblue span{
	color:#2581A8;
}
h2 {
	font-size: 2em;
	font-weight:600;
}
h2.fontregular  { font-weight:400; }
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.5em; font-weight:700;
}
h5 {
	font-size: 1.25em; font-weight:700;
}
h6 {
	font-size: 19px;
}
/*
====> 2.2 Others
--------------------------------------------------------------*/
p {
	margin: 0 0 15px;
	font-weight: normal;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/*
====> 3.2 Table
-----------------*/
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
th, td {
	border: 1px solid #f2f2f2;
	padding: 6px 10px;
}
caption, th, td {
	text-align: left;
}
/*
====> 3.3 Lists
--------------------------------------------------------------*/
ul, ol {
	list-style: none;
}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin: 0 0 0 20px;
}
/*
====> 3.4 Blockquote
--------------------------------------------------------------*/
blockquote {
	font-style: italic;
	font-weight: normal;
	padding: 20px;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #2AA7A1;
	margin-bottom: 20px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #21252d;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
/*
====> 3.5 Others
--------------------------------------------------------------*/
body {
	background: #f2f2f2; /* Fallback for when there is no custom background color defined. */
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #f2f2f2;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #eaeaea;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #f2f2f2;
	cursor: help;
}
address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}
ins {
	background-color: #f2f2f2;
}
hr {
	border-color: #f2f2f2;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 30px 0;
}
dl {
	margin-bottom: 24px;
	font-size: 16px;
}
dt {
	font-weight: bold;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 24px;
}
.screen-reader-text {
	display: none;
}
.txtcntr {
	text-align:center;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
div#wpcf7-f181-p2-o1 p {
    margin: 0 0 20px;
}
input, textarea {
	-webkit-border-radius: 0px;
}
select.wpcf7-form-control.wpcf7-select, 
input[type="date"], input[type="text"], input[type="url"], input[type="email"], input[type="search"], input[type="password"], textarea {
	padding: 10px 2%;
	border: 1px solid #D0D5DD;
	line-height: 20px;
	width: 96%;
	margin: 5px 0 0px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
select.wpcf7-form-control.wpcf7-select {
	width:100%;
}
.wpcf7-list-item {
    margin: 0;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {
	
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height:80px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0 0 35px;
}
input.s {
	width: 60%;
	padding: 4px 54px 4px 10px;
	height: 36px;
	color: #21252d;
	background-color: #ffffff;
	margin: 0;
	border: 1px solid #f2f2f2;
}
input.s:focus {
	padding-left: 10px;
	border-color: #eaeaea;
	text-indent: 0;
}
.suffix-button, input[type="reset"], input[type="button"], input[type="submit"] {
	color: #fff;
    margin-bottom: 15px;
    cursor: pointer;
    background-color: #2AA7A1;
    border: 0px;
    font-size: 15px;
    width: 100%;
    border-radius: 50px;
    padding: 13px;
    font-weight: normal;
}
.suffix-button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
	
}
.btncntr {
    text-align: center;
}
.btncntr input[type="submit"] {
    width: 250px;
    margin: 10px auto 10px;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
a {
	color: #2AA7A1;
	text-decoration: none;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
a:focus, a:active, a:hover {
	text-decoration: none;
}
/*
====> 5.2 Primary Menu
--------------------------------------------------------------*/
.main-navigation li > ul, .main-navigation li > ol {
	margin: 0;
	list-style: none;
}
.main-navigation li {
    list-style: none;
}
.main-navigation li:first-child {
	
}
.sub-toggle {
	display: none;
}
.main-navigation li > a {
    color:#0A0A0A;
}
.main-navigation li.default-menu, li.default-menu {
	display: none;
}
.main-navigation ul.menu > li.current-menu-item, .main-navigation ul.menu > li.current-menu-ancestor, .main-navigation .menu > ul > li.current_page_item, .main-navigation .menu > ul > li.current_page_ancestor, .main-navigation ul.menu > li:hover, .main-navigation .menu > ul > li:hover {
	/* border-top: 2px solid #fff;
   margin-top: -2px;*/
	color: #21252d;
}
.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-menu-item a:after, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current-menu-ancestor a:after, .main-navigation ul li.current_page_item a:after, .main-navigation ul li.current_page_item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current_page_ancestor a:after, .main-navigation ul li:hover > a, .main-navigation li.menu-item-has-children:hover > a:after, .main-navigation li.page_item_has_children:hover > a:after {
	color: #2AA7A1;
}
.main-navigation li.menu-item-has-children > a:after, .main-navigation li li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after, .main-navigation li li.page_item_has_children > a:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #2AA7A1;
	font-size: 12px;
	padding-left: 6px;
	color: #faba00;
}
.main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after {
	content: "\f0d7";
}
.main-navigation li li.menu-item-has-children > a:after, .main-navigation li li.page_item_has_children > a:after {
	content: "\f0da";
	position: absolute;
	right: 8px;
}
/*
====> 5.3 Primary Menu Dropdown
--------------------------------------------------------------*/
.main-navigation li li a {
    font-size: 16px;
}
.main-navigation li li a:after {
    content: ">";
    padding-left: 10px;
    font-size: 19px;
}
/*
====> 5.4 Responsive Menu
--------------------------------------------------------------*/
.menu-toggle {
	display: none;
	cursor: pointer;
}
/*--------------------------------------------------------------
6.0 Images
--------------------------------------------------------------*/
figure {
	margin: 0;
	text-align: center;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;	
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
}
img.size-full, img.size-large {
	max-width: 100%;
	height: auto;
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}
a img {
	border: 0;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/*
====> 10.3 Page Header Title
--------------------------------------------------------------*/
.header-post-title-container {
	/*	background: rgba(0, 0, 0, 0) url("images/abck.jpg") repeat scroll center center / cover;
*	border-bottom: 1px solid #f2f2f2;*/
	background: #2AA7A1;
	margin-bottom:50px;
	padding:40px 0;
}
.header-post-title-container .post-title-wrapper {
	text-align:center;
	max-width: 100%;	
}
.header-post-title-container .post-title-wrapper h1{
	color:#fff;
	text-transform:uppercase;
}
.header-post-title-class {
	font-size: 32px;
	padding-bottom: 0;
	color: #222;
}
/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/
#secondary .widget, #tertiary .widget {
	padding-bottom: 40px;
}
#secondary .widget-title, #tertiary .widget-title {
	font-size: 24px;
}
#secondary .widget li a, #tertiary .widget li a {
	padding-bottom: 10px;
	display: inline-block;
	color: #2AA7A1;
}
#secondary .widget li a:hover, #tertiary .widget li a:hover {
	text-decoration: underline;
}
.widget select {
	max-width: 100%;
}
#secondary .search-wrap button, #tertiary .search-wrap button {
	right: 26px;
}
.both-sidebar #secondary .search-wrap button, .both-sidebar #tertiary .search-wrap button {
	right: 0;
}
/*--------------------------------------------------------------
12.0 Plugins Support
--------------------------------------------------------------*/
/*
====> 12.1 Breadcrumb NavXT
--------------------------------------------------------------*/
.breadcrumb {
	float: right;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 14px;
}
.breadcrumb {
	color: #ffffff;
	font-weight: normal;
}
.breadcrumb a {
	color: #ffffff;
	font-weight: normal;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
/*
====> 12.2 WP-PageNavi
--------------------------------------------------------------*/
.wp-pagenavi {
	padding-bottom: 40px;
}
/*--------------------------------------------------------------
13.0 Content
--------------------------------------------------------------*/
/*
====> 13.1 Body
--------------------------------------------------------------*/
body {
	padding-top: 30px;
	padding-bottom: 30px;
}
body.wide {
	padding-top: 0;
	padding-bottom: 0;
}
#page {
	background-color: #ffffff;
	margin: 0 auto;
	max-width: 1180px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.wide #page {
	max-width: 100%;
}
.inner-wrap {
	max-width: 1200px;
	margin: 0 auto;
}
/*
====> 13.2 Header -----------------*/
.main-head-wrap {
	padding: 10px 0 0;
}
.header {
	background: #fff; 
	/* border-bottom: 1px solid #ddd; */
}
.headerbottom {
    border-width: 1px 0;
    border-style: solid;
    border-color: #0a0a0a;
    padding: 5px 0;
    margin-top: 15px;
}
#header-left-section {
	display:inline-block;
	vertical-align:middle;
	width:49.5%;
}
#header-logo-image img {
	margin-bottom: 0px;
	height: auto;
	padding: 0;
	width: auto;
}
#header-right-section {
	display:inline-block;
	text-align:right;
	vertical-align:middle;
	width:49.5%;
}
.fortopvar button,
.fortopvar a {
    background: #2AA7A1;
    color: #fff;
    border-radius: 32px;
    padding: 15px 20px;
    margin-right: 15px;
    box-shadow: none;
    border: medium none;
    font-size: 16px;
	cursor:pointer;
}
.fortopvar button.lastbt,
.fortopvar a:last-child {
    background: #0A0A0A;
    margin-right: 0;
}
img.header-image {
	display: block;
	margin: 0 auto;
}
/*
====> 13.3 Primary, Secondary & Tertiary Content Area
--------------------------------------------------------------*/
/* Right Sidebar */
#primary {
	float: left;
	width: 64.54545454%;
}
#secondary {
	float: right;
	width: 31.81818181%;
}
/* Left Sidebar */
.left-sidebar #primary {
	float: right;
	width: 64.54545454%;
}
.left-sidebar #tertiary {
	float: left;
	width: 31.81818181%;
}
/* Both Sidebar */
.both-sidebar #primary {
	width: 72.72727272%;
}
.both-sidebar #secondary {
	width: 23.63636363%;
}
.both-sidebar #primary #content {
	float: right;
	width: 62.5%;
}
.both-sidebar #primary #tertiary {
	float: left;
	width: 32.5%;
}
/* No Sidebar */
body.archive.category #primary,
.no-sidebar-full-width #primary {
	width: 100%;
}
.no-sidebar #primary {
	float: none;
	margin: 0 auto;
}

/*
====> 13.5 Posts and pages -----------------------------*/
.single-header {
	padding: 2% 0;
	background-color: #444;
}
.single-header h2 {
	font-size: 2.5em;
	color: #2AA7A1;
	font-weight: 200;
	margin-bottom: 16px;
}
.single-page p a {
	color: #2AA7A1;
}
ul {
	list-style: square;
}
.entry-content ul, .entry-content ol {
	margin-bottom: 30px;
}
.entry-content li > ul, .entry-content li > ol {
	margin-bottom: 0;
}
.sidebar h4 {
	font-weight: 400;
	padding-bottom: 8px;
	margin-bottom: 17px;
}
.date-icon, .author-icon {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
}
.extra-hatom-entry-title {
    display: none;
}
.hentry .entry-title {
	font-size: 24px;
	padding-bottom: 10px;
}
.hentry .entry-title a {
	color: #21252d;
	display: block;
	font-weight: 400
}
.hentry .entry-title a:hover {
	color: #2AA7A1;
}
.entry-meta {
	width: 100%;
	padding-bottom: 20px;
}
.entry-meta {
	font-size: 14px;
}
.read-btn a {
	border: 1px solid #2AA7A1;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 16px;
}
.read-btn a:hover {
	background-color: #2AA7A1;
	color: #ffffff;
}
.entry-meta > span {
	padding-right: 15px;
}
.entry-meta .fa {
	color: #2AA7A1;
	padding-right: 5px;
}
.entry-meta a {
	color: #444444;
	font-weight: normal;
}
.entry-meta a:hover {
	color: #2AA7A1;
}
article.post {
	padding-bottom: 60px;
}
.tags a {
	display: inline-block;
}
/*
====> 13.6 Pagination
--------------------------------------------------------------*/
.default-wp-page li.previous {
	float: left;
}
.default-wp-page li.next {
	float: right;
}
.previous a, .next a {
	color: #2AA7A1;
	padding: 5px 0;
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
}
.next {
	float: right;
}
.previous a:hover, .next a:hover {
	text-decoration: underline;
}
.default-wp-page {
	padding: 0 0 20px 0;
    list-style: none;
}
.nav-previous, .nav-next {
	margin-bottom: 15px;
}
.nav-previous a, .nav-next a {
	color: #2AA7A1;
	cursor: pointer;
	font-size: 16px;
}
.nav-previous a {
	float: left;
}
.nav-next a {
	float: right;
}
.nav-previous a:hover, .nav-next a:hover {
	text-decoration: underline;
}
/*
====> 13.7 Comments
-------------------------------------------------*/
#reply-title {
	font-size: 20px;
}
.form-allowed-tags {
	display: none;
}
.error404 .page-title {
	font-size: 30px;
}

/* HOME PAGE START */

.homebnr {
    background: url(images/banner-bg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.imgtitbox {
    box-shadow: 0px 0px 5px #cccccc;
    border-radius: 15px;
}
.imgtitbox.titboxcntr {
    margin: 0 auto;
}
.imgtitbox p {
    overflow: hidden;
    margin: 0;
}
.imgtitbox img {
    border-radius: 15px 15px 0 0;
    width: 100%;
}
.imgtitbox a {
    background: #fff;
    border-radius: 0 0 15px 15px;
    color: #0a0a0a;
    display: block;
    padding: 10px;
}

.searchcontainer {
	background: #F0FBFF;
	padding: 20px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: space-between;
}

.searchcontainer select {
	flex: 1;
	padding: 12px 15px;
	border-radius: 25px;
	border: none;
	background: #fff;
	font-size: 14px;
	outline: none;
	appearance: none;
	cursor: pointer;
	/* SOR SELECT ARROW */
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center; /* 👈 spacing from right */
    background-size: 16px;
}
.searchbtn {
	padding: 12px 25px;
	border-radius: 25px;
	border: none;
	background: #2AA7A1;
	color: white;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s ease;
	margin-bottom:0;
}
.searchbtn:hover {
	background: #258e83;
}

/* SLIDER START */
.ear-service-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
}

.ear-service-track {
    display: flex;
    gap: 20px;
    transition: transform 0.4s ease;
}

.ear-service-slider .imgtitbox {
    min-width: calc(25% - 15px);
    flex-shrink: 0;
}

.ear-service-slider .imgtitbox img {
    width: 100%;
    display: block;
}

.ear-prev,
.ear-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: none;
    background: #000;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 2;
}

.ear-prev {
    left: 0;
}

.ear-next {
    right: 0;
}

@media (max-width: 992px) {
    .ear-service-slider .imgtitbox {
        min-width: calc(50% - 10px);
    }
}

@media (max-width: 767px) {
    .ear-service-slider .imgtitbox {
        min-width: 100%;
    }

    .ear-service-slider {
        padding: 0 40px;
    }
    .fortopvar button { margin-bottom: 15px; }
    .fortopvar button:last-child { margin-bottom: 0; }
}
/* SLIDER END */


/* SERVICES */
.oc-card-wrapper {
   
}
.oc-card-box {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    max-width: 420px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.oc-card-img img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    display: block;
}
.oc-card-content {
    padding: 16px;
    flex: 1;
}
.oc-card-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 14px;
    color: #2b2b2b;
}
.oc-card-actions {
    display: flex;
    gap: 10px;
}
.oc-btn {
    font-size: 13px;
    padding: 7px 14px;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s ease;
}
.oc-btn-outline {
    border: 1px solid #2aa7a1;
    color: #2aa7a1;
    background: transparent;
}
.oc-btn-primary {
    background: #2aa7a1;
    color: #ffffff;
    border: 1px solid #2aa7a1;
}
.oc-btn-outline:hover {
    background: #2aa7a1;
    color: #fff;
}
.oc-btn-primary:hover { background: #23918c; }

h6.forctahsi {
    text-align: center;
    margin-top: 30px;
}
.forctahsi.colrwhite,
h6.forctahsi.colrwhite span {
	color:#fff;
}
.forctahsi.txtright{
	text-align: right;
    margin: 0;
}
h6.forctahsi span{
    color: #075E54;
    text-decoration: underline;
}
.pv2-wrapper {
    
}
.pv2-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.pv2-slider {
    position: relative;
    display: flex;
    align-items: center;
}
.pv2-track {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.pv2-track::-webkit-scrollbar {
    display: none;
}
.pv2-card {
    position: relative;
    flex: 0 0 calc(25% - 18px);
    border-radius: 24px;
    overflow: hidden;
}
.pv2-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pv2-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 16px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}
.pv2-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 2;
    color: #2581A8;
    padding: 0;
}
.pv2-prev { left: -10px; }
.pv2-next { right: -10px; }
.pv2-progress {
    width: 180px;
    height: 5px;
    background: #ddd;
    border-radius: 10px;
    margin: 20px auto 50px;
    overflow: hidden;
}
.pv2-progress-bar {
    height: 100%;
    width: 15.2558%;
    background: #2aa7a1;
    border-radius: 10px;
    transition: width 0.3s ease;
}

/* How it works start */
.fordotarrow {
	background:url('images/dot-arrow.png');
    background-repeat: no-repeat;
    background-position: center top;
}
.fordotarrow .wpb_single_image {
    height: 240px;
}


/* Free nhs treatment */
ul.tickicon {
    list-style: none;
    column-count: 2;
    padding: 0;
}
ul.tickicon li{
    color: #fff;
    margin-bottom: 10px;
}
.tickicon li::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(images/tick-icon.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    margin-right: 9px;
}

/* Free NHS Treatment */
.custom-card-x {
    background: #e9f6f5;
    border-radius: 15px;
    overflow: hidden;
}
.custom-card-x img {
    width: 100%;
    display: block;
    border-bottom: 0;
}
.custom-card-x .card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
}
.custom-card-x span {
    font-size: 14px;
    color: #1b6d73;
    font-weight: 500;
}
.custom-card-x .book-btn {
    background: #5fb7c5;
    color: #fff;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 13px;
    text-decoration: none;
    transition: 0.3s;
}
.custom-card-x .book-btn:hover {
    background: #4aa5b3;
}

/* Blog list homepage */
.blog-section-x {
    padding: 0 0 ;
}
.blog-grid-x {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}
.blog-card-x {
    background: transparent;
}
.blog-img-x {
    position: relative;
    border-radius: 20px;
    overflow: visible; /* IMPORTANT for arrow overflow */
}
.blog-img-x img {
    border-radius: 10px;
    width: 100%;
    display: block;
}
.arrow-btn-x {
    position: absolute;
	bottom: 0;
    right: 0;
    padding: 10px 0 0 10px;
    background: #2aa7a1;
    border-radius: 10px 0 0 0;
}
.arrow-btn-x img {
    width: 50px;
    border-radius: 0;
}
.blog-content-x {
    margin-top: 25px;
}
.blog-content-x h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
	color:#fff;
}
.blog-content-x p {
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
    opacity: 0.8;
}

/* FAQ Start */
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #0a0a0a!important;
    font-weight: 600;
    font-size: 18px
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #2AA7A1 !important;
}
.vc_tta.vc_general .vc_tta-panel-title {
    padding: 0;
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-left: 0;
    border-right: 0;
    border-width: 2px;
    border-color: #ccc !important;
    border-radius: 0;
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #000;
    font-weight: bold;
}
.vc_tta-panel-body p {
    margin-top: 0;
}

/*  */
.vc_btn3.vc_btn3-style-custom {
	background-image:none!important;
}

/* contact Wrapper */
.homgrybox {
    background: #2581A8;
    border-radius: 15px;
    padding: 15px 25px 40px;
}
.homgrybox img {
    width: 100%;
}
.homecontact-wrap {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-bottom: 35px;
}
.homecontact-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.homeicon-box {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.homgrybox h2 {
    margin: 25px 0;
    padding: 0;
}
.homeicon-box img {
    
}
.homeicontext span {
    display: block;
    font-size: 13px;
	color:#fff;
}
.homeicontext p {
    margin: 0;
    font-size: 14px;
    color: #2AA7A1;
    font-weight: 500;
}
.homeicontext p a {
    color: #fff;
}

/* Section wrapper */
.cta-section {
    
}

/* Main box */
.cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #2AA7A1;
    border-radius: 16px;
    overflow: hidden;
}

/* LEFT SIDE */
.cta-left {
    width: 50%;
    padding: 40px;
    color: #fff;
}

.cta-left h2 {
    color: #fff;
    margin: 0 0 15px;
    font-size: 26px;
    font-weight: 700;
}

.cta-left p {
    margin-bottom: 25px;
    line-height: 1.6;
    color: #fff;
}

/* BUTTONS */
.cta-buttons {
    display: flex;
    gap: 15px;
}

.btn {
    padding: 12px 22px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    transition: 0.3s;
}

/* Primary button */
.btn.primary {
    background: #fff;
    color: #2AA7A1;
}

/* Outline button */
.btn.outline {
    border: 1px solid #fff;
    color: #fff;
}

/* Hover */
.btn.primary:hover {
    background: #e6f7f6;
}

.btn.outline:hover {
    background: #fff;
    color: #2AA7A1;
}

/* RIGHT IMAGE */
.cta-right {
    width: 50%;
    height: 100%;
}

.cta-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.whatsapp-wrap {
    display: flex;
    justify-content: center;   /* horizontal center */
    align-items: center;       /* vertical center */
    width: 100%;
    margin-top: 30px;
}
.whatsapp-btn {
    display: inline-flex;
    align-items: center;       /* vertical center */
    justify-content: center;   /* center content */
    gap: 12px;                 /* space between icon/text/arrow */
    padding: 14px 24px;
    background: #fff;
    border-radius: 18px;
    text-decoration: none;
    font-weight: 600;
    font-size: 28px;
    line-height: 1;
}
.whatsapp-wrap.dfltgrn .whatsapp-btn {
    color: #fff;
    background: #2aa7a1;
}
.whatsapp-btn i {
    font-size: 34px;   /* whatsapp icon */
    line-height: 1;
}
a.whatsapp-btn span {
    color: #000;
}
.whatsapp-btn .arrow {
    font-size: 28px;
    line-height: 1;
    display: flex;
    align-items: center;
}
/* HOME PAGE END */

/* SERVICES GRID LIST START */
.gr-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    padding:0;
}

.gr-tab-btn{
    border:0;
    outline:0;
    cursor:pointer;
    background:#f3f3f3;
    font-size:16px;
    font-weight:600;
    line-height:1;
    padding:16px 24px;
    border-radius:50px;
    transition:all .3s ease;
    white-space:nowrap;
    margin-bottom: 40px !important;
}

.gr-tab-btn:hover{
    background:#e7e7e7;
    transform:translateY(-1px);
}

.gr-tab-btn.active{
    background:#2AA7A1;
    color:#fff;
}

.gr-tab-btn.active:hover{
    background:#2AA7A1;
}

@media(max-width:767px){

    .gr-tabs{
        gap:10px;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:5px;
    }

    .gr-tab-btn{
        font-size:14px;
        padding:12px 18px;
    }
    .fortopvar button{ margin-bottom:15px;}
    .fortopvar button:last-child{margin-bottom:0;}

}

.gr-card{
    margin-bottom:40px;
}

.gr-card .vc_column-inner{

}

.gr-service-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    height:100%;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    transition:.3s;
}

.gr-service-card:hover{
    transform:translateY(-4px);
}

.gr-service-image{
    position:relative;
    overflow:hidden;
}

.gr-service-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.gr-service-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:90px;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.55),
        rgba(0,0,0,0)
    );
}

.gr-service-time{
    position:absolute;
    left:20px;
    bottom:14px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    z-index:2;
}
span.gr-service-time.gr-service-price {
    right: 20px;
    left: auto;
}
.gr-service-badge{
    display:inline-block;
    background:#2AA7A1;
    color:#fff;
    padding:6px 12px;
    border-radius:4px;
    font-size:13px;
    line-height:1;
    margin-bottom:5px;
}

.gr-service-content{
    padding:30px;
}
.gr-service-title{
    margin:10px 0 0;
    line-height:1;
    font-size:17px;
    font-weight:600;
    text-decoration:none;
    color: #0A0A0A;
}

.gr-service-title:hover{
    color:#2AA7A1;
}

.gr-service-desc{
    font-size:16px;
    line-height:1.7;
    margin:0;
    min-height: 57px;
}
/* SERVICES GRID LIST END */

/* TRAVEL CLINIC START */
h2.bgworkleft.vc_do_custom_heading {
	font-size:3em;
	background:url('images/howorkbg-icon.svg');
    background-repeat: no-repeat;
    background-size: 55px 109px;
    padding: 30px 15px;
    display: inline-block;
}
h2.vc_do_custom_heading.bgworkright {
    display: block;
	background:url('images/howorkbg-icon-right.svg');
    background-position: right;
    background-repeat: no-repeat;
}
.vaccine-table {
	
}

.vaccine-table table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.vaccine-table thead {
	background: #2581A8;
	color: #fff;
}

.vaccine-table th,
.vaccine-table td {
	padding: 14px 16px;
	text-align: left;
	font-size: 14px;
    border: medium;
    font-weight: 600;
}

.vaccine-table tbody tr {
  border-bottom: 1px solid #ddd;
}

.vaccine-table tbody tr:last-child {
  border-bottom: none;
}

.vaccine-table td:nth-child(2),
.vaccine-table td:nth-child(3) {
    text-align: left;
}

.note {
  font-size: 12px;
  color: #666;
}

/* ✅ Responsive */
@media (max-width: 768px) {
	.vaccine-table table,
	.vaccine-table thead,
	.vaccine-table tbody,
	.vaccine-table th,
	.vaccine-table td,
	.vaccine-table tr {
		display: block;
	}

	.vaccine-table thead {
		display: none;
	}

	.vaccine-table tr {
		margin-bottom: 15px;
		background: #fff;
		border-radius: 8px;
		padding: 10px;
	}

	.vaccine-table td {
		display: flex;
		justify-content: space-between;
		padding: 10px;
		border: none;
		border-bottom: 1px solid #eee;
	}

	.vaccine-table td:last-child {
		border-bottom: none;
	}

	.vaccine-table td::before {
		content: attr(data-label);
		font-weight: bold;
		color: #333;
	}
}

/* why choose */
.whychoose .oc-card-box {
	max-width: unset;
    display: block;
    padding: 20px 15px 0;
    border-radius: 7px;
}
.whychoose .oc-card-img {
	background: #2aa7a1;
    padding: 10px;
    font-size: unset;
    color: #fff;
    display: block;
    width: 40px;
    text-align: center;
}
.whychoose .oc-card-img img {
    width: auto;
    height: 40px;
    text-align: center;
    float: none;
    object-fit: unset;
    display: inline-block;
}
.whychoose .oc-card-content {
    padding: 15px 0 0;
}
.whychoose .oc-card-title {
    padding: 0 0 20px;
    margin: 0;
}
/* HOW IT WORKS */
.txtcntr{
    text-align:center;
    margin:0;
    position:relative;
}

.step-number{
    width:90px;
    height:90px;
    background:#1e7bae;
    color:#fff;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
    position:relative;
    box-shadow:0 5px 15px rgba(0,0,0,0.4);
}

/* LINE BETWEEN COLUMNS */
.txtcntr:after{
    content:"";
    position:absolute;
    top:45px;              /* vertical center of circle */
    left:calc(50% + 75px); /* starts after circle center */
    width:150px;           /* space between columns */
    height:2px;
    border-bottom: 2px dashed #0a0a0a;
}

/* ARROW HEAD */
.txtcntr:before{
    content:"";
    position:absolute;
    top:37px;
    left:calc(50% + 225px);
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:14px solid #0a0a0a;
}

/* KEEP YOUR EXISTING LAST STEP */
.last-step:before,
.last-step:after{
    display:none;
}
/* TRAVEL CLINIC END */

/* ABOUT START */
.teamsmeet.custom-card-x .card-content {
    display: block;
    text-align: center;
}
.teamsmeet.custom-card-x .card-content h5 {
    font-size: 19px;
    line-height: normal;
    padding: 5px 0 10px;
}
.pf-wrapper {
        margin: 0 auto;
    padding: 0 20px;
}

.pf-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 18px 0;
    border-bottom: 1px solid #e5e5e5;
}

.pf-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.pf-icon {
    width: 42px;
    min-width: 42px;
}

.pf-icon img,
.pf-icon svg {
    width: 100%;
    height: auto;
}

.pf-content {
    flex: 1;
}

.pf-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 5px;
}

.pf-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}
/* ABOUT END */

/* BLOG LIST START */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 35px;
}

/* BLOG LIST END */


/* BLOG CATEGORIES */
.blog-categories {
    text-align: center;
    display: block;
    margin-bottom: 30px;
}
.blog-categories ul {
    margin: 0;
    padding: 0;
}
.blog-categories li {
    display: inline-block;
    margin: 0 15px 15px;
}
.blog-categories li a {
    border-radius: 42px;
    padding: 5px 35px;
    border: 1px solid #2aa7a1;
}
.blog-categories li a.active-cat, .blog-categories li a:hover {
    background: #2aa7a1;
    color: #fff;
}
.article-cardpost {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    transition: 0.3s ease;
}

.article-cardpost:hover {
    transform: translateY(-5px);
}

/* IMAGE */

.article-imagepost img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

/* CONTENT */
.article-contentpost {
    padding: 20px;
}

/* TITLE */
.article-titlepost {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.article-titlepost a {
    text-decoration: none;
    color: #222;
}

/* DESCRIPTION */
.article-descpost {
    font-size: 15px;
    color: #666;
    margin-bottom: 15px;
}

/* READ MORE */
.read-more-btn {
    font-size: 14px;
    color: #0aa;
    text-decoration: none;
    font-weight: 500;
}

.read-more-btn:hover {
    text-decoration: underline;
}
/* BLOG LIST END */

/* WEIGHT LOSS START */
.testimonial-card{
    max-width:520px;
    background:#fff;
    border-radius:22px;
    padding:28px;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

.stars{
    color:#FFC107;
    font-size:24px;
    letter-spacing:3px;
    margin-bottom:20px;
}

.testimonial-text{
    line-height:1.8;
    font-style:italic;
}

.client-info{
    display:flex;
    align-items:center;
    gap:18px;
}

.avatar{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#43d39e;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
}

.client-details h4{
    margin:0;
    font-size:22px;
    font-weight:600;
    padding: 0 0 5px;
}

.client-details span{
    font-size:16px;
}

.step-card{
    position:relative;
    display:flex;
    align-items:center;
    background:#fff;
    border-radius:4px;
    min-height:65px;
    padding:15px 30px 15px 90px;
    box-shadow:0 1px 0 rgba(0,0,0,.08);
    margin-bottom: 20px;
}
.step-numbershen{
	position:absolute;
	left:-40px;
	top:50%;
	transform:translateY(-50%);
	width:66px;
	height:66px;
	border-radius:50%;
	background:#79c9b4;
	color:#fff;
	font-size:40px;
	font-weight:300;
	display:flex;
	align-items:center;
	justify-content:center;
}

.step-content{
    
}

.comparison-wrap{
    max-width:1160px;
    margin:50px auto;
}

.comparison-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.comparison-table th,
.comparison-table td{
    border:1px solid #d7d7d7;
}

.comparison-table .empty{
    width:52%;
    border:none;
    background:transparent;
}

.comparison-table th{
    padding:18px;
    text-align:center;
}

.comparison-table td{
    padding:22px 20px;
}

.comparison-table .slendr{
    background:#eef9f6;
}

.comparison-table th:nth-child(2),
.comparison-table th:nth-child(3),
.comparison-table td:nth-child(2),
.comparison-table td:nth-child(3){
    width:24%;
    text-align:center;
    vertical-align:middle;
}

.comparison-table td:first-child{
    font-size:17px;
    color:#555;
    line-height:1.8;
}

.comparison-table strong{
    display:block;
    font-size:19px;
}

.comparison-table h3{
	margin: 0;
    font-size: 18px;
    padding: 0;
}

.comparison-table th p{
    margin:0;
    font-size:14px;
}

.icon{
    width:34px;
    height:34px;
    border-radius:50%;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    border:2px solid;
}

.icon i{
    font-size:16px;
}

.yes{
    color:#16d34f;
    border-color:#16d34f;
}

.no{
    color:#ff3b1f;
    border-color:#ff3b1f;
}

@media(max-width:768px){

    .comparison-wrap{
        overflow-x:auto;
    }

    .comparison-table{
        min-width:900px;
    }

}
/* WEIGHT LOSS END */


/* Footer Top CSS */
.top-footer {
    background: #2AA7A1;
    padding: 10px 0;
}
.top-footer-container {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footerlogo img {
    height: 50px;
}
.contact-info {
    display: flex;
    gap: 40px;
}
.contactitem {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}
.contactitem img {
    width: 35px;
    height: 35px;
}
.contactitem span {
    font-size: 12px;
    opacity: 0.8;
}
.contactitem p {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}
.contactitem p a{
    color:#fff;
}

/*
====> ====> 13.8.a Footer General CSS
--------------------------------------------------------------*/
#colophon {
	background: #E8FFFE;
	padding: 35px 0 0;
}
#colophon strong{ font-weight: 500; }
.site-footer {
	display: flex;
	flex-wrap: wrap;
    gap: 20px;
}
.site-footer .footer-col {
	flex: 1 1 calc(25% - 20px); /* adjust for gap */
	min-width: 200px;
}
/* Full width row */
.site-footer .footer-bottom {
	flex: 1 1 100%;
	margin-top: 0;
	padding-top: 10px;
    padding-bottom: 15px;
}
.site-footer h4 {
	margin-bottom: 15px;
	font-size: 18px;
}
ul#menu-nhs-services {
    min-height: 450px;
}
ul#menu-travel-clinic-1 {
    column-count: 4;
}
.footer-bottom ul#menu-additional-travel-health-support-1 {
    column-count: 4;
}
.site-footer ul {
	list-style: none;
	padding: 0;
}
.site-footer ul li {
	margin-bottom: 8px;
}

.site-footer a {
	color: #0a0a0a;
	text-decoration: none;
}
.site-footer a:hover {
	
}
.hours-card {
	background: #2AA7A1;
	color: #fff;
	padding: 25px;
	border-radius: 10px;
}
.hours-card h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
	margin-bottom: 0;
}
.hours-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.hours-card ul li {
	color:#fff;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	margin-bottom: 10px;
}
.hours-card li:last-child {
    margin-bottom: 0;
}

.hours-card i {
  font-size: 13px;
  opacity: 0.9;
}
.footer-copyright {
    background: #2AA7A1;
    padding: 10px 0;
    color: #fff;
}
.footerlast {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footerlast a{
    color: #fff;
}
/* Responsive */
@media (max-width: 992px) {
  .site-footer .footer-col {
    flex: 1 1 50%;
  }
}

@media (max-width: 576px) {
  .site-footer .footer-col {
    flex: 1 1 100%;
  }
}

#colophon .widget {
    font-size: 14px;
	padding-bottom: 15px;
}
#colophon .widget-title {
	margin: 0;
    font-size: 18px;
    font-weight: 600;
}

/*
====> ====> 13.8.e Scroll to Top
--------------------------------------------------------------*/
a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	background-color: #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	padding: 9px 18px;
	border-radius: 2px;
	font-size: 20px;
}
a#scroll-up i {
	color: #2AA7A1;
}
a#scroll-up:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}


/* footer links */
.footer-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-links ul li {
    font-size: 14px;
    margin-bottom: 8px;
}
.footer-links ul li:hover {
    color: #2AA7A1;
    cursor: pointer;
}
@media (max-width: 768px) {
    .footer-links ul {
        width: 48%;
    }
}

@media (max-width: 480px) {
    .footer-links ul {
        width: 100%;
    }
}

/*-------- 14.0 Responsive Structure --------*/
@media screen and (max-width: 1190px) {
	#page {
		width: 97%;
	}
	.wide #page {
		width: 100%;
	}
	.inner-wrap {
		width: 94%;
	}
}
@media screen and (max-width: 520px) {
    .fortopvar a {
        display: block;
        width: max-content;
        margin-bottom: 15px;
    }
    .fortopvar a:last-child {
        margin-bottom: 0;
    }
    .oc-card-actions {
        display: block;
    }
    .oc-card-actions a {
        margin-bottom: 10px;
        display: block;
        text-align: center;
    }
    .oc-card-actions a:last-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
	#header-left-section {
		max-width: 80%;
		margin-right: 0;
        display: block;
        width: auto;
	}
	#header-right-section {
		float: none;
        display: block;
        text-align: left;
        width: 100%;
        margin: 30px 0;
	}
	#header-text {
		padding-right: 0;
	}
	ul#menu-nhs-services {
		min-height: auto;
	}
	.better-responsive-menu .sub-menu {
		display: none;
	}
	.main-small-navigation li {
		position: relative;
	}
	.sub-toggle {
		position: absolute;
		right: 20px;
		cursor: pointer;
		display: block;
		top: 6px;
		color: #fff;
		padding: 0 7px;
		background-color: #2AA7A1;
	}
	.menu-toggle, .main-navigation.toggled .menu-primary-container {
		display: block;
	}
	.main-navigation ul {
		padding: 0;
	}
	.main-navigation {
		padding-top: 0;
	}
	.menu-toggle {
        margin: 0;
        position: absolute;
        right: 30px;
        top: 20px;
	}
	.menu-toggle:before {
		color: #2AA7A1;
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 30px;
	}
	.headerbottom {
		border-width: 0;
		padding: 0;
		margin-top: 0;
	}
	.menu-primary-container {
		clear: both;
	}
	.menu-primary-container > ul > li > a, .menu > ul > li > a {
		line-height: 50px;
		height: 88px;
	}
	.menu-primary-container ul ul li {
		padding-right: 0;
	}
	.menu-primary-container > ul > li > a, .menu > ul > li > a {
		height: auto;
		line-height: 1;
	}
	#masthead .menu-primary-container li a {
		border-bottom: 1px solid #f8f8f8;
		color: #000;
		display: block;
		font-size: 14px;
		padding: 10px 0;
		width: 100%;
	}
	/* Featured Posts widget */
	.single-post-image-wrap {
		float: none;
		margin-right: 0;
	}
	.single-post-content .entry-title, .single-post-content p, .read-btn {
		text-align: center;
	}
	.logo-disable .main-head-wrap.inner-wrap {
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	#primary, #secondary, .both-sidebar #primary,
	.both-sidebar #secondary,
	.both-sidebar #primary #content,
	.both-sidebar #primary #tertiary {
		float: none;
		width: 100%;
	}
	.top-footer-container,
	.contact-info,
	.homecontact-wrap,
	.searchcontainer,
	.blog-grid-x,
	.footerlast	{
		display:block;
	}
	.searchcontainer select {
		margin-bottom:20px;
		width: 100%;
	}
	.forctahsi.txtright {
		text-align: center;
	}
	.fordotarrow {
		background:transparent;
	}
	ul.tickicon {
		column-count: 1;
		padding: 0;
	}
	.blog-card-x {
		margin-bottom: 35px;
	}
	.vc_btn3-container.vc_btn3-right.vc_do_btn {
		text-align: center;
	}
    .cta-content {
        flex-direction: column;
    }

    .cta-left,
    .cta-right {
        width: 100%;
    }
	.cta-left h2 {
		margin: 0 15px 15px;
	}
	.cta-left p {
		margin: 0 15px 25px;
	}
	.cta-buttons {
		display:block;
		margin: 0 15px;
	}
	.cta-buttons a {
		margin-bottom:15px;
        width: auto;
        text-align: center;
        display: block;
	}
	.cta-buttons a:last-child {
		margin-bottom:0;
	}
    .cta-right img {
        height: 250px;
    }
	.homecontact-item {
		margin-bottom: 20px;
	}
	.footerlogo {
		margin: 15px 0;
	}
	.contactitem {
		margin-bottom: 15px;
	}
	.footerlast {
		text-align: center;
	}
	.footer-centerend {
		margin: 15px 0;
	}
	.footer-bottom ul#menu-additional-travel-health-support-1,
	ul#menu-travel-clinic-1 { column-count:1;}
	.txtcntr:before,
	.txtcntr:after { display:none; }
	.blog-grid { grid-template-columns: repeat(1, 1fr); }
	.pv2-card {flex: 0 0 calc(100%); }
	.pv2-next, .pv2-prev { display:none; }
}
@media screen and (max-width: 600px) {
	
}
@media only screen and (max-width: 420px) {

}
@media screen and (max-width: 400px) {

}

/* Remove the updated class from entry meta */
.entry-date .updated {
	display: none;
}