/*
Theme Name: Happinessp Pro
Text Domain: happinesspro
Version: 2.1.0
Description: Happinessp Pro is a custom theme. The author of the theme is IndotFound.com. This theme has been designed and developed from scratch. IndotFound has developed this theme for WordPress.
Tags: happiness, happiness-pro, happiness theme, happiness-wordpress-theme, happiness-custom-theme, happy-life, service, service-theme, professional-service, blog, wordpress-blog, custom-logo, custom-post, multiple-post, multiple-taxonomy, custom-colors, custom-background, custom-menu, featured-images, sticky, sticky-post, sticky-header, footer-widgets, sidebar, theme-options, customizer, editor-style, block-patterns, block-styles, wide-blocks, full-width, full-width-template, fixed-width, two-column, three-column, four-column, rtl-language-support, translation-ready, multi-language, custom-translation, manual-translation, accessibility-ready.
Author: IndotFound.com
Author URI: https://indotfound.com/
Theme URI: https://indotfound.com/
License: Happinessp Pro is a custom theme. So no one can use this theme without the permission of the author. No one is allowed to use this theme without the permission of the author, whether for personal or commercial purposes. Legal action will be taken against anyone who uses this theme without the permission of the author.
*/
/* =============================================
                Theme Reset Style         
============================================= */
/* ======== Root variable define ======== */
:root {
  /*  Site color */
  --whiteColor:   rgb(255, 255, 255);
  --grayColor-50: rgb(245, 245, 245);
  --grayColor-100: rgb(240, 240, 240);
  --grayColor-200: rgb(230, 230, 230);
  --grayColor-300: rgb(210, 210, 210);
  --grayColor-400: rgb(190, 190, 190);
  --grayColor-500: rgb(170, 170, 170);
  --grayColor-600: rgb(150, 150, 150);
  --grayColor-700: rgb(130, 130, 130);
  --grayColor-800: rgb(110, 110, 110);
  --grayColor-900: rgb(90, 90, 90);
  --grayColor-950: rgb(70, 70, 70);
  --grayColor: rgb(50, 50, 50);
  --dimBlackColor: rgb(30, 30, 30);
  --blackColor: rgb(0, 0, 0);

  --successColor: rgb(25, 135, 84);
  --infoColor: rgb(13, 202, 240);
  --warningColor: rgb(255, 193, 7);
  --hilightColor: rgba(243, 209, 13, 0.863);
  --dangerColor: rgb(245, 23, 45);

  --softBlueColor: rgb(3, 194, 178);
  --midBlueColor: rgb(2, 146, 132);
  --hardSoftBlueColor: rgb(3, 102, 116);
  --offBlueColor: rgb(61, 92, 105);
  /* --darkBlueColor: rgb(2, 79, 116); */ 
  --darkBlueColor: rgb(2, 78, 83);

  --redColor: rgb(248, 3, 28);
  --siteBlueColor: rgb(3, 15, 39);
  --siteDarkBlueColor: rgb(1, 8, 22);

  /*  Site fonts */
  --fontSize-10: 10px;
  --fontSize-11: 11px;
  --fontSize-12: 12px;
  --fontSize-13: 13px;
  --fontSize-14: 14px;
  --fontSize-15: 15px;
  --fontSize-16: 16px;
  --fontSize-17: 17px;
  --fontSize-18: 18px;
  --fontSize-20: 20px;
  --fontSize-22: 22px;
  --fontSize-24: 24px;
  --fontSize-26: 26px;
  --fontSize-28: 28px;
  --fontSize-30: 30px;
  --fontSize-32: 32px;
  --fontSize-36: 36px;
  --fontSize-40: 40px;
  --fontSize-44: 44px;
  --fontSize-52: 52px;
}

/* ======== Document ======== */
html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Poppins', sans-serif, 'SolaimanLipi';
  font-size: var(--fontSize-14);
  font-weight: 400;
  line-height: 24px;
  color: var(--grayColor-950);
  background-color: var(--whiteColor);
  position: relative;
  scroll-behavior: smooth;
}

main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

h1,
h1 a {
  font-size: var(--fontSize-52);
  font-weight: 700;
  line-height: 60px;
}

h2,
h2 a {
  font-size: var(--fontSize-44);
  font-weight: 700;
  line-height: 52px;
}

h3,
h3 a {
  font-size: var(--fontSize-32);
  font-weight: 600;
  line-height: 40px;
}

h4,
h4 a {
  font-size: var(--fontSize-24);
  font-weight: 600;
  line-height: 34px;
}

h5,
h5 a {
  font-size: var(--fontSize-22);
  font-weight: 500;
  line-height: 30px;
}

h6,
h6 a {
  font-size: var(--fontSize-18);
  font-weight: 500;
  line-height: 24px;
}

p,
a {
  margin: 0;
}

