/*
Theme Name: octoniontheme
Text Domain: swasalifeguard
Version: 5.4
Requires at least: 5.6
Requires PHP: 7.0
Description: 
Author: swasalifeguard
Author URI: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@700&family=Poppins:wght@100;200;300;400;700&display=swap");

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}





body {
  background-color: #fff;
  color: #000;
  /* font-family: 'Abril Fatface', 'Arial', sans-serif; */
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  /* 1 rem = 10px; 10px/16px = 62.5% */
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  width: 100%;
}

a:hover {
  text-decoration: none !important;
}

.text-dark {
  color: #000 !important;
}

.orderedlist {
  margin-left: 12px;
}

.p60 {
  padding-top: 60px !important;
  padding-right: 60px !important;
  padding-bottom: 60px !important;
  padding-left: 60px !important;
}

.dark-grey {
  background-color: #edecea !important;
}

.medium-grey {
  background-color: #f2f1ef !important;
}

.light-grey {
  background-color: #f8f7f6 !important;
}

.page-id-35 .wp-block-column:not(:first-child) {
  margin-left: 0px !important;
}

.page-id-35 .page-content h2,
.page-id-35 .page-content h3 {
  border-bottom: 1px solid #555;
  padding-bottom: 10px;
  display: inline-block;
  margin-bottom: 12px;
}

.page-id-35 .page-content h3 {
  border-bottom: 0 !important;
  padding-bottom: 0px;
  margin-top: 0px;
}

.page-id-7 .star-rating {
  display: none !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"] {
  text-decoration: none;
  background-color: #f5a256 !important;
  color: #fff !important;
  padding: 10px 90px !important;
  text-align: center;
  border-radius: 3px;
}

/* Main navi */
/* cart css*/
.logo1:before {
  font-family: WooCommerce;
  content: "\e038";
  font-size: 28px;
  margin-top: 10px;
  font-style: normal;
  font-weight: 400;
  padding-right: 5px;
  vertical-align: bottom;
  color: #2675a9;
  position: relative;
  top: 14px;
  left: -10px;
}

.cart-contents:before {
  font-family: WooCommerce;
  content: "\e01d";
  font-size: 28px;
  margin-top: 10px;
  font-style: normal;
  font-weight: 400;
  padding-right: 5px;
  vertical-align: bottom;
  color: #2675a9;
}

.cart-contents:hover {
  text-decoration: none;
}

.cart-contents-count {
  color: #fff;
  background-color: #2ecc71;
  font-weight: bold;
  border-radius: 20px;
  padding: 1px 9px;
  line-height: 1;
  vertical-align: top;
  margin-left: -12px;
}

nav {
  background-color: #fff;
}

.swasa-title {
  display: inline-block;
  width: 100%;
}

