body, html {
  overflow-x: hidden;
  width:100%;
}
.whatsapp-sticky-btn{
  position:fixed;
  bottom:40px;
  right:40px;
}
.whatsapp-sticky-btn img{
  width:40px;
  auto:40px;
}
.crafted-by-text {
font-size: 14px;
text-align: right;
color: rgba(255, 255, 255, 0.75);
}
.crafted-by-text .dd-logo {
width: 75px;
}
.header-user-icon, .header-cart-icon{
  width: 20px;
  margin-top: 10px;
}
.search-box{
  display:flex;
}
.search-box-left{
  width: 80%;
}
.search-box-left input, .search-box-left input:hover, .search-box-left input:focus, .search-box-left input:active{
padding: 0 15px;
height: 40px;
outline: 0;
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.25);
}
.search-box-right{
  width:20%;
}
.search-box-right button{
height: 40px;
padding: 0 15px;
background: #2c3a96;
border: 0;
outline: 0;
width: 100%;
}
.search-box-right button img{
  width:20px;
}
.search-box-container{
  position:relative;
}
.search-result {
position: absolute;
width: 100%;
z-index:999;
background:white;
border-left: 1px solid rgba(0, 0, 0, 0.15);
border-right: 1px solid rgba(0, 0, 0, 0.15);
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
max-height: 250px;
overflow-y: scroll;
}
@media only screen and (max-width: 768px) {
  .search-box-right button img{
    width:15px;
}
.search-box-left {
  width: 80%;
}
.search-box-right {
  width: 20%;
}
}
.mr-1{
  margin-right:1rem !important;
}
.mb-3{
  margin-bottom:3rem !important;
}
.mt-2{
  margin-top:2rem !important;
}
.sidemenu-h2-title{
  padding: 0.5rem 1rem;
  font-size: 12px;
  margin: 20px 0 4px 0;
}
.sidemenu-p{
  font-size: 10px;
  margin-bottom:0;
}
.open-menu,
.close-menu {
  cursor: pointer;
  border: none;
  outline: none;
  color: #252a32;
  background: none;
}

.close-menu {
  position: absolute;
  top: 0;
  right: 1rem;
  border: none;
  outline: none;
  color: #252a32;
  background: none;
}

.menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transform: translate3d(0, 0, 0);
  transition-duration: 1s;
  transition-delay: 0.2s;
  width: 100% !important;
  max-width: 100% !important;
}
.menu-wrapper::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: background 1s;
}
.menu-wrapper .menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 75%;
  width: 100%;
  padding: 1.5rem 1rem;
  z-index: 2;
  overflow-y: auto;
  color: #252a32;
  background: #ffffff;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);*/
  transform: translate3d(-100%, 0, 0);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-wrapper .menu-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.menu-wrapper .menu-item {
  position: relative;
}
.menu-wrapper .menu-item a {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: inherit;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  display: block;
  color: #252a32;
  transition: color 0.35s ease-out;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #2c3a96; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}
.display-wrap{
  display: flex;
flex-wrap: wrap;
}

.footer-links a {
  text-decoration: none;
  font-size: 14px;
  color: rgb(0, 0, 0) !important;
  margin-right: 20px;
}
.section{
  padding:40px 0;
}
.h2-title{
  font-size:24px;
  line-height:1.4;
  margin-bottom:30px;
}
.fw-bold, .grand-total-row .grand-total-row-left .grand-total-amount, b, strong {
  font-weight: 700;
}
@media screen and (max-width: 1440px) {
  .top-header .logo a img {
    width: 90px;
  }
}
@media screen and (max-width: 1200px) {
  .top-header .logo a img {
    width: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .top-header .logo a img {
    width: 90px;
  }
}
@media screen and (max-width: 992px) {
  .top-header .logo a img {
    width: 90px;
  }
}
@media screen and (max-width: 768px) {
  .top-header .logo a img {
    width: 90px;
  }
}
.blogs-section{
  background: #ffffff;
  padding:40px 0;
}
.blogs-section-container{
  padding:0 18rem 0 18rem;
}
@media (max-width: 1200px){
	.blogs-section-container{
        padding: 0 7.5rem;
    }
}
@media (max-width: 1024px){
	.blogs-section-container{
        padding: 0 6.5rem;
    }
}
@media (max-width: 992px){
    .blogs-section-container{
        padding: 0 5.5rem;
    }
}
@media (max-width: 768px){
    .blogs-section-container{
        padding: 0 4.5rem;
    }
}
.blogs-side-bar {
  background: #2c3a96;
  width: 100%;
  padding: 15px;
}
.blogs-side-bar a{
    width: 100%;
  display: block;
  color: rgba(255, 255, 255, 0.75);
}
.blogs-side-bar ul li{
    padding: 7px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.blogs-side-bar h2 {
  margin: 0 0 15px 0;
  color:white;
}
.blog-image-container img{
    width:100%;
}
.blog-desc{
  line-height:1.6;
  text-align:justify;
  color: rgba(0, 0, 0, 0.75);
  font-size:14px;
}
.blog-desc h2{
  line-height: 1.6;
color: rgba(0, 0, 0, 0.75);
font-size: 20px;
font-weight: bold;
}
.blog-desc p{
font-size: 14px;
line-height: 1.8;
}
.blog-title{
  line-height: 1.6;
color: #2c3a96;
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 600px) {
  .blogs-side-bar h2 {
    margin: 0 0 12px 0;
    font-size: 22px;
  }
  .blog-desc {
      font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .top-header-container{
      padding-top: 12px;
      padding-bottom: 12px;
  }
  .header-top-left-links {
    text-align: center;
    margin-bottom: 10px;
  }
  .top-header .logo {
    padding: 0;
    text-align: left;
  }
  .top-header .top-menu {
      text-align: right;
  }
}
.section{
  background: white;
}
.section .h2-title{
  font-size: 24px;
margin: 0 0 15px 0;
color: #053451;
font-weight: bold;
}
@media (max-width: 768px){
  .menu{
    display:none;
}
}
.footer-section{
  padding:30px 0 30px 0 !important;
}
.footer-section .h2-title{
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #11497b; /* rgba(0, 0, 0, 0.75) */
}
.footer-section p{
  font-size: 14px;
  color: black;
}
.footer-section p.font-18{
  font-size: 18px;
}
.footer-bottom-section {
background: #2C3A96;
padding: 10px 0;
}
.footer-bottom-section p{
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  margin: 0;
}
@media (max-width: 1200px){
  .footer-section p {
    font-size: 12px;
    margin-bottom: 7px;
  }
}
@media (max-width: 1024px){
  .footer-section .h2-title {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 25px;
  }
  .footer-section p {
    font-size: 10px;
  }
  .footer-bottom-section p {
      font-size: 10px;
  }
   .footer-sm-icons a img {
      width: 20px !important;
    }
}
@media (max-width: 992px){
  .footer-section .h2-title {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 25px;
  }
  .footer-section p {
    font-size: 10px;
  }
  .footer-bottom-section p {
      font-size: 10px;
  }
   .footer-sm-icons a img {
      width: 20px !important;
    }
  }
  @media (max-width: 768px){
    .footer-section .h2-title {
      font-size: 16px;
      margin-bottom: 15px;
      margin-top: 25px;
    }
    .footer-section p {
      font-size: 12px;
    }
    .footer-bottom-section p {
        font-size: 10px;
    }
     .footer-sm-icons a img {
        width: 20px !important;
      }
    }
    .blog-image-container .blog-image{
      width:100%;
      margin-bottom:15px;
  }
  
  @media only screen and (max-width: 768px) {
      .top-header .top-menu {
          display: flex;
        }
        .top-header .top-menu .top-menu-first{
            width: 10%;
      }
      .top-header .top-menu .top-menu-third{
        width: 90%; /* 80% */
  }
}
.blog-desc p, .blog-desc ul{
  line-height: 1.5;
font-size: 16px;
color: rgba(0, 0, 0, 0.75);
}
.blog-desc ul{
  list-style: disc;
padding-left: 15px;
}