a {
  color: var(--grayColor-950);
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

a:hover,
a:visited:hover {
  color: var(--midBlueColor);
}

a:active {
  color: var(--midBlueColor);
}

hr {
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  height: 1px;
  color: var(--grayColor-600);
  overflow: visible;
}

pre {
  display: block;
  font-family: monospace;
  font-size: var(--fontSize-16);
}

abbr[title] {
  position: relative;
  text-decoration: none;
  border-bottom: 1px solid var(--grayColor-950);
}

b,
strong {
  font-weight: 600;
}

code,
kbd,
samp {
  font-family: monospace;
}

code {
  font-size: var(--fontSize-16);
}

kbd {
  font-size: var(--fontSize-10);
}

samp {
  font-size: var(--fontSize-16);
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
}

sub {
  bottom: -3px;
}

sup {
  top: -7px;
}


img {
  border: 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

details {
  display: block;
}

template {
  display: none;
}

progress {
  vertical-align: baseline;
}

mark {
  color: var(--grayColor-950);
  background-color: var(--hilightColor);
}

figure {
  margin: 0 0 10px 0;
}

ins {
  text-decoration: none;
}

blockquote::before {
  content: "format_quote";
  display: inline-block;
  font-family: 'Material Icons';
  font-size: var(--fontSize-24);
  position: relative;
  top: 5px;
  color: var(--offBlueColor);
  transform: rotate(180deg);
}

/* =============================================
  Theme Reset Style : Forms , Fields , Buttons         
============================================= */
fieldset {
  display: block;
  margin: 30px 0;
  padding: 30px;
  border: 2px solid var(--grayColor-300);
}

legend {
  width: 100%;
  box-sizing: border-box;
  color: inherit;
  display: table;
  border: 0;
  padding: 0;
  white-space: normal;
}

label {
  width: 100%;
  font-size: var(--fontSize-16);
  color: var(--grayColor-900);
  font-weight: 500;
  line-height: 1;
  padding: 10px 0;
}

p.form-row {
  margin: 25px 0;
}

abbr.required-sign {
  color: var(--redColor);
  margin-left: 5px;
}

span.input-wrapper {
  width: 100%;
}

span.required-error {
  display: none;
}

textarea,
select,
input[type=text],
input[type=tel],
input[type=email],
input[type=search] {
  display: block;
  width: 100%;
  height: 37px;
  font-family: inherit;
  font-size: var(--fontSize-14);
  line-height: normal;
  color: var(--grayColor-700);
  text-transform: none;
  margin: 0;
  padding: 0 10px;
  border: 2px solid var(--grayColor-200);
  background-color: var(--whiteColor);
  white-space: normal;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input::placeholder,
textarea::placeholder {
  font-size: var(--fontSize-13);
  color: var(--grayColor-600); 
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: var(--fontSize-13);
  color: var(--grayColor-600);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-size: var(--fontSize-13);
  color: var(--grayColor-600);
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  box-shadow: 0 0 0 1px var(--grayColor-300);
  -webkit-box-shadow: 0 0 0 1px var(--grayColor-300);
  -moz-box-shadow: 0 0 0 1px var(--grayColor-300);
  -ms-box-shadow: 0 0 0 1px var(--grayColor-300);
}

select {
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

select[multiple] {
  vertical-align: top;
}

textarea {
  height: 80px;
  vertical-align: top;
  resize: vertical;
}

optgroup {
  font-weight: 600;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


.hidden,
[hidden] {
  display: none !important;
}

input[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

input[type=search] ::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type=file] {
  border: none;
  background: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
  padding: 0;
  border: 0;
  background-color: var(--hardSoftBlueColor);
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.site_link_button a {
  width: auto;
  font-size: var(--fontSize-14);
  font-weight: 500;
  text-transform: capitalize;
  color: var(--whiteColor);
  line-height: 24px;
  word-spacing: 1px;
  position: relative;
  top: 0;
  padding: 5px 20px;
  border: 1px solid var(--midBlueColor);
  background-color: var(--midBlueColor);
  cursor: pointer;
  overflow: visible;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-appearance: button;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.site_link_button a:hover {
  color: var(--whiteColor);
  background-color: var(--darkBlueColor);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.link_button_transparent a {
  color: var(--darkBlueColor);
  background-color: transparent;
}

button.button-class span::after {
  content: '\00bb';
  position: absolute;
  top: 4px;
  right: 7px;
  font-size: 22px;
  color: var(--whiteColor);
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

button.button-class:hover span {
  padding-right: 0;
}

button.button-class:hover span::after {
  opacity: 1;
  right: 12px;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color: var(--grayColor-600);
}

.custom-scrollbar,
.select2-results__options {
  scrollbar-width: thin;
}

.material-icons {
  font-family: 'Material Icons';
  font-size: 24px;
  font-weight: 400;
}

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-size: 24px;
  font-weight: 300; 
}

.material-icons,
.material-icons-outlined { 
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  /* line-height: 1; */
  line-height: 0;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: var(--midBlueColor);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

/* Slect2 */
span.select2.select2-container {
  width: 100%;
}

span.select2.select2-container span.select2-selection {
  display: block;
  height: 38px;
  font-size: var(--fontSize-14);
  border: 1px solid var(--grayColor-300);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: var(--whiteColor);
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

span.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--grayColor-800);
  line-height: 38px;
}

/* Select2 Arrow */
span.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  top: 17px;
  left: 1px;
  border-style: solid;
  border-width: 7px 6px 0px 6px;
  border-color: var(--midBlueColor) transparent transparent transparent;
}

span.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0px 6px 7px 6px;
  border-color: transparent transparent var(--midBlueColor) transparent;
}

/* Slect2 Option */
span.select2-dropdown {
  border: 1px solid var(--grayColor-300);
  background-color: var(--whiteColor);
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-results__option {
  color: var(--grayColor-800);
  padding: 4px 10px;
  user-select: none;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: var(--grayColor-600);
  background-color: var(--grayColor-50);
}

span.select2-container--default .select2-results__option[aria-selected=true],
span.select2-container--default .select2-results__option[data-selected=true] {
  color: var(--whiteColor);
  background-color: var(--midBlueColor);
}

span.select2-container--default .select2-results__option--highlighted[aria-selected],
span.select2-container--default .select2-results__option--highlighted[data-selected] {
  color: inherit;
  background-color: var(--grayColor-100);
}

span.select2-search--dropdown {
  padding: 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 6px;
  border: 2px solid var(--grayColor-200);
}

.select2-container--default .select2-search--dropdown input.select2-search__field:focus {
  box-shadow: none;
}

/* =============================================
                  THEME BASIC       
============================================= */
header#site_header,
#indotfound-wrapper,
footer#site_footer {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.idf-site-section {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .idf-site-section {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.idf-main-area {
  max-width: 1280px;
  height: 100%;
  margin: 0 auto 0 auto;
  padding-left: 45px;
  padding-right: 45px;
}

@media screen and (max-width: 991px) {
  .idf-main-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Section Title */
.blog_section_title {
  width: 70%;
  margin: 30px auto 30px auto;
  position: relative;
  text-align: center;
}

.blog_section_title h2 {
  display: inline-block;
  font-size: var(--fontSize-24);
  line-height: 32px;
  font-weight: 600; 
  color: var(--darkBlueColor);
}

.blog_section_title h2 span {
  color: var(--hardSoftBlueColor);
  margin-left: 7px;
}

.blog_section_title p {
  color: var(--grayColor-800);
  line-height: 20px;
  margin-top: 7px;
}

@media screen and (max-width: 767px) {
  .blog_section_title {
    width: 80%;
  }
}

@media screen and (max-width: 567px) {
  .blog_section_title {
    width: 100%;
    margin: 0 auto 0 auto;
  }
}

#back-to-top {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  text-transform: capitalize;
  color: var(--whiteColor);
  position: fixed;
  bottom: 30px;
  right: 30px;
  padding: 10px;
  border: 1px solid var(--midBlueColor);
  outline: none;
  background-color: var(--darkBlueColor);
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  transition: background-color .3s, opacity .5s, visibility .5s;
  z-index: 999;
}

#back-to-top span {
  color: var(--whiteColor);
  transform: rotate(-90deg);
}

#back-to-top:hover span {
  color: var(--softBlueColor);
}

#back-to-top.show {
  opacity: 1;
  visibility: visible;
}

#back-to-top:hover {
  color: var(--softBlueColor);
  border: 1px solid var(--softBlueColor);
  transition: 0.2s ease-out;
}

@media screen and (max-width: 567px) {
  #back-to-top {
    width: 22px;
    height: 22px;
    line-height: 22px;
    bottom: 60px;
    right: 15px;
  }
}

/* =============================================
                    Header 
============================================= */
.header-sticky {
  width: 100%;
  margin: 0 auto;
  position: sticky;
  position: -webkit-sticky; 
  top: 0;
  left: 0;
  right: 0;
  animation: slide-down 0.5s;
  z-index: 999;
}


@keyframes slide-down {
  0% {
      opacity: 0.7;
      transform: translateY(-70%);
  } 
  100% {
      opacity: 1;
      transform: translateY(0); 
  } 
}

#site_header.header_sticky {
  height: auto;
}

/* Header Mobile - display: none; */
.header-mobile-menu,
.mobile_menu_action.menu_open {
  display: none;
}

/* ===== Start Main Header ===== */
header#site_header {
  background-color: var(--darkBlueColor);
  border-top: 2px solid var(--softBlueColor);
}

header#site_header .header-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Site Branding */
.site-branding {
  margin-right: 30px;
}

.site-branding img {
  width: auto;
  max-height: 16px;
  position: relative;
  top: 16px;
}

.site-branding h1 a {
  display: inline-block;
  font-size: var(--fontSize-22);
  font-weight: 600;
  line-height: 40px;
  color: var(--whiteColor);
  position: relative;
  top: -11px;
}

.site-branding h1 a:hover {
  color: var(--whiteColor);
}

.site-branding a span {
  color: var(--softBlueColor);
}

/* Header Menu */
.site_main_menu ul.main_menu_list,
.site_main_menu ul.main_menu_list ul {
  padding: 0;
  margin: 0;
  list-style: none; 
}

.site_main_menu ul.main_menu_list a {
  display: block;
  font-size: var(--fontSize-14);
  text-transform: capitalize;
  letter-spacing: 0.3px;
  color: var(--whiteColor);
  padding: 18px 12px; 
  border-bottom: 1px solid transparent;
}

.site_main_menu ul.main_menu_list a:hover {
  border-bottom: 1px solid var(--softBlueColor);
  color: var(--softBlueColor);
  padding: 18px 13px;
}

.site_main_menu ul.main_menu_list a:hover > span.menu-dropdown-icon {
  color: var(--softBlueColor);
  transform: rotate(180deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.main_menu_list li a span.menu-dropdown-icon {
  color: var(--whiteColor); 
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.site_main_menu ul.main_menu_list li {
  display: inline-block;
  line-height: 24px;
  position: relative;
}

/* Sub Menu */
.site_main_menu ul.main_menu_list ul {
  width: 250px;
  display: none;
  position: absolute;
  background-color: var(--darkBlueColor);
  z-index: 1000;
}

.site_main_menu ul.main_menu_list li:hover > ul {
  display: block; 
  border-top: 1px solid var(--softBlueColor); 
  margin-top: -1px;
  animation: menu-moveup 0.5s;  
}

@keyframes menu-moveup {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.site_main_menu ul.main_menu_list ul li {
  display: block;
  border-bottom: 1px solid var(--hardSoftBlueColor);
}

.site_main_menu ul.main_menu_list > li:last-child > ul {
  left: auto;
  right: 0;
}

.site_main_menu ul.main_menu_list ul a {
  padding: 10px 10px 10px 20px;
  border-left: 2px solid transparent;
}

.site_main_menu ul.main_menu_list ul a:hover {
  border-bottom: 1px solid transparent;
  color: var(--softBlueColor);
  border-left: 2px solid var(--softBlueColor);
  padding: 10px 10px 10px 20px;
}

@media screen and (max-width: 991px) { 
  .site_main_menu {
    display: none;
  }

  .site-branding img {
    top: 19px;
  }

  .mobile_menu_action.menu_open {
    display: block; 
  }

  .mobile_menu_action.menu_open span {
    font-size: var(--fontSize-28);
    padding: 32px 0;
    color: var(--whiteColor);
    cursor: pointer;
  }

  .mobile_menu_action.menu_close {
    text-align: right; 
  }

  .mobile_menu_action.menu_close span {
    font-weight: 800;
    color: var(--midBlueColor);
    cursor: pointer;
  }

  .mobile_menu_action.menu_close span:hover {
    transform: rotate(90deg);
  }
  
  .header-mobile-menu { 
    display: block;
    width: 300px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    background-color: var(--whiteColor);
    padding: 15px; 
    z-index: 9999;
  }
  
  #mobile-menu-id { 
    max-height: 400px;
    /* max-height: 80vh; */
    overflow: scroll;
    margin-top: 10px;
  }
  
  #mobile-menu-id ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #mobile-menu-id ul a {
    font-size: var(--fontSize-14);
    font-weight: 500;
    text-transform: uppercase;
    /* color: var(--grayColor-800); */
    color: var(--offBlueColor); 
  }

  #mobile-menu-id ul li {
    padding: 2px 15px;
  }

  #mobile-menu-id ul li a:hover {
    color: var(--midBlueColor);
    padding-left: 1px;
  }

  #mobile-menu-id ul li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 10px;
    position: relative;
    top: 0;
    margin-right: 7px;
    background-color: var(--softBlueColor);
  }

  #mobile-menu-id ul ul {
    margin-bottom: 5px;
    padding: 0 5px 10px 5px;
    border-bottom: 1px solid var(--grayColor-300);
  }

  #mobile-menu-id ul > li:last-child > ul {
    border-bottom: none;
  }

  #mobile-menu-id ul ul li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 1px;
    position: relative;
    top: -5px;
    margin-right: 10px;
    background-color: var(--grayColor-700);
  }

  #mobile-menu-id ul ul a {
    font-size: var(--fontSize-14);
    font-weight: 400;
    text-transform: capitalize;
    /* color: var(--grayColor-700); */ 
  }
}