.navbar {
  margin-bottom: 0;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.separator {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  border-top: 2px solid #ccc;
  width: 95%;
  margin-right: 5%;
}

.vdivide [class*="col-"]::after {
  background: #ccc;
  width: 2px;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  min-height: 80px;
  top: 0;
}

.navbar-brand {
  padding: 0 15px;
}

.nav-text {
  font-size: 21px;
  color: #db812e;
  text-transform: uppercase;
  letter-spacing: 10px;
  margin-top: 8px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.main-nav {
  float: left;
  list-style: none;
  padding: 12px 0;
  margin-bottom: 0;
}

.main-nav li.active>a,
.main-nav li.current_page_parent>a {
  border-bottom: 2px solid #2575aa;
}

.nav>li>a:hover {
  text-decoration: none;
  background-color: transparent !important;
}

.mainLeft {
  float: right !important;
  margin-bottom: 0;
  margin-top: -12px;
}

.mainLeft li {
  display: inline-block;
  margin-left: 25px;
}

.mainLeft li .whatsappLink {
  background-color: #4fce5d;
  padding: 5px 10px !important;
  color: #fff !important;
  font-size: 14px !important;
  border-radius: 4px;
  position: relative;
  line-height: 20px;
  border-bottom: 0;
  display: inline-flex;
}

.whatsapp {
  background: url("https://swasa.in/wp-content/themes/octoniontheme/images/whatsapp.png");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center;
  width: 18px;
  height: 18px;
}

.mainLeft li .whatsappLink:hover {
  background-color: #4fce5d !important;
}

.mainLeft li a:link,
.mainLeft li a:visited {
  padding: 8px 0;
  color: #2575aa;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: 2px solid transparent;
  -webkit-transition: border-bottom 0.2s;
  transition: border-bottom 0.2s;
}

.needHelp {
  font-size: 14px !important;
  position: relative;
}

.needHelp .title {
  position: absolute;
  top: -18px;
  left: 19px;
  z-index: 99;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: block;
  text-align: center;
  border-left: 1px solid #2575aa;
  border-top: 1px solid #2575aa;
  border-right: 1px solid #2575aa;
  width: 100px;
  padding-top: 3px;
  background: #fff;
  font-size: 11px;
  font-weight: 600;
}

.needHelp .title strong {
  position: relative;
  bottom: -5px;
  text-transform: capitalize;
}

.needHelp .mobileHelp {
  display: block;
  border: 1px solid #2575aa;
  border-radius: 6px;
  padding: 8px;
  background: #fff;
}

.navbar-brand>img {
  width: 100%;
}

.navbar-toggle .icon-bar {
  background: #2575aa;
}

.main-nav li {
  display: inline-block;
  margin-left: 25px;
}

.main-nav .dropdown-menu li {
  display: block;
}

.main-nav li a {
  padding: 8px 0;
  color: #2575aa;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 2px solid transparent;
}

.track a {
  color: #fa6400 !important;
}

.main-nav li a:hover,
.main-nav li a:active {
  border-bottom: 2px solid #2575aa;
}

/* Mobile navi */
.mobile-nav-icon {
  float: right;
  margin-top: 30px;
  cursor: pointer;
  display: none;
}

.mobile-nav-icon i {
  font-size: 200%;
  color: #fff;
}

.logo {
  width: auto;
  float: left;
}

.logo1 {
  width: 20px;
  float: left;
  margin-right: 10px;
}

/********************************
 Header
******************************************/
.header-container {
  width: 100%;
  padding: 30px 0;
}

.header-container .center-block {
  width: 90%;
}

.header-text {
  color: #db812e;
  text-transform: uppercase;
  margin-bottom: 30px;
  text-align: center;
  margin-top: 0px;
}

#about-page-section.section {
  padding: 50px 0;
}

header {
  /* background-image: url(images/headerBG.jpg);
  background-size: cover;
  background-position: top; */
  position: relative;
}

.menuNavi {
  display: inline-block;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 20px;
}

.alert-text-heading {
  display: inline-block;
}

header button {
  background: transparent !important;
  border: 0 !important;
}

header button .fa {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 18px;
  color: #fff;
}

.header-box {
  margin-top: 400px;
  margin-left: 100px;
}

.protectionFrom {
  width: 98%;
  margin: 0 auto;
  text-align: center;
}

.feature-description {
  line-height: 145%;
  text-align: left;
}

.features-3 {
  margin-top: 20px;
}

.features-3 h3 {
  text-align: left;
  font-size: 28px;
}

.imgDiv {
  width: 80px;
  margin: 0 auto;
}

.icon-text {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #2575aa;
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 20px;
}

.alert {
  padding: 8px !important;
  margin-bottom: 20 !important;
  border-radius: 0 !important;
  width: 100%;
  text-align: center;
  z-index: 9;
}

.alert-danger {
  color: #fff !important;
  background-color: #4fc4cd !important;
  border-color: transparent !important;
  border: 0 !important;
  font-weight: 400 !important;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: initial !important;
  color: #fff !important;
  opacity: 1;
}

#video-carousel-example .carousel-control.left,
#video-carousel-example .carousel-control.right {
  background: transparent;
}

#video-carousel-example .fa-arrow-left:before {
  position: absolute;
  top: 50%;
  left: 20px;
}

#video-carousel-example .fa-arrow-right:before {
  position: absolute;
  top: 50%;
  right: 20px;
}

/******************
nav
****************************/
.nav-text {
  color: #db812e;
  text-transform: uppercase;
}

.nav-items {
  margin-top: 20px;
  margin-left: 5px;
}

.nav-items li a {
  color: #2575aa !important;
}

.mobilLogin {
  padding-top: 10px;
}

.mainNav.fixed {
  position: fixed;
  width: 100%;
  top: 0px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
  z-index: 99999;
  animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }

  100% {
    transform: translateY(0px);
  }
}

/******************
section features
****************************/
.featuresImg {
  width: 300px;
  margin: 0 auto;
}

.section-features {
  height: 430px;
  width: 100%;
  background-image: url(images/background.JPG);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  margin: 0px 0px;
}

.section-features .carousel-control {
  display: none;
}

.section-features .carousel-indicators {
  bottom: 0px;
}

.section-features .carousel-indicators li {
  background-color: #006666 !important;
}

.section-features .carousel-indicators .active {
  background-color: #fb641c !important;
}

.left-img {
  width: 50%;
  float: right;
  margin-right: 50px;
  margin-top: 20px;
}

