/*!
Theme Name: OncoTEX
Theme URI: http://underscores.me/
Author: Stone Digital
Author URI: https://stonedigital.com.au
Description: A custom for OncoTEX medical technology company.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oncotex
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

OncoTEX is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #000000;
  border: 3px solid #007fc8;
  border-radius: 10px;
  padding: 16px;
  line-height: 1;
  margin-bottom: 8px;
  width: 100%;
}

select {
  border: 2px solid #007fc8;
  color: #666;
  border-radius: 10px;
  padding: 16px;
  line-height: 1;
  margin-bottom: 8px;
  width: 100%;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* 
* Alignments
*/
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*custom css*/
.c-accordion__content ul li {
  font-family: "Source Sans Pro", sans-serif;
}
#primary-menu .sub-menu {
  min-width: 120px;
}

/* common css */
a:focus {
  outline: none;
}
h1 {
  margin: 0px;
  font-size: 42px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}
h2 {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}
h5,
.form-text-new h3.gform_title {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.32px;
  color: #008f9d;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
p {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.28px;
  font-weight: 300;
}
.btn a,
.form-text-new .form-and-text__form input[type="submit"],
.contact-block__form.form-text-new.contact-block__form
  .gform_footer
  input[type="submit"] {
  padding: 8px 18px;
  min-width: 143px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 15px;
  letter-spacing: 0.24px;
  font-family: "Montserrat", sans-serif;
  min-height: auto;
  display: inline-block;
  text-align: center;
}
.bg-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.main-page-container {
  padding-bottom: 0px;
}
.m-0 {
  margin: 0px;
}
.fw-400 {
  font-weight: 400;
}
.mb-10 {
  margin-bottom: 10px;
}

/* navbar css */
header {
  background: transparent linear-gradient(270deg, #00ae9a 0%, #0088ce 100%) 0%
    0% no-repeat padding-box !important;
}
.nav--wrap {
  padding-top: 12px;
  padding-bottom: 12px;
  justify-content: flex-start;
  height: auto;
}
.main-header-container.below-fold.is-active .nav--wrap {
  height: auto;
}
.nav--wrap nav {
  margin-left: 32px;
  flex-grow: 1;
}
.ml-auto {
  margin-left: auto;
}
#navlogo img {
  max-height: 35px;
  transition-duration: 0.3s;
  transform: scale(1);
}
#navlogo img:hover {
  transform: scale(1.2);
}
#primary-menu {
  align-items: center;
}
#primary-menu > .menu-item:not(:last-child) {
  margin-right: 35px;
}
#primary-menu > .menu-item > a {
  padding: 0px;
  text-shadow: unset;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0.24px;
  cursor: pointer;
}
#primary-menu > .menu-item.menu-item-has-children > a {
  padding-right: 12px;
  position: relative;
}
#primary-menu > .menu-item.menu-item-has-children > a::after {
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#primary-menu .sub-menu {
  background: #31a4c0;
  box-shadow: unset;
  border-radius: 4px;
  min-width: 140px;
}
#primary-menu .sub-menu .menu-item a {
  font-size: 10px;
  line-height: 12px;
  font-weight: 300;
  text-shadow: unset;
  letter-spacing: 0.24px;
}
#primary-menu > .menu-item.contact-btn > a {
  padding: 8px 13px;
  line-height: 15px;
  color: #008f9d;
  background-color: #fff;
  border-radius: 15px;
}
#primary-menu > .menu-item.contact-btn > a:hover,
#primary-menu > .menu-item.contact-btn > a:focus {
  text-decoration: unset;
  background-color: #008f9d;
  color: #fff;
}
#primary-menu .menu-item a:hover {
  text-shadow: unset;
}
#primary-menu .menu-item.unclickable a:hover {
  text-decoration: underline;
}
.d-none {
  display: none;
}