@media screen and (max-width: 567px) { 
  .site-branding h1 a {
    font-size: var(--fontSize-20);
    line-height: 30px;
  }
}

@media screen and (max-width: 360px) { 
  .site-branding {
    margin-right: 5px;
  }

  .site-branding img {
    max-height: 18px;
  }

  .header-mobile-menu { 
    display: block;
    width: 270px;
  }
}

/* =============================================
              Home Page 
============================================= */
#home_page_banner {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  height: 400px;
  background-color: var(--midBlueColor);
  background-image: url("");
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -ms-content-zooming: none;
  z-index: 1;
}

.home_banner_wrap {
  max-width: 85%;
  margin: auto;
  position: relative;
  height: 100%;
}

.home_banner_wrap .home_banner_inner {
  width: 100%;
  position: absolute; 
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.home_banner_inner .banner_heading {
  margin: 15px;
}

.home_banner_inner .banner_heading h1 {
  font-size: var(--fontSize-26);
  font-weight: 600;
  text-align: center; 
  line-height: 34px;
  color: var(--whiteColor);
}

.home_banner_inner .banner_text p {
  font-size: var(--fontSize-14);
  text-align: center;
  letter-spacing: 0.5px;
  color: var(--grayColor-200);
}

.home_banner_inner .banner_item_count { 
  width: 70%;
  margin: auto;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  text-align: center;
}

.home_banner_inner .banner_item_count h2 {
  font-size: var(--fontSize-24);
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 2px;
  color: var(--grayColor-200);
}

.home_banner_inner .banner_item_count h3 {
  font-size: var(--fontSize-14);
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  color: var(--grayColor-400);
  margin-top: 7px;
}

.banner_item_count .total_brand_name,
.banner_item_count .total_generics_name  {
  margin: 0 30px;
  padding: 10px 30px;
}

@media screen and (max-width: 991px) { 
  .home_banner_inner .banner_item_count { 
    width: 100%;
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .banner_item_count .total_brand_name, 
  .banner_item_count .total_generics_name {
    margin: 0;
    padding: 10px;
  } 

  .home_banner_inner .banner_item_count h2 {
    font-size: var(--fontSize-20);
    font-weight: 600;
  }

  .home_banner_inner .banner_item_count h3 {
    font-size: var(--fontSize-12);
    font-weight: 500;
    margin-top: 3px;
  }
}

@media screen and (max-width: 567px) {
  #home_page_banner {
    height: 450px;
  }

  .home_banner_wrap {
    max-width: 100%;
  }

  .home_banner_inner .banner_heading h1 {
    font-size: var(--fontSize-24);
    font-weight: 500;
    line-height: 30px;
  }

  .home_banner_inner .banner_text p {
    font-size: var(--fontSize-13);
    ;line-height: 22px;
  }
}
/* ========== Item Block  ==========  */
.item_block_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.item_block_wrap .single_item_block {
  flex-basis: calc(33.33% - 20px);
  margin: 15px 0;
  border: 3px solid var(--grayColor-100);
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
}

.item_block_wrap .single_item_block:hover h2,
.item_block_wrap .single_item_block:hover h4 {
  padding-left: 3px;
  color: var(--midBlueColor);
}

.item_block_wrap .single_item_block:hover >  {
  border: 3px solid var(--grayColor-200);
  box-shadow: 0 0 5px 2px var(--grayColor-200);
  -webkit-box-shadow: 0 0 5px 2px var(--grayColor-200);
  -moz-box-shadow: 0 0 5px 2px var(--grayColor-200);
}

.single_item_block .item_block_content {
  text-align: center;
}

.single_item_block .item_block_content a {
  display: block;
  padding: 70px 15px;
}

.single_item_block .item_block_content img {
  max-height: 80px;
  margin-bottom: 15px;
}

.single_item_block .item_block_content {
  line-height: 20px;
}

.single_item_block .item_block_content h2 {
  display: block;
  font-size: var(--fontSize-16);
  font-weight: 600;
  line-height: 22px;
  color: var(--offBlueColor);
}

.item_block_content h6.total_count_text{
  font-size: var(--fontSize-14);
  font-weight: 500;
  line-height: 20px;
  color: var(--grayColor-800);
  margin: 5px 0;
}

.item_block_content h4.total_count_item {
  font-size: var(--fontSize-18);
  font-weight: 500;
  line-height: 26px;
  color: var(--hardSoftBlueColor);
}

@media screen and (max-width: 767px) { 
  .item_block_wrap .single_item_block {
    flex-basis: calc(50% - 20px);
    margin: 15px 0;
  }
}

@media screen and (max-width: 567px) { 
  .item_block_wrap {
    flex-direction: column;
  }
}
/* =============================================
                Search Form 
============================================= */
.site__search_form {
  display: flex;
  justify-content: center;
}

.site__search_form button {
  margin: 0;
  padding: 10px 20px;
  border: none;
}

.site__search_form button.search_btn {
  width: 150px;
  font-weight: 600;
}

.site__search_form button.search_btn:hover {
  background-color: var(--midBlueColor);
  cursor: inherit;
}

.site__search_form form.search_form {
  width: 100%; 
  display: flex;
}

.site__search_form form.search_form input {
  font-size: var(--fontSize-16);
  color: var(--offBlueColor);
  height: 45px;
  margin-top: 1px;
  border: 1px solid var(--midBlueColor);
}

.site__search_form form.search_form input:focus {
  border: transparent;
}

.site__search_form form.search_form button span {
  font-size: var(--fontSize-20);
  font-weight: 800;
  color: var(--whiteColor);
  position: relative;
  top: -2px;
}

.site__search_form button.search-btn-live,
.site__search_form button.search-btn-live:hover{
  width: 120px;
  pointer-events: none;
}


@media screen and (max-width: 991px) { 
  .site__search_form button {
    height: 40px;
    padding: 0 15px;
    margin-top: 1px;
  }

  .site__search_form button.search_btn {
    font-size: var(--fontSize-13);
    padding: 0 20px;
  }

  .site__search_form form.search_form button span {
    font-weight: 600;
  }

  .site__search_form form.search_form input {
    height: 38px;
  }
}

@media screen and (max-width: 480px) { 
.site__search_form button.search-btn-live {
    width: 66px;
   font-size: var(--fontSize-13);
    padding: 10px 12px !important;
  }
  .serch_form_page .site__search_form button {
    padding: 0 12px !important;
  }
  
  .serch_form_page .site__search_form form.search_form input::placeholder {
    font-size: var(--fontSize-14);
    font-weight: 400;
    color: var(--grayColor-500);
   }
}

/* Page Search Form */
#page_search_form {
  position: relative;
  margin-top: 0;
  width: 100%;
  height: 200px;
  background-color: var(--grayColor-50);
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -ms-content-zooming: none;
  z-index: 1;
}

.serch_form_page_top {
  position: relative;
  height: 100%;
}