.section-features .prod-desc {
  margin-top: 45px;
}

.section-features .prod-desc h3 {
  font-size: 24px;
  color: #006666;
  font-weight: bold;
}

.section-features .prod-desc .btn {
  color: #fff;
  background: #fb641c;
  border: 1px solid #fb641c;
  border-radius: 0px;
}

.section-features .prod-desc .btn,
.section-features .prod-desc .btn:hover {
  padding: 10px 20px !important;
}

.section-features .prod-desc ul li {
  background: transparent;
  border: none;
  position: relative;
  display: block;
  padding: 4px 30px;
  background: url(images/Check-Icon.png) no-repeat 1px 5px;
  font-size: 14px;
  background-size: 3% 75% !important;
}

.section-features-heading {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  margin-top: 0;
  margin-bottom: 50px;
}

.section-features-content-left div,
.section-features-content-right div {
  height: 90px;
}

.shop,
.other-way-shopping {
  padding: 50px 0;
}

.diya-img {
  height: 500px;
}

.shop h1 {
  color: #2575aa;
  margin-bottom: 40px;
  letter-spacing: 2px;
}

.icon-img {
  width: 100%;
  display: block;
}

.section-features-p {
  font-size: 18px;
  text-align: right;
  width: 85%;
  color: #fff;
  line-height: 145%;
  float: left;
  margin-bottom: 40px;
  padding-right: 20px;
}

.section-features .carousel {
  height: 430px;
}

.feature-img {
  width: 15%;
  float: right;
}

.section-features-p-r {
  font-size: 18px;
  text-align: left;
  width: 85%;
  color: #fff;
  line-height: 145%;
  float: right;
  margin-bottom: 40px;
  padding-left: 20px;
}

.section-features-1 {
  height: auto;
  margin-top: 50px;
}

.feature-content {
  margin-bottom: 50px;
}

.feature-img-r {
  width: 15%;
  float: left;
}

.feature-center-img {
  width: 100%;
  vertical-align: center;
}

/* .woocommerce-form-coupon-toggle,.checkout_coupon ,.woocommerce-cart-form .coupon
{
  display: none;
} */


.page-id-83 .woocommerce-cart-form .vi_wcc-account-list-coupon {
  display: none;
}

.feature-2-img {
  height: 200px;
}

.feature-description {
  line-height: 145%;
  text-align: left;
}

.features-3 {
  margin-top: 20px;
}

.feature-3-img {
  height: 300px;
}

#swasaExhale .wp-block-columns,
#swasaExhale .wp-block-image {
  margin-bottom: 0 !important;
}

#swasaExhale .wp-block-column:not(:first-child) {
  display: inline-flex;
}

.comment-form-cookies-consent #wp-comment-cookies-consent {
  float: left;
  width: 5%;
}

.comment-form-cookies-consent label {
  float: left;
  width: 92%;
  margin-left: 3%;
}

/********************************************
 shopping
**********************************************/

/* .swasaShop
{

  position: relative;
 
  
}
div.offerBadge:nth-child(1) .card
{
  background-image: url("images/badge.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px 100px;
  width: 120px;
  height: 120px;
  position: relative;
  left: 50px;
  z-index: 999;
}
.col-md-4.col-sm-4.offerBadge8870:after {
  background-image: url("images/badge.png");
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: -51px;
  background-size: 75%;
  z-index: 11111;
  left: -10px;
} */
.shop-mask {
  width: 100%;
  height: 100%;
}

#coupon_code {
  width: 150px;
}

.shop h1 {
  color: #2575aa;
}

.shop h1,
.shop h3,
.shop p {
  text-align: center;
}

.price {
  color: #000;
  font-family: "HelveticaNeue", sans-serif;
  font-weight: 600;
  font-size: 19px;
}

.btn:hover,
.btn:active,
.btn:link,
.btn:visited {
  text-decoration: none;
  background-color: #f5a256;
  color: #fff;
  padding: 10px 90px;
  text-align: center;
  border-radius: 3px;
}

.page-id-88 .shop {
  padding: 50px 0 0 0;
}

.productFlip {
  padding-bottom: 20px;
  position: relative;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 4s ease;
  /* box-shadow:0.5px 2px 4px rgba(0,0,0,0.3); */
}

.secondary-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.productFlip:hover .attachment-woocommerce_thumbnail {
  opacity: 0;
}

.productFlip:hover .secondary-image {
  opacity: 1;
}

.pack-consist {
  color: #999999;
  margin-bottom: 15px;
}

