/*
 Theme Name: Chemitex Pharmacy child
 Template: twentytwenty
Version: 1.3.4
*/
body {
	  font-family: "Inter", sans-serif !important;
	font-size: 16px !important;
	line-height: 28px !important;
	background-color: #FFF !important;
}
p, li {
	 font-family: "Inter", sans-serif !important;
	font-size: 16px !important;
	line-height: 28px !important;
}
h1 {
	font-size: 45px !important;
	font-weight: 600 !important;
	color: #000 !important;
}
h2 {
    font-size: 40px !important;
    font-weight: 600 !important;
}
h1, h2, h3, h4 {
  margin-top: 0px !important;
}
.post-inner {
	padding: 0px !important;
}

}
#et-boc { width: 100%; max-width: 100%; }
section.top-bar a {
    color: #fff;
}
h5 {
  margin: 0px !important;
}

a{ text-decoration:none !important;}
h1, h2, h3, h4{ margin-top:0px !important;}
h1, h2, h3, h4{ margin-bottom:10px !important;}
h3{ font-size:35px !important}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1140px !important;
}
/*==============================================
Button Style
==============================================*/
.enquiery-btn a {
  display: flex;
  padding: 10px 24px;
  border-radius: 3rem;
  gap: 8px;
  background: linear-gradient(90deg, #008E68 0%, #0180A7 100%);
  color: white;
  margin-left: 20px;
	letter-spacing: 2px;
}
a.uc_more_btn, a.default-btn {
    background: linear-gradient(90deg, #008E68 0%, #0180A7 100%);
    padding: 1.2rem 1.8em !important;
    border: none !important;
    display: inline-block !important;
    letter-spacing: 2px;
	 border-radius: 3rem;
	color: white;
}
/*==============================================
 Header Section
==============================================*/

.btm-bar {
  position: absolute;
  padding: 20px;

}
#site-header{z-index:111}
.header-menu a {
  color: #000 !important;
}
.icon {
  color: #04ba50 !important;
}
.sub-menu {
  width: 230px !important;
  border-radius: 18px !important;
  background: linear-gradient(179deg, rgb(1, 71, 132) 0%, rgb(4, 186, 80) 134%) !important;
}
a.white-btn {
    background: #ffffff !important;
    color: #000 !important;
}
/*==============================================
Banner Section
==============================================*/
span.green-text {
    display: block;
    font-weight: 200;
    color: #04ba50;
}
.slick-slide {
    background-position: center bottom !important;
}
.slide__content {
    width: 73% !important;
    max-width: 1140px !important;
    padding: 90px 0px 0 !important;
}
.slide__content--headings {
    text-align: left !important;
    width: 61% !important;
}
/*==============================================
We Work Section
==============================================*/
.line-center::after {
  content: "";
  height: 100%;
  width: 3px;
  background: #00f877;
  position: absolute;
  left: 49.8%;
  top: 15px;
}

.we-work-left-box .elementor-widget-container::after, .we-work-right-box .elementor-widget-container::before  {
  content: "";
  width: 27px;
  height: 3px;
  background: #00ff7b;
  display: block;
  position: absolute;
  right: -24px;
  top: 129px;
}
.we-work-right-box .elementor-widget-container::before {

 left: -26px !important;
	right:0 !important;
}


/*==============================================
 |Subpage|
==============================================*/
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 100% !important; width: 100% !important; }
.cover-color-overlay {
  color: #10101000 !important;
}
.entry-header { background: none !important; padding: 0px !important; }
.screen-height { min-height: 55vh !important; }
.entry-title {
    color: #000 !important;
   
    letter-spacing: 2px !important;
	font-size:35px !important
}

.bg-attachment-fixed {
    background-attachment: inherit !important;
	background-position: bottom;
}
#google-map-home .elementor-shortcode {
    overflow: overlay;
}
#google-map-home iframe {
    margin-top: -67px !important;
}

/* Toogle Menu */

.toggle-wrapper {
  display: none;
}


/*==============================================
 |Footer Section|
==============================================*/