.serch_form_page_top .serch_form_page {
  width: 100%;
  position: absolute; 
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.serch_form_page .site__search_form {
  position: relative;
  padding: 15px 0;
}

.serch_form_page .site__search_form button {
  height: 42px;
  padding: 10px 20px;
  margin-top: 1px;
  line-height: 1;
}

.after_search_form_text {
  max-width: 60%;
  margin: auto;
}

.after_search_form_text p {
  font-size: var(--fontSize-13);
  font-weight: 400;
  text-align: center;
  color: var(--whiteColor);
}

.serch_form_page .site__search_form form.search_form input {
  height: 42px;
}

@media screen and (max-width: 991px) { 
  .after_search_form_text {
    max-width: 95%;
  }
} 

@media screen and (max-width: 567px) { 
  #page_search_form {
    height: 240px;
  }
} 

.search_page.search_result_not_found .page_head  {
  display: none;
}

.search_page.search_result_not_found .name_list_styles  {
  border-top: none;
  padding-top: 0;
}

.search_page .page_head {
  justify-content: center;
  padding-bottom: 20px;
}

.search_page .page_head .page_title h1 {
  border-left: none;
}

.search_page .page_head .page_title h1 span {
  display: inline-block;
  font-size: var(--fontSize-22);
  font-weight: 600;
  line-height: 26px;
  color: var(--darkBlueColor);
  margin-left: 10px;
}

.search_page .not_fount_content h1.not_found_title {
  font-size: var(--fontSize-16) !important;
  line-height: 34px;
  padding-bottom: 20px;
}

.search_page .not_fount_content h1.not_found_title span {
  display: block;
  font-size: var(--fontSize-32);
  line-height: 28px;
  margin-left: 0;
  padding: 10px 0;
}

.search_page .common_single_style h2.single_item_heading img {
  max-height: 20px;
  position: relative;
  top: 3px
}

.search_page .common_single_style h2.single_item_heading a {
  font-size: var(--fontSize-16);
  font-weight: 500;
}

.live-search-content {
  padding: 15px 10px;
  border: 1px solid var(--grayColor-300);
}

.live-search-content h2 {
  width: 100%;
  display: flex;
  align-items: center;
}

.live-search-content h2 img {
  max-height: 16px;
}

.live-search-content h2:hover {
  background-color: var(--grayColor-100);
}

#live-search-datafetch {
  display: none;
  width: 100%;
  max-height: calc(100vh - 50vh );
  position: absolute;
  top: 78%;

  overflow-y: scroll;
  background-color: var(--whiteColor);
}

#live-search-datafetch h2 a {
  width: 100%;
  display: inline-block;
  font-size: var(--fontSize-14);
  font-weight: 400;
  line-height: 20px !important;
  color: var(--grayColor-900);
  padding: 7px;
}

#live-search-datafetch h2 a:hover {
  color: var(--midBlueColor);
}

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

}
/* =============================================
      Page Heading & Filter Alphabetic
============================================= */
.page_head {
  display: flex;
  justify-content: space-between;
}

.page_head .page_title h1 {
  font-size: var(--fontSize-22);
  font-weight: 600;
  line-height: 26px;
  color: var(--darkBlueColor);
  padding-left: 10px;
  border-left: 4px solid var(--darkBlueColor); 
  margin-top: 5px;
}

.page_head .page_title h1 span { 
  font-size: var(--fontSize-16);
  font-weight: 500;
  color: var(--grayColor-700);
  margin-left: 10px;
  position: relative;
  top: -1px;
}

.page_head .alphabet_btn button {
  width: 190px;
  margin: 0 0 0 15px;
  padding: 4px 20px;
}

.page_head .alphabet_btn span {
  margin-right: 7px;
}

/* Filter Alphabetically  */
.filter_alphabetically {
  width: 100%;
}

.filter_alphabetically ul.alphabet_list {
  width: 100%;
  display: flex;
  justify-content: center; 
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  text-align: center;
}

.filter_alphabetically ul.alphabet_list li {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 7px 5px;
  border: 1px solid var(--midBlueColor);
}

.filter_alphabetically ul.alphabet_list li a {
  display: block;
  font-size: var(--fontSize-16);
  font-weight: 500;
  color: var(--midBlueColor);
  padding-top: 4px;
}

.filter_alphabetically ul.alphabet_list li:hover {
  background-color: var(--midBlueColor);
}

.filter_alphabetically ul.alphabet_list li:hover > a {
  color: var(--whiteColor);
}

@media screen and (max-width: 991px) {
  .filter_alphabetically {
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
    .page_head {
        margin-top: -20px;
    }
  .filter_alphabetically {
    display: none;
  }
  
}
@media screen and (max-width: 567px) {
  .page_head {
    text-align: center;
    flex-direction: column;
  }
  
  .page_head .page_title h1 {
    font-size: var(--fontSize-22);
    line-height: 26px;
    padding-left: 0;
    border-left: none; 
    margin-top: 0;
    margin-bottom: 20px;
  }

  .page_head .page_title h1 span { 
    display: block;
    font-size: var(--fontSize-15);
  }

  .page_head .alphabet_btn button {
    margin: auto;
    padding: 1px 15px 4px 15px;
    line-height: 24px;
  }
  
 
  .page_head .alphabet_btn button span {
    margin-right: 7px;
  }

  .page_head .alphabet_btn button::after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    position: absolute; 
    top: 9px;
    left: 40%;
    background-color: var(--midBlueColor);
    z-index: -1;
  }
  
  .page_head .alphabet_btn button:hover::after {
    background-color: var(--darkBlueColor);
  }

  .filter_alphabetically {
    margin: 0;
  }
}
/* =============================================
             Block Common Style       
============================================= */
.name_list_styles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  border-top: 1px solid var(--grayColor-200);
  padding-top: 15px; 
}

