/---------------- log in  --------------/
body.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #477CA4 url(https://i.ibb.co/bdWm9xd/BOFW1-NJods-Zwc-Cj8-URTnexw-UIkrg-WAFllh-Htq9-MJ-1.png);
    position: fixed;
    z-index: 99999999999999999!important;
    transform: scale(0);
    background-size: 250px!important;
    background-repeat: no-repeat;
    background-position: center!important;
    animation-name: logobg;
    animation-duration: 2.5s
}
@keyframes logobg {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1)
    }

    78% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}
/-------------- log in --------------/

section.section {
    padding: 0rem 0!important;
    
}

.title--has-dash:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 0%;
    position: absolute;
    top: 57%;
    transform: translateY(-0%);
    right: 0;
    border-radius: 4px;
    background-color: #477CA4;
    padding-top: 30px;
    
}


@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}


.title--has-dash {
    position: relative;
    padding-right: 15px;
    padding-top: 37px;
    background: linear-gradient( to right, #224D70 20%, #FBB32B 30%, #FBB32B 70%, #224D70 80% );
    -webkit-background-clip: text;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
  -webkit-text-fill-color: transparent;
  font-weight:bolder!important;
  font-size:21px
}
.home-block:not(.home-block--bg):not(.home-block--main-slider) {
    padding: 0;
 
}
button.btn.btn--oval.btn--grey.btn--padded.less.popup-trigger{background:linear-gradient(-45deg , #224D70, #477CA4, #224D70)!important;
    color: white;border-radius:5px!important;box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
    
    button.btn.btn--oval.btn--grey.d-flex.algin-items-center.grey.btn--padded.mr-3{box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;border:2px solid #477CA4;border-radius:5px!important;}

.mm-spn span {
    background:linear-gradient(-45deg , #224D70, #477CA4, #224D70)!important;
    color: white;
    border-radius: 15px!important;
    text-align: center;
        width: 300px !important;
        height: 40px !important;
        margin-right: 10px;
        padding-top: 8px !important;
}
.mm-spn span:hover{
    background: black!important;
    color: white;
    border-radius: 15px!important;
    
}



.header-side-panel-trigger {
    color: #ffffff;
    background:linear-gradient(-45deg , #224D70, #477CA4, #224D70);
    border-radius: 5px;
    padding:5px!important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    
}

.header-block--nav-wrapper {
    content-visibility: hidden;
}

header .site-header .theme-logo a img {
    height: 72px;
    padding-right: 17px;
}




.site-header {
    box-shadow: none;
    background-image: url(https://i.ibb.co/6JnmDGY/geometric-leaves-1.png)!important;
}

.text-nowrap {
    white-space: nowrap;
    color: white!important;
}

.s-cart-summary-total {
    font-weight: 500;
    color: white;
}

.s-cart-summary-icon svg {
    height: 1.25rem;
    width: 1.25rem;
    fill: #7c8082;
    fill: white!important;
}

html body {
    background: url(https://i.ibb.co/6JnmDGY/geometric-leaves-1.png);
}

.home-block--bg {
    background: #f5f7f9;
    background: transparent;
}

.s-quantity-input-button {
background: #5e96be;
}
.s-quantity-input-input{
border: 3.5px solid #5e96be!important;
}

.product-block--inline .product-block__info .s-quantity-input-container {
    border: transparent;
}

/*.s-product-options-wrapper {
    color: white;
background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='70' height='8' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(205, 42%, 56%, 1)'/><path d='M-.02 22c8.373 0 11.938-4.695 16.32-9.662C20.785 7.258 25.728 2 35 2c9.272 0 14.215 5.258 18.7 10.338C58.082 17.305 61.647 22 70.02 22M-.02 14.002C8.353 14 11.918 9.306 16.3 4.339 20.785-.742 25.728-6 35-6 44.272-6 49.215-.742 53.7 4.339c4.382 4.967 7.947 9.661 16.32 9.664M70 6.004c-8.373-.001-11.918-4.698-16.3-9.665C49.215-8.742 44.272-14 35-14c-9.272 0-14.215 5.258-18.7 10.339C11.918 1.306 8.353 6-.02 6.002'  stroke-width='1' stroke='hsla(205, 36%, 50%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}*/

.s-product-options-option-label b {
    display: block;
    color: white;
}

[dir=rtl] .s-product-options-multiple-options-wrapper div label {
    margin-left: 0;
    margin-right: 0.5rem;
    padding-right: 0;
    padding-left: 0.75rem;
    color: white;
}

.bg-grey {
    background: #f5f7f9;
    background: transparent;
}

salla-quantity-input .s-quantity-input-button svg {
    max-width: 16px;
    margin-inline: auto;
    fill: #ffffff;
}

.header-side-panel-trigger {
    color: #ffffff;
}


.testimonial-entry {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
}

.btn--padded.less {
    padding: 8px 15px;
    background: #1a4265;
    color: white;
}

.product-block {
    border: 2.5px solid #5e96be!important;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(238,238,238,.5);
    overflow: hidden;
    transition: border .2s linear,box-shadow .2s linear;
    background: #fff;
}

.footer {
    border-top: 1px solid #f0f2f5;
    border-top: 1px solid #1a4265;
    background-size: cover;
    color: white;
    border-radius: 60px 60px 0 0;
    background:linear-gradient(-45deg , #224D70, #477CA4, #224D70);
   }

.footer .title--primary {
    color: #082239!important;
}

.footer .footer-list--payment-methods li { background: #fff; border-radius: 8px; margin: 2px; padding: 0 !important; width: 54px; height: 42px}
div.footer__top:nth-child(1) > div.row > div.col-md-4.col-sm-12:nth-child(2) {
    order: -1;
}

.footer .footer-list--payment-methods li img {
    width: auto;
    max-height: 40px;
    max-width: 45px;
    vertical-align: middle;
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px;
    background: white;
}

.store-certificate__text .number {
    color: white !important;
}

.testimonial-entry__info div.title small {
    display: block;
    color: #ffffff;
    opacity: 100;
}

.testimonial-entry {
    border-radius: 8px;
    color: white;
    background:linear-gradient(-45deg , #224D70, #477CA4 , #224D70 );}
.testimonial-entry__info div.title {
    color: white!important;
}

.header-block--nav-wrapper {
    background: black;
  color: white !important;
}
.nav-desktop ul .menu-item>a {
    color: white;
}

header .site-header__cart {
    background:linear-gradient(-45deg , #224D70, #477CA4, #224D70);
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 15px;
    padding-bottom: 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}


.footer .footer-list li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0;
    color: white;
    transition: color .5s cubic-bezier(.2,1,.3,1);
}

.nav-desktop ul .menu-item:hover>a:hover  {
    background: #5e96be;
    color: white;
      border-radius: 40px;
}



.nav-mobile .main-nav li a {
    color: #ffffff;
    background:linear-gradient(to bottom , #224D70, #477CA4, #224D70);
    
    
}




.footer__bottom {
    background: #1a4265;
    color: #ffffff!important;
}

.footer__bottom a {
    color: white!important;
}
.footer-list--row.footer-list--social-links {
    justify-content: center;
}
header .site-header__wrapper .theme-logo img {
    width: auto;
    height: 69px;
	animation: pulsate-bck 1.3s ease-in-out 10s infinite;
}

/* hdr tranprot */ 

header.fixed-pinned .site-header{background:#ffffff21;
backdrop-filter:blur(10px);}

.jWcIXO{
    width: 60px !important;
    height: 60px !important;
    box-shadow: #1a4265 0px 0px 5px 5px !important;
    
}



.store-feature
.sicon-edit:before{
    content: url(https://i.ibb.co/vVbH9tD/wired-lineal-187-suitcase.gif)!important;
    background-size: 100% 100%;
    display: flex;
    height: 233px;
    transform: scale(0.22);
    width: 206px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* size: revert; */
    width: inherit;
    height: unset;
}
   
   .store-feature
.sicon-group:before {
    content: url(https://i.ibb.co/0mTZsfn/wired-lineal-56-document.gif)!important;
    background-size: 100% 100%;
    display: flex;
    height: 233px;
    transform: scale(0.22);
    width: 206px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* size: revert; */
    width: inherit;
    height: unset;
}
    
.store-feature
.sicon-mail:before {
    content: url(https://i.ibb.co/mXJ9H1P/wired-lineal-245-edit-document.gif)!important;
    background-size: 100% 100%;
    display: flex;
    height: 233px;
    transform: scale(0.22);
    width: 206px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* size: revert; */
    width: inherit;
    height: unset;
    
}



.fXBuHm {
    font-family: unset !important;
    font-size: 20px !important;
    }



@keyframes tournemoi
{
    0%
    {
        transform: rotate(-5deg);
    }
    50%
    {
        transform: rotate(5deg);
    }
    100%
    {
        transform: rotate(0deg);
    }
}



.product-block:hover
{
    animation: tournemoi 2s ease;

}





/*add to cart  */ 

.product-block .btn--add-to-cart {
 color: white;
    background: linear-gradient( to right, #0da9e4 20%, #5fcdf7 30%, #0da9e4 70%, #5fcdf7 80% );
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate!important;
}


.product-details__info .product-section--quantity .s-button-element {
  color: white;
    background: linear-gradient( to right, #0da9e4 20%, #5e96be 30%, #0da9e4 70%, #5e96be 80% );
    background-size: 500% auto;
  animation: textShine 5s ease-in-out infinite alternate!important;
}

.product-block__info {
    text-align: center!important;
}


    
@media (max-width: 767px){
    .home-block--square-images .col-md-4 {
    margin-bottom: -30px;
    width: 50%;
    padding: 3px !important;
    
}}

figure.banner-effect-1{border:2px solid #477CA4;border-radius:10px;}


.product-details__info .product-section--quantity .s-button-element{
    animation: ShineAnimation 5s infinite;
    animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
}


/* logo up down  */ 
/* ----------------------------------------------
 * Generated by Animista on 2023-2-19 0:22:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**

 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@keyframes pulsate-bck {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
span.badge.badge--ribbon.reverse.font-base.badge--primary.z-7 {color: #fff;background: #f87171;}
.badge--primary {background: #f87171;color: #fff;}
 .lazy__bg{
 background-size:contain;
 background-repeat:no-repeat;
 background-color:transparent!important;
 }
 .banner-entry{ background-color:transparent!important;}

.opt-text p,.content-entry{
display:flex;
flex-wrap:wrap;
width:100%;

}
.opt-text a {
width:50%}
.s-product-options-option-label b {
    display: block;
    color:#000; 
}

[dir=rtl] .s-product-options-multiple-options-wrapper div label {
    margin-left: 0;
    margin-right: .5rem;
    padding-right: 0;
    padding-left: .75rem;
    color: #000
}


.details.product-options{
    background:#bdbdbd!important;
   
}

/**

 * ----------------------------------------
 *ghaymsoft 
 * ----------------------------------------
 */
 
 .content-entry.type1 {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.content-entry.type1 p {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
    padding: 5px;
}

.content-entry.type1 a,
.content-entry.type1 img {
    display: block;
    width: 100%;
    height: auto;
}



.content-entry.type2 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.content-entry.type2 p {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 5px;
}

.content-entry.type2 p a {
    flex: 0 0 48%;
    max-width: 48%;
    box-sizing: border-box;
}

.content-entry.type2 p a img {
    width: 100%;
    display: block;
}

 
 
 
 
 
 
 
.content-entry p {
    display: flex !important;
    
   
    margin: 0 !important;
    padding: 5px !important;
}

 .content-entry{
  display: flex;
  flex-wrap: wrap;       
  gap: 10px;             
}
 
 .content-entry p {
  display: flex;
  flex-wrap: wrap;       

  gap: 10px;             
}
.opt-text a {
    width: 48%;
}
.content-entry p a {
 
  box-sizing: border-box;
}

.content-entry p a img {
  width: 100%;         
  display: block;
}