/*!/wp-content/themes/Total/page-css/solution-active-directory-integration.css*/.directory-service{background-color:#f5fcff;display:flex;align-items:center;padding:140px 0 120px}.directory-service .content-right{width:50%}.directory-service .content-left{width:46%}.directory-service .h1-info{font-size:22px;line-height:1.68;margin:30px 0 50px}.directory-service .btn-link a:first-child{background-color:#006ee1}.directory-service .btn-link a:last-child{background-color:rgb(255 255 255 / 0%);border:1px solid #006ee1;color:#006ee1;margin-left:13px}.directory-service .ecosystem{line-height:38px;background-color:#eaf6ff;border-radius:20px;margin-bottom:30px;display:inline-block;color:#00b7ff;padding:0 16px;font-size:20px}div.solution-desc{margin-top:7vw;align-items:flex-start}.solution-desc h2{text-align:left;margin-top:0}.support img{width:56px}.solution-desc.same-width{align-items:flex-start;padding:0 4vw 0 2.5vw;margin-top:7vw}.solution-desc .cont-left{width:53%}.solution-desc .cont-right{max-width:360px;position:relative}.solution-desc .cont-right .support{display:flex;align-items:center;max-width:385px;width:100%;border-bottom:1px solid #334160;margin-left:0}.support span{font-weight:600}.blue-dot{position:relative;padding-left:17px;margin-bottom:10px;font-weight:600}.blue-dot:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block;background:#006ee1;position:absolute;left:0;top:11px}.solution-desc p{position:relative;z-index:1}.solution-desc .cont-right p{margin-left:15px}.solution-desc a{color:#006ee1;text-decoration:underline}.solution-desc a:hover{color:#00b7ff}.solution-desc .cont-right:before{content:"";width:359px;height:359px;border-radius:50%;display:inline-block;background:#fff;position:absolute;left:0;top:8px;border:65px solid #f5f5f5}.text{margin-bottom:0}.wrap3{margin-top:7vw}.wrap3 h2+.t{max-width:900px;margin:0 auto 65px;text-align:center}.wrap3 .display-flex{align-items:flex-start;margin-top:60px}.wrap3 .content-left{width:48.5%}.wrap3 .detail-wrap p{margin-bottom:10px}.wrap3 .detail-wrap .dot{position:relative;padding-left:15px;margin-left:2px}.wrap3 .detail-wrap .dot::before{content:"";display:inline-block;width:8px;height:8px;background-color:#006ee1;border-radius:50%;position:absolute;left:0;top:10px}.warp4{margin-top:7vw}.warp4 h2{margin-bottom:4vw}.warp4 .item{width:47.5%;min-height:151px;display:flex;border:1px solid #f7f9fa;border-radius:10px;cursor:pointer;transform:translate(0,0);transition:all 0.3s;justify-content:space-evenly;align-items:center}.warp4 .item .img{margin-bottom:0;line-height:0}.warp4 .item:nth-of-type(1) .img{width:45%}.warp4 .item:nth-of-type(2) .img{width:35%}.warp4 .item:hover{border-color:#006ee1;transform:translate(0,-5px)}.warp4 .item h4{margin:0 0 8px}.warp4 .guide,.warp4 .show-video{position:relative;display:block}.warp4 .guide::before{content:"";display:inline-block;width:15px;height:19px;position:relative;top:3px;margin-right:8px}.warp4 .show-video::before{content:"";display:inline-block;width:15px;height:15px;position:relative;top:1px;margin-right:8px}div.it-free{min-height:285px;display:flex;align-items:center;justify-content:center;margin-top:7vw;border-radius:8px}.it-free div{margin-top:-10px}.it-free h2,.it-free p,.it-free a{color:#fff;text-align:center;margin:0 auto 16px}.it-free .t{max-width:535px}.it-free .t a{text-decoration:underline}.it-free .t a:hover{color:#00b7ff}.it-free .btn-link{margin-top:32px}.it-free .btn-link a{width:initial;padding:0 25px}.resources{margin-top:7vw}.resources h2{padding-bottom:20px}.resources a{font-size:0;position:relative}.resources a::after{content:"";display:inline-block;width:13px;height:13px;cursor:pointer;transition:all 0.3s}.resources .item:hover a::after{transform:scale(1.5)}.resources .item{cursor:pointer;width:31%;min-height:240px;padding:25px 20px;background-color:#f7f9fa;transition:all 0.3s;transform:translate(0);border-radius:8px}.resources .item:hover{background-color:#fff;box-shadow:0 20px 49px 4px rgb(61 74 89 / 10%);transform:translate(0,-5px)}.resources .item .tip{margin-bottom:12px}.resources .item h3{margin-top:0}.related-products{margin-top:6vw}.related-products .display-flex{margin-top:60px;border-radius:20px;border:1px solid #D5DFE9;padding:25px}.related-products h3{margin-top:0}.related-products .content-left{width:43%}.related-products .content-right{width:50%}.related-products .btn-link a{background-color:#006ee1;margin-top:10px}#hbspt-forms.hbspt-bgcolor2{margin-top:7vw}.hbspt-form .hs_firstname .input,.hbspt-form .hs_lastname .input,.hbspt-form .hs_company .input,.hbspt-form .hs_jobtitle .input,.hbspt-form .hs_email .input,.hbspt-form .hs_phone .input{width:96%}.hbspt-form .hs_firstname,.hbspt-form .hs_lastname,.hbspt-form .hs_company,.hbspt-form .hs_jobtitle,.hbspt-form .hs_email,.hbspt-form .hs_phone{display:inline-block;vertical-align:top;width:50%}.field div{width:98%}.hbspt-form span{color:#fff}.field>label{margin-top:15px}div #hbspt-forms .hbspt-form .hs-fieldtype-select .input::after{top:62px}.field textarea{width:98%}#hbspt-forms .hbspt-form input[type="checkbox"]{height:initial}div #hbspt-forms .hbspt-form .hs-dependent-field{margin-top:0}#hbspt-forms.hbspt-bgcolor2 .legal-consent-container p{font-size:14px}@media (max-width:1500px) and (min-width:768px){div .display-flex,div .same-width,div #hbspt-forms.hbspt-bgcolor .hbspt-form{width:1100px;max-width:90%}.directory-service{padding:80px 0}}@media (max-width:767px){.directory-service{padding:60px 0}.directory-service .btn-link a:last-child{display:block;margin:20px 0}.resources .item{width:100%;margin-bottom:30px}.solution-desc .cont-left,.warp4 .item{width:100%}.hbspt-form .hs_firstname,.hbspt-form .hs_lastname,.hbspt-form .hs_company,.hbspt-form .hs_jobtitle,.hbspt-form .hs_email,.hbspt-form .hs_phone{display:inline-block;vertical-align:top;width:100%}.field>label{margin-top:0}div #hbspt-forms .hbspt-form .hs-fieldtype-select .input::after{top:36px;right:10px}.banner .ecosystem{margin-top:30px}div #hbspt-forms .hbspt-form .hs-dependent-field{height:initial}#hbspt-forms .hbspt-form input[type="checkbox"]{width:initial!important}.related-products .content-left,.related-products .content-right{width:100%}.related-products .display-flex{margin-top:30px}}