/* Add custom CSS styles below */ 

 .index .main-nav-container .mobile-menu ul li a {
    color: #43525a !important;
    opacity: 1;
    font-size: 15px
}

.index .main-nav-container .mobile-menu ul li a:hover {
    color: #018cd154 !important;
}

.index #mainnav svg path {
    stroke: #ffffff!important
}

.main-nav-container.fixed-pinned .mobile-menu ul li a {
    color: #166d96 !important;
    opacity: 1
}

.main-nav-container.fixed-pinned .mobile-menu ul li a:hover {
    color: #fff
}

#mainnav.fixed-pinned svg path {
    stroke: #166d96!important
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 5rem;
}

.main-nav-container .navbar-brand img {
    max-height: 7rem;
}
.main-nav-container .mobile-menu ul li .sub-menu ul li a {
    color: #166d96;
}


/*body*/
body {
   background-color: #ffffff
}
/*end*/

/*start customize main-banner*/
.landing-page-fixed-bannar-0 h1{
   font-size:32px;
   line-height:60px;
   font-weight:400;
}

.landing-page-fixed-bannar-0 p{
   display:none;
}

.landing-page-fixed-bannar-0 .btn-changing{
   border-radius:8px
}
/*end*/

/*start customize banner-images*/
.banner-images h2{
   font-size:20px;
   line-height:38px;
   font-weight:700; 
}
/*end*/

.bg-white.\!bg-\[var\(--bg-body\)\] {
   background-color: transparent !important;
}

.shadow-gif-product{
   background-color:#fff;
}

/*start customize offers*/
.offers h2 , .offers p{
   color:#fff;
   text-shadow: none;
}

.offers .s-count-down-list .s-count-down-item-value{
   background-color:#ffffff;
}

.offers .btn-changing{
   background-color:#ffffff;
}
.offers .btn-changing:hover{
   background-color:#43525a;
}
/*end*/

/*start customize sq-images*/
.sq-images h2 , .sq-images p{
   color:#ffffff;
   font-size:32px;
   line-height:65px;
   font-weight:500;
}
.sq-images .btn-changing{
   background-color:#ffffff;
   color:#43525a;
   --tw-shadow: 3px 3px #f9f6ee;
   border-radius:8px;
}
.sq-images .btn-changing:hover{
   background-color:#166d96 !important;
   color:#40625E !important;
   --tw-shadow: 3px 3px #43525a;
}
/*end*/

/*start customize image-text*/
.image-text h2{
   font-size:32px;
   font-weight:800;
}
.image-text .btn-changing , .shadow-f-color , .btn-changing{
   border-radius:8px;
}
/*end*/

/* gif-banner */
.gif-banner h1 , .gif-banner p{
   color:#fff;
}
/*end*/

/* start customize setion*/
.md\:grid-cols-3 {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
a.banner-entry{
    width: 30% !important;
    height: 255px !important;
    background-color:unset;
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}

@media(min-width:768px) and (max-width:1200px){
a.banner-entry{
    width: 30% !important;
    height: 160px !important;
    background-color:unset;
}
}
@media(max-width:767px){
a.banner-entry{
    width: 30% !important;
    height: 75px !important;
    background-color:unset;
}
}

/* end customize setion*/

.lazy__bg.lazy.entered.loaded {
    transition: transform .5s;
}
.lazy__bg.lazy.entered.loaded:hover {
    transform: scale(.9);
}

/*start customize numbers*/
.numbers{
   background-color:#fff;
}
/*end*/

/*start customize content-tistimonial*/
.content_tistimonial {
  background-image: url(https://res.cloudinary.com/demxbvzkl/image/upload/v1724138265/pd9curzobevtfnqegcum.png) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/*end*/

/*media*/
@media(max-width:768px){
.landing-page-fixed-bannar-0 h1{
   font-size:20px;
   line-height:30px;
}
.sq-images h2 , .sq-images p{
   font-size:20px;
   line-height:30px;
}
.image-text h2{
   font-size:20px;
}
.el_features .products {
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.numbers .products {
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
footer *{
   text-align:center;
   margin-right:auto;
   margin-left:auto;
}
.s-slider-swiper-wrapper > div > div {
    width: 50%;
}
@media(max-width:768px){
.s-slider-swiper-wrapper > div > div {
  margin:auto
}
}
}
.s-block--photos-slider, .s-block--photos-slider * {
    margin-top: 0 !important;
    border-radius: 0 !important;
}
.w-full {
    width: auto;
}

@media(max-width:768px){
.w-full {
    width: 100%;
}
}

/*end*/