.main[view=guacamole] .intro{position:relative;width:100%;max-width:100%;overflow:hidden;background:linear-gradient(45deg, #393939 0%, #121212 100%);padding:83px 0}@media(max-width: 1200px){.main[view=guacamole] .intro{padding:72px 0}}@media(max-width: 991px){.main[view=guacamole] .intro{padding:64px 0}}@media(max-width: 768px){.main[view=guacamole] .intro{padding:57px 0}}@media(max-width: 480px){.main[view=guacamole] .intro{padding:48px 0}}.main[view=guacamole] .intro .container{justify-content:space-around}@media(max-width: 768px){.main[view=guacamole] .intro .container{flex-flow:column nowrap}}.main[view=guacamole] .intro .container:before,.main[view=guacamole] .intro .container:after{display:none}.main[view=guacamole] .intro .intro-image{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:34%;max-width:400px}@media(max-width: 768px){.main[view=guacamole] .intro .intro-image{width:100%;max-width:100%;margin:0 auto;height:auto}}.main[view=guacamole] .intro .intro-content{width:66%;max-width:686px;padding:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}@media(max-width: 1300px){.main[view=guacamole] .intro .intro-content{width:48%}}@media(max-width: 991px){.main[view=guacamole] .intro .intro-content{width:60%}}@media(max-width: 768px){.main[view=guacamole] .intro .intro-content{padding:48px 0 20px;width:100%;max-width:100%;margin:0 auto}}.main[view=guacamole] .intro .intro-content h1{display:block;max-width:100%;width:100%}.main[view=guacamole] .intro .intro-content h1 span{color:#ffc700}@media(max-width: 768px){.main[view=guacamole] .intro .intro-content h1{max-width:100%;width:100%}}.main[view=guacamole] .intro .intro-content .actions{width:100%}@media(max-width: 768px){.main[view=guacamole] .intro .intro-content .actions{text-align:center}}.main[view=guacamole] #beneftsOfUpgrade{background:#1b74da;padding:64px 0}@media(max-width: 1200px){.main[view=guacamole] #beneftsOfUpgrade{padding:57px 0}}@media(max-width: 991px){.main[view=guacamole] #beneftsOfUpgrade{padding:52px 0}}@media(max-width: 768px){.main[view=guacamole] #beneftsOfUpgrade{padding:48px 0}}@media(max-width: 480px){.main[view=guacamole] #beneftsOfUpgrade{padding:40px 0}}.main[view=guacamole] #beneftsOfUpgrade h2{margin-bottom:16px}.main[view=guacamole] #beneftsOfUpgrade h2,.main[view=guacamole] #beneftsOfUpgrade p{text-align:center;color:#fff}.main[view=guacamole] #beneftsOfUpgrade .actions{margin-top:40px;text-align:center}.main[view=guacamole] #compare{background:#fff;padding:72px 0}@media(max-width: 991px){.main[view=guacamole] #compare{padding:64px 0}}@media(max-width: 768px){.main[view=guacamole] #compare{padding:48px 0}}@media(max-width: 480px){.main[view=guacamole] #compare{padding:0}}@media(max-width: 480px){.main[view=guacamole] #compare .container{padding:0}}.main[view=guacamole] #compare h2{text-align:center;margin-bottom:67px}.main[view=guacamole] #compare p{margin-top:32px}@media(max-width: 480px){.main[view=guacamole] #compare p{display:none}}.main[view=guacamole] #compare p small{color:#1b74da;font-size:18px;font-weight:500}.main[view=guacamole] #compare #comparisonChart{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;border-radius:8px}.main[view=guacamole] #compare #comparisonChart .theFeature{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;width:100%;background:#fff;box-shadow:0 14px 28px rgba(0,0,0,.16),0 10px 10px rgba(0,0,0,.12)}.main[view=guacamole] #compare #comparisonChart .theFeature.featureHeaders{align-items:flex-end;background:none;box-shadow:none}.main[view=guacamole] #compare #comparisonChart .theFeature:last-child{border-radius:0 0 8px 8px}.main[view=guacamole] #compare #comparisonChart .theFeature>div{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:33.332%;text-align:left;font-size:20px;line-height:1.4;min-height:16px}@media(max-width: 991px){.main[view=guacamole] #compare #comparisonChart .theFeature>div{font-size:18px}}@media(max-width: 640px){.main[view=guacamole] #compare #comparisonChart .theFeature>div{font-size:16px}}.main[view=guacamole] #compare #comparisonChart .theFeature>div .checkboxBlue{display:block;width:14px;height:28px;border:3px solid #1b74da;border-left:0;border-top:0;transform:rotate(45deg)}@media(max-width: 640px){.main[view=guacamole] #compare #comparisonChart .theFeature>div .checkboxBlue{width:10px;height:20px}}@media(max-width: 480px){.main[view=guacamole] #compare #comparisonChart .theFeature>div .checkboxBlue{position:relative;top:-2px}}.main[view=guacamole] #compare #comparisonChart .theFeature>div .checkboxBlack{display:block;width:14px;height:28px;border:3px solid #000;border-left:0;border-top:0;transform:rotate(45deg)}@media(max-width: 640px){.main[view=guacamole] #compare #comparisonChart .theFeature>div .checkboxBlack{width:10px;height:20px}}@media(max-width: 480px){.main[view=guacamole] #compare #comparisonChart .theFeature>div .checkboxBlack{position:relative;top:-2px}}.main[view=guacamole] #compare #comparisonChart .theFeature>div .crossBlack{display:block;height:28px;border-right:3px solid #888;transform:rotate(45deg);position:relative}@media(max-width: 640px){.main[view=guacamole] #compare #comparisonChart .theFeature>div .crossBlack{height:20px}}.main[view=guacamole] #compare #comparisonChart .theFeature>div .crossBlack:after{content:"";display:block;height:28px;border-right:3px solid #888;transform:rotate(-90deg);position:absolute;left:0;top:0}@media(max-width: 640px){.main[view=guacamole] #compare #comparisonChart .theFeature>div .crossBlack:after{height:20px}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.featureName{font-size:18px;font-weight:500;padding:16px 50px 16px 16px}@media(max-width: 1200px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.featureName{padding:16px 40px 16px 16px;background-position:30px center !important}}@media(max-width: 991px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.featureName{padding:16px 30px 16px 16px;background-position:20px center !important}}@media(max-width: 767px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.featureName{width:50%;background-size:32px !important}}@media(max-width: 640px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.featureName{background-size:30px !important}}@media(max-width: 480px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.featureName{font-size:16px;background-size:26px !important;padding:16px 16px 16px 16px;width:100%}}@media(max-width: 414px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.featureName{font-size:14px;background-size:20px !important}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.keeperSupport{min-height:110px;padding:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;position:relative}.main[view=guacamole] #compare #comparisonChart .theFeature>div.keeperSupport:not(.headingCell):before{content:"";display:block;width:10px;height:100%;position:absolute;top:0;right:100%;background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.16) 100%)}.main[view=guacamole] #compare #comparisonChart .theFeature>div.keeperSupport:not(.headingCell):after{content:"";display:block;width:10px;height:100%;position:absolute;top:0;left:100%;background:linear-gradient(to right, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%)}@media(max-width: 767px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.keeperSupport{width:25%;font-size:16px}}@media(max-width: 640px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.keeperSupport{min-height:auto}}@media(max-width: 480px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.keeperSupport{width:50%;padding-left:50px;background:url("/assets/images/pages/guacamole/kcm-ico.svg") no-repeat 16px center/22px;justify-content:flex-start}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.guacamole{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:16px}@media(max-width: 767px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.guacamole{width:25%;font-size:16px}}@media(max-width: 480px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.guacamole{width:50%;padding-left:50px;background:url("/assets/images/pages/guacamole/gauc-ico.svg") no-repeat 16px center/22px;justify-content:flex-start}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell{background:#232323;color:#fff;position:relative;padding:30px 16px}.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell h3{text-align:center;width:100%;color:#fff}@media(max-width: 1100px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell h3{font-size:22px}}@media(max-width: 991px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell h3{font-size:20px}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.featureName{border-radius:8px 0 0 0;overflow:hidden;padding:0;height:16px}@media(max-width: 480px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.featureName{width:0}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport{background:#08509a;padding-top:18px}@media(max-width: 767px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport{padding:18px 10px}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport:before{content:"";display:block;width:100%;height:11px;border-radius:8px 8px 0 0;background:#08509a;position:absolute;left:0;bottom:100%}@media(max-width: 640px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport:before{display:none}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport h3{text-indent:-10000px;background:url("/assets/images/pages/trial/connection-manager-trial/keeper-connection-manager-logo.svg") no-repeat left center/contain;width:200px;height:46px;margin:0 auto}@media(max-width: 767px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport h3{width:90%}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.guacamole{border-radius:0 8px 0 0;overflow:hidden;color:#fff;padding:20px 16px}@media(max-width: 767px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.guacamole{padding:18px 10px}}@media(max-width: 640px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.guacamole{border-radius:0}}.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.guacamole h3{text-indent:-10000px;background:url("/assets/images/pages/guacamole/apache-guacamole-logo-wide-reversed.svg") no-repeat center/contain;width:280px;height:46px;margin:0 auto}@media(max-width: 768px){.main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.guacamole h3{background-image:url("/assets/images/pages/guacamole/apache-guacamole-logo-reversed.svg")}}.main[view=guacamole] #compare #comparisonChart .theFeature>div:not(.headingCell){border-top:1px solid #c4c4c4}@media(max-width: 768px){.main[view=guacamole] #compare #comparisonChart .theFeature>div:not(.headingCell){border:none}}.main[view=guacamole] #compare .disclaimer{color:#b6b6b6;font-size:15px;margin-top:32px}.main[view=guacamole] #connectionManager{background:#054b91;padding:64px 0}@media(max-width: 1200px){.main[view=guacamole] #connectionManager{padding:57px 0}}@media(max-width: 991px){.main[view=guacamole] #connectionManager{padding:52px 0}}@media(max-width: 768px){.main[view=guacamole] #connectionManager{padding:48px 0}}@media(max-width: 480px){.main[view=guacamole] #connectionManager{padding:40px 0}}.main[view=guacamole] #connectionManager img{display:block;margin:0 auto 30px;max-width:100%}.main[view=guacamole] #connectionManager p{text-align:center;color:#fff}.main[view=guacamole] #connectionManager p a{color:#ffc700;font-weight:500}.main[view=guacamole] #connectionManager .actions{margin-top:40px;text-align:center}.main[view=guacamole] #getStarted{background:#000 url("/assets/images/pages/guacamole/ready-to-get-started-desktop-background@2x.webp") no-repeat center/cover;padding:88px 0}@media(max-width: 1200px){.main[view=guacamole] #getStarted{padding:72px 0;background-image:url("/assets/images/pages/guacamole/ready-to-get-started-desktop-background.webp")}}@media(max-width: 991px){.main[view=guacamole] #getStarted{padding:57px 0}}@media(max-width: 768px){.main[view=guacamole] #getStarted{padding:100px 0;background-image:url("/assets/images/pages/guacamole/ready-to-get-started-background@2x.webp")}}@media(max-width: 480px){.main[view=guacamole] #getStarted{background-image:url("/assets/images/pages/guacamole/ready-to-get-started-background.webp")}}.main[view=guacamole] #getStarted .container{max-width:1000px}.main[view=guacamole] #getStarted h2{text-align:center;color:#fff;margin-bottom:16px}.main[view=guacamole] #getStarted .actions{text-align:center;margin-top:40px}[locale=ar_AE] .main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.featureName{border-radius:0 8px 0 0}[locale=ar_AE] .main[view=guacamole] #compare #comparisonChart .theFeature>div.headingCell.guacamole{border-radius:8px 0 0 0}[locale=ar_AE] .main[view=guacamole] #compare #comparisonChart .theFeature>div:not(.headingCell){padding:16px 110px 16px 50px;background-position:calc(100% - 52px) center;text-align:right}@media(max-width: 1200px){[locale=ar_AE] .main[view=guacamole] #compare #comparisonChart .theFeature>div:not(.headingCell){padding:16px 80px 16px 40px;background-position:calc(100% - 30px) center !important}}@media(max-width: 991px){[locale=ar_AE] .main[view=guacamole] #compare #comparisonChart .theFeature>div:not(.headingCell){padding:16px 70px 16px 30px;background-position:calc(100% - 20px) center !important}}@media(max-width: 480px){[locale=ar_AE] .main[view=guacamole] #compare #comparisonChart .theFeature>div:not(.headingCell){padding:16px 50px 16px 16px;background-position:calc(100% - 16px) center !important}}@media(max-width: 767px){[locale=ar_AE] .main[view=guacamole] #compare #comparisonChart .theFeature>div:not(.headingCell).keeperSupport,[locale=ar_AE] .main[view=guacamole] #compare #comparisonChart .theFeature>div:not(.headingCell).guacamole{padding:16px 40px;background-position:center !important}}

/*# sourceMappingURL=guacamole.min.css.map*/