.name_list_styles .single_item_wrap {
  flex-basis: calc(33.33% - 8px);
  margin: 20px 4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.common_single_style {
  padding: 0 20px;
  border-left: 2px solid var(--grayColor-200);
}

.common_single_style h2.single_item_heading {
  line-height: 24px;
  margin-bottom: 0;
}

.common_single_style:hover h2.single_item_heading { 
  padding-left: 3px;
}

.common_single_style h2.single_item_heading a {
  display: block;
  font-size: var(--fontSize-17);
  font-weight: 600;
  line-height: 24px;
  color: var(--darkBlueColor);
}

.common_single_style:hover h2.single_item_heading a {
  color: var(--midBlueColor);
}

span.item_span_class {
  display: block;
  color: var(--offBlueColor);
  line-height: 22px;
  padding: 3px 0;
}

span.item_info_strong {
  font-weight: 400;
  margin-right: 10px;
}

/* Brand Name */
.common_single_style h2.brand_name {
  display: flex;
  justify-content: flex-start;
  line-height: 24px;
  margin-bottom: 3px;
}

.common_single_style .brand_name img {
  max-height: 22px;
  margin-right: 3px;
}

.common_single_style h6.generic_name,
.common_single_style h3.manufacturer_name {
  line-height: 1px;
  padding: 3px 0;
}

.common_single_style h6.generic_name a,
.common_single_style h3.manufacturer_name a {
  font-size: var(--fontSize-14);
  font-weight: 400;
  line-height: 22px;
  color: var(--offBlueColor);
}

.common_single_style h6.generic_name a:hover,
.common_single_style h3.manufacturer_name a:hover {
  color: var(--midBlueColor);
}

/* Catgory Page + Pharma Page + Dosage Page */
.common_single_style h2.category_name a,
.common_single_style h2.pharma_name a {
  font-size: var(--fontSize-17);
  font-weight: 500;
  margin-bottom: 3px;
}

.common_single_style span.count_brand,
.common_single_style span.count_category,
.common_single_style span.count_brands_dosage {
  display: block;
  font-size: var(--fontSize-14);
  line-height: 22px;
  color: var(--grayColor-800);
}

/* Dosage Forms */
.dosage_forms_main .page_head {
  flex-direction: column;
  text-align: center;
}

.common_single_style.dosage_forms {
  text-align: center;
}

.common_single_style.dosage_forms .dosage_forms_name img  {
  max-height: 30px;
  margin-bottom: 10px;
}

.common_single_style.dosage_forms h2 {
  margin-bottom: -7px;
}

.common_single_style h2 a {
  font-size: var(--fontSize-17);
  font-weight: 500;
  margin-bottom: 3px;
}

/* Responsive */
@media screen and (max-width: 991px) {
  .name_list_styles .single_item_wrap { 
    flex-basis: 50%;
    margin: 10px 0;
  }
}

@media screen and (max-width: 650px) {
  .dosage_forms_main .page_head h2.page_titile {
    font-size: var(--fontSize-20);
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 26px; 
  }

  .name_list_styles .single_item_wrap { 
    flex-basis: calc(100% - 10px);
    margin: 15px 5px;
  }

  .name_list_styles .common_single_style { 
    flex-basis: 100%;
  }

  .name_list_styles .common_single_style:hover {
    box-shadow: 0 3px 5px var(--grayColor-200);
    -webkit-box-shadow: 0 3px 5px var(--grayColor-200);
    -moz-box-shadow: 0 3px 5px var(--grayColor-200);
  }
  
  .common_single_style {
    padding: 0 20px 20px 0;
    border-left: none;
    border-bottom: 2px solid var(--grayColor-200);
  }
}
/* =============================================
        Category/Generic Details Page
============================================= */
.category_page_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.category_page_wrap .category_page {
  flex-basis: calc(58% - 30px);
  margin-right: 30px;
}

/* Category Content */
.single_cot_title  {
  margin-bottom: 30px;
}

.single_cat_title h1.cat_name {
  font-size: var(--fontSize-24);
  font-weight: 600;
  line-height: 32px;
  color: var(--offBlueColor);
  padding-left: 10px;
  border-left: 4px solid var(--offBlueColor); 
  margin-top: 5px;
}

.single_cat_title h1.cat_name:first-letter {
    text-transform: capitalize;
}

.single_cat_title h1.cat_name span {
  font-size: var(--fontSize-16);
  font-weight: 500;
  color: var(--grayColor-700);
  margin-left: 10px;
  position: relative;
  top: -1px;
}

.site_link_button.cat_innovator_btn {
  margin: 20px 0 30px 0;
}

.site_link_button.cat_innovator_btn a {
  padding: 4px 25px;
  color: var(--hardSoftBlueColor);
  background-color: var(--whiteColor);
}

.cat_full_content h2,
.cat_full_content h3,
.cat_full_content h4,
.cat_full_content h5,
.cat_full_content h6 {
  display: block;
  font-size: var(--fontSize-16);
  font-weight: 500;
  line-height: 34px;
  margin: 15px 0;
  padding: 0 15px;
  border-left: 2px solid var(--darkBlueColor);
  color: var(--darkBlueColor);
  background-color: var(--grayColor-100);
}

.cat_full_content p {
  font-size: var(--fontSize-15);
  color: var(--grayColor-950);
  line-height: 28px;
}

/* Category Sidebar */
.category_page_wrap .category_page_sidebar {
  flex-basis: 42%;
}

.category_page_sidebar .cat_sidebar_head {
  display: flex;
  justify-content: space-between;
}

.cat_sidebar_head h2.sidebar_head_title {
  font-size: var(--fontSize-20);
  font-weight: 600;
  line-height: 24px;
  color: var(--offBlueColor);
  margin-right: 15px;
}

.site_link_button.cat_available_btn {
  margin: 0;
}

.site_link_button.cat_available_btn a {
  padding: 3px 10px;
  color: var(--hardSoftBlueColor);
  background-color: transparent;
}

.site_link_button.cat_available_btn a:hover {
  color: var(--whiteColor);
  background-color: var(--midBlueColor);
}

.category_page_sidebar .cat_sidebar_filter {
  margin: 25px 0 7px 0;
}

/* Sidebar Brand List */
.cat_sidebar_brand_list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cat_sidebar_brand_list .cat_sidebar_brand {
  flex-basis: calc(50% - 15px);
  padding: 12px 0;
}

.cat_sidebar_brand h2 {
  display: flex;
  align-items: center;
}

.cat_sidebar_brand img {
  max-height: 24px;
  padding-right: 5px;
}

.cat_sidebar_brand h2.brand_name a {
  display: block;
  font-size: var(--fontSize-17);
  font-weight: 600;
  line-height: 20px;
  color: var(--hardSoftBlueColor);
}

.cat_sidebar_brand span.brand_strength {
  display: block;
  font-size: var(--fontSize-14);
  font-weight: 500;
  line-height: 18px;
  margin: 2px 0;
  color: var(--grayColor-700);
}

.cat_sidebar_brand h3.manufacturer_name a {
  display: block;
  font-size: var(--fontSize-14);
  font-weight: 400;
  line-height: 20px;
  color: var(--offBlueColor);
}

.cat_sidebar_brand:hover h2.brand_name a,
.cat_sidebar_brand:hover h3.manufacturer_name a {
  color: var(--midBlueColor);
  padding-left: 1px; 
}

.cat_sidebar_brand span.package_unit {
  display: block;
  font-size: var(--fontSize-13);
  font-weight: 500;
  color: var(--grayColor-800);
} 

span.currency_symbol {
  font-family: 'SolaimanLipi';
  font-size: var(--fontSize-16);
  margin: 0 3px 0 5px;
}

.site_link_button.more_brands {
  margin: 15px 0;
  text-align: center; 
}
.site_link_button.more_brands a {
  display: block;
  padding: 2px 15px;
}

@media screen and (max-width: 991px) {
  .category_page_wrap {
    flex-direction: column;
  }

  .category_page_wrap .category_page {
    margin-right: 0;
  }

  .category_page_sidebar .cat_sidebar_head {
    margin: 60px 0 10px 0;
    padding-bottom: 20px;
  }

  .category_page_sidebar .cat_sidebar_filter {
    margin: 0 0 7px 0;
  }

  .cat_sidebar_brand .cat_sidebar_brand {
    flex-basis: calc(33.33% - 15px);
    padding: 12px 0;
  }
}

@media screen and (max-width: 768px) {
  .cat_sidebar_brand .cat_sidebar_brand {
    flex-basis: calc(50% - 15px);
  }

  .category_page_wrap .category_page h2.title {
    font-size: var(--fontSize-22);
  }
}

@media screen and (max-width: 567px) {
  .cat_sidebar_brand_list .cat_sidebar_brand {
    flex-basis: 100%;
    padding: 15px 0;
    border-bottom: 1px solid var(--grayColor-300);
  }

  .single_cat_title h1.cat_name {
    font-size: var(--fontSize-22);
    line-height: 28px;
  }

  .cat_sidebar_head {
    flex-direction: column;
  }

  .cat_sidebar_head h2 {
    text-align: center;
  }

  .site_link_button.cat_available_btn {
    margin-top: 20px;
  }

  .site_link_button.cat_available_btn a {
    display: block;
    text-align: center;
    max-width: 100%;
    margin: auto;
    padding: 4px 10px;
  }
}
/* =============================================
              Single/Details Page
============================================= */
.bn_style {
  font-family: 'SolaimanLipi';
}

.post_details_page {
  width: 100%;
  display: flex;
}

.post_details_page .post_content_side {
  flex-basis: calc(100% - 300px);
  margin-right: 30px;
}

.post_details_page .post_details_sidebar {
  width: 300px;
}

.single_article_title img {
  max-height: 25px;
  position: relative;
  left: 0;
  top: -5px;
  margin-right: 5px;
}

.single_article_title h1.brand_name {
  display: inline-block;
  font-size: var(--fontSize-24);
  font-weight: 600;
  line-height: 28px;
  color: var(--darkBlueColor);
}

.single_article_title h1.brand_name span {
  font-size: var(--fontSize-15);
  font-weight: 500;
  color: var(--offBlueColor);
  margin-left: 5px;
}

.post_content_side .post_info_extend {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.post_info_extend .post_info_left {
  flex-basis: calc(100% - 160px);
  margin-right: 15px;
}

.post_info_extend .post_info_right {
  width: 160px;
  margin-left: 15px;
}

.post_info_left h3.generic_name a,
.post_info_left h3.manufacturer_name a {
  display: block;
  font-size: var(--fontSize-14);
  font-weight: 500;
  line-height: 26px;
  margin: 3px 0;
  color: var(--offBlueColor);
}

.post_info_left h3.generic_name.bn_style a {
  font-size: var(--fontSize-16);
}

.post_info_left h3.generic_name a:hover,
.post_info_left h3.manufacturer_name a:hover{
  color: var(--midBlueColor);
}

.post_info_left span.post_disage_forms {
  display: block;
}

span.post_info_strong {
  font-weight: 400; 
  color: var(--offBlueColor);
}

.post_info_left span.post_info_strong,
.post_info_right span.post_info_strong  {
  margin-right: 5px;
}

.post_info_right span {
  text-align: right;
}

.post_info_right span.post_info_strong {
  float: left;
}

.post_info_right span.post_brand_strength,
.post_info_right span.unit_price,
.post_info_right span.box_price,
.post_info_left span.post_disage_forms {
  display: block;
  color: var(--grayColor-900);
  margin: 5px 0;
}

.post_info_right span.currency_symbol {
  font-size: var(--fontSize-16);
  margin-right: 4px;
}

.post_content_side .post_strength_available {
  margin: 5px 0;
}

.post_content_side .post_strength_available span a {
  display: inline-block;
  font-size: var(--fontSize-12);
  font-weight: 600;
  padding: 0 12px;
  margin: 10px 5px 0 0;
  color: var(--midBlueColor);
  border: 1px solid var(--midBlueColor);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.post_content_side .post_strength_available a:hover {
  color: var(--whiteColor);
  background-color: var(--hardSoftBlueColor);
}

/* Button */
.post_details_top_btn {
  display: flex;
  justify-content: space-between;
  margin: 35px 0;
}

.post_details_btn{
  display: flex;
}

.post_details_btn .alternative_btn  {
  margin-right: 15px
}

.post_details_top_btn a {
  padding: 5px 10px;
  color: var(--midBlueColor);
  background-color: transparent;
} 

.post_translation_btn a {
  color: var(--whiteColor);
  background-color: var(--midBlueColor);
}

.site_link_button.innovator_btn {
  float: left;
}

.post_details_thumbnails {
  display: none;
  position: relative;
  height: 250px;
  background-color: var(--grayColor-50);
  overflow: hidden;
}

.post_details_thumbnails img {
  position: absolute; 
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

/* Post Content */
.details_page_content h2,
.details_page_content h3,
.details_page_content h4,
.details_page_content h5,
.details_page_content h6 {
  display: block;
  font-size: var(--fontSize-16);
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 15px;
  padding: 0 15px;
  border-left: 2px solid var(--offBlueColor);
  color: var(--offBlueColor);
  background-color: var(--grayColor-100);
}

.details_page_content p {
  font-size: var(--fontSize-15);
  color: var(--grayColor-900);
  line-height: 24px;
  padding-bottom: 12px;
}

.details_page_content p a {
  color: var(--midBlueColor);
  font-weight: 600;
}

.details_page_content p a:hover {
  color: var(--hardSoftBlueColor);
}

.details_page_content .bn_style h2,
.details_page_content .bn_style h3,
.details_page_content .bn_style h4,
.details_page_content .bn_style h5,
.details_page_content .bn_style h6 {
  display: block;
  font-size: var(--fontSize-17);
  font-weight: 500;
  line-height: 34px;
}

.details_page_content.details_page_content_bn p {
  font-family: 'SolaimanLipi';
  font-size: var(--fontSize-17);
  color: inherit;
}

.details_page_content .bn_style p {
  font-size: var(--fontSize-17);
  line-height: 26px;
}

/* Post Details Sidebar */
/* Sidebar Thumbnail */
.post_sidebar_pic {
  width: 100%; /* 300 px */
  max-height: 250px;
  margin-bottom: 25px;
  background-color: var(--grayColor-50);
  overflow: hidden;
}

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

.post_sidebar_head h2.sidebar_head_title {
  font-size: var(--fontSize-16);
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 25px;
  padding: 10px 15px;
  color: var(--hardSoftBlueColor);
  border-left: 2px solid var(--hardSoftBlueColor);
  background-color: var(--grayColor-50);
}

.post_sidebar_brand_list .post_sidebar_brand {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--grayColor-300);
}

.post_sidebar_brand_list .post_sidebar_brand h2.single_item_heading  {
    display:flex;
    align-items: center;
}

.post_sidebar_brand_list .post_sidebar_brand h2.single_item_heading img  {
    max-height: 24px;
    padding-right: 5px;
}

.post_sidebar_brand_list .post_sidebar_brand:last-child {
  border-bottom: none;
  margin-bottom: 35px;
}

.post_sidebar_brand h2.brand_name a,
.post_sidebar_brand span.brand_strength,
.post_sidebar_brand h3.manufacturer_name a,
.post_sidebar_brand span.package_unit {
  display: block;
  line-height: 20px;
  margin: 3px 0;
}

.post_sidebar_brand h2.brand_name a {
  font-size: var(--fontSize-16);
  color: var(--hardSoftBlueColor);
  font-weight: 600;
}

.post_sidebar_brand .bn_style h2.brand_name a {
  font-size: var(--fontSize-17);
}

.post_sidebar_brand h2.brand_name a:hover,
.post_sidebar_brand h3.manufacturer_name a:hover {
  color: var(--midBlueColor);
  padding-left: 1px;
}

.post_sidebar_brand span.brand_strength,
.post_sidebar_brand h3.manufacturer_name a,
.post_sidebar_brand span.package_unit  {
  font-size: var(--fontSize-14);
  font-weight: 400;
  color: var(--offBlueColor);
}

.post_content_side .items-tags {
    margin: 45px 0 15px 0;
    border-top: 1px solid var(--grayColor-200);
    border-bottom: 1px solid var(--grayColor-200);
    padding: 22px 0 15px 0;
}

.post_content_side .items-tags .post-tags-label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 5px 0;
}

.post_content_side .items-tags span {
  display: inline-block;
  font-size: var(--fontSize-13);
  opacity: 0.8;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 1px 8px;
  border: 1px solid var(--grayColor-400);
}

@media screen and (max-width: 900px) {
  .post_details_page {
    flex-direction: column;
  }
  
  .post_details_page .post_content_side {
    margin-right: 0;
  }

  .post_details_thumbnails {
    display: block;
    /* width: 1024px; */
  }

  .post_details_page .post_details_sidebar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }

  .post_details_sidebar .sidebar_brand_wrap {
    flex-basis: calc(50% - 20px);
  }

  .post_sidebar_pic {
    display: none;
  }
}

@media screen and (max-width: 650px) {
  .post_content_side .post_info_extend {
    flex-direction: column;
  }

  .post_info_extend .post_info_right {
    width: 100%;
    margin-left: 0;
  }

  .post_info_right span {
    text-align: left;
  }
  
  .post_info_right span.post_info_strong {
    float: none;
  }
}

@media screen and (max-width: 567px) {
  .post_details_top_btn {
    flex-direction: column;
    margin: 30px 0;
  }

  .post_details_btn {
    justify-content: space-between;
  }

  .post_translation_btn {
    margin-top: 25px;
    text-align: right;
  }

  .post_details_page .post_details_sidebar {
    flex-direction: column;
  }

  .post_details_sidebar .sidebar_brand_wrap {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .post_details_btn {
    flex-direction: column;
  }

  .post_details_btn .innovator_btn {
    margin-top: 20px;
  }
}

.insert-ads-inside-post {
    /* max-height: 200px; */
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
}

.insert-ads-inside-post img {
     max-width: 100%;
}

/* =============================================
       Alternative Brand Category Page
============================================= */
.cat_alternative_filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}

.site_select_option {
  width: 100%;
  max-height: 37px;
}

.site_select_option.select_alt_pharma {
  margin-right: 15px;
}
.site_select_option.select_alt_brand {
  margin-left: 15px;
}

.cat_alternative_filter p.alt_filter_title {
  width: 170px;
  display: block;
  text-align: center;
  line-height: 35px;
  color: var(--whiteColor);
  padding: 0 15px;
  margin-right: 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: var(--midBlueColor);
}

.cat_alternative_brand .alternati_page_top_right {
  flex-basis: 45%;
  text-align: right;
  max-width: 350px;
  height: 100%;
  margin-left: 15px;
}

.cat_alternative_brand .alternati_page_top_right img.small-img {
  display: none;
}

.cat_alternative_brand .alternati_page_top_right img.big-img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .cat_alternative_filter {
    flex-direction: column;
  }
  .site_select_option.select_alt_pharma {
    margin-right: 0;
    margin-top: 15px;
  }
  .site_select_option.select_alt_brand {
    margin-left: 0;
    margin-top: 15px;
  }

  .cat_alternative_filter p.alt_filter_title {
    width: 100%;
    line-height: 32px;
    padding: 0;
    margin-right: 0;
  }
}

