/*
Theme Name: Livealthbiopharma
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Livealthbiopharma brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.9
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: livealthbiopharma
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

*:focus {outline: none !important;}
body, html {overflow-x: hidden;}
body {font-family: "Poppins", sans-serif !important;}
html {scroll-behavior: smooth;}
ul,ol {list-style: none;padding: 0;}

a, button {
  	color: inherit;
  	display: inline-block;
  	line-height: inherit;
  	text-decoration: none;
  	cursor: pointer;
}
a, button, img, input, span {
  	transition: all 0.3s ease 0s;
}
a:hover {
  	text-decoration: none !important;
  	color: #2089CD !important;
}


/*****************************************************************
                        Homepage Page Css
*****************************************************************/

/* navbar css */
.topbar {
    background-color: #F8F8F8;
    height: 42px;
    line-height: 42px;
}
.top-tagline p {font-size: 14px;color: #787878;margin-bottom: 0;}
.top-social-media {height: 42px;line-height: 42px;text-align: right;}
.top-social-media .child {
    font-size: 16px;
    margin-right: 15px;
    color: #787878;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
.navbar-widget {padding: 15px 0;}
.top-contact-detail {
    float: left;
    width: 100%; 
    overflow: hidden;    
    height: 100%;
    display: flex;
    align-items: center;
}
.top-contact-detail .icon-box {
	float: left;
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	text-align: center;
	border: 1px solid #2089CD;
	margin-right: 10px;
}
.top-contact-detail .icon-box span i {font-size: 18px;color: #2089CD;}
.top-contact-detail .icon-text {float: left;width: 70%;margin-bottom: 0;}
.top-contact-detail1 .icon-text {width: 64%;}
.top-contact-detail .icon-text span {color: #787878;text-transform: uppercase;font-size: 14px;}
.top-contact-detail .icon-text p {margin-bottom: 0;}
.navbar-certi-image {text-align: right;float: none;margin-bottom: 0;}
/*.navbar-certi-image img {width: 30% !important;}*/
.navbar-certi-image img:first-child {margin-left: auto !important;margin-right: 25px;}
.gtranslate-lang-add .gt_switcher {margin-left: auto;margin-top: 5px;}

@media (max-width: 1199px) {
	.top-contact-detail .icon-box {margin-right: 12px;}
	.navbar-certi-image img:first-child {margin-right: 10px;}
}
@media (max-width: 991px) {
    .topbar .col-sm-6 {flex: 0 0 50%;max-width: 50%;}
    .navbar-logo {text-align: center;}
    .navbar-logo a {margin-right: 0;}
}
@media (max-width: 767px) {
    .top-social-media {text-align: center;}
    .navbar-widget .row .col-lg-9 {display: none;}
}
@media (max-width: 480px) {
    .top-social-media .child {margin-right: 12px;}
    .gtranslate-lang-add .gt_switcher {width: 130px !important;}
    .gtranslate-lang-add .gt_switcher .gt_selected a {width: auto !important;}
}

/* header menu css */
.header {z-index: 1;}
.navbar.main-menu {padding: 12px;margin-bottom: 0 !important;background-color: #2089CD;}
.navbar.main-menu:before, .navbar.main-menu:after {content: none;}
.header .navbar-brand {float: none;height: auto;padding: 0.3125rem 0;}
.navbar-toggler {transition: all 0.3s ease 0s !important;}
.navbar-toggler div {
	width: 25px;
    height: 4px;
    background-color: #fff;
    display: block;
    margin: 5px 0px;
    transition: all .6s ease-in-out !important;
}
.navbar-toggler[aria-expanded='true'] #one {
	transform: translateY(9px) rotate(-135deg);
	transition: all .6s ease-in-out !important;
	background-color: #fff;
}
.navbar-toggler[aria-expanded='true'] #two {
	opacity: 0;
	transition: .4s ease !important;
}
.navbar-toggler[aria-expanded='true'] #three {
	transform: translateY(-9px) rotate(-45deg);
	transition: all .6s ease-in-out !important;
	background-color: #fff;
}

.navbar-toggler:focus {outline: none;}
.navigation > li a {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    margin: 10px 10px !important;
    padding: 0 !important;
    text-transform: uppercase;
    color: #d9d9d9;
}
.navigation > li a:hover, .navigation > li a.active {color: #fff !important;}
.navigation > li a .sub-arrow {padding-left: 7px;}
.get-contactbtn {border: 1px solid #ffffff;margin-left: auto;transition: all .3s;}
.get-contactbtn button {font-size: 13px;padding: 10px 25px;color: #fff !important;text-transform: uppercase;border: 0;background-color: transparent;}
.get-contactbtn:hover {background-color: #0D4471;border-color: #0D4471;}
.get-contactbtn-mobile {display: none;}

/* dropdown css start */
@media (max-width: 991px) {
    .main-menu ul li span .downicon {
        font-size: 20px;
        display: block;
        position: absolute;
        z-index: 99;
        right: 13px;
        top: 2px;
        height: 40px;
        width: 40px;
        cursor: pointer;
        text-align: center;
        line-height: 40px;
        color: #414141;
    }
}
.main-menu ul li .righticon {display: none;}
.main-menu ul > li > ul
{
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.20);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    visibility: hidden;
    background-color: #ffff;
    opacity: 0;
    transform: translateY(15px);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-out;
    text-align: center !important;
    padding: 0;
    margin-left: 0;
    max-height: 250px;
    overflow-y: scroll;
}
.main-menu ul > li.dropdown:hover > ul
{
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    z-index: 999;
}
.main-menu ul > li > ul > li {width: auto !important;border-bottom: 1px solid #87878726;}
.main-menu ul > li > ul > li:last-child {border-bottom: 0;display: block !important;}
.main-menu ul > li > ul > li a
{
    font-size: 15px;
    color: #414141;
    text-transform: uppercase;
    padding: 12px 16px !important;
    margin: 0 !important;
    font-weight:500;
    text-align: left;
}
.main-menu ul > li > ul > li a:hover, .main-menu ul > li > ul > li a:focus
{
    color:#fff !important;
    background-color: #0D4471;
}

@media (max-width: 1199px) {
    .navigation > li a {font-size: 13px;margin: 10px 8px !important;}   
}
@media (max-width: 991px) {
    .main-menu ul > li > ul {background-color: transparent;box-shadow: inherit; width: 100%; display: none; position: inherit; -moz-transform: translateY(0); transform: translateY(0);}
    .main-menu ul > li.dropdown > ul.open { display: block; opacity: 1; visibility: visible; }
    .main-menu ul > li > ul > li {border-bottom: 0;}
    .main-menu ul > li > ul > li a {white-space: inherit !important;padding-left: 32px !important;font-size: 16px;}
    .main-menu ul li .righticon {display: block;}
    .navigation > li a .sub-arrow {display: none;}
    .navigation {background-color: #fff;margin-top: 10px;}
    .navigation > li > a {border-top: 1px solid #87878726;}
    .navigation > li:first-child > a {border-top: 0;}
    .navigation > li a {padding: 10px 16px !important;margin: 0 !important;color: #414141;font-size: 16px;}
    .navigation > li a.active, .navigation > li a:hover {color: #fff !important;background-color: #0D4471;}
    .get-contactbtn-mobile {display: block;}
    .get-contactbtn-desktop {display: none;}
}
/* dropdown css end */

/* carousel banner css */
/*.carousel-item.active {display: block !important;}*/
/*.carousel {z-index: -1;margin-top: -68px;}*/
/* 
@media (max-width: 991px) {.carousel {margin-top: -66px;}} */

/* short banner section css */
.shortbanner-section {padding-bottom: 80px;margin-top: -80px;}
.shortban {
	padding: 45px 20px 35px 20px;
	border-bottom: 4px solid transparent;
	border-radius: 8px;
	box-shadow: 0 20px 40px rgb(17 17 17 / 10%);
	transition: all 0.3s ease 0s;
	background-color: #fff;
	text-align: center;
	height: 230px;
}
.shortban:hover {border-color: #2089CD;}
.shortban h3 {
	font-size: 22px;
	font-family: 'Lora', serif !important;
    color: #023059;
	margin-bottom: 20px;
}
.shortban p {color: #959595;}

@media (max-width: 991px) {.shortban {height: 300px;}}
@media (max-width: 767px) {.shortbanner-section {margin-top: 0;}.shortban {height: auto;margin-top: 30px;}}
@media (max-width: 575px) {.shortbanner-section {padding-bottom: 50px;}}

/* aboutus section css */
.about-section {background-color: #F7F7F7;padding: 80px 0;}
.about-image {
	background-image: url(assets/images/about-img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100%;
}
.about-content {background-color: #fff;padding: 45px 50px;}
.about-content h6 {color: #2271b1;text-transform: uppercase;font-size: 13px;margin-bottom: 15px;font-weight: 600;}
.about-content h1 {margin-bottom: 15px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.about-content p {color: #959595;text-align: justify;}
.grow_skew_forward {border: 1px solid #2089CD;background-color: #2089CD;padding: 0;margin-top: 20px;}
.grow_skew_forward a {
	color: #fff !important;
    padding: 12px 30px;
    text-transform: uppercase;
    font-size: 14px;
}
.grow_skew_forward:hover {background-color: #fff;}
.grow_skew_forward:hover a {color: #2089CD !important;}

@media (max-width: 991px) {.about-image {height: 500px;}}
@media (max-width: 767px) {.about-image {height: 300px;}}
@media (max-width: 575px) {
	.about-section {padding: 50px 0;}
	.about-content {padding: 45px 30px;}
}

/* services section css */
.services-section {padding: 60px 0 80px;overflow: hidden;}
.services-section .container {overflow: hidden;}
.services-section h3 {margin-bottom: 30px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;text-align: center;}
.services-area {float: left;width: 100%;overflow: hidden;}
.service-widget {float: left;width: 19%;background-color: #f7f7f7;text-align: center;padding: 25px 20px;margin-right: 8px;margin-top: 8px;}
.service-widget:last-child {margin-right: 0;}
.service-icon {margin-bottom: 20px;}
.service-content h5 {font-family: 'Lora', serif !important;color: #023059;font-size: 22px;margin-bottom: 20px;}
.service-content a {text-transform: uppercase;color: #2271b1;font-size: 14px;}
.service-content a i {margin-left: 5px;}

@media (min-width: 992px) and (max-width: 1199px) {.service-content h5 {font-size: 17px;}}
@media (max-width: 991px) {
	.service-widget {width: 32.5%;}
	.service-widget:nth-child(3) {margin-right: 0;}
	.service-widget:nth-child(5) {margin-right: 0;}
	.service-widget:nth-last-child(-n+2) {width: 49.3%;}
}
@media (max-width: 767px) {
	.service-widget {width: 49%;}
	.service-widget:nth-child(2), .service-widget:nth-child(4) {margin-right: 0;}
	.service-widget:nth-child(3) {margin-right: 8px;}
	.service-widget:nth-child(5) {width: 100%;}
}
@media (max-width: 575px) {
	.services-section {padding: 40px 0 50px;}
	.service-widget {width: 100% !important;margin-right: 0;}
} 


/* hexagone css */
.hexagone-section {
    background-image: url(assets/images/hexagone-servicebg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 60px 0;
    overflow: hidden;
}
.hexagone-section .container {overflow: hidden;}
.hexagone-area {float: left;width: 100%;}
.single-hexagone {
    float: left;
    width: 33.33333%;
}
.single-hexagone:nth-last-child(-n+4) {float: left;width: 33.333333%;}
.hexa {
    width: 220px;
    height: 220px;
    background-image: url(assets/images/layer.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    padding: 40px 20px;
}
.hexa1 {margin-left: auto;}
.hexa2, .hexa3, .hexa4, .hexa5, .hexa6, .hexa7 {margin: auto;}
.hexa img {max-width: 40px;}
.hexa p {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    line-height: 22px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.hexa span {
    color: #000;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 991px) {
    /*.single-hexagone:nth-child(4) {width: 100%;}*/
    .single-hexagone:nth-last-child(-n+3) {width: 33.333333%;}
}
@media (max-width: 767px) {
    .single-hexagone {width: 50% !important;}
    .single-hexagone:last-child {width: 100% !important;}
    .hexa {margin: auto;}
}
@media (max-width: 575px) {
    .hexagone-section {padding: 40px 0;}
    .single-hexagone {width: 100% !important;}
}

/* what is generic section css */
.generic-product-section {background-color: #F7F7F7;padding: 80px 0;}
.generic-product-image {
	background-image: url(assets/images/generic-products.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100%;
}
.generic-product-content {background-color: #fff;padding: 45px 50px;}
.generic-product-content h3 {margin-bottom: 15px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.generic-product-content p {color: #959595;text-align: justify;}

@media (max-width: 991px) {.generic-product-image {height: 500px;}}
@media (max-width: 767px) {.generic-product-image {height: 300px;}}
@media(max-width: 575px) {
	.generic-product-section {padding: 50px 0;}
	.generic-product-content {padding: 45px 30px;}
	.generic-product-content p:last-child {margin-bottom: 0;}
}


/* mid content */
.mid-content-section {padding: 60px 0 40px;}
.mid-content-content {text-align: center;}
.mid-content-content h3 {font-family: 'Lora', serif !important;color: #023059;font-size: 30px;margin-bottom: 20px;}
.mid-content-content p {text-align: center;color: #959595;}

@media (max-width: 575px) {.mid-content-section {padding: 50px 0 30px;}}


/* goal section css */
.goal-section {padding-bottom: 70px;}
.goal-area-widget {padding: 40px 30px;height: 445px;}
.goal-area-widget1 {background-color: #70A3CD;}
.goal-area-widget2 {background-color: #4487BD;}
.goal-area-widget3 {background-color: #2271B1;}
.goal-icon {text-align: center;margin-bottom: 20px;}
.goal-icon span {
	width: 100px;
	height: 100px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	padding: 25px;
}
.goal-icon span img {max-width: 50px;}
.goal-content {text-align: center;}
.goal-content h3 {font-family: 'Lora', serif !important;color: #fff;font-size: 25px;margin-bottom: 20px;}
.goal-content p {color: #fff;margin-bottom: 0;}

@media (max-width: 1199px) {.goal-area-widget {height: 515px;}}
@media (max-width: 991px) {.goal-area-widget {height: 470px;}.goal-area-widget3 {margin-top: 30px;height: auto;}}
@media (max-width: 767px) {.goal-area-widget {height: auto;margin-top: 30px;}}
@media (max-width: 575px) {.goal-section {padding-bottom: 50px}}


/* clientele presence section css */
.testimonials-section {background-color: #f7f7f7;padding: 60px 0 80px;}
.testimonials-section .testimonials_grid {
    width: 250px;
    display: inline-block;
    margin: 0 15px;
}
.testimonials-section h3.title-about {color: #023059;font-size: 30px;font-family: 'Lora', serif !important;}
.testimonials-section .testimonials-gd-vj {padding: 15px !important;}
.testimonials-gd-vj {box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);background: transparent;}
.testimonials_grid h4 {font-size: 20px;margin-top: 15px;}
.testimonials-gd {background: #ffffff;}
p.sub-test {color: #666;font-size: 14px;}
p.sub-test span {font-size: 1.7em;margin-right: 0.3em;}
.testi_grid h5 {
    color: #1374c1;
    letter-spacing: 1px;
    font-size: 1.2em;
    font-weight: 600;
}
.ser-w3pvt-gd-wthree > div.service-content > h5 > a {color:white !important; }
.testi_grid p {
    font-size: 14px;
    line-height: 2em;
	text-align: justify;
}
section.hand-crafted p {color: #6e7275;}
.testi-img-res img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 575px) {.testimonials-section {padding: 50px 0}}


/* footer css */
.footer-section {padding-top: 60px;background-color:#222222;}
.footer-col img {margin-bottom: 15px;}
.footer-col h3 {color: #ddd;font-size: 21px;margin-bottom: 25px;}
.footer-col p {color:#ddd;font-size: 15px;}
.footer-col .child {
	width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    color: #ddd;
    border-radius: 50%;
    margin-right: 4px;
}
.footer-col .child:hover {color: #2089CD;background-color: #ddd;}
.footer-col ul {padding-left: 0;}
.footer-col ul li {margin-bottom: 10px;display: flex;}
.footer-col ul li a {color: #ddd;font-size: 15px;}
.footer-col ul li i {color: #ddd;display: block;padding-top: 5px;}
.footer-col ul li span {color: #ddd;padding-left: 10px;font-size: 15px;}

.copyright-row {border-top: 1px solid #A7A7A752;margin-top: 35px;}
.copyright-text {padding: 20px 0;}
.copyright-text2 {text-align: right;}
.copyright-text p {color: #ddd;font-size: 15px;margin-bottom: 0;}
.copyright-text p a, .copyright-text p span {color: #2271B1;font-weight: 600;}

@media (max-width: 991px) {
	.footer-col2 {margin-top: 30px;}
	.footer-col3 {margin-top: 30px;}
	.copyright-text {text-align: center;}
	.copyright-text1 {padding-bottom: 0;}
	.copyright-text2 {padding-top: 3px;}
}
@media (max-width: 767px) {.footer-col1 {margin-top: 20px;}}
@media (max-width: 575px) {.footer-col h3 {margin-bottom: 22px;}.footer-col2 {margin-top: 20px;}}


/*****************************************************************
                        About Us Page Css
*****************************************************************/
/*#innerpage-slider {z-index: -1;margin-top: -68px;}*/
#innerpage-slider img {width: 100%;}
.about-page-section {padding: 80px 0;background-color: #f7f7f7;}
.about-page-content h6 {color: #2271b1;text-transform: uppercase;font-size: 13px;margin-bottom: 15px;font-weight: 600;}
.about-page-content h3 {margin-bottom: 15px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.about-page-content p {color: #959595;text-align: justify;}
.whyus-content {margin-top: 25px;}
.whyus-content h3 {margin-bottom: 15px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.whyus-content h6 {color: #2271b1;text-transform: uppercase;font-size: 13px;margin-bottom: 15px;font-weight: 600;}
.whyus-content ul li {color: #959595;margin-bottom: 10px;}
.whyus-content ul li i {color: #023059;margin-right: 5px;}

/* about service section css */
.about-services-section {
	background-image: url(assets/images/services-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
	padding: 50px 0 80px;
	overflow: hidden;
	z-index: 1;
}
.about-services-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2271b1;
	opacity: 0.85;
	z-index: -1;
	overflow: hidden;
}
.about-services-section .container-lg {overflow: hidden;}
.about-services-widget {float: left;width: 100%;padding: 10px;background-color: #fff;overflow: hidden;margin-top: 30px;}
.about-services-image {float: left;width: 35%;}
.about-services-content {float: left;width: 65%;padding: 30px;}
.about-services-content h3 {margin-bottom: 15px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.about-services-content p {color: #959595;text-align: justify;margin-bottom: 0;}

@media (max-width: 1199px) {
	.about-services-image {width: 40%;}
	.about-services-content {width: 60%;}
}
@media (min-width: 992px) {
	.about-services-widget:nth-child(2) .about-services-image {float: right;}
}
@media (max-width: 991px) {
	.about-page-image {margin-top: 20px;}
	.about-services-image {width: 45%;}
	.about-services-content {width: 55%;padding: 20px 30px;}
	.about-services-content h3 {font-size: 25px;margin-bottom: 8px;}
}
@media (max-width: 767px) {
	.about-services-widget {float: none;}
	.about-services-image {float: none;width: 100%;text-align: center;}
	.about-services-content {float: none;width: 100%;padding: 30px;}
}
@media (max-width: 575px) {
	.about-page-section {padding: 50px 0;}
	.about-services-section {padding: 20px 0 50px;}
	.about-services-content {padding: 20px;}
}


/*****************************************************************
                        Products Page Css
*****************************************************************/
.product-page-section, .subcategory-page-section {padding: 30px 0 80px;}
.tab-pane p {border-left: 0 !important;}
.nav-tabs {
    border-bottom: 0 !important;
    justify-content: center;
}
.nav-tabs li a {
    border: 1px solid #ddd !important;
    border-radius: 30px !important;
}
.nav-tabs li.active a {
    border-color: #2089CD !important;
    background-color: #2089CD !important;
}
.nav-tabs li {margin-bottom: 0 !important;margin-right: 10px;}
.prods {border: 0;}
.category-wrap .col-lg-4 {margin-top: 50px;}
.category-widget {
	padding: 10px;
	border-bottom: 4px solid transparent;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 0px 0px 13px -4px rgb(0 0 0 / 15%);
	transition: all 0.3s ease 0s;
	margin-top: 50px;
}
.category-widget:hover {border-color: #023059;}
.category-widget .category-image {display: block;border: 1px solid #ECECEC;text-align: center;}
.category-widget img {border-radius: 0;}
.category-widget h4 {
	font-size: 20px;
    font-family: 'Lora', serif !important;
    color: #023059;
    margin-bottom: 0;
    text-align: center;
    padding: 25px 0 15px;
}

.about_inner {margin-top: 0;}
h3.tittle-about {margin-bottom: 0;}

@media (max-width: 767px) {.nav-tabs li {margin-top: 10px;}}
@media (max-width: 575px) {
    .product-page-section, .subcategory-page-section {padding: 10px 0 50px;}
    .category-widget {margin-top: 40px;}
    .category-widget h4 {font-size: 18px;}
}


/*****************************************************************
                        Product Detail Page Css
*****************************************************************/
#innerpage-slider {top: 0;border-top: 0;}
.product-detail-section {padding-top: 60px;padding-bottom: 80px;}
.product-detail-des h1 {
    font-size: 28px;
    font-weight: 600;
    font-family: 'Lora', serif !important;
    color: #023059;
    margin-bottom: 25px;
}
.product-detail-des table {
    border: 1px solid #023059 !important;
}
.product-detail-des table th {
    border: 1px solid #023059 !important;
    padding: 10px !important;
    color: #023059;
    font-weight: 600;
}
.product-detail-des table td {
    border: 1px solid #023059 !important;
    padding: 10px !important;
    color: #554848;
    text-align: justify;
}
.product-detail-des table td ul li {list-style: square inside;}
.product-detail-des table td span {display: block;}
.product-detail-des table td span:first-child {margin-bottom: 10px;}
.product-detail-image {
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 25px -9px rgb(0 0 0 / 75%) inset;
    padding: 20px;
}
.widget-area {display: none;}
.navigation.post-navigation {display: none;}
.product-inquirybtn {
    font-size: 13px;
    padding: 10px 25px;
    color: #fff !important;
    text-transform: uppercase;
    border: 1px solid #0D4471;
    background-color: #0D4471;
    margin-top: 15px;
    transition: all .3s;
}
.product-inquirybtn:hover {box-shadow: 0px 0px 25px -9px rgb(0 0 0 / 75%) inset;}


@media (max-width: 991px) {
    .product-detail-des {margin-top: 30px;}
}
@media (max-width: 575px) {
    .product-detail-section {padding-top: 50px;padding-bottom: 30px;}
}


/*****************************************************************
                Awards & Accreditation Page Css
*****************************************************************/
.award-accreditation-section {padding: 80px 0;}
.award-accreditation-section .col-lg-4:nth-last-child(2) {margin-left: 190px;}
.certi-title {text-align: center;}
.certi-title h3 {margin-bottom: 40px;font-family: 'Lora', serif !important;color: #023059;font-size: 25px;font-style: italic;}
.main-certi {border: 25px inset #EFC450;text-align: center;margin-bottom: 40px;}
.certi-area {margin-top: 40px;text-align: center;}
.certi-img {position: relative;}
.certi-img:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-45%);
    width: 16px;
    height: 8px;
    border-radius: 0 0 150px 150px;
    background-color: #9B7F34;
}
.certi-img:after {
    content: "";
    position: absolute;
    bottom: -29px;
    left: 50%;
    width: 2px;
    height: 30px;
    background-color: #9B7F34;
}
.certi-caption {
    position: relative;
    text-align: center;
    margin-top: 25px;
    background-color: #9B7F34;
    height: 40px;
}
.certi-caption:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 20px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 20px solid transparent;
}
.certi-caption:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-top: 20px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 20px solid transparent;
}
.certi-caption h3 {font-size: 20px;color: #ffffff;margin-bottom: 0;line-height: 40px;font-family: 'Lora', serif !important;}

@media (max-width: 1199px) {.award-accreditation-section .col-lg-4:nth-last-child(2) {margin-left: 165px;}}
@media (max-width: 991px) {
    .award-accreditation-section .col-lg-4:nth-last-child(2) {margin-left: 0;}
    .award-accreditation-section .col-lg-4:last-child {margin: auto;}
}
@media (min-width: 576px) and (max-width: 1199px) {.certi-caption h3 {font-size: 16px;}}
@media (max-width: 575px) {
    .award-accreditation-section {padding: 50px 0;}
    .main-certi {margin-bottom: 0;}
}


/*****************************************************************
                  Research & Development Page Css
*****************************************************************/
.research-development-section {padding: 80px 0;}
.research-development-area {margin-bottom: 50px;}
.research-development-area h3 {
    margin-bottom: 15px;
    font-family: 'Lora', serif !important;
    color: #023059;
    font-size: 30px;
}
.research-development-area p {color: #959595;text-align: justify;}
.capabilities-points h3 {margin-bottom: 25px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.capabilities-points ul {padding-left: 10px;}
.capabilities-points ul li {
    position: relative;
    color: #959595;
    margin-bottom: 15px;
    padding: 8px 25px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 20px 40px rgb(17 17 17 / 10%) inset;
}
.capabilities-points ul li:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #2089CD;
}
.strategy-points {margin-top: 30px;}
.strategy-points h3 {margin-bottom: 25px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.strategy-points ul {padding-left: 10px;margin-bottom: 0;}
.strategy-points ul li {display: flex;color: #959595;margin-bottom: 15px;}
.strategy-points ul li:last-child {margin-bottom: 0;}
.strategy-points ul li i {display: block;color: #2089CD;padding-top: 4px;margin-right: 12px;}

@media (max-width: 991px) {.research-development-img {margin-top: 20px;}}
@media (max-width: 575px) {
    .research-development-section {padding: 50px 0;}
    .research-development-area {margin-bottom: 30px;}
}


/*****************************************************************
                        Gallery Page Css
*****************************************************************/
.gallery-section {padding: 80px 0;}
.gallery-section h3 { margin-bottom: 30px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.gallery-section .row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}
.gallery-section .row .column {
    flex: 33.333333%;
    max-width: 33.333333%;
    padding: 0 4px;
}
.gallery-section .row .column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}
.img-caption {position: relative;}
.img-caption h6 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0px;
    color: #fff;
    background-color: #0000008a;
    padding: 8px 10px;
    text-align: center;
}

@media screen and (max-width: 767px) {.gallery-section .row .column {flex: 100%;max-width: 100%;}}
@media screen and (max-width: 575px) {.gallery-section {padding: 50px 0;}}


/*****************************************************************
                       Blog Page Section Css
*****************************************************************/
.blog-section {padding: 60px 0;}
.blog-section h3.title-about {
    color: #023059;
    font-size: 30px;
    font-family: 'Lora', serif !important;
    margin-bottom: 30px !important;
}
.read-blog-wrap {margin-bottom: 60px;}
.read-blog-img {margin-bottom: 16px;}
.read-blog-date {color: #959595;margin-bottom: 8px;}
.read-blog-content h5 {
    font-family: 'Lora', serif !important;
    color: #023059;
    font-size: 20px;
    margin-bottom: 20px;
}
.read-blog-content .read-blog-btn {
    background-color: #2089CD;
    padding: 6px 20px;
    color: #fff !important;
}

@media (max-width: 575px) {
    .blog-section {padding: 40px 0;}
}


/*****************************************************************
                       Blog Detail Page Css
*****************************************************************/
.blog-detail1-content h5 a:hover{color:#009BD2;}
.blog-detail1-content a {font-size: 20px;}
.blog-detail-section {padding: 80px 0px !important;}
.blog-detail-img {margin-bottom: 16px;}
.blog-detail-date {margin-bottom: 12px;}
.blog-detail-date span {color: #2271b1;}
.blog-detail-content h1 {
    margin-bottom: 15px;
    font-family: 'Lora', serif !important;
    color: #023059;
    font-size: 30px;
}
.blog-detail-content p {color: #959595;text-align: justify;}
.blog-detail-content h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-family: 'Lora', serif !important;
    color: #023059;
    font-size: 25px;
}
.blog-detail-content h4 {
    font-family: 'Lora', serif !important;
    color: #023059;
    font-size: 22px;
}
.blog-detail-content h5 {
    color: #023059;
    margin-bottom: 5px;
    font-size: 19px;
}
.blog-detail-content ul, .blog-detail-content ol {padding-left: 40px;}
.blog-detail-content ul li {color: #959595;text-align: justify;list-style: disc;margin-bottom: 12px;}
.blog-detail-content ol li {color: #959595;text-align: justify;list-style: decimal;margin-bottom: 12px;}
.blog-detail-sidebar .section-title h3 {font-size: 22px;}
.blog-detail-categories ul {margin-top: 35px;}
.blog-detail-categories ul li {margin: 10px 0;border-bottom: 1px solid #ddd;padding-bottom: 6px;}
.blog-detail-categories ul li a {color: #212121;font-size: 15px;}
.recent-title h4 {
    font-family: 'Lora', serif !important;
    color: #023059;
}
.latest-post {margin-top: 25px;}
.latest-post-detail {
    display: flex;
    margin-top: 20px;
}
.latest-post-detail img {
    display: block;
    width: 90px;
}
.latest-post-detail p a {
	font-size: 15px;
    margin-left: 15px;
    color: #212121;
    text-decoration: none;
}
.latest-post-detail p span {
	font-size: 15px;
    margin-left: 15px;
    color: #818181;
}
.blog-detail-prev, .blog-detail-next {margin-top: 10px;}
.blog-detail-prev a, .blog-detail-next a {
	border: 1px solid #212121;
	border-radius: 30px;
	font-size: 15px;
	padding: 8px 20px;
	color: #212121;
}
.blog-detail-prev a i {padding-right: 8px;}
.blog-detail-next a i {padding-left: 8px;}
.blog-detail-prev a:hover, .blog-detail-next a:hover {
	background-color: #2089CD;
	color: #fff !important;
	border-color: #2089CD;
}

@media (max-width: 575px) {
    .blog-detail-section {padding: 40px 0px !important;}
}


/*****************************************************************
                        Contact Us Page Css
*****************************************************************/
.content-form-section {padding: 80px 0;}
.business-contact h6 {color: #2271b1;text-transform: uppercase;font-size: 13px;margin-bottom: 15px;font-weight: 600;}
.business-contact h3 {margin-bottom: 15px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.business-contact p {color: #959595;margin-bottom: 25px;}
.business-contact ul {margin-bottom: 35px;}
.business-contact ul li {display: flex;margin-bottom: 20px;}
.business-contact ul li i {
	display: block;
	color: #fff;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background-color: #2089CD;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
}
.business-contact ul li span {color: #023059;padding-top: 6px;padding-left: 10px;vertical-align: middle;}
.business-contact .child {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #0D4471;
    display: inline-block;
    text-align: center;
    color: #0D4471;
    border-radius: 50%;
    margin-right: 4px;
}
.business-contact .child:hover {color: #fff !important;background-color: #0D4471;}
.contact-form {background-color: #F7F7F7;padding: 30px 40px 40px 40px;}
.contact-form h3 {margin-bottom: 20px;font-family: 'Lora', serif !important;color: #023059;font-size: 30px;}
.form-group .form-control {
	border: 1px solid #EAE9E9;
	border-radius: 0;
	height: 45px;
}
.form-group .form-control::placeholder {color: #8f979d;font-size: 15px;}
.form-group .form-control:focus {outline: none !important;box-shadow: none !important;}
.form-group textarea {height: auto !important;padding-top: 10px;}
.form-group .contact-btn {
	border: 1px solid #0D4471;
    background-color: #0D4471;
    padding: 8px 25px;
    color: #fff;
    margin-top: 16px;
}
.form-group .contact-btn:hover {box-shadow: 0px 0px 25px -9px rgb(0 0 0 / 75%) inset;}

/* contact info css */
.contact-info-section {padding: 80px 0;background-color: #F7F7F7;}
.contact-info-detail {background-color: #262626;padding: 40px;height: 330px;}
.contact-info-detail h3 {margin-bottom: 25px;font-family: 'Lora', serif !important;color: #fff;font-size: 25px;}
.contact-info-detail ul {overflow: hidden;margin-bottom: 0;}
.contact-info-detail ul li {float: left;width: 100%;overflow: hidden;margin-bottom: 25px;}
.contact-info-detail ul li i {
	float: left;
	color: #262626;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
}
.contact-info-detail ul li p {overflow: hidden;color: #fff;padding-left: 12px;margin-bottom: 0;}
.contact-info-detail1 ul li:nth-last-child(-n+2) p {padding-top: 6px;}
.contact-info-detail2 ul li:last-child p {padding-top: 6px;}
.contact-info-detail3 {height: auto;margin-top: 30px;}
.contact-info-detail3 ul li {margin-bottom: 0;}
.contact-info-map {height: 330px;}

@media (max-width: 991px) {
	.contact-form {margin-top: 35px;}
	.contact-info-detail {height: auto;}
	.contact-info-detail2, .contact-info-detail3 {margin-top: 40px}
}
@media (max-width: 575px) {
	.content-form-section {padding: 50px 0;}
	.contact-form {padding: 30px;}
	.contact-info-section {padding: 50px 0;}
	.contact-info-detail {padding: 40px 30px;}
	.contact-info-detail2 ul li:last-child p {padding-top: 0;}
}


/*****************************************************************
                        Landing Page Css
*****************************************************************/
.landing-page-banner {
    background-image: url(assets/images/landing-page-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
}
.landing-page-banner {position: relative;}
.landing-page-banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000000d1;
    height: 100%;
}
.innerpage-banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    z-index: 1;
}
.innerpage-banner-content h1 {
    font-family: 'Lora', serif;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}
.innerpage-banner-content p {color: #fff;margin-bottom: 0;}
.landing-page-section {padding: 60px 0;}
.landing-page-content h2, .production-capacity-section h2, .product-range-content h2 {
    margin-bottom: 15px;
    font-family: 'Lora', serif !important;
    color: #023059;
    font-size: 30px;
}
.landing-page-content p, .product-range-content p {color: #959595;text-align: justify;}
.landing-page-content p strong {color: #111111;transform: none !important;}

.production-capacity-section {padding: 60px 0;background-color: #F7F7F7;}
.production-capacity-section h2 {text-align: center;margin-bottom: 35px;}
.production-capacity-section .row .col-lg-2 {padding: 0 8px !important;}
.capacity-counter {
    text-align: center;
    padding: 20px;
    box-shadow: 0 20px 40px rgb(17 17 17 / 10%);
    border-radius: 4px;
}
.capacity-counter .image {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    background-color: #2089CD;
}
.capacity-counter .content strong {
    display: block;
    transform: none !important;
    font-size: 24px;
}
.capacity-counter .content span {font-size: 18px;}

.product-range-section {padding: 60px 0;}
.product-range-content {text-align: center;}
.product-range-content p {text-align: center;margin-bottom: 22px;}
.product-range-content a {
    background-color: #2089CD;
    color: #fff !important;
    padding: 8px 15px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.product-range-content .online-prod-btn {margin-right: 10px;}

@media (min-width: 992px) {
    .production-capacity-section .row .col-lg-2 {flex: 0 0 20%;max-width: 20%;}
}
@media (max-width: 991px) {
    .capacity-counter {margin-bottom: 20px;}
}
@media (max-width: 767px) {
    .innerpage-banner-content h1 {font-size: 35px;}
}
@media (max-width: 575px) {
    .landing-page-banner {height: 200px;}
    .innerpage-banner-content h1 {font-size: 26px;}
    .innerpage-banner-content p {font-size: 12px;}
    .production-capacity-section h2 {margin-bottom: 25px;}
    .landing-page-section, .production-capacity-section, .product-range-section {padding: 30px 0;}
    .landing-page-content h2, .production-capacity-section h2, .product-range-content h2 {font-size: 24px;}
}


/*****************************************************************
                    Certificates Search Page Css
*****************************************************************/
.certificate-search-page {padding: 50px 0;}
.is-search-sections .thumbnail, .is-search-sections .meta, .is-ajax-result-description {display: none;}
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a {font-size: 15px;}


/*****************************************************************
                    Certificates Page Css
*****************************************************************/
.certificate-page-section {padding: 50px 0;}
.certificate-title {margin-bottom: 25px;}
.certificate-title h3 {font-family: 'Lora', serif !important;color: #023059;font-size: 35px;}
.certificate-image a {
    border: 1px solid #0D4471;
    background-color: #0D4471;
    padding: 8px 25px;
    color: #fff;
    margin-top: 16px;
}
.certificate-image a:hover {
    box-shadow: 0px 0px 25px -9px rgb(0 0 0 / 75%) inset;
}

@media (max-width: 575px) {
    .certificate-search-page {padding: 30px 0;}
    .certificate-page-section {padding: 30px 0;}
}


/*****************************************************************
                        Sticky Batch Certificates Css
*****************************************************************/
.batch-certificates {
    display: inline-block;
    transform: rotate(-90deg);
    position: fixed;
    top: 55%;
    left: -67px;
    z-index: 1;
}
.batch-certificates a {
    background-color: #2089CD;
    color: #fff !important;
    padding: 8px 15px;
}
.batch-certificates a:hover {background-color: #0D4471;}

/*****************************************************************
                        Sticky Circle Whatsapp Css
*****************************************************************/
.circle-effect {
    position: fixed;
    bottom: 4%;
	left: 2%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	background-color: #fff;
    border-radius: 50%;
	z-index: 10;
}
.circle-effect .circle-text {
	position: absolute;
	color: #10B519;
	font-size: 12px;
	font-weight: 900;
	user-select: none;
	pointer-events: none;
	animation: animate 7.5s linear infinite;
	margin-top: 8px;
}
@keyframes animate {
	0% {
	    transform: rotate(360deg);
	}
	100% {
	    transform: rotate(0deg);
	}
}
.circle-effect .circle-text strong {
	position: absolute;
    top: -60px;
    text-transform: uppercase;
    display: inline-block;
    transform-origin: 0 60px;
}
.circle-effect .whatsapp-img {margin-top: -5px;}
@media (max-width: 575px) {.circle-effect {right:5%;}}


/*****************************************************************
                    Popup Modal Form Css
*****************************************************************/
.modal-content {
    border-radius: 0;
    padding: 55px 60px 40px;
    background-image: url(assets/images/modalform-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.modal-content:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(37,37,37,.6);
    top: 0;
    left: 0;
}
.modal-content .close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    border: 0;
    width: 25px;
    height: 25px;
    background-color: #0D4471;
    color: #fff;
    border-radius: 50%;
    z-index: 1;
}
.modal-content .wpcf7, .modal-content form {z-index: 1;}
.modal-content form .wpcf7-response-output {color: #fff;}
.modal-content form .display-product-title h5 {font-size: 25px;color: #fff;margin-bottom: 16px;}

@media (min-width: 576px) {.modal-dialog {max-width: 550px;margin: 3.75rem auto;}}
@media (max-width: 480px) {.modal-content {padding: 80px 30px 50px 30px;}}


/*****************************************************************
                    Thank You Page Css
*****************************************************************/
.thankyou-page-section {padding: 100px 0;background-color: #f6f6f6;}
.thankyou-page-content {text-align: center;}
.thankyou-page-content i {color: #00B881;font-size: 45px;}
.thankyou-page-content h1 {
	font-size: 32px;
    font-weight: 700;
    font-family: 'Lora', serif !important;
	margin: 25px 0 20px;
	color: #023059;
}
.thankyou-page-content p {margin-bottom: 40px;}
.connect-with-us, .visit-our-website {
	text-align: center;
	background: #fff;
	padding: 25px;
    height: 130px;
}
.connect-with-us h3 {
	font-size: 18px;
	font-weight: 700;
	font-family: 'Lora', serif !important;
	margin-bottom: 20px;
}
.connect-with-us a {
	width: 35px;
    height: 35px;
	line-height: 34px;
	border: 1px solid #0D4471;
	display: inline-block;
	text-align: center;
	color: #fff !important;
    background-color: #0D4471;
	border-radius: 50%;
	margin-right: 4px;
}
.visit-our-website h3 {
    font-size: 18px;
	font-weight: 700;
	font-family: 'Lora', serif !important;
	margin-bottom: 20px;
}
.visit-our-website a {
    font-weight: 500;
	background-color: #00B881;
	padding: 7px 26px;
	color: #fff !important;
	display: inline-block;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .thankyou-page-section {padding: 40px 0;}
    .thankyou-page-content p {margin-bottom: 20px;}
    .connect-with-us, .visit-our-website {height: auto;margin-bottom: 20px;}
}