/* home page css */
/* banner */
.home-page-banner.full-width {
	min-height:auto;
   padding-bottom: 30px;
}
.home-page-banner .home-page-banner--inner h1 {
  margin: 0px auto;
  font-size: 60px;
  line-height: 60px;
  letter-spacing: 2.4px;
  font-weight: 700;
  max-width: 640px;
}
.home-page-banner .home-page-banner--inner p {
  margin: 36px 0px 40px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 0.32px;
  font-family: "Montserrat", sans-serif;
}
.text-and-form__text,
.text-box-ft-icons__box {
  padding: 33px 36px 14px !important;
  box-shadow: 7px 6px 6px #00000029 !important;
  max-width: 430px !important;
}
.text-and-form__text p,
.text-box-ft-icons__box p {
  margin-bottom: 10px;
}
.home-page-banner img {
  display: block;
  max-width: 50%;
  margin: 0 auto 40px;
}
.news-and-insights.new-news-insight {
  margin-top: 40px;
}
/* our mission sec */
.text-with-video {
  display: flex;
  display: -webkit-flex;
}
.text-with-video > div {
  flex: 1;
}
.video-text {
  padding: 147px 0px;
  min-height: 650px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.video-sec {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.popup-sec {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  z-index: 99;
  display: none;
}
.pop-cnt {
  width: 600px;
  position: relative;
  padding: 4px;
  background-color: #fff;
  border-radius: 4px;
  line-height: 0px;
}
.close-popup {
  position: absolute;
  top: -30px;
  right: -30px;
}
.popup-sec.show {
  display: flex;
}
body.hide-scroll {
  overflow: hidden;
}
/* text core */
.text-and-overflow-image.full-width {
  margin-bottom: 0px;
}
.inner--wrap.text-and-overflow-image--inner {
  padding-top: 76px;
  padding-bottom: 74px;
}
.inner--wrap.text-and-overflow-image--inner p {
  margin-bottom: 24px;
}
.inner--wrap.text-and-overflow-image--inner
  .text-and-overflow-image__text
  .btn {
  margin-top: 20px;
}
.inner--wrap.text-and-overflow-image--inner .text-and-overflow-image__img img {
  width: 530px;
}
/* text youtube */
.text-youtube {
  padding: 96px 0px;
}
.text-youtube-container {
  margin: 0 auto;
  max-width: 57%;
}
.text-youtube-container iframe {
  margin-top: 20px;
}
/* latest block */
.latest-block .featured-in__link p {
  font-size: 17px;
  line-height: 23px;
  font-weight: 500;
  color: #000;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.24px;
  margin-top: 20px;
}
/* form text block */
.form-text-new .form-and-text--inner {
  padding: 86px 0px 56px;
  max-width: 1000px;
  justify-content:center;
}
.form-text-new .gform_title,
.form-text-new .gform_footer.top_label{ text-align:center;}
.form-text-new .form-and-text--inner
.form-text-new .gform_fields {
  margin-bottom: 22px;
}
.form-text-new .gform_wrapper .gform_description {
  margin: 0px;
}
.form-text-new input,
.form-text-new select,
.contact-block__form.form-text-new .gform_body input[type="text"],
.contact-block__form.form-text-new select,
.contact-block__form.form-text-new .gform_body textarea {
  border: 1px solid #007fc8;
  padding: 6px;
  font-size: 11px;
  line-height: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #000;
  min-height: 36px;
  background-color: transparent;
  border-radius: 6px;
}
.form-text-new input::-webkit-input-placeholder {
  font-size: 11px;
  line-height: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #000;
}
.form-text-new input::-moz-placeholder {
  font-size: 11px;
  line-height: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #000;
}
.form-text-new input:-ms-input-placeholder {
  font-size: 11px;
  line-height: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #000;
}
.form-text-new input:-moz-placeholder {
  font-size: 11px;
  line-height: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #000;
}
.contact-block__form.form-text-new
  .gform_body
  input::-webkit-input-placeholder {
  font-size: 11px;
  line-height: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #000;
}
.contact-block__form.form-text-new .gform_body input::-moz-placeholder {
  font-size: 11px;
  line-height: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #000;
}
.contact-block__form.form-text-new .gform_body input:-ms-input-placeholder {
  font-size: 11px;
  line-height: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #000;
}
.contact-block__form.form-text-new .gform_body input:-moz-placeholder {
  font-size: 11px;
  line-height: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  color: #000;
}
.contact-block .contact-block__text h5 {
  margin-top: 18px;
}

/* page banner 2 */
body:not(.home) .main-page-container {
  padding-top: 62px;
}
.new-page-banner-01,
.newpage-banner-2 {
  min-height: 460px;
  display: flex;
  align-items: center;
}
h2 a { color:#293189; text-decoration:unset;}
h5 a { color:#008f9d; text-decoration:unset;}
.newpage-banner-2 {
  padding-top: 100px;
}
.new-page-banner-01 .page-banner-01--inner {
  padding-top: 0px;
  padding-bottom: 0px;
}
.new-page-banner-01 .page-banner-01--inner p {
  margin: 10px 0px 0px;
  font-size: 16px;
  line-height: 22px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-shadow: 0px 3px 6px #00000029;
  letter-spacing: 0.32px;
}
.new-page-banner-01 .page-banner-01--inner span {
  margin-top: 20px;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
}
.new-page-banner-01 {
  background: transparent linear-gradient(270deg, #00ae9a 0%, #0088ce 100%) 0%
    0% no-repeat padding-box;
}
.new-page-banner-01 .inner--wrap {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.new-page-banner-01 .inner--wrap > div {
  flex: 1;
}
.new-page-banner-01 .page-banner-01__text {
  margin-left: 140px;
}
.new-page-banner-01 .inner--wrap > div:last-child {
  text-align: right;
}
.new-page-banner-01 .inner--wrap > div:last-child img {
  max-height: 574px;
}
.page-banner-02--inner h1 {
  text-shadow: 2px 3px 6px #0000007e;
}

/* small blob */
.new-small-blob.small-blobs {
  margin: 58px 0px;
}
.new-small-blob h2 {
  margin-bottom: 20px;
}
.new-small-blob .small-blobs__wrap {
  margin: 0px -15px;
}
.new-small-blob .small-blobs__item {
  padding: 0px 15px;
  min-height: auto;
  max-width: 100%;
  background-image: unset;
  flex: 1;
}
.new-small-blob .small-blobs__txt {
  display: flex;
  display: -webkit-flex;
}
.new-small-blob .small-blobs__txt h4 {
  margin: 0px 10px 0px 0px;
  font-size: 60px;
  line-height: 60px;
  font-weight: 300;
}
.new-small-blob .small-blobs__txt p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #293189;
  text-align: left;
  max-width: 70%;
}

/* timelien event */
.new-timeline .timeline--inner {
  padding: 100px 0px;
}
.new-timeline .timeline-event {
  margin-bottom: 0px;
}
.new-timeline .timeline--inner h2 {
  margin-bottom: 16px;
}
.new-timeline .timeline-event--line {
  height: 2px;
  margin-top: 5px;
}
.new-timeline .timeline-event--wrap:before {
  width: 2px;
}
.new-timeline.timeline .timeline-event:first-of-type:after,
.new-timeline.timeline .timeline-event:nth-of-type(2):after {
  content: none;
}
.new-timeline.timeline .timeline-event:before {
  width: 10px;
  height: 10px;
}
.new-timeline.timeline .timeline-event:before {
  left: -8px;
}
.new-timeline.timeline .timeline-event:nth-of-type(even):before {
  right: -6px;
}
.new-timeline.timeline .timeline-event--text h5 {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  letter-spacing: 0.24px;
  font-weight: 500;
}
.new-timeline.timeline .timeline-event--text p {
  margin-bottom: 10px;
  font-size: 10px;
  line-height: 14px;
  color: #000;
  letter-spacing: 0.2px;
  font-weight: 300;
}
.pipeline-desc {
  margin-bottom: 50px;
}

.new-timeline .timeline-event:nth-of-type(odd) {
  margin-left: 0px;
}
.new-timeline .timeline-event:nth-of-type(odd) .timeline-event--line {
  order: 2;
}
.new-timeline.timeline .timeline-event:nth-of-type(odd):before {
  left: auto;
  right: -6px;
}
.new-timeline .timeline-event:nth-of-type(odd) .timeline-event--text {
  padding: 0px 10px 0px 0px;
  text-align: right;
}
.new-timeline.timeline .timeline-event:nth-of-type(even) {
  margin-right: 0px;
  margin-left: auto;
  flex-direction: row;
}
.new-timeline.timeline .timeline-event:nth-of-type(even) .timeline-event--line {
  margin-left: -4px;
}
.new-timeline.timeline .timeline-event:nth-of-type(even):before {
  right: auto;
  left: -8px;
}

/* text iucons */
.text-box-ft-icons__list-wrap .text-box-ft-icons__list-item {
  margin-top: 18px;
}
.text-box-ft-icons__list-item .text-box-ft-icons__list-item img {
  margin-right: 18px;
}
.new-logo-list .logo-list__img {
  margin-top: 16px;
  text-align: left;
}
.logo-list.new-logo-list {
  margin: 47px 0px;
}

/* avout page */
.about-title {
  margin-top: 40px;
}
.new-team-list .team__list__list {
  margin-top: -20px;
}
.new-team-list .team__list--member {
  padding: 0px;
  background-image: unset;
}
.new-team-list .team__list__titles name,
.new-team-list .team__list__titles formal,
.new-team-list .team__list__titles position,
.new-team-list .team__list__more {
  color: #000;
}
.new-team-list .team__list__titles name,
.new-team-list .team__list__titles position,
.new-team-list .team__list__more {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: 0.24px;
}
.new-team-list .team__list__titles formal {
  font-size: 12px;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: 0;
}
.new-team-list .team__list__titles position,
.new-team-list .team__list__more {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
}
.cancer-therapy-p {
  margin-bottom: 50px;
}

/* media page */
.media-cnt-p,
.media-cnt-p a {
  margin: 0px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.28px;
  color: #000;
  text-decoration: unset;
}
.contact-title {
  margin-top: 60px;
}
.new-news-insight h5 {
  margin: 5px 0px 13px;
}
.new-news-insight .news-and-insights__text--date {
  font-size: 11px;
  line-height: 22px;
  font-weight: 300;
  color: #000;
}
.news-and-insights.new-news-insight {
  margin-bottom: 86px;
}

/* accordion */
.mt-40 {
  margin-top: 40px;
}
.wp-block-pb-accordion-item .c-accordion__title {
  margin: 0px;
  padding: 10px;
}
.wp-block-pb-accordion-item .c-accordion__title:after {
  content: unset;
}
.wp-block-pb-accordion-item .c-accordion__content {
  padding: 0px 10px 10px;
}
.wp-block-pb-accordion-item .c-accordion__content p {
  margin-bottom: 10px;
}

/* contact */
.contact-block {
  padding: 40px 0px 64px;
}
.contact-block .contact-block__text h2 {
  margin-bottom: 8px;
}
.contact-block .contact-block__location--text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  color: #000;
}
.contact-block .contact-block__location--text strong {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.24px;
  font-family: "Montserrat", sans-serif;
}
.contact-block .contact-block--inner {
  padding-bottom: 0px;
}

/* about us */
.logo-list__item-wrap {
  align-items: center;
}
.logo-list__item-wrap > .logo-list__img {
  width: calc(100% / 4 - 30px);
}
.logo-list__item-wrap > .logo-list__img:not(:last-child) {
  margin-right: 30px;
}

/* oxalitex */
.step-list-new .step-list__text {
  flex-direction: column;
}
.step-list-new .step-list__item-wrap {
  margin-top: -27px;
}
.step-list-new .step-list__item {
  margin-top: 27px;
}
.step-list-new .step-list__text h2 {
  width: 100%;
}
.step-list-new .step-list__text h5 {
  margin-bottom: 22px;
  width: 100%;
}
.step-list-new .step-list__item--imgwrap {
  margin-bottom: 22px;
}
.text-and-text-box-ft-icons .text-and-text-box-ft-icons--inner {
  padding-top: 180px;
  padding-bottom: 168px;
}
.text-and-text-box-ft-icons.text-and-text-box-ft-icons-new
  .text-and-text-box-ft-icons__text
  p {
  margin-top: 20px;
}
.text-and-text-box-ft-icons-new .text-and-text-box-ft-icons__text h2 {
  color: #fff;
}
.text-and-text-box-ft-icons-new .text-and-text-box-ft-icons__item {
  align-items: flex-start;
}
.text-box-ft-icons-new.text-box-ft-icons.top-left-align
  .text-box-ft-icons--inner {
  padding-bottom: 110px;
}
.text-box-ft-icons-new .text-box-ft-icons__list-item img {
  margin-right: 10px;
}
.step-list-new .step-list--inner {
  max-width: 100%;
}

/* footer  */
footer {
  background: transparent linear-gradient(270deg, #00ae9a 0%, #0088ce 100%) 0%
    0% no-repeat padding-box;
}
footer .footer-col-1 {
  margin-bottom: 0px;
  width: 100%;
  display: flex;
  display: -webkit-flex;
}
footer .footer__top {
  padding-bottom: 44px;
  border-bottom-width: 1px;
}
.footer__bottom p,
legal,
copyright {
  font-size: 9px;
  line-height: 12px;
  font-weight: 400;
  margin-bottom: 8px;
  color: white;
}
.form-logo {
  margin-top: 30px;
  display: block;
}
footer .footer-col-2 {
  flex-direction: column;
  align-items: flex-start;
}
footer .footer-col-2 .footer-menu {
  width: auto;
  order: 2;
}
#legal-menu {
  margin: 14px 0px;
}
#legal-menu .menu-item a {
  padding: 0px 12px;
  font-size: 11px;
  line-height: 12px;
  font-family: "Source Sans Pro", sans-serif;
  transition-duration: 0.3s;
}
#legal-menu .menu-item a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#legal-menu .menu-item:first-child a {
  padding-left: 0px;
}
footer .footer__iQ__logo {
  text-align: left;
}
footer .footer__iQ__logo img {
  width: 120px;
}
.footer-links {
  margin: 0px 0px 0px 45px;
  padding: 0px;
  list-style: none;
  display: flex;
  display: -webkit-flex;
}
.footer-links > li:not(:last-child) {
  margin-right: 90px;
}
.footer-links > li a {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.24px;
  text-align: left;
  text-decoration: unset;
  transition-duration: 0.3s;
}
.footer-links > li a:hover,
.footer-links > li a:focus {
  color: rgba(255, 255, 255, 0.8);
}
.footer-links > li > a {
  font-size: 12px;
  line-height: 28px;
  font-weight: 500;
}
.footer-links > li > ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footer-links > li > ul li a {
  font-size: 10px;
  line-height: 28px;
  font-weight: 400;
}

/* media query */

@media (min-width: 1200px) and (max-width: 1399px) {
  /* banner  */
  .home-page-banner .home-page-banner--inner h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .home-page-banner .home-page-banner--inner p {
    margin: 22px 0px 30px;
  }
  .text-youtube-container {
    max-width: 67%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /*  home */
  .home-page-banner .home-page-banner--inner h1 {
    font-size: 46px;
    line-height: 56px;
  }
  .home-page-banner .home-page-banner--inner p {
    margin: 16px 0px 30px;
  }
  .text-youtube-container {
    max-width: 75%;
  }

  /* page banner */
  .new-page-banner-01 .page-banner-01__text {
    margin-left: 80px;
  }
  .new-small-blob .small-blobs__item {
    justify-content: flex-start;
  }

  /* oxalite */
  .text-and-text-box-ft-icons .text-and-text-box-ft-icons--inner {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  /* footer */
  .footer-links > li:not(:last-child) {
    margin-right: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* banner */
  h1 {
    font-size: 32px;
    line-height: 42px;
  }
  /* navbar */
  .nav--wrap nav {
    display: flex;
    justify-content: flex-end;
  }
  #primary-menu > .menu-item:not(:last-child) {
    margin: 0px 0px 4px;
  }
  #primary-menu > .menu-item.menu-item-has-children > a::after {
    right: 10px;
  }
  #primary-menu > .menu-item.contact-btn > a {
    display: inline-block;
  }
  #primary-menu > .menu-item.menu-item-has-children > a {
    padding-right: 0px;
  }
  /* home page  */
  /* banner */
  .home-page-banner .home-page-banner--inner h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .home-page-banner .home-page-banner--inner p {
    margin: 16px 0px 20px;
  }
  .text-and-form__text,
  .text-box-ft-icons__box {
    padding: 23px 26px 14px !important;
    max-width: 350px !important;
  }
  .video-text {
    min-height: auto;
    padding: 60px 0px;
  }
  .text-with-video .text-and-form__text {
    margin-bottom: 0px;
  }
  .text-and-overflow-image--inner .text-and-overflow-image__text {
    max-width: 310px;
  }
  .text-and-overflow-image {
    overflow-x: hidden;
  }
  .text-and-overflow-image
    .inner--wrap.text-and-overflow-image--inner
    .text-and-overflow-image__img
    img {
    width: 500px;
  }
  .text-and-overflow-image .text-and-overflow-image__img {
    right: -60px;
    bottom: 0px;
  }
  .text-youtube {
    padding: 60px 0px;
  }
  .text-youtube-container {
    max-width: 80%;
  }
  .text-youtube-container iframe {
    height: 300px;
  }
  .form-text-new .form-and-text__text {
    margin-top: 50px;
    width: 100%;
  }
  .form-text-new .form-and-text__form {
    margin: 0 auto;
  }
  /* page banner */
  .newpage-banner-2,
  .new-page-banner-01 {
    min-height: 300px;
  }
  .new-page-banner-01 .page-banner-01__text {
    margin-left: 40px;
  }

  /* timtline */
  .new-timeline .timeline-event:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .new-timeline .timeline-event:nth-of-type(odd) .timeline-event--text {
    padding: 0px 0px 0px 10px;
    text-align: left;
  }
  .new-timeline.timeline .timeline-event:nth-of-type(odd):before,
  .new-timeline.timeline .timeline-event:nth-of-type(even):before {
    left: -4px;
    right: auto;
  }

  /* new blob */
  .new-small-blob .small-blobs__item {
    justify-content: flex-start;
  }
  .new-timeline .timeline--inner {
    padding: 60px 0px;
  }
  .new-timeline.timeline .timeline-event:before {
    left: -4px;
  }
  .logo-list__item-wrap > .logo-list__img {
    width: calc(100% / 3 - 30px);
  }
  .new-timeline .timeline-event {
    margin-top: 10px;
  }

  /* oxalite */
  .text-and-text-box-ft-icons .text-and-text-box-ft-icons--inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .text-box-ft-icons-new.text-box-ft-icons.top-left-align
    .text-box-ft-icons--inner {
    padding-bottom: 70px;
  }

  /* footer css */
  .footer-links {
    margin: 0px 0px 0px 25px;
  }
  .footer-links > li:not(:last-child) {
    margin-right: 20px;
  }
  footer .footer__top {
    padding-bottom: 24px;
  }
}
@media (min-width: 900px) and (max-width: 991px) {
  /* navbar css */
  .nav--wrap nav {
    justify-content: flex-start;
  }
  .menu-main-menu-container {
    display: block;
    width: 100%;
  }
  #primary-menu > .menu-item.ml-auto {
    margin-left: auto !important;
  }
  #primary-menu > .menu-item:not(:last-child) {
    margin-right: 35px;
  }
  #primary-menu > .menu-item.menu-item-has-children > a {
    padding-right: 12px;
  }
  #primary-menu > .menu-item.menu-item-has-children > a::after {
    right: 0px;
  }
  .form-text-new .form-and-text__text {
    width: calc(100% - 430px);
  }
  /* footer */
  .footer-links > li:not(:last-child) {
    margin-right: 40px;
  }
  .form-text-new .form-and-text__text {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  /* common css */
  h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .nav--wrap nav {
    display: flex;
    justify-content: flex-end;
  }
  #primary-menu > .menu-item:not(:last-child) {
    margin: 0px 0px 4px;
  }
  #primary-menu > .menu-item.menu-item-has-children > a::after {
    right: 10px;
  }
  #primary-menu > .menu-item.contact-btn > a {
    display: inline-block;
  }
  #primary-menu > .menu-item.menu-item-has-children > a {
    padding-right: 0px;
  }
  .mt-40 {
    margin-top: 30px;
  }
  /* home page */
  /* banner */
  .home-page-banner.full-width {
    padding-top: 130px;
    padding-bottom: 30px;
  }
  .home-page-banner .home-page-banner--inner h1 {
    font-size: 35px;
    line-height: 45px;
  }
  .home-page-banner .home-page-banner--inner p {
    margin: 16px 0px 20px;
  }
  .home-page-banner img {
    max-width: 90%;
    margin: 0 auto 20px;
  }
  /* text video sec */
  .text-with-video .text-and-form__text {
    margin-bottom: 0px;
  }
  .text-with-video {
    flex-direction: column;
  }
  .video-text {
    margin: 0px;
    padding: 0px;
    min-height: auto;
  }
  .text-and-form__text,
  .text-box-ft-icons__box {
    padding: 22px 26px 14px !important;
  }
  .text-with-video > div:last-child {
    padding: 80px 0px;
  }
  .pop-cnt {
    max-width: 290px;
    right: -10px;
  }
  .close-popup img {
    max-width: 26px;
  }
  .inner--wrap.text-and-overflow-image--inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .inner--wrap.text-and-overflow-image--inner p {
    margin-bottom: 16px;
  }
  .inner--wrap.text-and-overflow-image--inner
    .text-and-overflow-image__text
    .btn {
    margin-top: 10px;
  }
  .text-and-overflow-image--inner {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
  }
  .text-and-overflow-image--inner .text-and-overflow-image__text {
    margin-top: 20px;
    order: 2;
    max-width: 100%;
  }
  .text-youtube {
    padding: 40px 0px;
  }
  .text-youtube-container {
    max-width: 100%;
  }
  .text-youtube-container iframe {
    height: 280px;
  }
  .form-text-new .form-and-text__text {
    width: 100%;
  }
  .form-text-new .form-and-text--inner {
    padding: 40px 0px;
  }
  .form-logo {
    margin-top: 20px;
  }

  /* page banner */
  .newpage-banner-2 {
    padding-top: 60px;
    min-height: 300px;
  }
  .newpage-banner-2 h1 {
    text-align: center;
  }
  .new-page-banner-01 {
    padding: 20px 0px;
  }
  .new-page-banner-01 .inner--wrap {
    flex-direction: column;
  }
  .new-page-banner-01 .page-banner-01__text {
    margin-left: 0px;
  }
  .new-page-banner-01 .inner--wrap > div:first-child {
    margin-top: 24px;
    order: 2;
  }
  .new-page-banner-01 .page-banner-01--inner p {
    font-size: 14px;
    line-height: 20px;
  }
  .new-small-blob.small-blobs {
    margin: 48px 0px;
  }

  /* timeline */
  .new-timeline .timeline--inner {
    padding: 40px 0px;
  }
  .new-timeline .timeline-event {
    margin-top: 10px;
  }
  .new-timeline.timeline .timeline-event:before {
    left: -4px;
  }
  .new-timeline .timeline-event:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .new-timeline .timeline-event:nth-of-type(odd) .timeline-event--text {
    padding: 0px 0px 0px 10px;
    text-align: left;
  }
  .new-timeline.timeline .timeline-event:nth-of-type(odd):before,
  .new-timeline.timeline .timeline-event:nth-of-type(even):before {
    left: -4px;
    right: auto;
  }

  /* about page */
  .new-team-list .team-list {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .new-team-list .team__list__list {
    margin-bottom: 0px;
  }
  .logo-list__item-wrap > .logo-list__img {
    margin-right: 0px;
    width: 100%;
  }
  /* media page */
  .news-and-insights.new-news-insight {
    margin-bottom: 40px;
  }
  .contact-block {
    padding: 40px 0px;
  }

  /* oxalite */
  .step-list-new .step-list--inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .text-and-text-box-ft-icons .text-and-text-box-ft-icons--inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .text-box-ft-icons-new.text-box-ft-icons.top-left-align
    .text-box-ft-icons--inner {
    padding-bottom: 60px;
  }

  /* footer */
  footer .footer__top {
    padding-bottom: 30px;
  }
  footer .footer-col-1,
  .footer-links {
    flex-direction: column;
  }
  .footer-links {
    margin: 30px 0px 0px;
  }
  .footer-links > li a {
    text-align: center;
  }
  .footer-links > li:not(:last-child) {
    margin: 0px 0px 10px;
  }
  footer .footer-menu {
    margin: 0px;
  }
  footer .footer-col-2 {
    align-items: center;
  }
  legal,
  copyright,
  footer .footer__iQ__logo {
    text-align: center;
  }
}