/* Alterbanive brand name list */
.alternative_brand_name_list table {
  width: 100%;
  /* border-spacing: 5px; */
  border-collapse: collapse;
}

.alternative_brand_name_list tr:nth-child(even){
  background-color: var(--grayColor-100);
}

.alternative_brand_name_list tr:last-child{
  border-bottom: 2px solid var(--grayColor-200);
}

.alternative_brand_name_list table tr th ,
.alternative_brand_name_list table tr td {
  padding: 12px;
  text-align: left;
  margin: 0;
}

.alternative_brand_name_list table tr th {
  font-weight: 500;
  color: var(--whiteColor);
  background-color: var(--midBlueColor);
}

.alternative_brand_name_list table tr td {
  font-size: var(--fontSize-13);
  font-weight: 500;
  color: var(--grayColor-800);
}

.alternative_brand_name_list table tr td:first-of-type {
  color: var(--offBlueColor);
}

.alternative_brand_name_list tr td span.currenct_symbol {
  font-size: var(--fontSize-15);
  margin: 0 3px 0 5px;
  position: relative;
  top: 1px;
}
/* =============================================
                   Blog 
============================================= */
/* ========== Blog Single/Details Page ========== */
.blog_single_page {
  font-family: 'SolaimanLipi';
  margin-bottom: 100px;
}

