/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  GeneratePress Child Theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com/
Template:     generatepress
Version:      3.4.0
Text Domain:  generatepresschild
*/
:root {
  --montserrat: "Montserrat", sans-serif;
  --blue_color: #0066dd;
  --white: #ffffff;
  --yellow: #dcaa01;
  --body_txt: #1f1f1f;
  --blue_filter: brightness(0) saturate(100%) invert(19%) sepia(93%)
    saturate(5606%) hue-rotate(205deg) brightness(102%) contrast(101%);
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--montserrat);
}
body {
  color: var(--body_txt);
}
body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body a {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}
body p {
  margin-bottom: 0;
}
p:empty,
li:empty {
  display: none !important;
}
p:not(:last-of-type) {
  margin-bottom: 16px;
}
a {
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: inherit;
}
section {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
img {
  display: block;
}
ol, ul {
    margin: 0px;
    list-style: none;
}
/****** Container css ******/
/*.site.grid-container.container {
    padding: 0;
}*/
.full-width-content .container.grid-container {
  padding: 0;
}
@media only screen and (max-width: 991.98px) {
  body .container,
  body .container-fluid {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 576px) {
  body .container,
  body .grid-container {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 650px) {
  body .container,
  body .grid-container {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  body .container,
  body .grid-container {
    max-width: 920px;
    width: 100%;
  }
  .site-content {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1024px) {
  body .container,
  body .grid-container {
    max-width: 960px;
    width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  body .container,
  body .grid-container {
    max-width: 1020px;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  body .container,
  body .grid-container {
    max-width: 1140px;
    width: 100%;
  }
  
}
@media only screen and (min-width: 1300px) {
  body .container,
  body .grid-container {
    max-width: 1210px;
    width: 100%;
  }
}
@media only screen and (min-width: 1400px) {
  body .container,
  body .grid-container {
    max-width: 1376px;
    width: 100%;
  }

}

/****** section_padding css ******/
.section_padding {
  padding: 40px 0;
}
.section_60_padding {
  padding: 60px 0;
}
.section_80_margin {
  margin: 80px 0;
}
.section_40_margin {
  margin: 40px 0;
}
.pb_120 {
    padding-bottom: 40px;
  }
@media only screen and (max-width: 1200px) {
  .section_80_margin {
    margin: 60px 0;
  }
}
@media only screen and (max-width: 991.98px) {
  .section_80_margin {
    margin: 40px 0;
  }
}
@media only screen and (min-width: 1501px) {
  .pb_120 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section_80_padding{
    padding: 40px 0;
  }
  .section_60_padding {
    padding: 30px 0;
  }
  .section_padding {
    padding: 30px 0;
  }
  .pb_120 {
    padding-bottom: 30px;
  }
}
/********   default-btn css *******/
.default-btn {
  color: var(--white) !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding: 13px 30px;
  border-radius: 50px;
  background: var(--blue_color);
  border: 2px solid var(--blue_color);
  text-align: center;
  transition: all 0.3s ease 0s;
  width: fit-content;
}
.default-btn:not(.header-btn .default-btn) {
  margin-top: 40px;
}
.default-btn:hover,
.default-btn:focus {
  background-color: transparent !important;
  color: var(--blue_color) !important;
}
.default-btn:hover a,
.default-btn:focus a {
  color: var(--blue_color) !important;
}
.default-btn a.default-cta:focus {
  color: var(--white) !important;
}
.white_border_btn {
  border: 2px solid var(--white);
  background: rgba(255, 255, 255, 0.15);
}
.white_border_btn:hover,
.white_border_btn:focus {
  background: var(--white);
}

.default-btn_txt {
  background: transparent;
  border: none;
  width: fit-content;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  margin-top: 40px;
}
.default-btn_txt .default-cta {
  display: flex;
  gap: 10px;
  color: var(--blue_color);
}
.default-btn_txt .default-cta:hover {
  color: var(--blue_color);
}
.default-btn_txt .default-cta:hover img {
  filter: var(--blue_filter);
}

.blue_arrow_btn .default-cta {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.blue_arrow_btn:hover a img, .blue_arrow_btn:focus a img {
  filter: var(--blue_filter);
}

.white_btn .default-cta {
  color: var(--blue_color);
}
.white_btn {
  background: var(--white);
}
.white_btn:hover {
  border-color: var(--white);
}
/*.white_btn:hover .default-cta {
    color: var(--white);
}*/
.white_btn:hover .default-cta,
.white_btn:focus .default-cta {
  color: var(--white) !important;
}
@media only screen and (max-width: 767.98px) {
  .default-btn:not(.header-btn .default-btn) {
    margin-top: 30px;
  }
  .default-btn {
    font-size: 16px;
    padding: 13px 25px;
  }
}
/********  Common css *******/

.white_box_row {
  border-radius: 30px;
  background: var(--white);
  padding: 40px 60px;
  margin-left: 0px;
  margin-right: 0px;
}
.white_box_60padding {
  padding: 60px 48px;
}
.top_title_center {
  text-align: center;
  margin-bottom: 40px;
}
.top_title_center .sub_description {
    opacity: 0.6;
}
.sub_title {
  border-radius: 100px;
  background: rgba(0, 102, 221, 0.1);
  width: fit-content;
  color: var(--blue_color);
  font-weight: 500;
  padding: 10px 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1199.98px) {
  .white_box_60padding {
    padding: 40px 28px;
  }
}
@media only screen and (min-width: 1200px) {
  .default_description p {
    font-size: 18px;
  }
  .default_description p:not(:last-of-type) {
      margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .white_box_row {
    padding: 30px 20px;
    border-radius: 10px;
  }
  .white_box_60padding {
    padding: 40px 10px;
  }
}

/********  BG css *******/
.bg_color {
  background-color: var(--blue_color);
}
.bg_color p,
.bg_color h2,
.bg_color h3,
.bg_color h4,
.bg_color li,
.bg_color p a,
.bg_color li a {
  color: var(--white);
}
.bg_color p a:hover,
.bg_color li a:hover {
  color: var(--body_txt);
}

/******** Slider arrow dots *******/
.slick-prev,
.slick-next {
  bottom: -34px;
  top: auto;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #cecece;
  transform: translate(40%, 0%);
  z-index: 11;
}
.slick-prev {
  left: calc(50% - 103px);
}
.slick-next {
  right: calc(50% - 69px);
}
.slick-prev::before,
.slick-next::before {
  content: "";
  width: 11px;
  height: 11px;
  display: block;
  margin: auto;
  background-repeat: no-repeat !important;
}
.slick-prev::before {
  background: url(/wp-content/uploads/2025/03/slider-left-arrow.svg);
}
.slick-next::before {
  background: url(/wp-content/uploads/2025/03/slider-right-arrow.svg);
}
.slick-dots {
  justify-content: center;
  display: flex;
  text-align: center;
  margin: auto;
  bottom: -18px;
}
.slick-dots li button:before {
  font-size: 10px;
  color: var(--blue_color);
  opacity: 0.1;
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 2px;
}
.slick-dots li button {
  width: 10px;
  height: 10px;
}
.slick-dots li.slick-active button:before {
  color: var(--blue_color);
  opacity: 1;
}
.slick-arrow:hover {
  background: #0066dd2e;
}
/*============================================
= Start Header CSS
=============================================*/
.site-header .inside-header .grid-container {
    padding: 0px;
}
.site-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.1s ease 0s;
}
.site-header.sticky {
    -webkit-box-shadow: 0 1px 24px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 24px rgba(0, 0, 0, .1);
}
.main-navigation .main-nav ul li a {
  line-height: normal;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  font-weight: 700;
}
.inside-header .default-btn {
  margin-top: 0px;
  font-weight: 600;
  line-height: 150%;
  padding: 9.5px 20px;
}
.search_main {
  display: flex;
  gap: 30px;
}
.nav-float-right #site-navigation {
  margin-left: auto;
  margin-right: auto;
}
.header-search-container .search-toggle {
  padding: 0px;
  background: transparent;
}
button.menu-toggle .gp-icon svg {
  height: 2em;
  width: 2em;
  fill: var(--body_txt);
}
.mobile-menu-control-wrapper .menu-toggle {
  background-color: transparent;
  padding: 0px;
}
.site-header .main-navigation .main-nav ul ul li a {
    padding: 14px 20px;
}
.site-header .main-navigation .main-nav ul ul li:not(:last-child) a {
    border-bottom: 1px solid #e1e0e0;
}
.site-header .menu-item-has-children .dropdown-menu-toggle {
    padding-right: 0px;
}
@media only screen and (min-width: 1201px) and (max-width: 1460.98px) {
  .site-header .main-navigation .main-nav ul li a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1380.98px) {
  .main-navigation .main-nav ul li a {
    font-size: 13px;
  }
  .search_main {
    gap: 10px;
  }
  .inside-header .default-btn {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1460.98px) {
  .search_main {
    gap: 15px;
  }
  .default-btn {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1201px) {
  .main-navigation ul ul {
      width: 255px !important;
/*      margin-top: 10px;*/
  }
}
@media only screen and (max-width: 1200.98px) {
  .main-navigation .main-nav ul li a {
    padding: 16px 10px;
    color: #737373;
  }
  .main-navigation .main-nav ul li:not(:last-child) a {
    border-bottom: 1px solid var(--yellow);
  }
  .menu-toggle {
    padding: 0px 7.5px;
  }
}
/*---------------- start search bar --------------------*/
.search_main .btn-wrap,
.main-navigation div#primary-menu,
.search_main .search-toggle {
  transition: ease-in-out all 3s;
}
.header-search-active .search_main .btn-wrap,
.header-search-active .main-navigation div#primary-menu,
.header-search-active .search_main .search-toggle {
  display: none;
}
.header-search-active .search_main {
  width: 60%;
  display: block;
}
.header-search-active .header-search-container {
  width: 100%;
}
.header-search-container {
  display: flex;
  align-items: center;
  position: relative;
}
.search-form {
  /*    display: none;*/
  position: absolute;
  right: 0;
  top: -26px;
  background: white;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 50px;
  width: -webkit-fill-available;
  opacity: 0;
  transform: translateY(-10px);
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.header-search-active .search-form {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.search-form .search-submit {
  position: absolute;
  right: 4px;
  border-radius: 20px;
  background: rgba(31, 31, 31, 0.04);
  height: 43px;
  padding: 6px 20px;
}
.search-field {
  width: 100%;
  outline: none;
  height: 41px;
  background: transparent !important;
  border: none !important;
  color: #8d8d8d !important;
  font-size: 18px;
  font-weight: 500;
  border-radius: 50px !important;
}
.header-search-container input::-webkit-input-placeholder {
  color: #8d8d8d;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
}
.header-search-container input[type="search" i]::-webkit-search-cancel-button {
  margin-right: 65px !important;
}
.menu-toggle,
.main-navigation {
  transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1200.98px) {
  .nav-float-right #site-navigation .header-btn,
  .search_main {
    display: none;
  }
  #site-navigation.toggled .header-btn {
    display: block;
    margin-top: 20px;
  }
  #site-navigation.toggled .search-form {
    position: relative;
    top: auto;
    border-radius: 100px;
    background: #fff;
    opacity: 1;
    visibility: visible;
    margin-bottom: 10px;
  }
  .search-field {
    font-size: 16px;
  }
  .has-inline-mobile-toggle #site-navigation.toggled {
        margin-top: 50px;
        margin-bottom: 20px;
        background: transparent;
  }
  #site-navigation.toggled .search-form input[type="search" i]::-webkit-search-cancel-button {
    margin-right: 65px !important;
  }
}
@media only screen and (min-width: 576.98px) and (max-width: 1200.98px) {
  .inside-header .default-btn {
    max-width: fit-content;
  }
}
/*---------------- End search bar --------------------*/
/*============================================
= End Header CSS
=============================================*/
/*============================================
= Start Footer CSS
=============================================*/
ul.footer_social {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 10px;
}

.location li:not(:last-child) {
  margin: 0 0 15px;
}
.location li {
  display: inline-flex;
  align-items: start;
  width: 100%;
}
.location li img {
  margin: 0px 20px 0 0;
}
.location li,
.location li a {
  color: rgb(255 255 255 / 80%);
}
.site-footer .menu li a:hover, .site-footer .location li a:hover {
    color: var(--body_txt);
}
@media only screen and (min-width: 1024px) {
  .footer-widget-1 #custom_html-2 {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .desktop_none {
    display: none;
  }
}
/*@media only screen and (min-width: 768px) and (max-width: 991.98px){
  .site-footer .inside-footer-widgets>div {
      flex: 1 1 0;
      width: 50%;
  }
}*/
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .footer-widgets a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 991.98px) {
  .inside-footer-widgets {
    flex-direction: column;
  }
  .menu-footer-menu-1-container ul {
    display: none; /* Hidden by default */
    padding: 0;
    list-style: none;
  }
  .footer-menu-toggle {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    margin-left: 10px;
  }
  .footer-menu-toggle.open {
    transform: rotate(180deg);
  }
  .inside-footer-widgets > div:not(:last-child) {
    margin-bottom: 0px;
  }
  .widget-title {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .widget_nav_menu .menu {
    padding: 0px 20px 20px;
  }
  .widget_nav_menu .menu li {
    padding: 8px 0px;
    margin-bottom: 0px;
  }
  .widget_nav_menu .menu li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .footer-widget-3 .widget-title {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .footer-widgets .widget-title {
    margin-bottom: 0px;
    padding: 13.5px 0px;
  }
  .copyright-bar {
    font-size: 12px;
  }
  ul.footer_social{
    padding: 14px 0;
  }
  ul.footer_social li {
    opacity: 0.8;
    margin-bottom: 0;
  }
  ul.footer_social li:hover {
    opacity: 1;
  }
}
/*============================================
= End Footer CSS
=============================================*/
/*============================================
= Start Header Banner CSS
=============================================*/
.banner_section {
  display: flex;
  align-items: center;
  min-height: 760px;
  padding-bottom: 120px;
  position: relative;
  align-content: end;
  flex-wrap: wrap;
  overflow: hidden;
}
.banner_section:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100% !important;
  opacity: 0.8;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.banner_img {
  position: absolute;
  left: 0px;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: -1;
}
.banner-content .default-btn_txt .default-cta {
  color: var(--white);
}
.banner_img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.banner-content h1 {
  text-transform: uppercase;
  font-size: 48px;
  max-width: 885px;
}
.banner-content p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0px;
}
.banner-content {
  z-index: 1;
  position: relative;
  color: var(--white);
  max-width: 1184px;
}
.banner_btns,
.banner_clients,
.banner_clients .banner_clients_img {
  display: flex;
}
.banner_clients .banner_clients_img img {
  width: 100%;
  max-width: 50px;
  height: 50px;
  border-radius: 100px;
  border: 2px solid var(--white);
}
.banner_clients h4 {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 600;
}
.banner_clients {
  margin-top: 54px;
  gap: 10px;
}
.banner_clients .banner_clients_img img:not(:first-child) {
  margin-left: -10px;
  z-index: -1;
}
.banner_clients .banner_clients_img img:last-child {
  z-index: -2;
}
.banner_section .default-btn_txt {
  padding: 13px 30px;
  width: fit-content;
}
@media only screen and (min-width: 1600px) {
  .banner_section {
    min-height: 890px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300.98px) {
  .banner_section {
    min-height: 650px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767.98px) {
  /* .banner_img,
  .banner_section:before {
    display: none;
  } */
  .banner_section .container {
    padding: 0px;
  }
  .banner_section .banner-content {
    padding: 250px 20px 20px 20px;
    text-align: center;
  }
  .banner-content h1 {
    font-size: 32px;
    font-weight: 900;
    max-width: 100%;
    margin: 0 auto 4px;
    line-height: 38.4px;
  }
  .banner_btns .white_border_btn{
    margin-top: 40px;
    width: 100%;
  }
  .banner_btns .default-cta {
    align-items: center;
    justify-content: center;
  }
  .banner_btns .default-btn_txt {
      padding: 15px 30px;
      width: 100%;
      margin: 0;
  }
  .banner_btns .default-btn {
    font-size: 18px;
  }
  .banner_section {
    min-height: auto;
    padding-bottom: 0px;
    /* background: var(--blue_color); */
  }
  .banner-content p {
    font-size: 18px;
    line-height: 27px;
  }
  .banner_clients {
    margin-top: 20px;
  }
  .banner_btns {
    flex-direction: column;
  }
  /*.banner_btns .white_border_btn {
        background: var(--blue_color);
        border: 2px solid var(--blue_color);
    }*/
}
@media only screen and (max-width: 374.98px) {
  .banner-content h1 {
    font-size: 33px;
  }
}
/*============================================
= End Header Banner Css
=============================================*/
/*============================================
= Start Logo section Css
=============================================*/
.home .featured-section {
  padding-top: 100px;
}
.featured-section {
    overflow: hidden;
}
/*.featured-section .row{
   margin-left: 0px;
    margin-right: 0px;
}*/
.featured-section .featured-slide-main {
  column-gap: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.featured-slide {
  display: flex;
  height: 100%;
  width: auto;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1199.98px) {
  .home .featured-section {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 991.98px) {
  .featured-slide img {
    width: auto;
    height: 25px;
  }
  .featured-section .featured-slide-main {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 22px;
    column-gap: 30px;
  }
  .home .featured-section {
    padding-top: 50px;
  }
  .long_logo img {
    height: 32px;
  }
  .featured-slide-main {
    column-gap: 17px;
  }
  .small_logo img {
      height: 85px;
      width: auto;
  }
}
@media only screen and (max-width: 767.98px) {
  section.mobile_bottom_padding {
    padding-bottom: 0;
  }
  .conditions_pages .featured-slide-main {
      row-gap: 15px;
      column-gap: 15px;
  }
}
/*============================================
= End Logo section Css
=============================================*/
/*============================================
= Start Service Section Css
=============================================*/
.service_box {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  padding: 40px 15px;
  height: 100%;
    border-radius: 20px;
    background-color: #F5FAFF;
}
.service_icon {
  display: flex;
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  background: #d9eaff;
  margin: auto;
}
.service_icon img {
  aspect-ratio: 1 / 1;
}
.service_content p {
  opacity: 0.6;
}
.service_content h4 {
  font-weight: 600;
}
@media only screen and (max-width: 1199.98px) {
  .service_content h4 {
    font-size: 18px;
  }
  .service_box {
    padding: 20px;
  }
}
@media only screen and (max-width: 767.98px){
    .service_section .white_box_row {
        padding: 20px 8px;
    }
}
/*============================================
= End Service Section Css
=============================================*/
/*============================================
= Start Blog Section Css
=============================================*/
.blog_section .default-btn {
  padding-top: 4.5px;
  padding-bottom: 4.5px;
}
.blog_section .white_box_row {
  position: relative;
  padding: 40px 18px 100px 18px;
}
/*.blog_row .blog_box_main {
  max-width: 33.33%;
  width: 100%;
  border-radius: 20px;
  background: #f5faff;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}*/
.blog_card {
    height: 100%;
}
.blog_row .blog_box_card_main {
  border-radius: 20px;
  background: #f5faff;
  height: 100%;
}
.blog_row .blog_box_main {
  max-width: 100%;
  width: 100%;
  /*border-radius: 20px;
  background: #f5faff;*/
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.blog_row {
  gap: 20px;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.blog_box_main .blog_box_img img {
  max-height: 187px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px 20px 0px 0px;
  aspect-ratio: 16 / 9;
}
.blog_category span {
  border-radius: 100px;
  background: rgba(0, 102, 221, 0.1);
  padding: 4px 16px;
  color: var(--blue_color);
  font-weight: 500;
  font-size: 14px;
}
.blog_category {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.blog_content p {
  opacity: 0.6;
}
.blog_content_main {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0px 14px 20px;
}
.blog_content {
  padding: 0px 20px;
}
.blog_content .default-btn_txt {
  justify-content: end;
  display: flex;
  width: auto;
  padding: 15px 0px;
  margin-top: 20px;
}
.default-btn_txt:hover .default-cta {
  color: var(--contrast);
}
.default-btn_txt:hover .default-cta img {
  filter: brightness(0) saturate(100%) invert(10%) sepia(99%) saturate(0%)
    hue-rotate(153deg) brightness(95%) contrast(99%);
}
.blog_content h4 {
  font-size: 18px;
  line-height: 1.5;
}
.blog_content h4 a:hover {
    color: var(--blue_color);
}
.blog_box_img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .blog_card {
    padding-left: 10px;
    padding-right: 10px;
  }
  .blog_section .default-btn {
    position: absolute;
    right: 40px;
    top: 40px;
  }
  .blog_content .default-btn_txt{
    padding: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .blog_category span {
    padding: 4px 11px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .blog_category span {
    padding: 4px 11px;
    font-size: 12px;
  }
  .blog_content {
    padding: 0px 8px;
  }
  .blog_section .white_box_row {
    padding: 40px 18px 60px 18px;
  }
}
@media only screen and (max-width: 767.98px) {
  .blog_section .white_box_row {
    padding: 30px 10px 60px;
  }
  .blog_category span {
    font-size: 11px;
  }
  .blog_content {
    padding: 0px 8px;
  }
  .blog_section .default-btn {
    margin: 20px auto auto auto !important;
  }
  .blog_content_main,
  .blog_row .blog_box_main{
    row-gap: 10px;
  }
  .blog_date{
    margin-bottom: 4px !important;
  }
  .blog_content h4{
    margin-bottom: 6px;
  }
  .blog_content .default-btn_txt{
    padding: 0;
  }
}
/*============================================
= End Blog Section Css
=============================================*/
/*============================================
= Start Doctor Section Css
=============================================*/
.doctor_img {
  width: 100%;
  height: 100%;
}
.doctor_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px 0px 0px 30px;
}
.doctor_section h4 {
  font-weight: 400;
}
.default_description p {
  opacity: 0.8;
}
.default_description {
  margin-top: 20px;
}
.default_content h2 {
  margin-bottom: 0px;
}

@media only screen and (min-width: 1300px) {
  .doctor_section .white_box_row {
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .doctor_section .default_content {
    max-width: 536px;
    margin: auto;
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 767.98px) {
  .doctor_img img {
    border-radius: 10px 10px 0px 0px;
  }
  .doctor_section .default_content {
    padding: 20px 10px;
  }
  .doctor_section .default-btn{
    width: 100%;
  }
}
/*============================================
= End Doctor Section Css
=============================================*/
/*============================================
= Start About Section Css
=============================================*/
.About_img_box_main {
  display: flex;
  gap: 20px;
  padding: 60px 0px;
}
/*.about_section .white_box_row {
    padding: 60px 48px;
}*/
.About_img_box_main .About_img_box {
  max-width: 33.33%;
  width: 100%;
}
.About_img_box_main .About_img_box img {
  width: 100%;
  border-radius: 20px;
  height: auto;
}

@media only screen and (max-width: 1299.98px) {
  .About_img_box_main {
    padding: 30px 0px;
  }
}
@media only screen and (max-width: 768.98px) {
  .About_img_box_main .About_img_box img{
    aspect-ratio: 16 / 11;
    object-fit: cover;
  }
  .about_section .white_box_row{
    padding: 20px 8px !important;
  }
  
}
@media only screen and (max-width: 599.98px) {
  .About_img_box_main .About_img_box {
    max-width: 100%;
  }
  .About_img_box_main {
    flex-direction: column;
  }
}

/*============================================
= End About Section Css
=============================================*/
/*============================================
= Start History Section Css
=============================================*/
.top_title_center .sub_title {
  margin: 0 auto 4px;
}
.timeline-section {
  padding: 50px 20px;
}

.timeline-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 30px;
}

.history_section .top_title_center {
  margin-bottom: 80px;
}

.timeline {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 20px;
  overflow-x: auto;
  padding-bottom: 0px;
  height: 100%;
  overflow: visible;
  flex-wrap: wrap;
}

.timeline::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgb(0 102 221 / 27%);
}

.timeline-item {
  width: 293px;
  background: #f3f8ff;
  padding: 40px 20px;
  border-radius: 10px;
  /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); */
  text-align: left;
  position: relative;
  flex-shrink: 0;
  height: 100%;
}

.timeline-item::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #a4c3fd;
  border-radius: 50%;
  top: -39px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  border: 3px solid #fff;
}

.timeline-item:last-child::before {
  background: #06d;
}

.year {
  display: block;
  color: #06d;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  opacity: 0.6;
  margin-bottom: 30px;
}

.timeline-item h3 {
  color: #1f1f1f;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 5px;
}

.timeline-item p {
  color: #1f1f1f;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  opacity: 0.6;
}

.history_section .white_box_row {
  padding: 40px 60px 100px 60px;
}
@media only screen and (max-width: 767.98px) {
  .timeline-item {
    width: 100%;
    padding: 20px 20px;
  }
  .timeline {
    height: auto;
  }
  /* .timeline::before,
  .timeline-item::before {
    display: none;
  } */
  .history_section .top_title_center {
    margin-bottom: 25px;
  }
  .year {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .history_section h2 {
    font-size: 25px;
  }
  .history_section .sub_title {
    padding: 6px 12px;
    font-size: 13px;
  }
  .history_section .white_box_row{
    padding: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .history_section .white_box_row {
    padding: 40px 20px 40px 20px;
  }
  .timeline{
    padding-left: 40px;
  }
  .timeline::before{
    top: 0;
    left: 20px;
    width: 1px;
    height: 100%;
  }
  .timeline-item::before{
    top: 50%;
    transform: translate(-50%);
    left: -20px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .timeline-item {
    width: 100%;
  }
  /* .timeline::before,
  .timeline-item::before {
    display: none;
  } */
  .timeline {
    justify-content: unset;
    align-items: unset;
  }
  .history_section .top_title_center {
    margin-bottom: 35px;
  }
  .timeline-item,
  .timeline {
    height: auto;
  }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1199.98px) {
  .timeline-item {
    width: 23%;
  }
  .history_section .white_box_row {
    padding: 40px 40px 70px 40px;
  }
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1450px) {
  .timeline-item {
    width: 23.5%;
  }
  .history_section .white_box_row {
    padding: 40px 40px 70px 40px;
  }
}
/*============================================
= End History Section Css
=============================================*/
/*============================================
= Start Call To Action Section Css
=============================================*/
.top_title_center .default-btn {
  margin: auto;
}
.CTA_section .default-btn {
  max-width: 280px;
  width: 100%;
}
.CTA_section .sub_description {
  opacity: 0.8;
}
@media only screen and (max-width: 768.5px){
  .CTA_section .default-btn{
    max-width: 100%;
  }
}
/*============================================
= End Call To Action Section Css
=============================================*/
/*============================================
= Start Testimonials Section Css
=============================================*/

.review_main_slider {
  padding-bottom: 40px;
}
.testimonial-text {
  background: #f3f8ff;
  padding: 20px 15px 64px 15px;
  position: relative;
  height: 100%;
  border-radius: 20px 20px 0px 0px;
}
.review_p {
  max-width: 255px;
  margin: 0 auto;
}
.review_p p {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.21px;
  font-weight: 400;
  margin: 0;
}
.review_content {
  height: 100%;
}
.testimonial-text:before {
  position: absolute;
  content: "";
  background-image: url(/wp-content/uploads/2025/03/qoute-start1.svg);
  width: 22px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 15px;
  top: 20px;
  opacity: 0.3;
}
.testimonial-text:after {
  position: absolute;
  content: "";
  background-image: url(/wp-content/uploads/2025/03/qoute-end1.svg);
  width: 22px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  right: 15px;
  bottom: 20px;
  opacity: 0.3;
}
.testimonial-footer {
  background: var(--blue_color);
  color: #fff;
  padding: 20px;
  position: relative;
  text-align: center;
  border-radius: 0px 0px 20px 20px;
}
.review_single {
  padding-left: 12px;
  padding-right: 12px;
  height: 100%;
}
.testimonial-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fbfbfb;
}
.testimonial_img {
  position: relative;
}
.testimonial_img img {
  width: 78px !important;
  height: 78px !important;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -26px;
  border: 8px solid #fff;
  border-radius: 50%;
}
.testimonial-footer h5 {
  font-size: 14px;
  line-height: 23.8px;
  margin-top: 20px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}
.testimonial-footer p {
  text-transform: capitalize;
  font-size: 12px;
  margin-bottom: 0;
  line-height: 170%;
  font-weight: 600;
}
.review_main_slider .slick-track {
  display: flex;
}
.review_main_slider .slick-slide {
  height: auto;
}
.slick-slide > div {
  height: 100%;
}
.review_main_slider .col-md-4 {
  height: 100%;
}
@media only screen and (min-width: 1024px) and (max-width: 1299.98px){
  .testimonial-text {
    background: #f3f8ff;
    padding: 43px 15px 64px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 840px){
    .review_p {
      max-width: 225px;
  }
}
@media only screen and (min-width: 601px) {
  .mobile_slider {
      margin-top: 20px;
  }
}
@media only screen and (max-width: 600.98px) {
  .review_single {
    padding-left: 0px;
    padding-right: 0;
  }
  body .container.mobile_slider {
    padding-right: 0 !important;
  }
  body .mobile_slider .row {
    margin: 0;
  }
  .article-card {
    display: none;
  }
  body .article-card.mobile_content {
    display: block;
  }
}
@media only screen and (max-width: 767.98px) {
  .review_p {
    max-width: 100%;
    margin: 0 auto;
    /*        padding: 0 30px 0 40px;*/
  }
  .exclusive_services_slider .slick-list {
    padding: 0 20% 0 0;
  }
  .professional_title {
    margin-bottom: 30px;
  }
  .testimonial-text {
    padding: 47px 15px 64px 15px;
  }
}
@media only screen and (max-width: 575.98px) {
    .testimonials_section .white_box_row {
      padding-bottom: 70px;
}
}
/*============================================
= End Testimonials Section Css
=============================================*/

/*============================================
= Subscribe to our newsletter Css
=============================================*/

.yellow_box {
  background: #dcaa01;
  border-radius: 40px;
  margin-bottom: 120px;
  padding: 80px;
  margin-left: 0px;
  margin-right: 0px;
}

.white_box {
  background: #fff;
  border-radius: 30px;
  padding: 60px;
}

.form_main {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 462px;
  margin: 0 auto;
  gap: 10px;
  position: relative;
}
.subscribe_main .top_title_center .sub_description {
    opacity: 1;
}
.subscribe_main .wpcf7 input[type="email"] {
  border-radius: 100px;
  border: 1px solid #06d;
  padding: 11px 20px;
  color: #06d;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px;
}
.subscribe_main input.wpcf7-submit {
  border-radius: 100px;
  background: #06d;
  color: #fff;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;
  border: 2px solid #06d;
  padding: 10px 30px;
}
.subscribe_main input.wpcf7-submit:hover {
  border: 2px solid #06d;
  color: #06d;
  background: transparent;
}
.subscribe_main span.wpcf7-spinner {
  position: absolute;
  right: -55px;
  top: 50%;
  transform: translatey(-50%);
  margin: 0;
}
.form_main input::placeholder {
  color: #06d;
  opacity: 1;
}

.email_field {
  max-width: 300px;
}
.CTA_section .email_field {
    background: rgba(255, 255, 255, 0.10);
    border-radius: 100px;
}
/*.wpcf7 form.invalid .wpcf7-response-output {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  margin-top: 30px !important;
  color: red;
  font-weight: 400;
}*/
.wpcf7 form.invalid .wpcf7-response-output {
    position: absolute;
    font-size: 14px;
    margin-top: 15px !important;
    color: red;
    font-weight: 400;
    border: 1px solid red !important;
    padding: 3px;
    width: calc(100% - 20px);
/*    font-size: 12px;*/
    position: relative;
    max-width: 462px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: 600;
    display: block;
}
.wpcf7-response-output {
  position: absolute;
  margin: 0 !important;
  border: 0 !important;
  color: green;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
}
.subscribe_main .white_box {
  position: relative;
} 
@media only screen and (max-width: 767.98px) {
  .form_main {
    max-width: 100%;
    flex-flow: column;
  }
  .email_field {
    max-width: 100%;
  }
  .submit_btn {
    width: 100%;
  }
  input.wpcf7-submit {
    width: 100%;
    display: block;
    max-width: 360px;
    margin: 0 auto;
  }
  
}
@media only screen and (max-width: 1024px) {
  .yellow_box {
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 10px;
  }
  .white_box {
    padding: 40px 20px;
    border-radius: 10px;
  }
  .subscribe_main input.wpcf7-submit {
    font-size: 16px;
    line-height: 24px;
  }
  .top_title_center h2 {
    font-weight: 700;
    line-height: 36px;
    margin: 0;
  }
  .subscribe_main .top_title_center {
    margin-bottom: 20px;
  }
  .wpcf7 form.invalid .wpcf7-response-output {
    width: calc(100% - 20px);
    font-size: 12px;
    position: relative;
    max-width: 462px;
  }
}
@media only screen and (max-width: 767.98px) {
  .yellow_box {
    margin-bottom: 60px;
  }
  .subscribe_main {
      padding-top: 30px;
  }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1199px) {
  .yellow_box {
    margin-bottom: 60px;
    padding: 35px;
  }
  .white_box {
    padding: 40px;
  }
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1450px) {
  .yellow_box {
    margin-bottom: 70px;
    padding: 50px;
  }
  .white_box {
    padding: 45px;
  }
}
@media only screen and (min-width: 1600px) {
    .subscribe_main .white_box {
      padding-bottom: 70px;
  }
}
/*============================================
= End Subscribe to our newsletter Css
=============================================*/
/*============================================
= Start Blog page Css
=============================================*/
/*---------- Start page search bar -----------*/
.page_searchbar_form .search-field {
  max-width: 100%;
  height: 51px;
  padding: 12px 40px;
  border: 1px solid #ECECEC !important;
}
.page_searchbar_form {
  position: relative;
}
.page_searchbar_form .searchbar_submit {
  position: absolute;
  background: transparent;
  padding: 0px;
  height: 51px;
  left: 115px;
  transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
}
.page_searchbar_form input[type="search" i]::-webkit-search-cancel-button {
  margin-right: 50px !important;
}
.page_searchbar_form .search-field:focus + .searchbar_submit,
.page_searchbar_form .search-field:focus-within + .searchbar_submit {
  right: 10px; /* Move button further right */
  left: auto;
}
/* Move button to right when input is focused */
.page_searchbar_form .search-field:focus ~ .searchbar_submit,
.page_searchbar_form:focus-within .searchbar_submit {
  right: 10px;
  left: auto;
}
@media only screen and (max-width: 1200.98px) {
  .page_searchbar_form .searchbar_submit {
    left: 105px;
  }
}
/*---------- End page search bar -----------*/

.page-template-blog-template .blog_row {
  gap: unset;
  row-gap: 20px;
}
.page-template-blog-template .featured-section {
    padding-top: 70px;
    padding-bottom: 10px;
}
.pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination-container .page-numbers {
  display: flex;
  list-style: none;
  gap: 5px;
  padding: 0;
  align-items: center;
}
.pagination-container .main_list_ul {
  gap: 40px;
}
.pagination-container .page-numbers li {
  display: inline-block;
}

.pagination-container .page-numbers a,
.pagination-container .page-numbers span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: var(--body_txt);
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  background: #0066dd14;
}

.pagination-container .page-numbers .current {
  background: var(--blue_color);
  color: var(--white);
}

.pagination-container .page-numbers a:hover {
  background: var(--blue_color);
  color: var(--white);
}
.pagination-container .page-numbers .prev a,
.pagination-container .page-numbers .next a {
  border-radius: 10px;
}

.pagination-container .page-numbers .prev a,
.pagination-container .page-numbers .next a {
  background: var(--white);
  border: 1px solid #cecece;
  border-radius: 10px;
}

.pagination-container .page-numbers .prev:hover a,
.pagination-container .page-numbers .next:hover a {
  background: var(--blue_color);
  border-color: var(--blue_color);
}
.pagination-container .page-numbers li:hover a img {
  filter: brightness(0) invert(1);
}
@media only screen and (max-width: 1199px){
  .pagination-container .main_list_ul {
    gap: 20px;
  }
}
@media only screen and (max-width: 768px){
  .page-template-blog-template .featured-section {
    padding: 50px 20px 20px;
  }
  .featured-section .featured-slide-main{
    row-gap: 20px;
    column-gap: 20px;
  }
}
/*============================================
= End Blog page Css
=============================================*/
/* gaunitz trichology method PAGE CSS START */

.method_heading h3 {
    color: #1F1F1F;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

.method_info_main {
    padding: 40px 0 40px 60px;
    background: #fff;
}

.method_heading p {
    color: #1F1F1F;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
    width: 100%;
    max-width: 733px;
}

.method_title h4 {
    color: #1F1F1F;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.723;
    margin-bottom: 10px;
}

.method_box {
    padding: 20px;
    border-radius: 20px;
    background: #F5FAFF;
    display: flex;
    align-items: start;
    column-gap: 40px;
    width: 100%;
    max-width: 733px;
    justify-content: space-between;
}
.method_main .method_box:not(:last-child) {
    margin-bottom: 10px;
}

.method_img img {
    width: 34px;
    height: 34px;
    display: block;
}

.method_ctn h3 {
    color: #1F1F1F;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 4px;
}
.method_box .method_img {
    width: 100%;
    max-width: 11.545%;
    flex: 0 0 11.545%;
    border-radius: 16px;
    background: #D9EAFF;
    padding: 23px;
}

.method_ctn p {
    color: #1F1F1F;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.688;
    width: 100%;
    max-width: 493px;
    margin: 0;
}
.method_box .method_ctn {
    width: 100%;
    max-width: 70.6%;
    flex: 0 0 70.6%;
}

.method_icon_right img {
    width: 10px;
    height: 11.15px;
    object-fit: contain;
    object-position: center center;
}

.method_icon_right a{
    padding: 13.5px 14.43px;
    border-radius: 10px;
    border: 1px solid #CECECE;
    background: #FFF;
    align-content: center;
    text-align: center;
}

.method_info .row {
    border-radius: 30px;
    overflow: hidden;
}

.method_right_img img {
    height: 100%;
    object-fit: cover;
    position: relative;
    margin: auto;
}
.method_right_img {
    height: 100%;
    background: #b8b8b8;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .method_info_main{
    padding-right: 20px;
  }
  .method_box{
    column-gap: 20px;
  }
}

@media only screen and (max-width: 1199px){
  .method_info_main{
        padding: 20px;
  }
  .method_box{
    column-gap: 0;
  }
  .method_box .method_img {
    padding: 16px;
  }
  .method_img img {
    width: 24px;
    height: 24px;
    margin: 0 auto;
  }
  .method_box .method_ctn {
    max-width: 66.6%;
    flex: 0 0 66.6%;
  }
  .method_heading h3{
    font-size: 26px;
  }
}

@media only screen and (max-width: 1024px){
  .method_box, .method_box .method_img{
    padding: 20px;
    border-radius: 12px;
  }
}

@media only screen and (max-width: 991px)
{
  /*.method_box .method_img {
    max-width: 13.545%;
    flex: 0 0 13.545%;
  }*/
  
  .method_box .method_ctn {
    max-width: 66.6%;
    flex: 0 0 66.6%;
  }
  
  .method_info_main{
    padding: 20px;
  }
}

@media only screen and (max-width: 767.98px){
  .method_right_img img {
    position: unset;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 373 / 250;
  }
  
  .method_info .row{
    border-radius: 16px;
  }
  
  .method_box .method_img {
    max-width: 60px;
    flex: 0 0 60px;
    height: 60px;
  }
  
  .method_heading p{
    font-size: 16px;
  }
  /*.method_info {
        padding-bottom: 10px;
    }*/
}

@media only screen and (max-width: 575px){
  .method_box {
    flex-direction: column;
    row-gap: 16px;
    position: relative;
  }

  /*.method_box .method_img {
      max-width: 13%;
      padding: 12px;
  }*/

  .method_box .method_ctn {
      max-width: 100%;
  }
  
 /* .method_box .method_img {
    max-width: 14%;
    flex: 0 0 14%;
  }*/
  
  .method_heading h3{
    font-size: 24px;
    margin-bottom: 10px;
  }
  .method_icon_right {
    position: absolute;
    right: 20px;
}
}

/*@media only screen and (max-width: 480px){
  .method_box .method_img {
    max-width: 24%;
    padding: 12px;
    flex: 0 0 24%;
  }
}*/



/* A+ Products */

.products_main > .products_title > h2 {
    color: #1F1F1F;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

.products_main {
    padding: 40px 60px 60px;
}

.products_main > .products_title > p {
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.705;
}

.products_main > .products_title > p > a {
    color: #0066DD;
    font-weight: 600;
    line-height: 1.705;
}

.products_main > .products_title > p:not(:last-child) {
  margin-bottom: 20px;
}

.products_main > .products_title > h2 {
    color: #1F1F1F;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

.products_main {
    padding: 40px 60px 60px;
}

.products_main > .products_title > p {
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.705;
}

.products_main > .products_title > p > a {
    color: #0066DD;
    font-weight: 600;
    line-height: 1.705;
    display: inline;
    vertical-align: top;
}

.bluetick_main {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 30px;
    border-radius: 20px;
    background: #F5FAFF;
    padding: 30px;
    margin-top: 60px;
}

.bluetick_main > p {
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 500;
}

.bluetick_img > img {
    width: 100%;
    max-width: 128px;
}

.bluetick_main > .bluetick_img {
    width: 100%;
    max-width: 11%;
    flex: 0 0 11%;
}

@media only screen and (max-width: 1199px){
  .product_infoproduct_info .row {
    border-radius: 18px;
  }
}

@media only screen and (max-width: 1024px){
  .products_main {
      padding: 24px;
  }
  
  .products_main > .products_title > h2 {
      font-size: 24px;
      margin-bottom: 20px;
  }

  .products_main > .products_title > p {
      font-size: 16px;
  }
  
  .bluetick_main > p{
    font-size: 16px;
  }
  
  .bluetick_main{
    margin-top: 30px;
  }
}

@media only screen and (max-width: 991px)
{
  .products_main, .bluetick_main{
    padding: 20px;
  }
  .bluetick_main{
    margin-top: 22px;
  }
}


@media only screen and (max-width: 767px){
  /*.products_main > .products_title > h2{
    font-size: 20px;
  }*/
  .product_info .row {
    border-radius: 16px;
  }
  .products_main > .products_title > p:not(:last-child) {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 650px){
  .bluetick_main {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .bluetick_main > .bluetick_img {
    width: 100%;
    max-width: 60px;
    flex: 0 0 60px;
}
}

/* product_serum_sec CSS START */

.product_serum_main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
.product_serum_sec .row {
    margin: 0px;
}
.product_serum_main > div {
    width: 100%;
    max-width: calc(50% - 10px);
    flex: 0 0 50%;
    border-radius: 30px;
    background: #D5EAFF;
    display: flex;
    height: 100%;
   /* align-items: center;
    justify-content: space-between;*/
    overflow: hidden;
    column-gap: 15px;
}

.product_info_ctn {
    padding-right: 30px;
    width: 100%;
    padding-top: 50px;
}

.product_main_box > .product_box_img {
    width: 100%;
    max-width: 38.9%;
    flex: 0 0 38.9%;
    background: #fff;
    aspect-ratio: 1 / 1;
    align-content: center;
    height: 100%;
}

.product_main_box > .product_box_img > img {
    margin: 0 auto;
}

.product_main_box > .product_info_ctn > h3 {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.product_main_box > .product_ifnfo_ctn {
    padding: 0 30px 0 20px;
}

.product_main_box .product_info_ctn > ul li {
    color: #1F1F1F;
    font-variant-numeric: stacked-fractions;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.688;
    position: relative;
    width: 100%;
/*    max-width: 332px;*/
    padding-left: 34px;
}

.product_main_box .product_info_ctn > ul li:not(:last-child) {
    margin-bottom: 4px;
}

/*.product_main_box .product_info_ctn > ul {
    padding-left: 34px;
}*/

.product_main_box .product_info_ctn > ul li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #0066DD;
    border-radius: 50%;
    top: 9px;
    left: 10px;
}

@media only screen and (min-width: 1200px)
{
  .product_main_box.hair_loss {
    height: 308px;
  }
.product_main_box.hair_growth {
    height: 354px;
  }
}

@media only screen and (max-width: 1199.98px){
  .product_serum_main > div{
    column-gap: 12px;
    flex-direction: column;
    row-gap: 20px;
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
  }
  .product_main_box .product_info_ctn > ul li{
    max-width: 100%;
  }
  .product_main_box > .product_info_ctn > h3{
    font-size: 18px;
  }
  .product_info_ctn {
    padding: 0px 20px 20px 20px;
    width: 100%;
  }
  .product_main_box > .product_box_img {
    aspect-ratio: auto;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    background: #fff;
    padding: 12px;
  }
  .product_main_box > .product_info_ctn > h3{
    text-align: left;
  }
  /*.product_main_box .product_info_ctn > ul {
    padding-left: 14px;
  }*/
  .product_serum_main {
    flex-direction: column;
  }
}

/* Contact page CSS START */

.contact_bg_img {
    padding: 51px 45px 0;
    background-image: url(http://trichology.myarchivebundle.com/wp-content/uploads/2025/03/contact-bg-img.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.contact_ctn > .contact_icon {
    width: 100%;
    max-width: 80px;
    height: 80px;
    align-content: center;
    background: #D9EAFF;
    border-radius: 16px;
    margin-bottom: 30px;
}

.contact_ctn > .contact_icon > img {
    margin: 0 auto;
}

.contact_heading h2 {
    color: #1F1F1F;
    text-align: left;
    font-size: 28px;
    margin-bottom: 4px;
    font-weight: 600;
    line-height: 1.5;
}

.contact_heading > p {
    color: #737373;
    font-size: 18px;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    max-width: 536px;
}

.contact_heading {
    margin-bottom: 30px;
}

form .name_main {
    display: flex;
    align-items: start;
    justify-content: start;
    column-gap: 10px;
    margin-bottom: 20px;
}

form .name_main > p > label, form .next_field > p > label, .contact_form_main .hbspt-form fieldset .hs-form-field > label {
    color: #737373;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
    text-transform: uppercase;
}

form .name_main > p > label > span > input, form .next_field > p > label > span > input, .contact_form_main .hbspt-form input:not([type="submit"]) {
    color: #737373 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 12.5px 20px;
    border-radius: 100px;
    border: 1px solid rgba(192, 192, 192, 0.80);
    background: #FFF;
    margin-top: 5px;
    margin-right: auto;
    outline: none;
}
body .contact_form_main .hbspt-form .hs-input:not([type="submit"]) {
  width: 100% !important;
}
.contact_form_main .hbspt-form fieldset {
    max-width: 100%;
}
.contact_form_main .hbspt-form fieldset .hs-form-field {
    margin-bottom: 20px;
}
.contact_form_main .hbspt-form .hs-error-msgs label {
    color: red;
    font-size: 13px;
    width: 100%;
        position: absolute;
}
form .name_main > p > label > span > input {
    width: 100%;
    max-width: 263px;
/*    margin-bottom: 20px; */
}

form .name_main > p {
    margin: 0;
}

form .next_field > p > label > span > input {
    max-width: 100% !important;
    width: 100%;
}

form .next_field > p > label {
    width: 100%;
    max-width: 536px;
}

.next_field > p:not(:last-child) {
    margin-bottom: 20px;
}

.next_field > p:not(:last-child) {
    margin-bottom: 20px;
}

form .next_field > p > label > span > textarea, body .contact_form_main .hbspt-form textarea {
    color: #737373;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid rgba(192, 192, 192, 0.80);
    background: #FFF;
    padding: 10px;
    outline: none;
    margin-top: 5px;
    resize: none;
    max-height: 149px;
    height: 100%;
}
body .contact_form_main .hbspt-form textarea {
    height: 10em;
}
.contact_form_sec input.form_submit, .contact_form_main .hbspt-form .hs-button {
    width: 100%;
    border-radius: 100px;
    background: #06D !important;
    padding: 15px 30px !important;
    transition: all .5s;
    margin-top: 30px;
    color: #FFF !important;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
}
.contact_form_main .hbspt-form .hs-button {
    margin-top: 0px;
}
.contact_form_sec .white_box_row {
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
}
.contact_form_sec input.form_submit:hover, .contact_form_main .hbspt-form .hs-button:hover {
    background: #fff !important;
    border: 1px solid #000;
    color: #1F1F1F !important;
}
body .contact_form_sec .sent .wpcf7-response-output {
    display: block !important;
}
body .contact_form_sec .wpcf7-response-output {
  bottom: 0;
  width: 100%;
}
.contact_form_sec .wpcf7 form.invalid .wpcf7-response-output {
    margin-top: 0px !important;
}
.contact_social_icon_main > .find_us_title > h4 {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

.contact_social_icon_main .contact_info_title h4 {
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

.contact_social_icon_main > .find_us_title {
    border-radius: 20px;
    background: #FFF;
    padding: 20px 20px 40px;
    margin-bottom: 20px;
}

.contact_social_icon > a > img {
    width: 27px;
    display: block;
}

.contact_social_icon {
    display: flex;
    align-items: center;
    column-gap: 10px;
    width: fit-content;
    margin-right: auto;
}

.contact_info {
    padding: 20px 20px 40px 20px;
    border-radius: 20px;
    background: #FFF;
}

.contact_info_ctn > ul > li > a, .contact_info_detail {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 20px;
    color: #737373;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px 0;
}

.contact_form_sec  .contact_form_main > div > form {
    position: relative;
}

.contact_info_ctn > ul > li:not(:last-child) {
    margin-bottom: 10px;
}

.contact_us_inquiries {
    padding: 51px 60px 40px 60px !important;
}

@media only screen and (min-width: 992px){
  .contact_form_sec .row {
    overflow: hidden;
    border-radius: 30px;
  }
}

@media only screen and (max-width: 1299px){
  .contact_info_ctn > ul > li > a{
      column-gap: 12px;
  }
  .contact_us_inquiries{
    padding: 51px 40px 40px 40px !important;
  }
  .contact_bg_img{
      padding: 51px 40px 0;
  }
}

@media only screen and (min-width: 767.5px) and (max-width: 991px){
  form .name_main {
      display: block; 
    }
}

@media only screen and (min-width: 768.5px) and (max-width: 1024px){
  body .contact_form_sec .wpcf7-response-output {
      bottom: -13px;
      width: 100%;
      text-align: center;
  }
}

@media only screen and (max-width: 1024px){
  .contact_form_sec .row {
      overflow: hidden;
      border-radius: 18px;
    }
  .contact_us_inquiries {
    padding: 28px 28px 40px 28px !important;
  }
  .contact_ctn > .contact_icon {
    max-width: 70px;
    height: 70px;
    margin-bottom: 16px;
  }
  .contact_bg_img {
    padding: 28px 28px 0;
  }
  .contact_social_icon_main > .find_us_title, .contact_info {
    border-radius: 18px;
    padding: 16px;
  }
}

@media only screen and (max-width: 991px){

  form .name_main > p > label > span > input {
      max-width: 100%;
  }

  form .name_main > p:not(:last-child) {
      margin-bottom: 20px;
  }
  .contact_heading h2 {
    font-size: 22px;
  }
  .contact_form_main .hbspt-form fieldset.form-columns-2 .hs-form-field {
      width: 100%;
  }
}

@media only screen and (max-width: 767px){
  .contact_heading > p{
    font-size: 16px;
  }
  .contact_bg_img {
    padding: 16px;
  }
  form .name_main > p:not(:last-child){
    margin: 0;
  }
  form .next_field > p > label{
    max-width: 100%;
  }
  .contact_us_inquiries {
    padding: 16px 16px 40px 16px !important;
  }
  body .contact_form_sec .sent .wpcf7-response-output {
    display: block !important;
    font-size: 14px;
    text-align: center;
    bottom: 0%;
    width: 100%;
  }
  .contact_form_sec input.form_submit {
    margin-top: 16px;
  }
  body .contact_form_sec .wpcf7-response-output{
    text-align: center;
  }
}

@media only screen and (max-width: 575px){
  form .name_main {
    display: block;
  }
  form .name_main > p > label{
    width: 100%;
  }
  form .name_main > p:not(:last-child) {
        margin: inherit;
  }
  body .contact_form_sec .wpcf7-response-output{
    bottom: -10px !important;
  }
}



/*============================================
= Start Blog single page Css
=============================================*/


.single-post .post-categories {
    color: var(--blue_color);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}
.single-post .entry-content h3, .single-post .entry-content h2 {
    margin-top: 40px;
}
.single-post .site-content {
  border-radius: 30px;
  background: var(--white);
  margin-top: 20px;
  margin-bottom: 40px;
}
.single-post .site-content .site-main {
  margin: 0px;
  padding: 15px;
}
.single-post.separate-containers .inside-left-sidebar,
.single-post.separate-containers .inside-right-sidebar {
  margin-top: 0px;
  margin-bottom: 0px;
}
.single-post.separate-containers .inside-article {
  padding: 0px;
}
.featured-image img {
    max-height: 450px;
    width: 100%;
    object-fit: cover;
}
.reference-sup {
    font-weight: 700;
    line-height: 1.7;
    color: var(--blue_color);
}
.entry-content ul {
    margin-bottom: 20px;
}
.entry-content ul > li {
    font-size: 18px;
    line-height: 1.7em;
    position: relative;
}
.entry-content ul > li:not(:last-child) {
    margin-bottom: 20px;
}
.entry-content ul > li {
    padding-left: 34px;
}
.entry-content ul > li:before {
    position: absolute;
    content: "";
    left: 10px;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
    background: var(--blue_color);
    border-radius: 50px;
}
.entry-content ul >li[style*="list-style-type: none;"]::before {
   content: none !important;
}
.entry-content a {
    color: var(--blue_color);
    font-weight: 600;
}
.entry-content ol {
    margin-left: 0px;
    list-style: none;
    counter-reset: list-counter;
    margin-bottom: 20px;
}
.entry-content ol > li {
    padding-left: 25px;
    position: relative;
    counter-increment: list-counter;
    line-height: 1.5;
    font-size: 18px;
}
.entry-content ol > li:not(:last-child){
    margin-bottom: 6px;
}
.entry-content ol > li:before {
    content: counter(list-counter) ". "; /* Add number before */
    font-weight: 500;
    position: absolute;
    left: 0;
    color: var(--blue_color);
}
.entry-content ol > li a {
    font-weight: 500;
}
.ol_li_li:before {
    display: none;
}
footer.entry-meta {
    display: none;
}
@media only screen and (min-width: 1401px) {
  .single-post .site-content {
    margin-bottom: 120px;
  }
  .single-post .site-content .site-main {
    margin: 0px;
    padding: 40px 120px 40px 80px;
  }
  .site-content .content-area {
      width: 74.11%;
  }
}
@media only screen and (max-width: 1199.98px) {
  .entry-content ul li, .entry-content ol li, .entry-content p {
      font-size: 16px;
  }
  .single-post .entry-content h3, .single-post .entry-content h2 {
      margin-top: 30px;
  }
}
@media only screen and (max-width: 768.98px) {
  .single-post .site-content .site-main {
    padding: 0;
  }
}
/*------------------ sidebar css ------------------*/
.entry-content ol li a {
    word-wrap: break-word;
    word-break: break-word;
}
.is-right-sidebar {
    padding: 40px 30px 40px 10px;
  }
.inside-right-sidebar .sidebar_title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    color: #131A22;
    margin-bottom: 0px;
}
.sidebar_author_box {
    display: flex;
    gap: 20px;
    align-items: center;
}
.sidebar_author_box .Author_img {
    max-width: 60px;
    width: 100%;
    height: 60px;
}
.sidebar_author_box .Author_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
}
.author_detail p span {
    font-weight: 600;
    color: var(--blue_color);
}
.author_detail p {
    margin-bottom: 0px;
    color: var(--body_txt);
    font-size: 16px;
}
.sidebar_author_box {
    padding: 20px 10px 20px 10px;
    border-bottom: 6px solid var(--body_txt);
}
.sidebar_toc_main {
    margin-top: 30px;
    gap: 20px;
    display: flex;
    flex-direction: column;
}
ol#dynamic-toc li:not(:last-child) {
    margin-bottom: 15px;
}
ol#dynamic-toc li {
    padding-left: 30px;
    position: relative;
    counter-increment: list-counter;
    line-height: 1.5;
    font-weight: 500;
    color: var(--blue_color);
}
ol#dynamic-toc li:before {
    content: counter(list-counter) ". ";
    font-weight: 500;
    position: absolute;
    left: 0;
    color: var(--blue_color);
}
.toc_sidebar {
    padding-bottom: 30px;
}
.inside-right-sidebar .aside_box {
    border-top: 1px solid #CECECE;
    display: flex;
    padding: 30px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.big_img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 122px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    bottom: 0;
}
.big_img, .big_img_box {
    position: relative;
}
.big_caption img {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    right: 23px;
}
.big_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.inside-right-sidebar .big_img_content .default-btn {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.big_img_content {
    text-align: center;
}
.big_img_content h5 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 4px;
}
.big_img_content p {
    opacity: 0.6;
}
.blog_list_main_row .single_content .trending_box {
    max-width: 88px;
    width: 100%;
}
.blog_list_main_row .single_content {
    gap: 10px;
}
.blog_list_main_row .single_content .post_content h4 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
}
.blog_list_main_row .single_content_main:not(:last-child) {
    border-bottom: 1px solid rgba(31, 31, 31, 0.10);
}
.blog_list_main_row .single_content_main {
    padding: 10px 0px;
}
.blog_list_main_row .single_content .trending_box img {
    max-width: 88px;
    width: 100%;
    aspect-ratio: 88 / 66;
    object-fit: cover;
    object-position: center;
}
@media only screen and (min-width: 1401px) {
  .is-right-sidebar {
      width: 25.89%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
  .sidebar_author_box .Author_img {
      max-width: 50px;
      width: 100%;
      height: 50px;
  }
  .sidebar_author_box {
      gap: 10px;
  }
  .author_detail p {
      font-size: 13px;
  }
  .sidebar_author_box {
    padding: 20px 0px 20px 0px;
  }
  .inside-right-sidebar .sidebar_title {
      font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .blog_list_main_row .single_content .post_content h4 {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .is-right-sidebar {
      padding: 15px;
  }
}
/*============================================
= End Blog single page Css
=============================================*/
/*============================================
= Start Blog single page Css
=============================================*/
.page-header .page-title {
    font-size: 40px;
}
.search .site-content {
    border-radius: 30px;
    background: var(--white);
    margin-top: 20px;
    margin-bottom: 40px;
}
.search-results .post-image {
    display: none !important;
}
.search article {
    margin: 20px;
}
.search .inside-article {
    background: #f3f8ff !important;
}
.search .entry-summary:not(:first-child) {
    margin-top: 1em;
}
@media only screen and (min-width: 1401px) {
    .search .site-content {
        margin-bottom: 120px;
    }
}
@media only screen and (max-width: 1199.98px) {
  .search .site-main {
    margin: 0px;
  }
}
@media only screen and (max-width: 767.98px) {
  .search .page-header, .search .inside-article{
      padding: 15px;
  }
  .page-header .page-title {
      font-size: 30px;
  }
  
}
/*============================================
= End Blog single page Css
=============================================*/
/*============================================
= Start search page Css
=============================================*/
.search .search-result {
    background: #f3f8ff;
    padding: 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgb(0 102 221 / 18%);
    position: relative;
}
.search .page-header {
    padding: 20px 20px 0px 20px;
}
.search .search-result h2 {
    font-size: 25px;
}
.search .page-header .page-title {
    font-size: 35px;
}
.search .search_description a {
    display: none;
}
.search .search-result .read-more {
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    color: var(--blue_color);
}
.search .search-result .read-more:hover {
  color: var(--body_txt);
}
.search_description {
    opacity: 0.6;
}
@media only screen and (max-width: 767.98px) {
  .search .page-header .page-title {
      font-size: 28px;
  }
  .search .search-result h2 {
    font-size: 20px;
}
  
}
/*============================================
= End search page Css
=============================================*/

/*Trichology vs dermatology Page CSS*/
.pdding_top_80 {
  padding-top: 80px;
}
body.page-id-631 .About_img_box_main img {
  aspect-ratio: 1232.00 / 432;
  height: auto;
  width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767.98px) {
    body.page-id-631 section.search-section {
      display: none;
    }
    body.page-id-631 .section_padding {
      padding: 30px 0;
    }
    body.page-id-631 .white_box_row {
        padding: 30px 0px;
    }
    .pdding_top_80 {
      padding-top: 40px;
    }
    body.page-id-631 .About_img_box_main {
      padding: 40px 0px;
      margin-left: -8px;
      margin-right: -8px;
    }
    .mobile_inner_space {
      padding-left: 20px;
      padding-right: 20px;
    }
    .page-id-631 h3.h3_title {
      margin-bottom: 20px;
    }
    .page-id-631 .about_section .mobile_inner_space {
      padding-left: 12px;
      padding-right: 12px;
    }
    body.page-id-631 .About_img_box_main img {
      aspect-ratio: 373 / 249 !important;
    }
}
/*Trichology vs dermatology Page CSS End*/



/*Trichology explained section CSS*/

.trichology_explained .method_img {
  background: #fff;
}
p.font_600 {
  font-weight: 600;
  opacity: 0.6;
}
/*section.trichology_explained {
  padding: 140px 0;
}*/
.max-with-content {
  max-width: 1196px;
  margin: 0 auto;
}
@media only screen and (max-width: 767.98px) {
  section.trichology_explained {
    padding: 60px 30px 75px;
  }
  body h2 {
    font-size: 24px;
    font-weight: 700;
  }
  p.font_600 {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  section.trichology_explained {
    padding: 60px 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  section.trichology_explained {
    padding: 70px 30px;
  }
}
/*Trichology explained section CSS End*/


/*william-gaunitz-wts page css*/
.top_section_btns a {
  border-radius: 100px;
  color: #fff;
  padding: 13px 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;
}
a.fill_btn {
  border: 2px solid var(--blue_color);
  background: var(--blue_color);
}
a.border_btn {
  border: 2px solid var(--blue_color);
  background: transparent;
  color: var(--blue_color);
}
.top_section_btns {
  gap: 15px;
}
a.fill_btn:hover {
  background: transparent;
  color: var(--blue_color);
}
a.border_btn:hover {
  background: var(--blue_color);
  color: #fff;
}
.backgound_content {
  flex-flow: column;
  gap: 40px;
}
body.page-id-635 .history_img img{
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .top_section_btns {
    flex-flow: column;
    gap: 10px;
  }
  .top_section_btns a {
    width: 100%;
    text-align: center;
  }
  body.page-id-635 .history_col {
      padding: 20px 20px 30px 20px !important;
  }
  .backgound_content {
    gap: 40px;
  }
  body.page-id-635 .backgound_main .h3_title {
      margin-bottom: 20px;
  }
  /*.top_section_btns a {
    padding: 8px 25px;
  }*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
  .white_box_row {
    padding: 40px 30px;
  }
  .backgound_content {
    gap: 20px;
  }
  /*.top_section_btns a {
    padding: 8px 25px;
  }*/
}
/*william-gaunitz-wts page css end*/



/*Search section css*/
.search-wrapper {
  background: var(--white);
  border-radius: 100px;
}

.input-group {
  width: 100%;
}

span.icon-search {
  color: #8D8D8D;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
}

section.search-section {
  padding-top: 40px;
  padding-bottom: 20px;
}
.search-section .row {
  margin: 0px;
}
.page-template-trichology .search-section {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  section.search-section {
      padding-top: 20px;
      padding-bottom: 20px;
  }
  .page-template-trichology .search-section {
      padding-bottom: 40px;
      display: none;
  }    
}
/*Search section css End*/

/*What is Trichology section css*/
p.img_info {
  color: #1F1F1F;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 27.2px;
  opacity: 0.6;
  margin-top: 10px;
}

.right_content {
  padding-left: 54px;
}

.left_content {
  padding-right: 40px;
}

.trichologist_col {
  padding-top: 40px;
}

.trichologist_col a {
  color: #0066DD;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
}
.trichologist_col h3{
  color: #1F1F1F;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

@media only screen and (max-width: 767px) {
  .left_content {
      padding-right: 0;
  }
  .right_content {
      padding-left: 0;
      padding-top: 25px;
  }
  p.img_info {
      font-size: 14px;
      line-height: 22.2px;
      text-align: left;
  }
  .trichologist_col h3 {
      font-size: 22px;
  }
  
  .trichology-section{
      padding-top: 10px;
  }
  .trichology-section .white_box_row {
      padding: 30px 8px;
  }
  .trichology-section .default_description p{
    opacity: .8;
  }
  .trichology-section  .default-btn_txt{
    width: 100%;
  }
  .trichology-section  .default-btn_txt .default-cta{
    font-size: 16px;
    justify-content: space-between;
  }
  .trichologist_col a{
    font-size: 16px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
  .left_content {
      padding-right: 20px;
  }
  .right_content {
      padding-left: 20px;
  }
  .trichology-section .white_box_row {
      padding: 40px 20px;
  }
}

/*What is Trichology section css end*/


/*World Trichology Society section CSS*/

.world_row {
  background: var(--white);
  border-radius: 30px;
  overflow: hidden;
  margin-left: 0px;
  margin-right: 0px;
}
.world_col1 {
  padding: 0 30px;
}

.world_col2 {
  padding: 0 60px 0 40px;
}

.margin_bottom_80 {
  margin-bottom: 80px;
}
.img_content_col  div.img_content_inner_col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .world_col1 {
      padding: 0;
      max-width: 135px;
      margin: 0 auto;
  }
  .world_col2 {
      padding: 40px 10px;
  }
  .margin_bottom_80 {
      margin-bottom: 30px;
  }
  .img_content_col  div.img_content_inner_col{
    flex-direction: row;
  }
  .img_content_inner_col h3{
    margin-top: 0 !important;
  }
  .page-template-training .trichology-section {
      overflow: hidden;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
  .world_col1 {
      padding: 0 15px;
  }
  .world_col2 {
      padding: 40px 20px;
  }
  .margin_bottom_80 {
      margin-bottom: 50px;
  }
}
/*World Trichology Society section css end*/


/*The Associate trichologist diploma section css end*/
.method_img {
  width: 100%;
  max-width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D9EAFF;
  border-radius: 16px;
}
h3.h3_title {
  margin-bottom: 8px;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
}
h4.h4_title {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30.6px;
  margin: 0;
}
.img_content_col {
  flex-flow: column;
  gap: 20px;
}

.syllabus_list_box {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.syllabus_col {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
.ul_content {
  border-radius: 20px;
  background: #F5FAFF;
  padding: 20px;
  height: 100%;
}
.ul_content ul li {
  position: relative;
  padding-left: 34px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.6px;
  color: #1F1F1F;
}
.ul_content ul li:not(:last-child){
  margin-bottom: 5px;
}
.ul_content ul li:after {
  position: absolute;
  content: "";
  left: 10px;
  top: 9px;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #0066DD;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .syllabus_list_box {
      margin-left: 0;
      margin-right: 0;
      gap: 20px;
  }
  .syllabus_col {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
  }
  h3.h3_title {
      font-size: 24px;
      line-height: 36px;
      font-weight: 600;
  }
  body .history_col {
      padding: 40px 10px !important;
  }
  .method_img {
    max-width: 60px;
    height: 60px;
  }
}
/*The Associate trichologist diploma section css end*/

/*History behind World Trichology Society section css end*/

.history_row {
  background: var(--white);
  border-radius: 30px;
  overflow: hidden;
  margin-left: 0px;
  margin-right: 0px;
}
.history_col {
  padding: 60px 70px 60px 50px;
}
.history_col p {
  margin-bottom: 20px;
}
span.color_change {
  color: #1F1F1F;
  font-weight: 600;
}
.world_col2 .default_description, .img_content_col .default_description {
  margin-top: 0;
}
.history-section .history_col h3.h3_title {
    margin-bottom: 0px;
}
.opacity_1 p {
  opacity: 1;
}

p.margin_space {
  margin-top: 40px;
}

.trichology-section .About_img_box_main {
  padding: 40px 0px;
}

.syllabus_col.divided_list {
  width: 100%;
}
/*.history_img, .history_img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}*/
.effective-btn {
    padding: 15px 0px;
}
@media only screen and (min-width: 768px) {
  .desktop_hide {
      display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .trichology-section .About_img_box_main {
      padding: 15px 0px;
  }
  p.margin_space {
      margin-top: 18px;
  }
  .history-section .contact_bg_img {
      padding: 40px 20px !important;
  }
  .history_row {
      border-radius: 10px;
  }
  .page-id-635 .history_img img {
      aspect-ratio: 373 / 250;
  }
  .history-section .h2_title {
      margin-bottom: 20px;
  }
  .page-template-3-growth-stimulants-template .side-by-img-content .side-img {
      margin-left: 0px;
  }
  .effective_mobile_img p {
      margin-bottom: 4.5px;
  }
  .mobile_hide {
      display: none;
  }
  .effective_mobile_img {
      margin-bottom: 20px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
  .history_col {
      padding: 40px 20px;
  }
  p.margin_space {
      margin-top: 18px;
  }
}
/*History behind World Trichology Society section css end*/

/*CTC section css */
.light_design .wpcf7 input[type="email"] {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: transparent;
  border-radius: 100px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  text-transform: capitalize;
  width: 100%;
}

.light_design input.wpcf7-submit {
  background: #ffffff;
  color: #0066dd;
  border: 2px solid #ffffff;
  padding: 9px 30px;
  border-radius: 100px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;

}

.light_design .wpcf7 form.invalid .wpcf7-response-output {
  margin-top: 16px !important;
}
.light_design span.wpcf7-spinner {
  position: absolute;
  right: -55px;
  top: 50%;
  transform: translatey(-50%);
  margin: 0;
}
.light_design .form_main  input::placeholder {
  color: #FFF;
  opacity: 1;   
  font-size: 14px;
}

.padding_60 {
  padding: 60px;
}

.light_design {
  margin-top: 40px;
}
.light_design input.wpcf7-submit:hover {
  border: 2px solid #ffffff;
  color: #fff;
  background: transparent;
}

/* .history_col .contact_form_main p {
  margin-bottom: 0;
} */
@media only screen and (max-width: 767px) {
  .form_main {
      overflow: hidden;
  }
  .padding_60 {
    padding: 30px 20px;
  }
}
/*CTC section css end*/

.inner_col {
  background: #fff;
  padding: 40px 60px;
  border-radius: 30px;
  height: 100%;
}

.img_content_col {
  height: 100%;
}
.inner_col h3.h3_title {
  margin: 0px 0px 20px 0px;
}

@media only screen and (max-width: 767px) {
  .inner_col {
      padding: 40px 20px;
  }
  .icon_text_main {
      margin-bottom: 20px;
  }
  .ul_content ul li {
      font-size: 16px;
      line-height: 25.6px;
  }
  .ul_content {
      padding: 10px 0;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
  .inner_col {
      padding: 40px 20px;
  }
  h3.h3_title {
      font-size: 22px;
      line-height: 28px;
  }
}

/*video-categorys page CSS*/

.video_box_img a {
    display: block;
  }
  .video_box_img a img {
    width: 100%;
  }
  .video_box_img {
    margin-bottom: 20px;
  }
  .video_content h4 a {
    font-size: 16px;
    line-height: 27.2px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  } 
  h2.bottom_space_h2 {
      margin-bottom: 40px;
  }
  .video_section .white_box_row {
      padding-bottom: 100px;
/*      margin-bottom: 100px;*/
  }
  .page-template-video-category .video_section .pagination-container {
    padding-top: 40px;
}
@media only screen and (max-width: 767.98px) {
  .video_row.row .col-lg-4.col-md-6.col-12.mb-4 {
      padding: 0px;
  }
  .page-template-video-category .video_section .white_box_row {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
  }
  .video_content_main {
      padding: 0px 20px;
  }
  .video_box_img {
      margin-bottom: 10px;
  }
}
@media only screen and (max-width: 567.98px) {
  .video_section .bottom_space_h2 {
      text-align: center;
  }
  
}
  /*video-categorys page CSS end*/
  
/*video-categorys single page CSS*/

  body.single-video-category h1 {
    color: #1F1F1F;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 40.8px;
    margin-bottom: 20px !important;
  }
body.single-video-category .video-featured-image img {
    width: 100%;
}
.video-single-post-main {
    border-radius: 30px;
    background: #FFF;
    padding: 40px 60px 100px 60px;
    margin-bottom: 100px;
    display: flex;
}
.video_content {
    width: 75%;
}
.video-sidebar {
    width: 25%;
    padding-left: 40px;
}
body.single-video-category .video-single-post-main ul li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 20px;
    display: block;
}
body.single-video-category .video-single-post-main ul li:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #0066DD;
    background-repeat: no-repeat;
    background-size: contain;
}
body.single-video-category .video-single-post-main ul li a {
    color: #06D;
    font-weight: 600;
    display: inline;
}
body.single-video-category h4 {
    color: #000;
    font-weight: 700;
    line-height: 34px;
    font-style: normal;
}
body.single-video-category h3 {
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 20px;
}
/* body.single-video-category h4 + p {
    margin-bottom: 0px;
} */
body.single-video-category h4 + ul {
   margin-bottom: 20px;
}
body.single-video-category .video-single-post-main h4:has(+ ul) {
    margin-bottom: 20px;
}
a.title_link {
    overflow: hidden;
    color: #1F1F1F;
    text-overflow: ellipsis;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27.2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}
.video-sidebar-item p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #565656;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.4px;
}
.video-sidebar-item:not(:last-child) {
    margin-bottom: 30px; 
}
.video-sidebar-item a img {
    width: 100%;
    margin-bottom: 10px;
/*     height: 195px; */
    object-fit: cover;
}
.video_featured_img a {
    display: block;
}
.video-featured-image {
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .video-single-post-main {
    border-radius: 10px;
    background: transparent;
    padding: 0px;
    margin-bottom: 30px;
    flex-flow: column;
  }
  .video_content {
        width: 100%;
        background: #fff;
        padding-bottom: 20px;
    }
  .video-sidebar {
      width: 100%;
      padding-left: 0;
      background: #fff;
  }
  .single-video-category .container.grid-container, .single-video-category .site-content .container {
      padding: 0px;
  }
  .single-video-category .post_content {
      padding: 0px 20px;
      font-size: 14px;
      line-height: 1.7;
  }
  .single-video-category h1 {
      padding: 0px 20px;
      color: #0066DD !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 20px !important;
      line-height: 1.7 !important;
  }
  .see-all-content .read-more-scroll {
      border: 1px solid #CECECE;
      padding: 10px;
      border-radius: 10px;
  }
  .single-video-category .video-sidebar .title_link, .single-video-category .video-sidebar .video-sidebar-item p {
      padding: 0px 20px;
  }
  .video-sidebar-item {
      margin-bottom: 30px !important;
  }
  body.single-video-category h4 {
      line-height: 14px;
      font-size: 16px;
  }
}
/*video-categorys single page CSS end*/


/*3 Reasons For Hair Loss page CSS Start*/
.author-box {
  border-radius: 20px;
  background-color: #F5FAFF;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  margin: 20px 0;
  gap: 20px;
}
.author-img {
  max-width: 80px;
  width: 100%;
  overflow: hidden;
}
.author-img img{
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
}
.author-content {
  width: 100%;
}
.author-content > p {
  font-size: 18px;
  position: relative;
  display: inline;
}
.author-content > p:before, .author-content > p:after {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(/wp-content/uploads/2025/04/quote-icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.author-content > p:before{
  margin-right: 10px;
}
.author-content > p:after {
  transform: rotate(180deg);
  margin-left: 10px;
}
.author-detail{
  margin-top: 10px;
}
@media only screen and (max-width: 991px){
  .author-box{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@media only screen and (max-width: 767px){
  .author-content > p {
    font-size: 16px;
  }
  .author-content > p:after {
      top: 0;
      right: -15px;
  }
  .author-content > p:before, .author-content > p:after {
      position: absolute;
  }
  .author-content {
      position: relative;
  }
  .author-content > p:before {
      left: -15px;
  }
  
}
@media only screen and (max-width: 567px){
  .author-content > p {
    font-size: 16px;
  }
  .author-content > p {
       max-width: 244px; 
      width: 100%;
      display: block;
      margin: auto;
  }
}
.side-by-img-content {
  display: flex;
  gap: 6.5%;
}
.page-template-3-reasons-for-hair-loss .side-img {
  max-width: 118px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}
.page-template-3-growth-stimulants-template .side-img {
  max-width: 300px;
  width: 100%;
}
@media only screen and (min-width: 768px){
  .page-template-3-growth-stimulants-template .side-content{
    max-width: calc(100% - 30px - 6.5%);
    width: 100%;
  }
}
.side-img p{
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.side-section-saperater {
  background-color: #1F1F1F;
  opacity: 0.2;
}
@media only screen and (max-width: 767.98px){
  .side-by-img-content {
      flex-direction: column;
      gap: 20px;
  }
  .side-img {
      margin: auto;
  }
  .page-template-3-reasons-for-hair-loss .side-img{
    max-width: fit-content;
  }
  .first_side_by_img {
      border-top: 1px solid rgb(31 31 31 / 20%);
  }
  /*.trichology-section.margin_bottom_80 {
      margin-bottom: 0px;
  }*/
  .last_side_by_img{
    padding-bottom: 0px;
  }

}
.effective-btn {
  display: flex;
  gap: 10px;
  color: var(--blue_color);
  font-weight: 600;
}
.effective-btn img{
  transition: all .5s;
}
.effective-btn:hover img{
  filter: brightness(0);
}
/*3 Reasons For Hair Loss page CSS end*/


/*----------------------- customize css -------------------- */


.see-all-content {
    height: inherit;
    position: relative;
    transition: all 0.4s;
}
.post-description .read-more {
    display: flex;
    font-weight: 600;
    color: #06D;
    line-height: 1.6;
    transition: all .3s;
      gap: 10px;
}
 .post-description .scrollbar-active {
    max-height: 150px !important;
    overflow-y: scroll;
}
.post-description p {
    display: inline-block;
      padding-right: 10px;
}
.post-description .more-text {
    display: none;
}
.post-description {
    margin-bottom: 20px;
}

.video_main iframe, body.single-post iframe {
  width: 100%;
  aspect-ratio: 16/9;
    height: auto;
}
.video_main {
  margin-bottom: 10px;
}
.video_content p a {
    color: var(--accent);
    font-weight: 600;
}
.pagination-container .main_list_ul li.prev a img {
    transform: rotate(184deg);
}
.trichology_explained .default-btn_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px){
      .video-single-post-main {
        padding: 40px 20px 50px 20px;
        margin-bottom: 50px;
  }
  .video-sidebar {
    width: 30%;
    padding-left: 30px;
}
  .video_content {
    width: 70%;
}
    }

.for_mobile_post {
    display: none;
}

@media screen and (max-width: 767px) {
  .for_mobile_post {
    display: block;
}
  body.single-post {
    background-color: #ffffff;
}
  body.single-post .container{
        padding: 0 20px;
}
  .entry-content.post_content_main_single {
    margin-top: 40px;
}
  .single-post .site-content {
    margin-top: 40px;
}
body.single-post .entry-title {
      font-size: 24px;
  }
.is-right-sidebar {
  padding: 0 !important;
}
  .sidebar_author_box {
    display: none;
}
  .inside-right-sidebar .aside_box {
    padding: 30px 0;
}
.video_content p a {
    word-break: break-all;
}
}


/* Hunspot form CSS */
.my-custom-form-wrapper {
    max-width: 462px;
    margin: 0 auto;
  position: relative;
}
.my-custom-form-wrapper .hs-form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.my-custom-form-wrapper input[type="email"] {
  border-radius: 100px;
  border: 1px solid #06d;
  padding: 11px 20px;
  color: #06d;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.5px;
  width: 296px;
}

.my-custom-form-wrapper input[type="submit"] {
  border-radius: 100px;
  background: #06d;
  color: #fff;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;
  border: 2px solid #06d;
  padding: 10px 30px;
  margin-left: 10px;
}

.my-custom-form-wrapper input[type="submit"]:hover {
  border: 2px solid #06d;
  color: #06d;
  background: transparent;
}

.my-custom-form-wrapper .hs_email,
.my-custom-form-wrapper .hs_submit {
  display: inline-block;
  vertical-align: middle;
}

.my-custom-form-wrapper .hs-form > .hs-form-field {
  margin: 0;
  display: inline-block;
}
.my-custom-form-wrapper .hs-form label {
    display: none;
  }
.my-custom-form-wrapper input::placeholder {
  color: #06d; 
  opacity: 1;     
}

.my-custom-form-wrapper input::-webkit-input-placeholder {
  color: #06d;
}
label.hs-main-font-element {
    display: block !important;
    text-align: left;
}
.hs_error_rollup {
    position: absolute;
    width: 100%;
    bottom: -20px;
}
.hs_error_rollup label.hs-main-font-element {
    border: 1px solid red;
    padding: 2px 6px;
}
.CTA_section .hs_error_rollup label.hs-main-font-element {
  border-color: #ffffff;
}
.my-custom-form-wrapper .hs-error-msgs {
  color: red;
  font-size: 13px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.light_design .my-custom-form-wrapper input[type="email"] {
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
  background: transparent;
}
.light_design .my-custom-form-wrapper input::-webkit-input-placeholder {
  color: #fff;
}
.light_design .my-custom-form-wrapper input[type="submit"]{
  background: #ffffff;
    color: #0066dd;
    border: 2px solid #ffffff;
}
.light_design .my-custom-form-wrapper input[type="submit"]:hover{
  border: 2px solid #ffffff;
    color: #fff;
    background: transparent;
}

@media only screen and (max-width: 767px) {
  .my-custom-form-wrapper .hs-form > .hs-form-field {
    display: block;
  }
  .my-custom-form-wrapper .hs_email, .my-custom-form-wrapper .hs_submit {
    display: block;
    margin-left: 0;
  }
  .my-custom-form-wrapper {
    max-width: 350px;
  }
  .my-custom-form-wrapper input[type="submit"] {
        width: 100%;
    margin-top: 18px;
    margin-left: 0;
    }
  .my-custom-form-wrapper input[type="email"] {
    width: 100%;
  }
  .my-custom-form-wrapper .hs-error-msgs {
    font-size: 12px;
    top: auto;
  }
  label.hs-error-msg.hs-main-font-element {
    margin-top: 0;
  }
  label.hs-main-font-element {
    position: absolute;
    margin-top: -15px;
  }
}
@media only screen and (max-width: 1024px) {
  .my-custom-form-wrapper input[type="submit"] {
      font-size: 16px;
    line-height: 24px;
  }
}
body.page-id-16940 h3.h3_title a{
    color: #0066dd;
}
@media only screen and (max-width: 767px) {
    body.page-id-16940 .trichology-section .default-btn_txt .default-cta {
        justify-content: flex-start;
    }
}


/* What is Androgenetic Alopecia page */

.mt-20{
  margin-top: 20px;
}
.video_iframe {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}
.video_iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.default_description_links p a, .default_description_links li a {
  color: #0066dd;
  display: inline;
}
.default_description_links p a:hover, .default_description_links li a:hover {
  color: #dcaa01;
}
.product_box {
    background: #f3f8ff;
    padding: 40px 20px;
    border-radius: 10px;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.default_description ul li {
    position: relative;
    padding-left: 34px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.6px;
    color: #1F1F1F;
}
.default_description ul li:before {
    position: absolute;
    content: "";
    left: 10px;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #0066DD;
    background-repeat: no-repeat;
    background-size: contain;
}
.default_description p:has(~ ul), .default_description ul li:not(:last-child) {
    margin-bottom: 20px;
}
.product_box .default-btn {
    margin-top: 20px !important;
}
@media only screen and (max-width: 767px) {
    .default_description ul li {
      font-size: 16px;
  }
}
/*----------------------- directory page css -------------------- */
.directory_banner .banner-content {
    margin: 0 auto;
}
.directory_banner .banner-content h1 {
    max-width: 100%;
}
.directory_banner a.default-cta, .price_bottom_data a.default-cta{
    color: var(--white) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding: 13px 30px;
    border-radius: 50px;
    background: var(--blue_color);
    border: 2px solid var(--blue_color);
    text-align: center;
    transition: all 0.3s ease 0s;
    width: fit-content;
}
.directory_banner a.default-cta:hover, .directory_banner a.default-cta:focus, .price_bottom_data a.default-cta:hover, .price_bottom_data a.default-cta:focus {
    background-color: transparent !important;
    color: var(--blue_color) !important;
}
.directory_banner .banner_btns {
    margin-top: 80px;
}
.directory_banner .banner-content p {
    max-width: 720px;
    margin: 0 auto;
}
.directory_banner .banner_btns p {
    opacity: 0.7;
    margin-top: 10px !important;
}
.directory_banner .banner_section {
    padding-bottom: 190px;
}
body.page-id-17111 .max-with-content {
    max-width: 1272px;
    margin: 0 auto;
}
.consultation_title {
    margin-bottom: 30px;
}
body.page-id-17111 .service_box {
    display: block;
}
body.page-id-17111 .service_content{
  margin-top: 30px;
}
a.find-a-trichologist {
    border-radius: 100px;
    background: #FFF;
    padding: 14px 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    color: #06D;
    border: 2px solid #FFF;
}
a.find-a-trichologist:hover {
    background: transparent;
    color: #fff;
}
.section_padding.directory_trichology {
    padding: 100px 0 140px 0;
}
body.page-id-17111 .margin_bottom_80 {
    margin-bottom: 140px;
    margin-top: 80px;
}
body.page-id-17111 section.service_section .white_box_row {
    padding: 40px 60px 80px 40px;
}
a.find-a-trichologist {
    margin-top: 20px;
  }
@media only screen and (min-width: 1600px) {
    .banner_section.directory_banner {
        min-height: 798px;
    }
}

@media only screen and (max-width: 767.98px) {
  .directory_banner .banner_btns {
    margin-top: 40px;
  }
  .directory_banner .banner-content {
    padding: 94px 20px 158px 20px;
  }
  .section_padding.directory_trichology {
    padding: 30px 30px 60px 30px;
  }
  body.page-id-17111 section.service_section .white_box_row {
    padding: 20px 10px;
  }
  body.page-id-17111 .service_content{
    margin-top: 20px;
  }
  body.page-id-17111 .margin_bottom_80 {
      margin-bottom: 30px;
      margin-top: 30px;
  }
  a.find-a-trichologist {
    margin-top: 40px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px){
  .section_padding.directory_trichology {
      padding: 50px 0 50px 0;
  }
  body.page-id-17111 .max-with-content {
    max-width: 750px;
  }
  body.page-id-17111 section.service_section .white_box_row {
      padding: 40px 30px;
  }
  body.page-id-17111 .margin_bottom_80 {
    margin-bottom: 80px;
    margin-top: 40px;
  }
  .directory_banner .banner_btns {
    margin-top: 40px;
  }
}

/*----------------------- directory page end css -------------------- */


/*----------------------- faq page css -------------------- */
.faq_title h1 {
    color: #1F1F1F;
    line-height: 1.3;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    margin: 0;
}
section.faq_title {
    padding: 40px 0;
}
.faq_col {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}
.faq_row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.faq_content {
    border-radius: 20px;
    background: #FFF;
    padding: 20px 40px;
    height: 100%;
}
.faq_title h1 span {
    font-weight: 400;
}
.faq_title_text {
    padding: 20px 0;
}
.faq_title_text:not(:last-child) {
    border-bottom: 1px solid rgba(206, 206, 206, 0.60);
}
.faq_title_text p{
    color: #1F1F1F;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}
.faq_title_text span {
    font-size: 14px;
    color: #737373;
    line-height: 21px;
}
.faq_type span {
    border-radius: 100px;
    background: rgba(0, 102, 221, 0.10);
    padding: 10px 16px;
    color: #06D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    display: inline-block;
}
.faq_type {
    display: block;
    margin-bottom: 20px;
}
section.faq_content_main {
    margin-bottom: 120px;
}
@media only screen and (max-width: 767.98px) {
  .faq_row {
      margin-left: 0;
      margin-right: 0;
  }
  .faq_col {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
  }
  section.faq_title {
      padding: 30px 20px 20px 20px;
  }
  .faq_title h1 {
    font-size: 24px;
  }
  section.faq_content_main {
      margin-bottom: 60px;
      padding: 0 30px;
  }
  .faq_content {
      padding: 20px;
  }
  .faq_col:not(:last-child) {
      margin-bottom: 20px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
  .faq_row {
      margin-left: 0;
      margin-right: 0;
  }
  section.faq_content_main {
      margin-bottom: 60px;
  }
}
/*----------------------- faq page end css -------------------- */

/*----------------------- get-listed page css -------------------- */
.banner_section.get_listed_banner {
  min-height: 490px;
  padding-bottom: 83px;
}
body.page-id-17118 .service_box {
    display: block;
    padding: 60px 20px;
    background: #fff;
}
body.page-id-17118 .service_content h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    max-width: 213px;
    margin: 0 auto;
}
.section_padding.benefits_main {
    padding: 100px 0;
}
body.page-id-17118 .service_content {
    margin-top: 20px;
}
.card-custom {
    padding: 20px 30px;
    text-align: left;
    height: 100%;
    border-radius: 20px;
    background: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    flex: 1 0 0;
    gap: 80px;
}
.price_top_data, .price_bottom_data {
    display: block;
    width: 100%;
}
.price_top_data h3 {
    color: #1F1F1F;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.price h4 {
    margin: 0;
    font-size: 45.103px;
    line-height: 1.3;
    font-weight: 500;
}
span.month {
    color: #737373;
    font-size: 13.531px;
    font-weight: 600;
    line-height: normal;
}
.price_bottom_data {
    padding-top: 60px;
    border-top: 1px solid #737373;
}
.price_bottom_data p {
    margin-top: 10px;
    color: #737373;
    font-size: 14px;
}
.card-yearly {
  background-color: var(--blue_color);
}
.card-yearly .price_top_data h3, .card-yearly p, .card-yearly .price h4 {
    color: var(--white);
}
.card-yearly span.month {
    color: var(--white);
    opacity: 0.7;
}
.card-yearly .price_bottom_data {
    border-top: 1px solid var(--white);
}
.card-yearly .price_bottom_data a.default-cta {
    background: var(--white) !important;
    color: var(--blue_color) !important;
}
.card-yearly .price_bottom_data a.default-cta:hover{
    background: var(--blue_color) !important;
    color: var(--white) !important;
    border: 2px solid var(--white) !important;
}
span.save_money {
    background: #FFCD6F;
    padding: 7px 11px;
    display: inline-block;
    border-radius: 50px;
    font-size: 14px;
    color: #1F1F1F;
    font-weight: 600;
    line-height: 1.3;
    margin: 6px 0;
}
.price {
    margin-top: 40px;
}
p.pricing_subtitle {
    font-size: 16px;
    line-height: 1.3;
    color: #737373;
    font-weight: 400;
}
.pricing_subtitle span {
    font-weight: 600;
}
.membership .consultation_title {
    margin-bottom: 40px;
}
.section_padding.membership {
    padding: 0 0 120px 0;
}
.how_it_works .timeline-item {
    width: 303px;
    background: var(--white) !important;
    text-align: center;
}
.works_row {
    max-width: 1272px;
    margin: 0 auto;
}
.works_row .timeline {
    counter-reset: item;
}
.works_row .timeline-item {
    width: 303px;
    background: var(--white) !important;
    text-align: center;
    counter-increment: item;
}
.works_row .timeline-item::before {
    content: counter(item, decimal-leading-zero);
    width: 40px;
    height: 40px;
    background: var(--blue_color) !important;
    top: -50px;
    border: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--white) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.works_row .timeline-item:last-child {
    background: var(--blue_color) !important;
}
.works_row .timeline-item:last-child h3, .works_row .timeline-item:last-child p{
  color: var(--white) !important;
}
.works_row .timeline-item h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 18.2px;
    margin-bottom: 10px;
}
.works_row .timeline-item p {
    opacity: 1;
}
.section_padding.how_it_works {
    padding: 40px 0 200px 0;
}
@media only screen and (min-width: 1600px) {
    .banner_section.get_listed_banner {
        min-height: 490px;
    }
}
@media only screen and (max-width: 767.98px) {
  .banner_section.get_listed_banner {
    padding-bottom: 0;
  }
  .get_listed_banner .banner-content {
      padding: 94px 20px 134px 20px;
  }
  .directory_banner .banner-content p {
    font-size: 20px;
  }
  .section_padding.benefits_main {
    padding: 50px 20px 30px 20px;
  }
  body.page-id-17118 .service_box {
    padding: 30px 20px;
  }
  .section_padding.membership {
    padding: 30px 20px 30px 20px;
  }
  .membership .consultation_title {
      margin-bottom: 20px;
  }
  .how_it_works .top_title_center {
      margin-bottom: 40px;
  }
  .works_row .timeline-item::before {
    top: 50%;
    left: -40px;
    width: 34px;
    height: 34px;
    font-size: 18px;
  }
  .works_row .timeline {
      padding-left: 60px;
  }
  .works_row .timeline-item {
    width: 100%;
    padding: 40px 20px;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  }
  .section_padding.how_it_works {
      padding: 30px 10px 60px 10px;
  }
  .works_row {
      background: var(--white);
      border-radius: 10px;
      padding: 20px 20px 20px 10px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .works_row .timeline-item::before {
    top: 50%;
    left: -40px;
    width: 34px;
    height: 34px;
    font-size: 18px;
  }
  .works_row .timeline {
      padding-left: 60px;
  }
  .works_row .timeline-item {
    width: 100%;
    padding: 40px 20px;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  }
  .section_padding.membership, .section_padding.benefits_main {
      overflow: hidden;
  }
  .section_padding.benefits_main {
      padding: 50px 0;
  }
  .section_padding.membership{
      padding: 0px 0 50px 0;
  }
  .section_padding.how_it_works {
      padding: 40px 0 80px 0;
  }
  body.page-id-17118 .service_box {
    padding: 40px 20px;
  }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {
  body.page-id-17118 .service_box {
    padding: 40px 20px;
  }
  .section_padding.benefits_main {
      padding: 60px 0;
  }
  .section_padding.membership {
      padding: 0 0 40px 0;
  }
  .works_row .timeline-item {
    width: 218px;
  }
  .section_padding.how_it_works {
      padding: 40px 0 80px 0;
  }
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1400px) {
  .section_padding.membership {
      padding: 0 0 60px 0;
  }
  .works_row .timeline-item {
    width: 263px;
  }
  .section_padding.how_it_works {
      padding: 40px 0 100px 0;
  }
}
/*----------------------- get-listed page end css -------------------- */

/*----------------------- search-trichologists css -------------------- */

section.search_trichologists {
    padding: 40px 0 120px 0;
}
.search_trichologists h1 {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 20px !important;
}
.location_main {
    border-radius: 20px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background: #FFF;
    padding: 20px;
}
.location_main h2 {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
}
.location_single {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.location_single select, .location_single input[type="number"] {
    border: 1px solid #E4E4E7;
    background: #FFF;
    border-radius: 10px;
    min-width: 180px;
    max-width: 180px;
    width: 100%;
}
.cat_list_single {
    border-radius: 20px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background: #FFF;
    padding: 20px;
}
.cat_list_single h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
}
/*----------------------- search-trichologists end css -------------------- */

/*whitepaper single page*/
.whitepaper_title h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}
.post_meta {
    padding: 20px 0 0 0;
}
.current_post_title h2, .related-whitepapers li {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0;
}
.current_post_title {
    width: 35%;
}
.related_post {
    margin-top: 50px;
}
body.single-whitepaper .site-content {
    display: block;
}
.current_post_title {
    width: 35%;
    border-radius: 8px;
    background: #E8EDFC;
    padding: 10px 20px;
}

.download_btn {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0px 0 30px 0;
}
.download_btn a {
    color: #06D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
}
.post_title_main {
    padding: 20px 0;
}
.sidebar_content_main {
    display: flex;
}
.whitepaper-toc {
    width: 20%;
    margin-top: 117px;
}
.whitepaper-content {
    width: 80%;
    padding-right: 40px;
    margin-bottom: 120px;
}
.section_one {
    padding: 60px 30px;
    border-radius: 30px;
    background: #FFF;
}
.single-whitepaper .whitepaper-content h2 {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  padding-left: 20px;
  text-transform: uppercase;
}
.heading_background {
    border-radius: 0px 10px 10px 0px;
    border-left: 4px solid #06D;
    background: #EFF3FF;
    margin-bottom: 20px;
}
.whitepaper-content p {
    text-indent: 20px;
}
.single-whitepaper .whitepaper-content h3{
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0;
  padding-left: 20px;
}
.margin_top_40 {
    margin-top: 40px;
}
.top_space {
    margin-top: 20px;
}
body.single-whitepaper .entry-content ul > li:not(:last-child) {
    margin-bottom: 5px;
}
body.single-whitepaper .entry-content ul > li:before {
    position: absolute;
    content: "";
    left: 10px;
    right: 10px;
    top: 13px;
    width: 5px;
    height: 5px;
    background: #1F1F1F;
}
p.small_text {
    font-size: 14px;
    max-width: 525px;
    margin: 0 auto;
    text-align: center;
}
.heading_h3 {
    border-left: 4px solid #06D;
    margin-bottom: 20px;
}
.section_one:not(:last-child) {
    margin-bottom: 30px;
}
.whitepaper-toc h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
}
ol#dynamic-table, ol.ref_link{
  position: relative;
  counter-reset: list-counter;
}
ol#dynamic-table li, ol.ref_link li{
  counter-increment: list-counter; 
  position: relative;
}
ol#dynamic-table li:before, ol.ref_link li:before {
    content: counter(list-counter) ". ";
    font-weight: 500;
    position: absolute;
    left: 0;
    color: var(--blue_color);
}
#dynamic-table li:not(:last-child), ol.ref_link li:not(:last-child) {
    margin-bottom: 15px;
}
ol#dynamic-table li {
    padding-left: 30px;
    position: relative;
    counter-increment: list-counter;
    line-height: 1.5;
    font-weight: 500;
    color: var(--blue_color);
}
.related-whitepapers li{
    border-bottom: 1px solid rgba(31, 31, 31, 0.10);
    padding: 10px 0;
}
.related-whitepapers li:last-child {
    border-bottom: 0px solid rgba(31, 31, 31, 0.10);
}
ol.ref_link li:before {
  color: var(--body_txt);
}
.whitepaper-content h2,
.whitepaper-content h3 {
    scroll-margin-top: 80px; 
}
button#cmd {
    background: transparent;
    color: #06D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
}
.author_detail .whitepaper_author {
    font-weight: 600;
    color: var(--blue_color);
}
@media only screen and (max-width: 767.98px) {
  .sidebar_content_main{
    flex-flow: column;
  }
  .whitepaper-content {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0px;
    order: 2;
  }
  .whitepaper-toc {
      width: 100%;
      margin-top: 30px;
          order: 1;
  }
  .download_btn {
      justify-content: start;
      padding: 0px 0 20px 0;
  }
  .download_btn button {
      padding: 0;
  }
  .section_one {
    padding: 40px 15px;
  }
  .single-whitepaper .whitepaper-content h2 {
      font-size: 22px;
      line-height: 26px;
      padding-left: 15px;
  }
  .whitepaper-content p {
      text-indent: 12px;
  }
  .single-whitepaper .whitepaper-content h3 {
    font-size: 16px;
    line-height: 22px;
    padding-left: 12px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .whitepaper-toc{
    width: 30%;
  }
  .whitepaper-content {
    width: 70%;
    padding-right: 30px;
  }
}
/*whitepaper single page end*/
/*whitepaper archive page */
.white-paper {
  height: 100%;
    position: relative;
}
.white-paper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 30px 30px 0px;
}
.white-paper:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}
body.page-id-17212 .method_img {
  margin-bottom: 30px;
}


.whitepaper-list {
    list-style: none;
    padding: 0;
    counter-reset: list-counter;
}
.whitepaper-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 0;
    counter-increment: list-counter;
    position: relative;
    padding-left: 25px;
}
li.whitepaper-item:before {
    content: counter(list-counter) ". ";
    font-weight: 500;
    position: absolute;
    left: 0;
    color: var(--body_txt);
}
.whitepaper-number {
    margin-right: 10px;
    font-weight: bold;
}
.view_main_btn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
    width: 20%;
}

p.whitepaper_p {
    max-width: 376px;
    margin-top: 10px;
}
.whitepaper-title {
    width: 80%;
}
body.page-id-17212 .method_icon_right a {
  padding: 7.5px 14.43px;
}
.whitepaper-title h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}
@media only screen and (max-width: 767.98px) {
  .white-paper img {
    border-radius: 15px 15px 0px 0px;
  }
  .white-paper:before{
    display: none;
  }
  .white-paper {
    border-radius: 12px 12px 0px 0px;
  }
  body.page-id-17212 .method_icon_right a {
    padding: 2px 7px;
  }
  body.page-id-17212 .method_icon_right {
    position: relative;
    right: 0;
  }
  .view_main_btn {
    gap: 9px;
    width: 25%;
  }
  .whitepaper-title {
      width: 75%;
      padding-right: 10px;
  }  
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body.page-id-17212 .doctor_section .default_content {
      max-width: 335px;
    }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1199px) {
  body.page-id-17212 .doctor_section .default_content {
      max-width: 400px;
    }
}
/*whitepaper archive page end*/
body .white_border_btn a {
    color: var(--white) !important;
}
.team_box_main .img-link-box{
  width: 100% !important;
  text-align: center !important;
}
body.page-id-17212 .blog_row {
  gap: 0;
}
body .journal_list .white_box_row {
  padding: 40px 60px !important;
}
body.page-id-17212 .blog_row {
    gap: unset;
    row-gap: 20px;
}
@media only screen and (max-width: 767.98px) {
  body .journal_list .white_box_row {
    padding: 30px 20px !important;
  }
  body.page-id-17212 .blog_row {
    padding-bottom: 0;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
  body .journal_list .white_box_row {
    padding: 30px 30px !important;
  }
  body.page-id-17212 .blog_row {
    padding-bottom: 0;
  }
}
body.single-whitepaper .sidebar_author_box {
    padding: 0 0 20px 0;
  margin-bottom: 25px;
}