.highlight-primary.highlight-bg-opacity { background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(0,136,204,0.2) 0) }

.highlight.highlight-animated.highlight-animated-start { background-position: -100% }

.highlight { position: relative; background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%,#CCC 0); background-size: 200%; background-position: 0; padding-right: .5rem; padding-left: .5rem; transition: background-position .8s }

.mw-55 { max-width: 55%; }

.sale-text { padding: .3em .8em; transform: rotate(-2deg) }

.sale-text strong { font-size: 2em; vertical-align: text-top }

@keyframes customLineAnim {

		from { stroke-dasharray: 1600; stroke-dashoffset: 1600; }

		to { stroke-dasharray: 2500; stroke-dashoffset: 1600; } 

}

.customLineAnim { animation-name: customLineAnim; }

.custom-style-1 { width: 640px; top: -1px; }

.custom-style-1::before { content: ''; position: absolute; top: 50%; right: 82%; width: 100vw; height: calc( 100% + 150px); background: #FFF; z-index: 0; transform: translate3d(0, -50%, 0); }

.custom-style-2 { max-width: 500px; }

.custom-hover-1::before { content: 'Fade In'; position: absolute; left: -30px; top: 20px; width: 120px; transform: rotate(-45deg); background: #08c; color: #fff; text-align: center;  z-index: 1; box-shadow: 0 2px 4px rgba(0,0,0,.2); }

.custom-hover-feature::before { content: 'Featured'; background-color: #ffc107; }

.custom-hover-fadeout::before { content: 'Fade Out'; background-color: #A6C76C; }

.home-banner-slider .d-inline-block { vertical-align: top }

.home-slider-banner-text { transform: translateY(30%) }

.home-slider-banner-text2 { transform: translateY(54%) }

@media (max-width: 480px) {

    .home-banner-slider .porto-ibanner-layer { font-size:10px }

}

.home-banner-slider em,.home-banner em { color: #b93027; font-family: inherit; font-style: normal; margin-left: .375em }

.home-banner-slider strong,.home-banner strong {  font-size: 220%;  vertical-align: text-top; line-height: .9  }

.mw-fit { max-width: fit-content; }

.custom-font { font-family: Playfair Display,sans-serif; }

.bg-grey { background-color: #f4f4f4; }

.custom-img-pos-1 { left: 40%; top: -10%; max-width: 400px; }

.custom-option li b { font-family: 'Poppins', sans-serif; font-weight: 700; color: #212529; }

.custom-feature-shadow img { box-shadow: 0 5px 40px 0px rgba(0,0,0,0.3) !important; }

@media(min-width: 992px) {

  .mw-750 { 

     max-width: 750px;

  }

}

@media(max-width: 575px) {

.custom-style-1::before { content: none; }

.custom-banner-1 .banner-effect { background-image: none !important; background-color: #ebeef0; }

}