.blog_page_content_warp {
  display: flex;
  justify-content: space-between;
}

.blog_page_content_warp .blog_single_content {
  flex-basis: calc(100% - 351px);
  margin-right: 30px;
}


.blog_page_content_warp .blog_single_sidebar {
  width: 390px;
}

.blog_single_content .blog_page_title h1 {
  display: block;
  font-size: var(--fontSize-26);
  line-height: 34px;
  color: var(--offBlueColor);
  padding: 0 10px;
  border-left: 4px solid var(--offBlueColor);
}

/* Post Info (Details) */
.blog_post_info {
  font-family: 'Poppins';
  margin: 20px 0;
  padding: 7px 0;
  background-color: var(--grayColor-50);
  display: none;
}

.blog_post_info h6,
.blog_post_info h6 a {
  font-size: var(--fontSize-13);
  color: var(--offBlueColor);
}

.blog_post_info h6 {
  display: inline-block;
  margin-right: 12px;
}

.blog_post_info h6 span {
  margin-right: 7px;
  color: var(--grayColor-800);
}

/* Post Thumbnail */
.blog_post_thumbnail {
    margin-top: 25px;
  overflow: hidden;
  background-color: var(--grayColor-50);
}

.blog_post_thumbnail img {
  width: 100%;
  height: auto;
}

/* Post Content */
.blog_details_content {
  margin-top: 30px;
}

 .blog_details_content h2 {
     font-size: var(--fontSize-22);
     color: var(--offBlueColor);
 }
 
 .blog_details_content h3,
 .blog_details_content h4,
 .blog_details_content h5,
 .blog_details_content h6 {
      font-size: var(--fontSize-20);
      color: var(--offBlueColor);
 }

.blog_details_content p {
  font-size: var(--fontSize-17);
  line-height: 26px;
  padding-bottom: 12px;
}

.blog_details_content p a {
  color: var(--midBlueColor);
  font-weight: 600;
}

.blog_details_content p a:hover {
  color: var(--hardSoftBlueColor);
}


.blog_details_content blockquote {
  width: 100%;
  font-size: var(--fontSize-18);
  font-weight: 500;
  font-style: italic;
  padding: 20px 15px;
  margin-left: 0;
  border-left: 1px solid var(--offBlueColor);
  /* color: var(--offBlueColor); */
  background-color: var(--grayColor-50);
}

.site_link_button.view_more_blog {
  text-align: center;
  margin: 10px 0 20px 0;
}


.site_link_button.view_more_blog a {
  padding: 4px 40px;
}


/* Blog Single/Details Sidebar */
.blog_single_sidebar .blog_sidebar_content {
  display: flex;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--grayColor-300);
  padding: 5px 0;
  overflow: hidden; 
}

.blog_single_sidebar .blog_sidebar_content:last-child {
  border-bottom: none;
}

.blog_single_sidebar .post_sidebar_head h2 {
  font-size: var(--fontSize-18);
}

.blog_sidebar_content .sidebar_post_thumb {
  flex-basis: 28%;
  max-height: 100%;
  overflow: hidden; 
}
.blog_sidebar_content .post_title_info {
  flex-basis: calc(75% - 7px);
  margin-left: 7px;
}

.blog_sidebar_content .sidebar_post_thumb img {
  width: 100%;
  height: auto;
  background-color: var(--grayColor-50);
}

.blog_sidebar_content .sidebar_post_title h3 a {
  display: block;
  font-size: var(--fontSize-18);
  font-weight: 500;
  line-height: 22px;
  color: var(--offBlueColor);
  white-space: initial;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sidebar_post_info {
  font-family: 'Poppins';
  margin: 2px 0;
}
.sidebar_post_info h6 {
  display: inline-block;
  margin-right: 5px;
}

.sidebar_post_info h6,
.sidebar_post_info h6 a {
  font-size: var(--fontSize-12);
  font-weight: 400;
  line-height: 12px;
}

.sidebar_post_info h6 span {
  font-size: var(--fontSize-14);
  margin-right: 3px;
}

@media screen and (max-width: 991px) {
  .blog_single_page {
    margin-bottom: 0;
  }

  .blog_page_content_warp {
    flex-direction: column;
    width: 70%;
    margin: auto;
  }
  
  .blog_page_content_warp .blog_single_content {
    flex-basis: 100%;
    margin-right: 0;
  }
  
  .blog_page_content_warp .blog_single_sidebar {
    width: 100%;
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .blog_page_content_warp {
    width: 85%;
  }
}

@media screen and (max-width: 567px) {
  .blog_page_content_warp {
    width: 100%;
  }
  
  .blog_page_title {
  margin-top: -15px;
  border-bottom: 2px solid var(--grayColor-100);
  padding-bottom: 15px;
}

.blog_single_content .blog_page_title h1 {
  font-size: var(--fontSize-22);
  line-height: 30px;
  padding: 0;
  border-left: none;
}

}


@media screen and (max-width: 480px) {
  .site_link_button.view_more_blog {
    
  }

  .site_link_button.view_more_blog a {
    display: block;
  }
}

/* ========== Blog Single/Block ========== */
#blog_post_page {
  margin-top: 15px;
  margin-left: -15px;
  margin-right: -15px;
}

@media screen and (max-width: 480px) {
    #blog_post_page {
      margin-left: 0;
      margin-right: 0;
    }  .
}

.blog_post_page_head .page_title h1 {
  display: block;
  font-size: var(--fontSize-18);
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  padding: 12px 0;
  color: var(--offBlueColor);
  background-color: var(--grayColor-50);
}

.blog_post_page_head .page_title h1 span {
  margin-right: 10px;
}

.blog_post_single_wrap {
  display: flex;
  justify-content: left;
  flex-wrap: wrap; 
  margin-top: 20px;
}

.blog_post_single_wrap .blog_post_single:last-child {
    display: none;
}

.blog_post_single_wrap .blog_post_single {
  flex-basis: calc(33.33% - 30px);
  margin: 14px;
  border: 1px solid var(--grayColor-200);
}

.single_post_thumbnail {
  max-height: 300px;
  overflow: hidden;
}

.single_post_thumbnail img {
    width: 100%;
    height: auto;
    background-color: var(--grayColor-50);
}

.blog_post_single h2 {
  padding: 1px 0;
  white-space: initial;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_post_single h2:hover {
  -webkit-line-clamp: none;
  text-overflow: none;
  -webkit-box-orient: none;
}

.blog_post_single h2 a {
  display: block;
  font-size: var(--fontSize-18);
  font-weight: 600;
  line-height: 26px;
  color: var(--offBlueColor);
}

/* Single Post Info */
.single_post_info {
  font-family: 'Poppins';
  margin: 0 0 3px 0;
  padding: 7px 0;
}

.single_post_info h6,
.single_post_info h6 a {
  font-size: var(--fontSize-14);
  font-weight: 500;
  color: var(--grayColor-800);
}

.single_post_info h6 {
  display: inline-block;
  margin-right: 20px;
}

.single_post_info h6 span {
  display: inline-block;
  font-size: var(--fontSize-20);
  position: relative;
  top: -2px;
  margin-right: 3px;
}

.blog_post_single p {
  font-size: var(--fontSize-15);
  line-height: 24px;
}

.blog_post_single p a {
  font-size: var(--fontSize-14);
  font-weight: 500;
  color: var(--midBlueColor);
}

/* if image overlay div */
.blog_post_content {
  width: 90%;
  margin: auto;
  position: relative;
  top: -40px;
  background-color: #fff; 
  padding-top: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.blog_post_single h2 a,
.single_post_info,
.blog_post_single p {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 991px) {
  .blog_post_single_wrap .blog_post_single {
      flex-basis: calc(50% - 35px);
      margin: 15px;
    }

  .blog_post_single_wrap .blog_post_single:last-child {
    display: block;
  }

}

@media screen and (max-width: 767px) {
  .blog_post_page_head .page_title h1 {
    font-size: var(--fontSize-18);
    padding: 10px 0;
  }

  .blog_post_page_head .page_title h1 span {
    font-size: var(--fontSize-20);
  }

  .blog_post_single_wrap {
    flex-direction: column;
  }
  
  .blog_post_single_wrap .blog_post_single {
    margin: 15px 0;
  }
}
/* =============================================
                    Page 
============================================= */
#site_common_page_wrap {
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--grayColor-100);
}

#site_common_page_wrap .site_common_page {
  padding: 45px 30px 75px 30px;
  background-color: var(--whiteColor);
}

.site_common_page .site_page_head,
.site_common_page .page_details_content { 
  max-width: 75%;
  margin: auto;
}

.site_common_page .site_page_head h1.site_page_title {
  font-size: var(--fontSize-24);
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  color: var(--darkBlueColor);
  padding: 15px 0 40px 0;
}

