@charset "utf-8";
/* CSS Document */
.Inner_header { background-size: contain; position: relative; z-index: 1; }
.WMS_banner { background: url(../images/leadership-walkthrough/Leadership-Walkthrough-banner.jpg) top right no-repeat; background-size: cover; min-width: 560px; padding: 20px 0 0; }
h1.IntroHeading_1 { color: #f6f6f6; padding: 40px 0 10px 0; margin: 0; font-size: 45px; font-weight: 500; font-family: 'Roboto', sans-serif; }
.WMS_banner .BannerContent { min-height: 440px; }
.WMS_process_img{
 padding:50px 0 0 0;
}
.Intro_img{
 margin:-40px 0 0 0;
}

















.WatchVideo_button span { width: 50px; height: 50px; display: block; position: absolute; top: 0px; right: 0; color: #FFF; text-align: center; font-size: 36px; line-height: 50px; background: #b55dc4; background: -moz-linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); background: -webkit-linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); background: linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);*/
}
.WatchVideo_button span:after { position: absolute; width: 50px; height: 50px; position: absolute; top: 0; right: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; content: ''; z-index: 1; border: 1px solid #ff896f; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background-clip: padding-box; -webkit-animation: waves 2s ease-in-out infinite; animation: waves 2s ease-in-out infinite; -webkit-animation-delay: 1s; animation-delay: 1s; }
.WatchVideo_button span:before { position: absolute; width: 50px; height: 50px; position: absolute; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 0; right: 0px; content: ''; z-index: 1; border: 1px solid #b55dc4; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background-clip: padding-box; -webkit-animation: waves 2s ease-in-out infinite; animation: waves 2s ease-in-out infinite; -webkit-animation-delay: 0s; animation-delay: 0s; }
@-webkit-keyframes waves {  0% {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 50% {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
 100% {
-webkit-transform: scale(1.6, 1.6);
transform: scale(1.6, 1.6);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes waves {  0% {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 50% {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
 100% {
-webkit-transform: scale(1.6, 1.6);
transform: scale(1.6, 1.6);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
P.IntroHeading_SubText { font-family: 'Poppins', sans-serif; font-size: 25px; color: #b8bbf7; padding: 18px 0 40px; font-weight: 400; margin: 0; line-height: 33px; }
P.IntroNormal_text {     
padding: 0 0 40px 0;
margin: 0;
font-family: 'Roboto', sans-serif;
color: #e0e6f5;
line-height: 25px;
font-size: 15px;
font-weight:400;
}

.WMS_feature_section_1 { background: #FFF; padding: 40px 0px 40px 0; }
.WMS_feature_section_1 .WMS_feature_left {position: absolute;  top:30px; height: 100%; width: 50%; left: 0;}
.WMS_feature_section_1 .WMS_feature_right {   }
.WMS_feature_section_1 .WMS_feature_right p { font-size: 16px; padding: 0 0 15px; font-family: 'Roboto', sans-serif; color: #404a60; line-height: 25px; font-weight: normal; }
.WMS_feature_section_1 .WMS_feature_right h2 { font-size: 26px; padding: 15px 0 12px; line-height: 32px; margin: 0; font-weight: 700; color: #1a3b9c; font-family: 'Nunito', sans-serif; }
.WalkthroughSoftwareHelps_section { background: #e4eff9; padding: 40px 0; position: relative; z-index:2; }
.WalkthroughSoftwareHelps_section h2 { color:#1a3b9c; padding:10px 0 17px 0; margin:0; font-weight:700; font-family: 'Nunito', sans-serif; line-height:30px; font-size:26px; }

.Report_Section { position:relative; }
.Report_Section:after { background: #238ce9; width:50%; display:block; height:100%; position:absolute; content:''; top:0; right:0; z-index:0; }
.Report_Section_2 { padding: 45px 30px 20px 50px; position:relative; z-index:2; background:#238ce9; -webkit-border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;  }
.Report_Section_2:before{
    height: 102%;
    position: absolute;
    width: 38px;
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
    background: #FFF;
    display: block;
    left: -23px;
    top: 0;
    content: '';
}
.report_slider .owl-stage-outer {
    padding: 0 0 0 0;
    display: block;
    clear: both;
    min-height: 200px;
}
.Report_box{
 cursor:inherit !important;
} 
.Report_Section_2 h2 { 
background:#FFF;
display:inline-block;
position:absolute;
top:60px;
left:-240px;
color: #000; 
font-size: 55px; font-family: 'Roboto', sans-serif; 
font-weight: 300;
line-height:50px; 
padding: 30px 50px 40px; margin: 0; text-align: center; -webkit-border-radius: 10px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 40px;
border-radius: 10px;
border-bottom-left-radius: 40px;-webkit-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
-moz-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);}
.Report_box i.WalkthroughPlanner{
 background-position:-247px -293px;
}
.Report_box i.MyWalkthrough{
 background-position:-894px -293px;
}
.Report_box i.WalkthroughSummary{
 background-position:-653px -293px;
}
.Report_box i.StatusWiseCAPA{
 background-position:-732px -293px;
}
.Report_box:hover .Report_round:after{
 display:none !important;
}
.Report_box:hover .Report_round { width: 114px; height: 119px; background-position: 0 -293px; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 14px 14px 1px 0px rgba(255,255,255,0.8); -moz-box-shadow: 14px 14px 1px 0px rgba(255,255,255,0.8); box-shadow: 14px 14px 1px 0px rgba(255,255,255,0.8); border: 1px solid #FFF; margin: 0 auto 20px; position: relative;  -webkit-transition: all .5s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.report_slider .owl-nav .owl-prev:hover { background: #00baff; -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.S_Testimonial .owl-nav .owl-next, .report_slider .owl-nav .owl-next:hover { background: #00baff; -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.S_Testimonial .owl-nav .owl-prev { background: #238ce9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; outline: none; width: 38px; height: 37px; display: inline-block; margin: 0 25px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid #FFF; }
.S_Testimonial .owl-nav .owl-prev:hover { box-shadow: 0px 8px 20px 0px rgba(0, 27, 103, 0.3); -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid #89bbe4; background: #b5deff; }
.S_Testimonial .owl-nav .owl-next { background: #238ce9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; outline: none; width: 38px; height: 37px; display: inline-block; margin: 0 25px; border: 1px solid #FFF; }
.S_Testimonial .owl-nav .owl-next:hover { box-shadow: 0px 8px 20px 0px rgba(0, 27, 103, 0.3); -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid #bff8fe; border: 1px solid #89bbe4; background: #b5deff; }
.S_Testimonial .owl-stage-outer:after { width: 33px; height: 26px; display: block; position: absolute; top: -25px; left: 4px; font-family: 'Poppins', sans-serif; font-size: 100px; color: #238ce9; content: '“'; }
.RelatedSoftware_box:hover { background: #238ce9; border: 1px solid #FFF; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 9; }
.RelatedSoftware_box:hover i { background-color: #FFF !important; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; overflow: hidden; }
.RelatedSoftware_box:hover i:after { background: #FFFFFF; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; display: block; width: 100%; height: 100%; content: ''; top: 0; left: 0; position: absolute; z-index: -1; }
.CallBack_Submit { background: #b55dc4; background: -moz-linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); background: -webkit-linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); background: linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: center; width: 130px; font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 300; vertical-align: central; color: #FFF; border: none; outline: none; height: 100%; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CallBack_Submit:hover { -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.4); border: 1px solid #FFF; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.S_RequestForCallBack_section h2.heading_2 { font-family: 'Nunito', sans-serif; font-size: 35px; color: #238ce9; padding: 0 0 30px 0; margin: 0; text-align: center; font-weight: normal; }
.QuickInquiryBtn {
 background:#1f8ceb;
    }
.S_Testimonial .Testimonial_UserName { font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 600; color: #238ce9; padding: 10px 0 4px 0; line-height: 28px; }
.report_slider { width: 900px; overflow: hidden; padding: 0 0 10px 0; margin: 0 auto; }
.Report_box:hover .Report_round a.dekstop:hover { background: #00baff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.Report_box:hover .Report_round a.mobile:hover { background: #00baff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: scale(1.08); }
@media only screen and (max-width: 1600px) and (min-width: 1367px) {
}
@media only screen and (max-width: 1366px) and (min-width: 992px) {
.WMS_feature_section_1 .WMS_LeftImg { text-align: left; }
.mobile_app_img { display: none; }
.MobilitySolution_section { padding: 0 15px 0 70px; }
.report_slider { width: 100%; overflow: hidden; padding: 0 0 10px 0; margin: 0 auto; }
}
@media only screen and (max-width: 991px) and (min-width: 840px) {
.MobilitySolution_section { padding: 0 15px 0 15px; }
.mobile_app_img { display: none; }
.WMS_introduction .WMS_rightImg { width: 33%; }
.WMS_feature_section_1 .WMS_LeftImg { position: inherit; bottom: 0px; height: 100%; width: 100%; left: 0; text-align: center; }
.MobilitySolution_content { padding: 30px 0 20px 80px; }
.ProcessBox_section2 { padding: 0 0 0 30px; }
.Inner_header {  position: relative; z-index: 1; }
.WMS_process_img {
    padding: 50px 0 0 0;
    display:none;
}
.WMS_banner .BannerContent {
    min-height: inherit;
}
P.IntroHeading_SubText {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    color: #b8bbf7;
    padding: 18px 0 30px;
    font-weight: 400;
    margin: 0;
    line-height: 33px;
}
.Intro_img {
    display:none;
}
.report_slider {
    width: 500px;
    overflow: hidden;
    padding: 0 0 10px 0;
    margin: 0 auto;
}
.Report_Section{
     background: #238ce9;
}
.Report_Section_2:before {
display:none
}
.Report_Section_2 h2 {
    background:none;
    display: block;
    position: inherit;
    top: inherit;
    left: inherit;
    color: #FFF;
    font-size: 55px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 50px;
    padding: 10px 50px 40px;
    margin: 0;
    text-align: center;
    -webkit-border-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

}
@media only screen and (max-width: 839px) and (min-width: 600px) {
.WMS_introduction .WMS_rightImg { text-align: right; }
.WMS_feature_section_1 .WMS_LeftImg { position: inherit; bottom: 0px; height: 100%; width: 100%; left: 0; text-align: center; }
.MobilitySolution_content { padding: 30px 0 20px 90px; }
.MobilitySolution_section { padding: 0 15px 0 15px; }
.mobile_app_img { display: none; }
.WMS_feature_section_1 .WMS_LeftImg img { height: 100%; margin: 0 auto; width: 100%; }
.Intro_img {
    display:none;
}
.report_slider {
    width: 500px;
    overflow: hidden;
    padding: 0 0 10px 0;
    margin: 0 auto;
}
.Report_Section{
     background: #238ce9;
}
.Report_Section_2:before {
display:none
}
.Report_Section_2 h2 {
    background:none;
    display: block;
    position: inherit;
    top: inherit;
    left: inherit;
    color: #FFF;
    font-size: 55px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 50px;
    padding: 10px 50px 40px;
    margin: 0;
    text-align: center;
    -webkit-border-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
}
@media only screen and (max-width: 599px) and (min-width: 100px) {
.WMS_introduction .WMS_rightImg { text-align: right; }
.WMS_feature_section_1 .WMS_LeftImg { position: inherit; bottom: 0px; height: 100%; width: 100%; left: 0; text-align: center; }
.MobilitySolution_content { padding: 30px 0 20px 0px; }
.MobilitySolution_section { padding: 0 15px 0 15px; }
.mobile_app_img { display: none; }
.WMS_feature_section_1 .WMS_LeftImg img { height: 100%; margin: 0 auto; width: 100%; }
.report_slider { width: 100%; overflow: hidden; padding: 0 0 10px 0; margin: 0 auto; }
.Intro_img {
    display:none;
}
.report_slider {
    width: 100%;
    overflow: hidden;
    padding: 0 0 10px 0;
    margin: 0 auto;
}
.Report_Section{
     background: #238ce9;
}
.Report_Section_2:before {
display:none
}
.Report_Section_2 h2 {
    background:none;
    display: block;
    position: inherit;
    top: inherit;
    left: inherit;
    color: #FFF;
    font-size: 55px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 50px;
    padding: 10px 50px 40px;
    margin: 0;
    text-align: center;
    -webkit-border-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
}
@media (max-width: 992px) {
.WMS_introduction .WMS_intro_rightImg { position: absolute; top: 0px; height: 100%; width: 50%; right: 0; text-align: right; }
}
@media (max-width: 768px) {
.WMS_introduction .WMS_intro_rightImg, .floatedQuoteForm { display: none; }
.WMS_introduction { padding: 30px 0 20px; }
}