.mfHomePageTopLogoMenu{width:100%;float:left;position:relative;z-index:999;text-align:center;margin-left:0;margin-right:0}.mfLogo{position:relative;z-index:99;padding:15px 0;display:inline-block;padding-top:10px}.mfLogoImg{display:block;width:150px;height:36px;background:url('../../images/home-images2/logonew.png') no-repeat center center;background-size:contain}.mfHomeHeadLoginBtn{list-style:none;font-weight:400;display:inline;position:relative}#mfHeaderLoginBtn .btn:hover{color:#673ab7}#MockflowNavBar{padding:0;height:auto;overflow:auto}.mfHpHeaderLinks,.mfPageHead{z-index:99;position:relative!important;width:100%;user-select:none}.mfHpHeaderLinks .navbar-toggle .icon-bar,.mfPageHead .navbar-toggle .icon-bar{background-color:#a0a0a0}.mfHpHeaderLinks .navbar,.mfPageHead .navbar{min-height:auto!important;border:0;width:100%}.mfHpHeaderLinks .navbar-toggle,.mfPageHead .navbar-toggle{border:1px solid #a0a0a0}.mfHpHeaderLinks span a:after,.mfPageHead span a:after{position:absolute;top:100%;left:0;width:100%;height:2px;background:#2196f3;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);margin-top:8px}.mfHpHeaderLinks span a:hover::after,.mfPageHead span a:hover::after{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);color:#fc3}.HomePageTopNav li a{color:white;font-weight:300}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#000}ul.nav li>a{color:#000;padding:14px 16px;font-size:16px;font-weight:500;background:transparent;cursor:pointer;margin-top:0}@media(min-width :992px){.navbar-nav>li{margin:0;cursor:pointer}.navbar-nav.navbar-right li{margin:unset}.mfDarkHeader #mfHeaderLoginBtn .btn{margin-top:10px!important}.mfDarkHeader #mfHeaderSignupBtn a{margin-top:7px!important}.mfDarkHeader .mfLogo{padding-top:7px!important}}ul.nav li>a:after{background:transparent;color:#673ab7}ul.nav li>a:hover{background:transparent;outline:0;box-shadow:none;color:#673ab7}ul.nav li>a:focus{background:transparent}ul.nav li>a:hover::after{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1;color:#673ab7}.proHeaderLinks{text-align:center}.navbar-nav.navbar-right{margin-right:0!important}.navbar-nav.navbar-left{padding-left:15px;padding-top:2px;float:left!important}.mfHomePageBannerWrapper{position:relative;width:100%;height:100%}#mfHeaderSignupBtn a{padding:8px 20px;color:#673ab7;font-weight:400;font-size:16px;border-radius:60px;background:inherit;border:1px solid #673ab7}#mfHeaderSignupBtn a:hover,#mfHeaderSignupBtn a:focus,#mfHeaderSignupBtn a:focus-visible{background:#673ab7;border:1px solid #673ab7;color:#fff}#mfHeaderLoginBtn .btn{padding:10px 26px;background:transparent;margin-top:7px;line-height:21px;font-weight:500;font-size:16px;border:0 solid #0a5bff;color:#35324a;transition:.2s color all}.navbar{margin-bottom:0}#mfMailBoxModal{display:none}.mfHomePageLoginText,.mfHomePageLoginText:hover{color:white;margin-top:25px;margin-left:20px}.mfMenuListingCard{max-width:250px;padding:0;float:left;margin:20px 10px;border-radius:12px;cursor:pointer;position:relative;z-index:1}.mfMenuListingCard:after{width:calc((100%) - -32px);height:calc((100%) - -32px);top:-16px;left:-16px;transition:opacity 80ms linear,transform 80ms ease-in;content:"";position:absolute;border-radius:3px;background:#f0f0f0;z-index:-1;opacity:0;transform:scale(1.1)}.mfMenuListingCard:hover:after{opacity:1;transform:scale(1);transition:opacity .2s linear,transform .2s ease-out}.mfImageFlexbox{height:100%;min-height:400px;display:flex;align-items:center}.mfMenuCardTitle{font-weight:600;text-align:left;font-size:15px;color:#1d123c;display:block}.mfMenuListingCard img{float:left;width:18px;color:#404040;margin-top:2px;margin-right:12px}.mfMenuCardDescription,.mfCardDescription{text-align:left;color:#7c8197}.mfCardDescription{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-left:0;margin-top:8px;font-size:14px;line-height:18px}.mfCardDate{font-size:13px;color:#5b5b5b;font-weight:normal;margin-left:5px;text-transform:capitalize}.mfMenuCardText .mfCardDescription{padding-left:0}.mfTopImgPlaceholder img{max-width:100%;margin:0 auto}.TopSectionTitle{float:left;width:100%;text-align:left;padding:20px 20px 10px 13px;font-weight:700;font-size:16px;color:#1d123c;text-transform:uppercase}.mfAdditionalMenuLinks .mfMenuListingCard{width:230px}.mfImageIntegrationApps{width:40px;height:40px;background:#fff;float:left;display:flex;border-radius:12px;margin:10px 10px;box-shadow:0 0 8px #e0e0e4;cursor:pointer;align-items:center}.mfImageIntegrationApps img{width:22px;margin:0 auto}.mfMenuCardText{display:block;width:200px;overflow:hidden;float:left}.mfFeaturesWrapperMenu{border-top:1px solid #e6eaef}.flip{transform:rotate(180deg)}.mfDownArrow{background:url('../../images/home-images2/mfDownArrow.png') no-repeat center center;display:block;width:13px;height:21px;margin-left:5px;background-size:10px auto;float:left;transition:transform .3s}.mfFeaturesLabel{float:left}.mfFeaturesWrapperMenu{background:#fbfbfb;width:100%;height:300px;position:absolute;top:72px;left:0;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 50px 60px 0 rgba(36,50,66,.15)}.mfFeaturesContent{width:100%;max-width:1300px;margin-right:auto;margin-left:auto;height:100%;z-index:9;position:relative;background:#fbfbfb}#mfFeaturesTab{display:inline-block;padding-right:5px}.mfFeaturesWrapperMenu:after{content:'';width:50%;height:100%;position:absolute;background:#f6f8f9;right:0;top:0}.mfMenuListingRightSection{background:#f6f8f9;border-left:1px solid #e0e6e8;height:100%;position:absolute;right:0;padding-left:30px;overflow:hidden}.mfMenuListingRightSection .mfMenuListingCard{padding:0;margin:15px 0}.mfMenuListingMargin{margin-right:30px}.mfAdditionalMenuLinks{padding-left:10px;width:100%;float:left;margin-top:20px}.mfDarkHeader #mfHeaderLoginBtn .btn,.mfDarkHeader .proHeaderLinks ul.nav li a{color:#f5f5f5}.mfDarkHeader #mfAppsBtnTop .dropdown .btn{color:#fff}.mfDarkHeader .proHeaderLinks ul.nav li a{color:#000}.mfDarkHeader .proHeaderLinks ul.nav li .mfHoverLinkBlue{color:#fff}.mfDarkHeader .proHeaderLinks ul.nav li .mfHoverLinkPink{color:#fff}.mfDarkHeader .proHeaderLinks ul.nav li a:hover{color:#ccc}.mfDarkHeader .proHeaderLinks ul.nav li a.mfHoverLink:hover{color:#ccc}.mfDarkHeader #mfHeaderSignupBtn a:hover{color:#10c0ff!important}.mfDarkHeader.mfPageHead .navbar-inverse{background:#111}.mfDarkHeader .nav .open>a.mfHoverLink,.mfDarkHeader .nav .open>a.mfHoverLink:focus,.mfDarkHeader .nav .open>a.mfHoverLink:hover{color:#10c0ff!important}.mfDarkHeader #mfHeaderSignupBtn a{border:1px solid #fff;color:#fff}.mfDarkHeader #mfHeaderSignupBtn a:hover{border:1px solid #10c0ff;background:#10c0ff;color:#fff!important}.mfDarkHeader .mfFeaturesWrapperMenu,.mfDarkHeader .mfFeaturesContent{background:#242424}.mfDarkHeader .TopSectionTitle,.mfDarkHeader .mfMenuCardTitle{color:#fff}.mfDarkHeader .mfMenuListingCard:after{background:#3d3d3d}.mfDarkHeader .mfFeaturesWrapperMenu:after,.mfDarkHeader .mfMenuListingRightSection{background:#303030}.mfDarkHeader .mfFeaturesWrapperMenu{border-top:1px solid #4b4b4b;box-shadow:0 50px 60px 0 rgba(0,0,0,.5)}.mfDarkHeader .mfMenuListingRightSection{border-left:1px solid #4b4b4b}.mfDarkHeader .mfImageIntegrationApps{box-shadow:0 0 8px rgba(0,0,0,0.24);background:#202020}.mfDarkHeader .mfCardDescription{color:#acacac}.mfDarkHeader .mfTopImgPlaceholder .mfCardDescription{color:#fff;-webkit-line-clamp:3}.mfDarkHeader #mfLogoutBtn{color:#acacac!important}.mfDarkHeader .navbar{background:#1a1a1a!important}.mfTopmenuImageDark{display:none}.mfDarkHeader .mfTopmenuImageDark{display:block}.mfDarkHeader .mfTopmenuImageLight{display:none}.mfUpdateImageWrapper{width:100%;height:auto;float:right;margin-top:12px;margin-bottom:15px;border-radius:10px;overflow:hidden}.mfTopImgPlaceholder{min-height:400px;padding-right:40px}.mfTopImgPlaceholder a{display:inline-block}.mfTopImgPlaceholder .mfCardDescription{padding-left:0;clear:both;font-weight:600;color:#000;font-size:14px;line-height:20px;-webkit-line-clamp:3}.mfTopImgPlaceholder .TopSectionTitle{padding-left:0}.mfHoverLink:after{position:absolute;width:0;content:'';height:4px;left:25px;bottom:16px;transition:.3s all ease-in}.mfHoverLinkDark:after{position:absolute;width:0;content:'';height:4px;left:25px;bottom:16px;transition:.3s all ease-in}.mfHoverLinkDark:hover{background:#444!important;border-radius:40px}.mfGradientBtnBg{background-image:linear-gradient(to left,#11b9ec,#7c64e6,#11b9ec)!important;background-size:200%!important;transition:.4s}.mfGradientBtnBg:hover,ul.nav li>a.mfGradientBtnBg:hover{background-position:right!important;color:#fff!important}@media only screen and (max-width:1399px) and (min-width:1200px){.mfMenuListingCard{width:240px}.mfMenuCardText{width:168px}}@media only screen and (max-width:1199px) and (min-width:1170px){.mfMenuListingCard{width:230px}.mfMenuCardText{width:140px}}@media only screen and (max-width:1169px) and (min-width:991px){.mfMenuListingCard{width:190px;margin-right:18px}.mfMenuCardText{width:120px}.mfImageIntegrationApps img{width:18px}.mfImageIntegrationApps{width:32px;height:32px}.mfMenuListingRightSection{padding-left:15px}}@media only screen and (max-width:991px){.mfHpHeaderLinks .navbar-collapse,.mfPageHead .navbar-collapse{border:0;position:absolute;max-width:calc(100% - 120px);margin-left:0;background:#fff;padding:0 0 20px!important;box-shadow:0 2px 5px rgb(0 0 0/ 7%);border-radius:5px;margin-right:-15px;width:100%}.mfFeaturesWrapperMenu{position:initial}.mfFeaturesContent{max-width:none}.mfTopImgPlaceholder,.mfTopintegrations{display:none}.mfFeaturesWrapperMenu{box-shadow:none}.mfHomePageBanner{overflow:visible}.mfMenuListingCard{width:275px;max-width:none;margin:10px}.mfFeaturesWrapperMenu{border:0;height:auto}.mfFeaturesContent{background:#f7f7f7}.mfAdditionalMenuLinks{padding-left:0}.mfFeaturesListing{border-bottom:1px solid #e8e9ea;padding-bottom:16px}.mfTopImgPlaceholder{display:none}.navbar-nav.navbar-left{padding-left:6px!important}.mfFeaturesWrapperMenu:after{display:none}.mfDarkHeader.mfHpHeaderLinks .nav>li,.mfDarkHeader.mfPageHead .nav>li{border-bottom:1px solid #404040!important}.mfHpHeaderLinks .nav>li,.mfPageHead .nav>li{border-bottom:1px solid #ededed;text-align:left}.mfPageHead ul.nav li a,#mfHeaderLoginBtn .btn{text-align:center}#mfFeaturesTab{width:100%;padding-left:20px!important}#mfFeaturesTab .mfDownArrow{float:right}.mfHpHeaderLinks .nav>li,.mfPageHead .nav>li{padding:0}.mfAdditionalMenuLinks .mfMenuListingCard{width:275px;margin:20px 10px}.mfMenuListingRightSection{position:relative;right:auto;width:100%}.mfMenuListingCard:after{background:transparent}.mfMenuCardText{width:240px}#mfHeaderUsrBtn{float:none;margin:14px auto 0!important}.navbar-nav.navbar-right{text-align:center}#mfHeaderSignupBtn,#mfHeaderLoginBtn{border:none!important;text-align:center}#mfHeaderSignupBtn a,#mfHeaderLoginBtn .btn,#mfHeaderUsrBtn{width:180px;border-radius:30px;text-align:center;padding:10px 20px}#mfHeaderLoginBtn .btn{background:#ebf4ff;color:#0076ff!important;font-weight:600}.mfDarkHeader #mfHeaderLoginBtn .btn{background:transparent;border:1px solid #ebf4ff;color:#ebf4fe!important;font-weight:600}#mfAccountProfileImg{float:none!important;display:inline-block}.mfLoggedUser{float:none!important;display:inline-block}.mfDarkHeader #MockflowNavBar{background:#1a1a1a;border:1px solid #545454}.mfHpHeaderLinks ul.nav li a{text-align:center}.navbar-nav.navbar-left{display:block;width:100%}.mfHoverLinkPurple:after,.mfHoverLinkBlue:after,.mfHoverLinkPink:after{background:transparent!important}}.mfOfferIcon .mfOfferIconImage{position:relative;top:-5px}.d-flex{display:flex}.align-items-center{align-items:center}.mfdropdown-menuLable{padding-left:5px;font-size:16px}.mfOfferDropdownMenu{border-radius:8px;box-shadow:-1px 4px 12px 9px #edf2f9}.mfOfferDropdownMenu li a{margin-top:0!important}.mfOfferDropdownMenu li:hover{background:#f4f3f3}@media(min-width :992px){.mfHpHeaderLinks .navbar,.mfPageHead .navbar{min-height:auto!important;border:0;width:100%;padding:8px 0}}@media only screen and (max-width:767px){.mfHpHeaderLinks .navbar-collapse,.mfPageHead .navbar-collapse{max-width:calc(100% - 60px)}}