.section-details {
  background-image: url(images/make-in-india-bg.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.lion-img {
  position: absolute;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.make-in-india-img {
  position: absolute;
  height: 20px;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.certificates {
  background-color: #f8f8f8;
  padding: 20px 0 60px 0;
}

.certificates h3 {
  text-transform: uppercase;
  color: #2575aa;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

#blog h2 {
  font-size: 18px;
}

#blog article {
  padding-bottom: 20px;
  height: 350px;
}

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

.pagination .page-numbers {
  padding: 8px 15px;
  margin-left: 12px;
  text-transform: uppercase;
}

.pagination {
  margin-top: 20px;
  display: inherit;
}

.pagination .current {
  background: #1a748e;
  color: #fff;
}

#blog a img {
  border: 1px solid #ececec;
}

#blog {
  padding-top: 20px;
}

#blog h2 {
  margin-top: 10px !important;
}

.containerDiv>div {
  position: relative;
  height: 120px;
  padding: 0 20px;
}

.containerDiv>div:not(:nth-child(4))::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateX(-50%);
  right: 0;
  width: 2px;
  height: 60px;
  background: #cccccc;
}

.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
  display: inherit;
}

/****************************
My Account
*************************************/
.woocommerce-MyAccount-navigation {
  width: 21%;
  float: left;
}

.woocommerce-MyAccount-content {
  width: 77%;
  margin-left: 2%;
  float: left;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
}

.woocommerce-MyAccount-navigation ul li a {
  background: #ebebeb;
  padding: 15px;
  width: 100%;
  display: inline-block;
  margin-bottom: 1px;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  background: #2575aa;
  color: #fff;
  font-weight: bold;
}

.woocommerce-MyAccount-content .woocommerce a.button {
  width: 90px !important;
  margin-right: 10px !important;
}

/****************************
Page
*************************************/
.page-id-12 .wp-block-cover {
  min-height: 320px !important;
}

.page-title {
  margin-bottom: 30px;
}

.page-title h2 {
  font-weight: bold;
}

/****************************
Footer
*************************************/
footer .social-icons {
  list-style: none;
  margin: 0px;
}

