﻿h1, h2, h3, h4, h5, h6 {font-family: var(--FontFamilyMontserrat);}
.showcase-banner-wrap-main{background: url('/Content/Images/bg-industry-retail1.jpg')no-repeat;background-size: cover;position:relative;padding-bottom:10rem;background-position: 80% center;}
.showcase-banner-wrap{padding:2rem 0;}
.showcase-heading {margin-bottom: 0.5rem;font-size: 1.79rem;font-weight: 700;color: var(--bs-white);text-shadow: 0px 2px 7px var(--bs-black);}
.showcase-heading-underline{width:80px; height:2px; background:#f05030; display:flex;}
.showcase-heading-tag{font-family: 'Montserrat', sans-serif;font-size: 1rem;font-weight: 500;line-height: 1.3;color: var(--bs-white);margin-top: 1rem;text-shadow: 0px 1px 3px var(--bs-black);}
.showcase-banner-wrap-main:before{  content: '';width: 100%;height: 100%;display: inline-block;position: absolute;left: 0;top: 0;background: rgb(253 253 253 / 85%);}
.showcase-heading-dark, .showcase-heading-tag-dark{color:#000000; text-shadow:none;}

/*.showcase-banner-wrap-bg-dark .oc-video-frame {border-width: 3px;border-color: #ffffff;box-shadow: none;}*/
.lp-banner-video-wrap {display:inline-flex;border: 0px !important; max-width:600px !important; margin-top:40px !important; padding:1.25rem; background: #3d4350; position:relative; border-radius: 0rem 0rem 0.5rem 0.5rem !important;width: 100% !important;box-shadow: 0px 6px 8px -6px #000; margin-bottom:1rem;}
.lp-banner-video-wrap iframe{border:0px;border-radius:0px;margin:0.5rem; width:100%;}
.lp-banner-video-wrap:before {content: '';background: #1d2336;position: absolute;width: 100%;height: 40px;top: -40px;max-width: 100%;left: 0;border-radius: 0.5rem 0.5rem 0rem 0rem;}
.lp-banner-video-wrap:after {content: "";display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #f14b7a;position: absolute;top: -20px;left:1rem;transform: translateY(-50%);box-shadow: 16px 0 0 #fee618, 34px 0 0 #66c49b;}
.lp-banner-video-wrap .monitor-base, .lp-banner-video-wrap .dots-image-wrap{display:none;}

.hero-video{width: 100%;max-width:720px; margin-top:0px; box-shadow: 0px 6px 8px -6px #000000;}
/*.hero-video-alt{max-width:570px !important;}*/
.hero-video-sub-page{max-width:600px;}

.hero-video-head{background: #1d2336;border-radius: 0.5rem 0.5rem 0rem 0rem;padding: 0.5rem 1.25rem;text-align: left;}
.hero-video-nav{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #f14b7a; box-shadow: 16px 0 0 #fee618, 34px 0 0 #66c49b;}
.hero-video-frame-wrap{background: #363b4a;padding:0.5rem; border-radius: 0rem 0rem 0.5rem 0.5rem; cursor:pointer;}
.hero-video-frame{position: relative;background: url(https://logicerp.com//Content/Images/spin.gif) no-repeat #000000;background-position: center;
                  background-size: 50px; width: 100%;max-width: 100%;aspect-ratio:  16 / 9; overflow: hidden;/*border:0.5rem solid #363b4a;*/
                  border-radius: 0 0 0.25rem 0.25rem;}
/*.hero-video-frame img{height: auto;object-fit: cover;}*/
.hero-video-frame img, .hero-video-frame iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; cursor: pointer;}
/*.hero-video-frame img,.hero-video-frame iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; cursor: pointer;}*/
/*.hero-video-alt .hero-video-frame {aspect-ratio:  620 / 360;}*/
.hero-video-media{}
.hero-video-iframe{}

/*.industry-featuresMainHeadingWrap{text-align:center;}*/

/*Retail-SubMenu-Pages--CSS--Start*/
/*.launch-showcase .lp-banner-video-wrap{max-width:550px !important;}*/
.solution-banner-heading {margin-bottom: 0.5rem;font-size: 1.8rem;font-weight: var(--FontWeight700);color: #222222;}
.solution-banner-heading.solution-banner-heading-sm {font-size: 1.6rem;}
.solution-banner-subHeading {font-size: 0.9rem;font-weight: 400;color: #2a2a2a;font-family: "Roboto", sans-serif;line-height: 1.3;letter-spacing: 0.5px;text-align: justify;}
.launch-showcase{text-align:center;}
/* BannerKeyFeatures*/
.sub-feature-box-wrap-main{width:100%;  display:flex; flex-direction:column;padding:1.2rem 0;background-color: #ebeef1;}
.sub-features-heading{text-transform: uppercase;font-size: 1rem;margin: 0;position: relative;color:#06182e; font-weight:var(--FontWeight700);}
.sub-feature-box-wrap{display:flex;  justify-content:center; flex-grow:1;}
.sub-feature-box-block{margin-bottom:0.5rem;}
.sub-feature-box{background-color:var(--bs-white);padding:1.2rem 0.5rem; color:var(--bs-black); width: 100%;height: 100%; border-radius:10px; box-shadow:0 2px 5px 0px rgba(223, 219, 219, 0.8);display: flex;flex-direction: column;justify-content: center;    flex-grow: 1;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.sub-feature-box-media-wrap{text-align: center;}
.sub-feature-box-media-object svg{width:48px;fill: #ff5200;height:auto;}
.sub-feature-box-title{font-size:0.8rem; font-weight:var(--FontWeight600); margin-top:0.5rem; text-align:center;}
.sub-feature-box:hover {color: #ff5200; -webkit-transform: translateY(-2px);transform: translateY(-2px);-moz-transform: translateY(-2px);}
/*KeyFeatures*/
.key-feature-main-heading {font-size: 1rem;font-weight: var(--FontWeight600);color: #ff5200;text-transform: uppercase;margin-bottom: 0.5rem;}
.key-feature-main-subheading{font-size: 1.5rem;font-weight: var(--FontWeight700);margin-bottom: 0.6rem;}
.key-feature-main-heading-line{background: #ff7a3b;margin: 0 auto;width: 50px;height: 1px;display: flex;margin-top: 0.2rem;border-radius: 35px;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);}
.key-feature-main-desc{text-align:center;}
.key-feature-alternate-wrap{background: #f9fbf8 !important;}
.key-feature-list {height: 288px;overflow: hidden;display: block !important;}
.key-feature-list.show.collapse {height: auto;}
/*--view more keyfeatures---*/
.view-more{padding-left:1.5rem;padding-top:1rem;}
.btn-view-more i{transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; display:none !important;}
.btn-view-more.collapsed i{transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg);}
.btn-view-more i{transform: rotateZ(-180deg); -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg);transition:transform .3s ease-in-out; -moz-transition:transform .3s ease-in-out;  -webkit-transition:transform .3s ease-in-out;font-size: 0.85rem;color: #ff5200;  }
.btn-view-more{border: 1px solid #f0f0f0 !important;border-radius: 20rem;width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;background: var(--bs-white)!important;box-shadow: 0px 6px 8px -6px rgba(0, 0, 0, 0.5) !important; position:relative;}
.btn-view-more:hover{ box-shadow: 0px 6px 9px -6px rgba(0, 0, 0, 0.9) !important}
.btn-view-more.collapsed {box-shadow: 0px 6px 8px -6px rgba(0, 0, 0, 0.5) !important;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);
                          transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;-webkit-transition: transform .3s ease-in-out;}
.btn-view-more {box-shadow: 0px -6px 8px -6px rgba(0, 0, 0, 0.5) !important;transform: rotateZ(-180deg);-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);
                          transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;-webkit-transition: transform .3s ease-in-out;}
.btn-view-more:before {content: '';height:25px;width:25px; display:inline-block;background-image: url('/Content/Images/down-arrow.svg'); background-repeat:no-repeat;   background-size: contain; 
background-position: center;}

/*Retail->FMCG*/
.lp-pattern-mask{background: #dcecec; background: -moz-linear-gradient(left,  #dcecec 0%, #ffffff 39%, #ffffff 66%, #dcecec 100%);background: -webkit-linear-gradient(left,  #dcecec 0%,#ffffff 39%,#ffffff 66%,#dcecec 100%);background: linear-gradient(to right,  #dcecec 0%,#ffffff 39%,#ffffff 66%,#dcecec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcecec', endColorstr='#dcecec',GradientType=1 ); position: absolute;width: 100%;height: 100%; top:0; left: 0;right: 0;margin: 0 auto;opacity: 0.9;}
.lp-aaptak-content, .lp-aaptak-image{position:relative;}
/*.lp-aaptak-content ul li{ list-style:disc; font-size:0.82rem;}
.lp-aaptak-content ul {margin-bottom:0.5rem; margin-left:1.5rem;}*/
.lp-aaptak-content h3{font-size:1.8rem; font-weight:700;}
.lp-aaptak-content p{letter-spacing:normal; font-weight:600;font-size: 0.9rem;}
.lp-blue{color:#123c59;}
.lp-green{color:#00b0c0;}
.btn-applicationdemo{background: #f94e2b;color: #ffffff;border: 0px; background-image:none !important; display:inline-block;}
.btn-applicationdemo:hover{background: #d93c1c;color: #ffffff;}




/*Retail-SubMenu-Pages--CSS--End*/

.alternate-wrap {background: #f9fbf8 !important;}
.vertical-wrap-main{ margin-top:-9rem; margin-bottom:2rem; position:relative;padding:0;background-color: rgba(255,255,255,1); border-radius:10px;box-shadow: rgba(13, 21, 55, 0.06) 0 5px 50px; }
.vertical-content{padding:0; width:25%;}
.vertical-box {position: relative;text-decoration: none;padding: 0.9rem 0.5rem;padding-top: 1.4rem;background: rgba(255, 255, 255, 0.06);border-bottom-color: #ffdbd3 !important;border-right-color: #ffdbd3 !important; height:100%;}
.vertical-icon{margin: 0 auto;margin-bottom: 0.8rem !important;display: flex;align-items: center;justify-content: center;}
.vertical-icon svg{fill:#f94e2b;transition:all 0.2s ease-in-out; width:64px; height:64px;}
.vertical-title{font-family:'Open Sans', 'sans-serif'; font-size:1.1rem; font-weight:var(--FontWeight600); text-align:left;color: var(--bs-black);text-align:center; margin-bottom:0px;line-height:normal;position:relative; padding-bottom:0.4rem; margin-bottom:0.35rem;}
.vertical-title:after{ content:""; position:absolute; bottom:0; left:50%; width:15px; height:1px; margin-left:-8px; background-color:#ff5200;}
.vertical-tag{font-size:0.8rem; font-weight:var(--FontWeight600); color:#2a2a2a; text-align:center; font-family:'Open Sans';}
.vertical-tag span{display:inline-block; border-right:1px solid #999999; line-height:0.8; padding-right:0.3rem; margin-right:0.3rem;}
.vertical-tag span:last-child{border-right:0;padding-right:0; margin-right:0;}
.vertical-box:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0 , 0.15);  z-index:1;}
.vertical-box:hover .arrow{animation-name: bounceAlpha;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:linear;}
.vertical-box:hover .arrow.primera{animation-name: bounceAlpha;animation-duration:1.4s;animation-delay:0.2s;animation-iteration-count:infinite;animation-timing-function:linear;}
.arrow-animated{display: flex;height:30px;align-items: center;justify-content: center;}
.round {position: absolute;border:1px solid var(--bs-white);width:30px;height:30px;border-radius: 100%;}
#cta{width:100%; cursor: pointer; position: absolute;}
#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width:8px; height:8px; background-size: contain; top:10px;}
.segunda{margin-left: 8px;}
.next {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
background-color: #f94e2b;}
@keyframes bounceAlpha {
  0% {opacity: 1; -webkit-transform: translateX(0px) scale(1);    -moz-transform: translateX(0px) scale(1);    transform: translateX(0px) scale(1);   }
  25%{opacity: 0; -webkit-transform:translateX(10px) scale(0.9);  -moz-transform:translateX(10px) scale(0.9);  transform:translateX(10px) scale(0.9);   }
  26%{opacity: 0; -webkit-transform:translateX(-10px) scale(0.9); -moz-transform:translateX(-10px) scale(0.9); transform:translateX(-10px) scale(0.9);  }    
  55% {opacity:1; -webkit-transform: translateX(0px) scale(1);    -moz-transform: translateX(0px) scale(1);    transform: translateX(0px) scale(1);   }
}

/*SectionsKeyFeatures*/
.key-feature-content-heading{font-size: 1.5em; font-family: 'Montserrat', sans-serif; font-weight: var(--FontWeight700);color: #2e3336;position: relative;padding-left: 22px;}
.key-feature-content-subheading{font-size: 1rem;font-weight: var(--FontWeight600);color: #ff5200;text-transform: uppercase;margin-bottom: 1rem;}
.key-feature-content-heading:before{content: "";position: absolute;left: 3px;top: 15px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #e94d02;}
.key-feature-content li{font-size: 1.1rem;line-height: 1.5;position: relative;padding: 0.3rem 0.5rem 0.3rem 1.5rem;}
.key-feature-content li:before{content: '';position: absolute;left: 0; top:11px;height: 12px;width: 12px;display: inline-block;background-image: url('/Content/Images/tick.svg');background-repeat: no-repeat; margin-right:0.5rem;}
.key-feature-content .key-feature-list-sub{padding-left: 2.5rem !important;}
.key-feature-content .key-feature-list-sub:before{content:'';left: 25px;top: 15px; display:inline-block; background:#767676; width:6px; height:6px; border-radius:50px; margin-right:0.5rem;}

.microvertical-box * {transition: all 0.2s ease-in-out;}
.microvertical-box {height: 100%;padding: 0px; margin-top:0px;}
.microvertical-box a {background: var(--bs-white);height: 100%;padding: 1rem 0.5rem;position: relative;top: 0;border-radius: 8px;box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.07);}
.microvertical-box a:hover {box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);top: -3px;z-index: 1;}
.microvertical-title{font-family: 'Poppins', 'sans-serif';font-size: 0.9rem;color: #31334d;margin-bottom: 0.1rem;font-weight: 500;text-align: center;letter-spacing: normal;}
.microvertical-icon {width: 4rem;height: 4rem;margin: 0 auto;margin-bottom: 0.8rem;background: #f3f3f3;border-radius: 50%;}
.microvertical-icon svg {fill: #f94e2b;width:30px !important;height:auto;}
.microvertical-title:after{display:none;}
.microvertical-box .arrow-animated{height:20px}
.microvertical-box:hover .arrow{animation-name: bounceAlpha;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:linear;}
.microvertical-box:hover .arrow.primera{animation-name: bounceAlpha;animation-duration:1.4s;animation-delay:0.2s;animation-iteration-count:infinite;animation-timing-function:linear;}

.blog-retailIndustry-section{background:#ffffff;}
.cs-mfgIndustry-section{background:#f6f7f9;}
.cs-distrIndustry-section{background:#f6f7f9;}
.testimonials-mfgIndustry-section{background:#ffffff;}
.testimonial-distrIndustry-section{background:#ffffff;}
.testimonial-retailIndustry-section{background:#f6f7f9;}

/*Retail-Section-Images*/
.retail-media-LoyaltyCoupon{width:80%;}
.retail-media-reporting{width:65%;}

@media (min-width: 1400px) {
 .microvertical-modules-wrap .col-xl-2 {width: 20%;}
}
@media (max-width: 992px) {
    .lp-aaptak-image {display: none;}
     .hero-video-head{padding:0.2rem 1rem;}
    .launch-showcase .col-12.col-lg-6{padding:0px;}
    .hero-video{margin-bottom:1rem;}
}

@media (max-width: 767px) {
 .showcase-heading{font-size:1.25rem;}
 .showcase-heading-tag, .showcase-heading-tag-dark{font-size: 0.85rem;}
 .vertical-tag, .microvertical-box .arrow-animated{display: none;}
 .vertical-content{width: 33.3333%;}
 .microvertical-box .microvertical-icon {width: 3rem;height: 3rem;background: transparent;margin-bottom: 0.25rem;}
 .microvertical-box a {padding: 1rem 0.5rem !important;box-shadow: none;border-radius: 0px;border:1px solid #f7f7f7 !important;}
 .microvertical-box p, .vertical-title {line-height: 1;font-size: 0.8rem;font-family: 'Poppins', 'sans-serif';font-weight: 500;color: #31334d;}
 .solution-banner-subHeading, .key-feature-content li {font-size: 0.85rem;}
 .showcase-banner-wrap-main {padding: 0rem;}
 .vertical-wrap-main {margin-top: 0px;}

/*Retail-SubMenu-Pages--CSS--Start*/
.key-feature-content-heading{font-size: 1rem;}
.solution-banner-heading,.solution-banner-heading.solution-banner-heading-sm {font-size:1.25rem;}
.launch-showcase{margin:0px;}
.launch-showcase .col-12{text-align:center;}
/*.lp-banner-video-wrap iframe{height:200px;}*/
.cta-apps-wrap{text-align:center;}
.btn-cta-apps-viewmore{font-size:0.85rem !important;font-weight:500 !important;}
.lp-aaptak-content h3{text-align:center;  font-size:1.25rem; }
.lp-aaptak-content p{text-align:center; font-size: 0.9rem;}
.btn-cta-apps-viewmore {font-size: 0.85rem !important;font-weight: 500 !important;}

/*Retail-SubMenu-Pages--CSS--End*/
}
@media (max-width: 576px) { 
 .vertical-title:after, .arrow-animated{display:none;}
 .showcase-heading{font-size:1.2rem;}
 .showcase-heading-tag{font-size:0.95rem; }
 .vertical-wrap-main{border:0px !important; border-radius:0px; margin-bottom:0px;}
 .vertical-box{padding: 1rem 0.5rem !important;border: 1px solid #f7f7f7!important;}
 .vertical-icon{margin-bottom: 0.3rem !important;}
 .vertical-icon svg{width:45px; height:45px;}
 .vertical-title{font-size: 0.85rem; margin-bottom:0px;padding:0px;color:var(--bs-black);}
}