.page_details_content h2,
.page_details_content h3,
.page_details_content h4,
.page_details_content h5,
.page_details_content h6 {
  color: var(--darkBlueColor);
}

.page_details_content h2,
.page_details_content h3,
.page_details_content h4,
.page_details_content h5 {
  font-size: var(--fontSize-18);
  font-weight: 600;
  line-height: 34px;
}

.page_details_content p {
  line-height: 28px;
}

@media screen and (max-width: 567px) {
  #site_common_page_wrap {
    background-color: var(--grayColor-50);
  }
  
  #site_common_page_wrap .site_common_page {
    padding: 30px 15px 75px 15px;
  }

  .site_common_page .site_page_head,
  .site_common_page .page_details_content { 
    max-width: 95%;
  }
}
/* =============================================
                  Search Page 
============================================= */
.search_page_head {
  margin-bottom: 30px;
}

.search_page_head h1.site_page_title { 
  font-size: var(--fontSize-22);
  font-weight: 600;
  text-align: center;
}

.search_page_head h1.site_page_title span { 
  font-weight: 700;
  color: var(--hardSoftBlueColor);
}

.search_single_content {
  margin: 5px 0;
  padding: 5px 0;
}

.search_result_content h3 {

}

.search_result_content h3 a {
  font-size: var(--fontSize-16);
  color: var(--grayColor-900);
  line-height: 24px;
}

.search_result_content p {
  font-size: var(--fontSize-14);
  color: var(--grayColor-700);
  line-height: 20px;
}

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

}

/* =============================================
        404 Page + Content Not Found
============================================= */
.error_page_404,
.not_fount_content {
  padding: 120px 30px;
  text-align: center;
  margin: auto;
}

.error_404 {
  display: flex;
  justify-content: center;
}

.error_404 .error_digit_1,
.error_404 .error_digit_2 {
  font-size: 50px;
  font-weight: 600;
  color: var(--offBlueColor);
  border-bottom: 3px solid var(--offBlueColor);
}

.error_404 .error_digit_1::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  position: relative;
  top: 9px;
  left: 30px;
  background-color: var(--offBlueColor);
}

.error_404 .fa-spin {
  font-size: 45px;
  font-weight: 500;
  color: var(--offBlueColor);
  position: relative;
  top: -10px;
  margin: 0 5px;
}

.error_page_404 h1.error_404_title {
  font-size: var(--fontSize-20);
  font-weight: 600;
  color: var(--offBlueColor);
}

.not_fount_content.not_found h1.not_found_title {
    font-size: var(--fontSize-26);
  font-weight: 600;
  color: var(--offBlueColor);
}

.error_page_404 p.error_404_text,
.not_fount_content p.not_found_dec {
  max-width: 700px;
  margin: auto;
  line-height: 20px;
  color: var(--offBlueColor);
}

.site_link_button.error_404_btn,
.site_link_button.not_found_btn {
  margin: 20px 0;
}

@media screen and (max-width: 567px) {
  .error_page_404,
  .not_fount_content {
    padding: 90px 15px;
  }

  .error_404 .error_digit_1,
  .error_404 .error_digit_2 {
    font-size: 45px;
    padding-bottom: 10px;
  }
  
  .error_404 .error_digit_1::after {
    top: 18px;
    left: 29px;
  }
  
  .error_404 .fa-spin {
    font-size: 40px;
    top: -6px;
  }
  
  .error_page_404 h1.error_404_title {
    font-size: var(--fontSize-18);
    color: var(--darkBlueColor);
  }
  
.error_page_404 p.error_404_text,
.not_fount_content p.not_found_dec {
  font-size: var(--fontSize-13);
}

  .site_link_button.error_404_btn a {
    padding: 4px 20px;
  }
}
/* =============================================
                Pagination
============================================= */
#site_main_pagination {
  width: 100%;
  text-align: center;
  margin: 45px 0 15px 0;
}

#site_main_pagination a.page-numbers,
#site_main_pagination .page-numbers.current {
  display: inline-block;
  width: 25px;
  height: 25px;
  font-size: var(--fontSize-16);
  font-weight: 500;
  line-height: 25px;
  color: var(--darkBlueColor);
  padding: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  vertical-align: middle;
}

#site_main_pagination > a.page-numbers {
  background-color: var(--grayColor-100);
}


#site_main_pagination .page-numbers.current,
#site_main_pagination a.page-numbers:hover  {
  background-color: var(--hardSoftBlueColor);
  color: var(--whiteColor);
}

#site_main_pagination .page-numbers.dots {
  font-size: 25px;
  color: var(--hardSoftBlueColor);
}
/* =============================================
                    Footer  
============================================= */
footer#site_footer {
  background-color: var(--darkBlueColor); 
}

.main_footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.main_footer .footer_about {
  flex-basis: calc(35% - 70px);
  text-align: center;
  color: var(--whiteColor);
  padding: 60px 30px 60px 10px;
}

.footer_about .site_branding img {
  width: auto;
  max-height: 22px;
  margin-bottom: 10px;
}

.main_footer .footer_about .site_branding h1 {
  line-height: 30px;
}

.main_footer .footer_about .site_branding a {
  font-size: var(--fontSize-26);
  line-height: 30px;
  color: var(--whiteColor); 
}

.main_footer .footer_about .site_branding a span {
  color: var(--softBlueColor);
}

.footer_about p.footer_about_text {
  font-size: var(--fontSize-13);
  line-height: 22px;
  margin: 10px 0;
}

.footer_about p.footer_about_text a {
  font-weight: 600;
  color: var(--softBlueColor);
}

.social_link_list  {
  margin: 20px 0;
}

.social_link_list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.social_link_list ul li {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 0 3px;
  background-color: var(--midBlueColor)
}

.social_link_list ul li a {
  display: block;
  font-size: var(--fontSize-16);
  color: var(--whiteColor);
  position: relative;
  top: 6px;
}

.social_link_list ul li a:hover {
  color: var(--softBlueColor);
}

.main_footer .f_common_class {
  flex-basis: calc(21.66% - 30px);
  padding: 55px 10px 30px 30px;
  border-bottom: 1px solid var(--hardSoftBlueColor);
  background-color: rgb(1, 86, 92);
}

.main_footer .f_common_class h4 {
  display: block;
  font-size: var(--fontSize-17);
  line-height: 24px;
  padding-bottom: 15px;
  color: var(--whiteColor);
  border-bottom: 2px solid var(--hardSoftBlueColor);
}

.main_footer .f_common_class ul {
  padding: 0;
  margin-top: 7px;
  color: var(--whiteColor);
  list-style: none;
}

.main_footer .f_common_class ul li a {
  display: block;
  font-size: var(--fontSize-14);
  color: var(--whiteColor);
  padding: 7px 0;
}

.main_footer .f_common_class ul li a:hover {
  color: var(--softBlueColor);
  padding-left: 1px;
}

/* Footer Copyright */
.idf_footer_copyright {
  background-color: rgb(1, 86, 92);
  padding: 20px;
}

.footer_copyright {
  display: flex;
  justify-content: space-between;
}

.footer_copyright p {
  font-size: var(--fontSize-13);
  color: var(--whiteColor);
}

.footer_copyright p a {
  color: var(--softBlueColor);
}

.footer_copyright p a:hover {
  color: var(--midBlueColor);
}

@media screen and (max-width: 991px) {
  .main_footer .footer_about {
    flex-basis: 100%;
    padding: 45px 30px;
  }
  
  .main_footer .f_common_class {
    flex-basis: calc(33.33% - 30px);
    padding: 30px 10px 30px 20px;
  }
}

@media screen and (max-width: 767px) {
  .main_footer .footer_about {
    flex-basis: 70%;
    margin: auto;
    padding: 60px 30px 30px 10px;
  }
  
  .main_footer .f_common_class {
    flex-basis: 100%;
    margin-top: 15px;
    padding: 15px;
  }

  .main_footer .f_common_class h4,
  .main_footer .f_common_class ul {
    display: block;
    width: 70%;
    margin: auto; 
    text-align: center;
  }

  .main_footer .f_common_class h4 {
    padding: 15px 0;
  }

  .main_footer .f_common_class ul {
    padding: 10px 0;
  }

  .footer_copyright {
    flex-direction: column;
    text-align: center;
  }

  .footer_copyright p {
    font-size: var(--fontSize-12);
    line-height: 20px;
  }
}

@media screen and (max-width: 480px) {
  .main_footer .footer_about {
    flex-basis: 100%;
  }

  .main_footer .f_common_class h4,
  .main_footer .f_common_class ul {
    width: 100%;
  }
}

/* Footer Copyrigtt */
.idf-footer-copyright {
  background-color: var(--darkBlueColor);
}