footer .application {
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.footer .trust-us {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* padding:40px 0; */
}

.trust-us img {
  display: inline-block;
  width: 200px;
}

footer .social-icons li a {
  text-decoration: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #2575aa;
  float: left;
  margin-right: 10px;
  padding: 3px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .social-icons li a i {
  color: #fff;
}

.social-icons {
  margin-top: 10px;
  margin-bottom: 30px;
  display: inline-block;
}

.social-icons li {
  display: inline;
}

.footer-heading {
  color: #2575aa;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}

.oct {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #000 !important;
}

.oct-img {
  width: 18px;
  margin-top: -7px !important;
}

/****************************************************
Fonts 
font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Open Sans', sans-serif;
****************************************************/

.poppins-light {
  font-family: "Poppins", sans-serif;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 20px;
}

.poppins-semiregular {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

/************ Razor pay button style ************/
p #btn-razorpay {
  background-color: #2575aa;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  margin-right: 10px;
  font-weight: bold;
}

p #btn-razorpay-cancel {
  background-color: #2575aa;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
}

p #btn-razorpay:hover,
p #btn-razorpay-cancel:hover {
  cursor: pointer;
}

/*********SHOPPING PAGE******************/
header.woocommerce-products-header-img {
  background-image: url(images/SWASA-LIFE-GUARD-BUYSWASA-Banner.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.page-id-9317 header.woocommerce-products-banner-img {
  background-image: url(images/SWASA-plus.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.page-id-8307 header.woocommerce-products-banner-img {
  background-image: url(images/SWASA-3ply.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.page-id-44403 header.woocommerce-products-banner-img {
  background-image: url('https://swasa.in/wp-content/uploads/2022/03/Swasa-Viral-Guard-mask-Banner-01.png');
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.page-id-8818 header.woocommerce-products-banner-img {
  background-image: url(images/SWASA-carbon.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.page-id-8302 header.woocommerce-products-banner-img {
  background-image: url(images/SWASA-fasion.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.page-id-10833 header.woocommerce-products-banner-img {
  background-image: url(images/SWASA-Product-Childrens-Mask.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.page-id-35487 header.woocommerce-products-banner-img {
  background-image: url(images/family-pack.png);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.page-id-31208 header.woocommerce-products-banner-img {
  background-image: url(images/oxy.png);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}

.page-id-45386 header.woocommerce-products-banner-img {
  background-image: url('https://swasa.in/wp-content/uploads/2022/06/MicrosoftTeams-image-3-scaled.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
  height: 50vh;
}





.label-tag.select_mask3 {
  font-weight: bold;
}

.select_masks {
  margin-bottom: 15px;
  display: block;
}

.select_mask3 {
  color: #000;
  font-size: 17px;
  font-weight: 400;
}

/* .shop.woocommerce span.onsale,.shop.woocommerce .products .star-rating,.shop.woocommerce .cart .button,.shop .woocommerce-result-count,.shop form.woocommerce-ordering
{
  display: none!important;
} */
.shop.woocommerce span.onsale,
.shop.woocommerce .cart .button,
.shop .woocommerce-result-count,
.shop form.woocommerce-ordering {
  display: none !important;
}

.woocommerce .star-rating span {
  color: #fa631a;
}

.page-id-88 .cart {
  box-shadow: none;
}

.add_to_cart_inline {
  border: 0 !important;
}

.cartImg img {
  width: 100%;
  display: block;
  height: auto;
}

.page-id-59 .cart h3 {
  font-size: 20px;
}

#product-page .cart {
  box-shadow: none !important;
}

.woocommerce div.product {
  margin-top: 30px;
}

.woocommerce a.button {
  display: inherit !important;
  background-color: #2575aa !important;
  width: 150px;
  margin: 20px auto 0 !important;
  color: #fff !important;
  text-align: center;
  float: right;
}

.product-title h3 {
  margin-right: 4%;
}

.single-product {
  margin-top: 40px;
}

.woocommerce div.product p.price del,
del .woocommerce-Price-amount {
  color: #666666 !important;
  opacity: 0.5;
}

.woocommerce-Price-amount {
  font-family: "HelveticaNeue", sans-serif !important;
  color: #388e3c;
}

ins .woocommerce-Price-amount {
  display: inline-block;
}

.woocommerce div.product .product_title {
  font-size: 20px;
  font-weight: 700;
}

.wc-proceed-to-checkout .checkout-button,
.return-to-shop .wc-backward {
  width: 240px !important;
}

.woocommerce img {
  width: 100%;
}

.cart_item .product-thumbnail {
  width: 180px;
}

.summary .cart {
  box-shadow: none;
}

.shopLogo a img {
  width: 100px;
  display: block;
  margin: auto;
}

.shoppingOptions {
  display: table;
}

.shopLogo {
  height: 200px;
  display: table-cell;
  vertical-align: middle;
}

.mb-30 {
  margin-bottom: 30px;
}

.woocommerce table.cart img {
  width: 150px;
}

.woocommerce-loop-product__title {
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  font-size: 17px;
}

/* .woocommerce .products .star-rating {
  margin: 12px auto !important;
} */
.woocommerce div.product div.summary,
.woocommerce div.product div.images {
  width: 100% !important;
  float: inherit !important;
}

.woocommerce .quantity .qty {
  height: 36px;
}

.woocommerce button.button.alt {
  background-color: #2575aa !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
  display: block !important;
}

.woocommerce #reviews #comments h2 {
  font-size: 18px;
}

.wcqb-preset.preset1 {
  padding: 7px 25px !important;
  margin-left: 12px !important;
}

.comment-reply-title {
  font-size: 18px;
  margin-bottom: 12px;
}

.woocommerce div.product form.cart .button {
  display: none;
}

.woocommerce-message .button.wc-forward {
  display: none !important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 31% !important;
  margin-top: 12px !important;
}

.woocommerce div.product div.images .flex-control-thumbs li:not(:nth-child(3)) {
  margin-right: 12px !important;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n + 1) {
  clear: inherit !important;
}

.woocommerce-billing-fields h3 {
  font-weight: 600 !important;
}

.checkbox input[type="checkbox"] {
  position: inherit !important;
}

.customField {
  /*   margin-top: 5px; */
  margin-bottom: 0px;
  color: #000;
  font-weight: bold;
  font-size: 13px;
}

.woocommerce div.product form.cart .variations td.label {
  font-size: 20px !important;
  color: #000 !important;
  display: inline-block;
}

.woocommerce div.product form.cart .variations {
  /*   width:250px!important; */
  width: auto !important;
  margin-bottom: 0 !important;
}

.woocommerce-variation-price {
  margin-bottom: 12px;
}

.sku_wrapper {
  display: none;
}

.reset_variations {
  display: none !important;
}

.woocommerce div.product form.cart .variations label {
  font-weight: 400 !important;
}

.tawcvs-swatches .swatch-color.selected[data-value="white"]:before {
  border-color: #000;
}

.tawcvs-swatches .swatch-color.selected[data-value="black"]:before {
  border-color: #fff;
}

.tawcvs-swatches .swatch-ear-loop.selected[data-value="ear-loop"],
.tawcvs-swatches .swatch-head-loop.selected[data-value="head-loop"],
.tawcvs-swatches .swatch-head-loopp.selected[data-value="head-loopp"],
.tawcvs-swatches .swatch-3ply-mask.selected[data-value="3ply-mask"],
.tawcvs-swatches .swatch-kids-mask.selected[data-value="kids-mask"] {
  width: auto;
  background: transparent;
  border-color: transparent;
  font-weight: bold;
}

.tawcvs-swatches .swatch-label.selected:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
  width: 6px;
  height: 10px;
  display: block;
  border: solid #eee;
  border-width: 0 2px 2px 0;
  position: absolute;
  top: 50%;
  left: -11px;
  margin: -2px -2px 0 0;
}

.tawcvs-swatches .swatch-ear-loop.selected[data-value="ear-loop"]::before,
.tawcvs-swatches .swatch-head-loop.selected[data-value="head-loop"]::before,
.tawcvs-swatches .swatch-head-loopp.selected[data-value="head-loopp"]::before,
.tawcvs-swatches .swatch-3ply-mask.selected[data-value="3ply-mask"]::before,
.tawcvs-swatches .swatch-kids-mask.selected[data-value="kids-mask"]::before {
  border-color: #000;
}

.tawcvs-swatches .swatch-label[data-value="ear-loop"],
.tawcvs-swatches .swatch-label[data-value="head-loop"],
.tawcvs-swatches .swatch-label[data-value="head-loopp"],
.tawcvs-swatches .swatch-label[data-value="3ply-mask"],
.tawcvs-swatches .swatch-label[data-value="kids-mask"] {
  background: transparent;
  width: auto;
  margin-right: 30px;
}

/******* Shop Start *********/
.shop .card {
  border: 1px solid #ccc;
  min-height: 350px;
  text-align: center;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.shop .col-md-4 {
  margin-bottom: 35px;
}

.shop .card-title {
  font-weight: bold;
}

.shop .card-img-top {
  height: 150px;
  background: #e8e8e8;
  padding: 25px;
  float: left;
  width: 100%;
}

.shop .card-img-top img {
  width: 70%;
  position: relative;
}

.shop .card-body {
  padding: 25px;
  float: left;
  width: 100%;
  margin-top: 60px;
}

.shop .shop-btn,
.shop .shop-btn:hover {
  background: #fa631a;
  color: #fff;
  font-weight: bold;
  padding: 10px 40px !important;
  border-radius: 0px;
  margin-top: 10px;
  border: none !important;
}

.shop .shop-btn-coming,
.shop .shop-btn-coming:hover {
  background: #666666;
  color: #fff;
  font-weight: bold;
  padding: 10px 40px !important;
  border-radius: 0px;
  margin-top: 10px;
  border: none !important;
}

.shop .card-title a {
  color: #000;
}

/****** SHop END ********/

/***********BLOG PAGE********/
.postImg {
  height: 170px;
}

.postImg img {
  width: 100%;
  display: block;
  height: 168px;
}

.blog-date {
  margin-top: 12px;
}

.social-share {
  float: right;
  margin-right: 8px;
}

.social-share .social-heading {
  position: relative;
  top: -10px;
}

amp-social-share.rounded {
  border-radius: 50%;
  background-size: 60%;
}

.amp-social-share-facebook {
  background-color: #32529f;
}

#single-post {
  padding: 50px 0;
}

#single-post figure {
  text-align: center;
}

.content {
  margin-top: 40px;
}

.sidebar h3 {
  margin-bottom: 12px;
  border-bottom: 1px solid #666;
  padding-bottom: 12px;
  text-align: left;
  font-weight: bold;
}

.sidebar ul {
  list-style: none;
}

.sidebar ul li {
  line-height: 27px;
  margin-bottom: 12px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100% !important;
}

.container-rating {
  display: flex;
  justify-content: center;
  padding-bottom: 5px;
}

.container-rating .star-rating {
  font-size: 13px;
}

.container-rating .count-rating {
  font-size: 13px;
}


/* Modal Form For Requesting PDF - Downloads Page -> Customized by Rahman  */
#popmake-36087,
#popmake-36089 {
  width: 550px;
}

#popmake-36087 #pum_popup_title_36087,
#popmake-36089 #pum_popup_title_36089 {
  font-size: 25px;
  font-weight: 400;
  text-align: center;
}

#popmake-36087 #wpforms-36076-field_0,
#popmake-36089 #wpforms-36089-dield_0 {
  width: 100%;
}







/****************MEDIA QUERIES****************/

@media (max-width: 990px) {
  .shop .card-body {
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  .section-features {
    margin: 0px;
    padding: 0px;
    height: auto;
  }

  .section-features .prod-desc .btn {
    margin-left: 36%;
  }

  .shop .card {
    min-height: 305px;
  }

  .shop .card-body {
    margin-top: 37px;
  }

  .diya-img {
    height: 300px;
  }

  .front-videos button.close {
    right: 79px;
    top: 19px;
    font-size: 31px;
  }

  /* .col-md-4.col-sm-4.offerBadge8870:after {
  background-image: url("images/badge.png");
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: -36px;
  background-size: 59%;
  z-index: 11111;
  left: -10px;
} */
}

@media (max-width: 767px) {
  .logo1:before {
    top: 0;
  }

  .menuNavi {
    padding-bottom: 15px;
  }

  .section-features .left-img {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }

  .section-features .prod-desc ul li {
    padding: 6px 40px;
    background: url(images/Check-Icon.png) no-repeat 1px 7px;
    font-size: 14px;
    background-size: 4% 60% !important;
  }

  .section-features {
    margin: 0px;
    padding: 0px;
    height: auto;
  }

  .section-features .carousel {
    height: auto;
  }

  .section-features .carousel-indicators {
    bottom: -50px;
  }

  .section-features .prod-desc .btn {
    margin-left: 36%;
  }

  label.select_mask3 {
    display: flex !important;
  }
}

@media (max-width: 540px) {
  .woocommerce-MyAccount-navigation {
    width: 100%;
  }

  .section-features .prod-desc ul li {
    padding: 6px 40px;
    background: url(images/Check-Icon.png) no-repeat 1px 7px;
    font-size: 14px;
    background-size: 7% !important;
    margin-left: 10px;
  }

  .shop {
    padding: 50px 15px;
  }

  .shoppingOptions,
  .shopLogo {
    display: inherit;
  }

  .shopLogo {
    height: 150px;
  }

  .header-text {
    padding: 0 10px;
  }

  .imgDiv {
    width: auto;
  }

  .protectionFrom>div {
    margin-bottom: 12px;
  }

  .woocommerce div.product div.images .flex-control-thumbs li {
    width: 30% !important;
  }

  .section-features {
    padding: 50px 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .diya-img {
    height: 110px;
  }

  .prodQuality h3 {
    margin-top: 8px;
  }

  .features-1,
  .prodQuality,
  .cart {
    margin-bottom: 20px;
  }

  .section-features-p {
    text-align: left;
    width: 85%;
    color: #fff;

    float: right;
    padding-right: 0;
    padding-left: 20px;
  }

  .section-features-content-right {
    margin-top: 40px;
  }

  .page-id-35 .page-content {
    padding: 0 15px;
  }

  .vdivide>div:not(:last-child) {
    /* border-bottom: 1px solid #ccc; */
    padding-bottom: 5px;
  }

  .feature-img {
    float: left;
  }

  .icon-text {
    font-size: 11px;
  }

  .containerDiv>div:not(:nth-child(4))::after {
    display: none;
  }

  .containerDiv>div:not(:nth-child(4)) {
    border-bottom: 3px solid #ddd;
    padding-bottom: 18px;
  }

  .containerDiv>div {
    height: auto;
    text-align: center;
    margin-bottom: 15px;
  }

  .main-nav {
    width: 100%;
    overflow: hidden;
    margin: 0;
    background: #4fc4cd !important;
    padding: 0;
  }

  .main-nav li a,
  .main-nav li a:visited {
    color: #fff !important;
    border-bottom: 2px solid #fff;
    font-size: 15px;
    text-align: left;
    padding: 10px;
    font-weight: 400;
  }

  .main-nav li.active>a {
    background: #3e8ecd;
  }

  #mydropdown {
    margin-top: 30px;
  }

  .page-img {
    height: 180px !important;
  }

  .main-nav li {
    display: block;
    text-align: center;
    width: 100%;
    margin-left: 0;
  }

  .shop .card-body {
    margin-top: 20;
  }

  .swasa-title {
    display: inherit;
  }

  .mainLeft {
    text-align: center;
    float: left !important;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
    display: none;
  }

  .nav-text {
    font-size: 15px;
  }

  .pagination .page-numbers {
    padding: 5px 5px;
    line-height: 2;
  }

  .checkbox input[type="checkbox"] {
    margin-left: 0;
  }

  .vdivide [class*="col-"]::after {
    width: 0;
  }

  .front-videos button.close {
    right: 6px;
    top: 0px;
    font-size: 31px;
  }
}

@media (max-width: 480px) {
  .pagination .page-numbers {
    padding: 5px 5px;
    line-height: 2;
  }

  .checkbox input[type="checkbox"] {
    margin-left: 0;
  }

  .shop .card-body {
    margin-top: 25;
  }

  .vdivide [class*="col-"]::after {
    width: 0;
  }

  .diya-img {
    height: 110px;
  }
}


/* rahman Added CSS */
.tawcvs-swatches .swatch-item-wrapper .swatch-head-loop,
.tawcvs-swatches .swatch-item-wrapper .swatch-head-loopp,
.tawcvs-swatches .swatch-item-wrapper .swatch-ear-loop,
.tawcvs-swatches .swatch-item-wrapper .swatch-kids-mask,
.tawcvs-swatches .swatch-item-wrapper .swatch-3ply-mask {
  background: #fff !important;
  border: hidden !important;
}

.tawcvs-swatches .swatch-item-wrapper .swatch-head-loop[data-value="head-loop"]::before,
.tawcvs-swatches .swatch-item-wrapper .swatch-head-loopp[data-value="head-loopp"]::before,
.tawcvs-swatches .swatch-item-wrapper .swatch-ear-loop[data-value="ear-loop"]::before,
.tawcvs-swatches .swatch-item-wrapper .swatch-kids-mask[data-value="kids-mask"]::before,
.tawcvs-swatches .swatch-item-wrapper .swatch-3ply-mask[data-value="3ply-mask"]::before {
  border-color: #fff !important;
}

.tawcvs-swatches .swatch-item-wrapper .swatch-color.selected[data-value="white"]::before {
  border-color: #333 !important;
  color: #000 !important;
}

.tawcvs-swatches .swatch-item-wrapper .swatch-color.selected[data-value="white"]::after {
  border: solid #000 !important;
  border-width: 0px 2px 2px 0px !important;
}

.tawcvs-swatches .swatch-item-wrapper .swatch-color.selected[data-value="grey"]::before {
  border-color: #333 !important;
  color: #000 !important;
}

.tawcvs-swatches .swatch-item-wrapper .swatch-color.selected[data-value="black"]::before {
  border-color: #333 !important;
  color: #000 !important;
}

.swatch.swatch-shape-circle.swatch-label.swatch-ear-loop[data-value="ear-loop"].selected .text::before,
.swatch.swatch-shape-circle.swatch-label.swatch-head-loop[data-value="head-loop"].selected .text::before,
.swatch.swatch-shape-circle.swatch-label.swatch-head-loopp[data-value="head-loopp"].selected .text::before,
.tawcvs-swatches .swatch-item-wrapper .swatch-kids-mask[data-value="kids-mask"].selected .text::before,
.tawcvs-swatches .swatch-item-wrapper .swatch-3ply-mask[data-value="3ply-mask"].selected .text::before {
  content: "✓";
  position: absolute;
  padding-right: 15px !important;
  display: inline-block;
  margin-right: 17px !important;
  transform: translateX(-60%) !important;
}



.google-play {
  width: 17.800% !important;
}


/* Rahman CSS - Billing and Shipping Page */
.woocommerce-billing-fields__field-wrapper #billing_first_name,
.woocommerce-billing-fields__field-wrapper #billing_last_name,
.woocommerce-billing-fields__field-wrapper #billing_address_1,
.woocommerce-billing-fields__field-wrapper #billing_address_2,
.woocommerce-billing-fields__field-wrapper #billing_city,
.woocommerce-billing-fields__field-wrapper #billing_postcode,
.woocommerce-billing-fields__field-wrapper #billing_phone,
.woocommerce-billing-fields__field-wrapper #billing_email,
.woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper #order_comments {
  padding: 5px 10px 5px 10px;
  border: 1px solid lightgray;
}











/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .google-play {
    width: 17.800% !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-top: 0px !important;
  }

  .app-store {
    width: 17.800% !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-bottom: 0px !important;
  }
}



/* // Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1500px) {

  .navbar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    height: 78px !important;
  }

  .main-nav {
    padding: 20px 0px !important;
  }

  .needHelp .title {
    top: -17px !important;
  }

  .whatsappLink {
    top: -4px !important;
  }
}

/* This Media Added By Rahman Because of Larger Screen Logo Issue */
@media screen and (max-width: 2474px) and (min-width: 2030px) {
  .navbar-brand img {
    width: 100%;
  }
}




/* Added By Rahman CSS - for Search Icon */
.dgwt-wcas-search-icon path {
  fill: #2675a9 !important;
  stroke: #2675a9 !important;
  stroke-width: 2px !important;
}

.dgwt-wcas-ico-magnifier-handler {
  padding-top: 2px !important;
  padding-left: 2px !important;
}


/* cusrev view orginal link to redirect to cusrev website hide from green badge reviews  */
span.ivole-verified-badge-text a {
  display: none;
}