.site-footr { background-color: #161616!important; margin: 0px !important; padding: 120px 0px 10px; color: #fff !important; background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative;   font-family: "Inter", sans-serif !important;}
.site-footr .menu li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; margin-left: 10px; transition: 0.2s !important; margin-right: 14px; color: #fff!important; font-size: 14px; }
.site-footr h2 {
  font-size: 22px !important;
  color: #fff !important;
  margin: 0px 0px 3rem 0px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}
.site-footr a { color: #fff !important; text-decoration: none !important; }
.site-footr i {
  color: #fff !important;
  font-size: 18px;
	margin-right: 20px; 
}
.screen-reader-response { display: none; }
.site-footr a, .site-footr li { color: #fff !important; }

.footer-form textarea { height: 104px; }
.site-footr .menu li a { font-weight: 400; font-size: 16px !important; }
.wpcf7-form-control.wpcf7-submit { float: right; border: none !important; color: #fff !important;  padding: 0px; }
.line-top { width: 100%; border-top: 1px solid #27423B; padding: 20px 0px; }
.f-social-icon a i { margin-left: 24px; color: #fff !important; }
.powered-by-btm a { color: #F3B63F!important; }
.f-cont-nber {
  display: flex;
  margin: 0px 0px !important;
    margin-bottom: 0px;
  padding: 0px 0px 11px;
  width: 98%;
  border-bottom: 1px solid #27423B;
  margin-bottom: 6px !important;
}
.f-cont-nber li { list-style: none; margin: 0px !important; font-size: 16px !important; }

.footer-copyright a, .footer-copyright { font-weight: 400; color: #fff !important; }

.site-footr .widget-content { font-size: 16px !important; color: #fff !important; }
nu-footer-menu li { margin: 0px; }
.footer-btm { margin-top: 40px; }
.site-footr figure.wp-block-image.size-full { margin-top: 0px !important; }
.wpcf7-response-output {
    color: #46b450;
}
.footer-form input:focus-visible, .footer-form textarea:focus-visible {
    outline: inherit !important;
}

.footer-btm span.social_icons i {
    font-size: 22px;
}
.footer-btm span.social_icons a {
    margin: 0px;
}
.footer-btm span.social_icons {
    position: fixed;
    background: #ffffff;
    padding: 11px 30px 6px;
    bottom: 20px;
    border-radius: 3rem;
    box-shadow: 0px 0px 12px #0000001f;
    z-index: 111;
    right: 20px;
    display: flex !important;
    gap: 16px;
}

.site-footr img {
  width: 141px;
}


/*Product Page  */
ul.list-caret li {
    color: #ffffff;
    text-align: left;
}

ul.list-caret {
    margin: 10px 11px;
}

.footer-curve svg {
  fill: #fff;
  transform: rotateY(181deg);
  transform-origin: center;
  position: absolute;
  top: 0pc;
  height: 62px;
  width: 100%;
}
/* Contact Form  */

.conatct-form-outer input, .conatct-form-outer textarea {
  width: 100%;
  background: none;
  margin-bottom: 18px;
  border-color: white;
  display: flex !important;
  color: white;
  opacity: 1 !important;
  border-radius: 10px !important;
  height: 50px !important;
}
.conatct-form-outer textarea {
height: 117px !important;
}

.conatct-form-outer {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.f-col-2 {
  width: 100%;
}

.wpcf7-submit {
  height: 50px !important;
  background: linear-gradient(90deg, rgb(1, 71, 132) 0%, rgb(4, 186, 80) 79%) !important;
  
  border-radius: 10px !important;
}

.conatct-page-section .elementor-widget-icon-box {
  min-height: 298px !important;
}
.social-media-links a {
  width: 40px;
  border: 1px solid;
  height: 40px;
  padding: 10px;
  border-radius: 31px;
  margin-top: 8px;
}
.social-media-links {
  display: flex;
  gap: 14px;
}
/*==============================================
*|Toogle Menu|
==============================================*/
.toggle-wrapper { display: none; margin: 0px 0px 0px 8px; float: right;}
.nav-toggle { position: inherit; }

.modal-menu li { border-color: #205d92 !important }
.menu-modal-inner { padding: 0px !important; background: #014784 !important; display: flex; justify-content: stretch; width: 100%; }
.menu-modal .toggle { color: #fff; }
.menu-modal.active { z-index: 1111; }
span.toggle-inner, .nav-toggle, .toggle-icon { height: auto !important; }
span.toggle-inner { padding: 0px !important; }
span.toggle-icon i {
  font-size: 25px;
  color: #fff;
  background: rgb(1, 71, 132);
  padding: 12px;
  display: block;
  width: auto !important;
  border-radius: 7px;
}
.menu-modal li a { color: #fff; font-size: 16px !important; font-weight: 500 !important; padding: 10px 31px !important; }
.menu-modal-inner ul.sub-menu { background: none !important; }
.menu-modal-inner ul.sub-menu a { color: #fff !important; }
.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle { color: #ffffff !important; }
.nav-toggle, .toggle-icon {width: auto !important;}
/*==============================================
 |Media Style|
==============================================*/

 @media only screen and (max-width: 999px) {
.toggle-wrapper { display: block !important; }

}
@media only screen and (max-width: 767px) {
h1 {font-size: 35px !important;}
h2 { font-size: 30px !important;}
.ue_simple_slider_title {font-size: 40px !important; line-height: 49px !important;}
.enquiery-btn {
  display: none;
}
.footer-inner .col-md-6 {
  margin-bottom: 34px;
}
	.slide__content--headings {

  width: 100% !important;
}
.entry-title { font-size: 28px !important;}
}

@media only screen and (max-width: 459x) {
h1 {font-size: 30px !important;}
h2 {font-size: 28px !important;}
.enquiery-btn {display: none;}
.ue_simple_slider_title {font-size: 35px !important; line-height: 45px !important;}
}