.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;overflow-x:hidden;width:100vw}.alignfull img{width:100%}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:1;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)} /** * title: AHS-SS * created: 08/04/2026 * author: Development Team * copyright: Optiva Ltd * ========================================================================== */ body { font-family: 'Open Sans', sans-serif; font-weight: 400; overflow-x: hidden; scroll-behavior: smooth; position: relative; } h1 { color: #2d2d2d; font-size: 50px; line-height: 58px; font-weight: 300; } h2 { color: #2d2d2d; font-size: 50px; line-height: 58px; font-weight: 300; } h3 { color: #2d2d2d; font-size: 40px; line-height: 48px; font-weight: 300; } h4 { color: #2d2d2d; font-size: 30px; line-height: 38px; font-weight: 300; } h5 { color: #2d2d2d; font-size: 24px; line-height: 32px; font-weight: 300; } h6 { color: #2d2d2d; font-size: 18px; line-height: 26px; font-weight: 300; } p { color: #666666; font-size: 18px; line-height: 26px; font-weight: 300; } li { color: #666666; font-size: 18px; line-height: 26px; font-weight: 300; } .h1 { font-size: 50px; line-height: 58px; font-weight: 300; } .h2 { font-size: 50px; line-height: 58px; font-weight: 300; } .h3 { font-size: 40px; line-height: 48px; font-weight: 300; } .h4 { font-size: 30px; line-height: 38px; font-weight: 300; } .h5 { font-size: 24px; line-height: 32px; font-weight: 300; } .h6 { font-size: 18px; line-height: 26px; font-weight: 300; } .container { max-width: 1220px; } .no-pad-below + * { padding-top: 0px!important; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .uppercase { text-transform: uppercase; } a { color: #333333; text-decoration: none; } a:link { text-decoration: none; } a:hover { color: #00a651; text-decoration: none; } a:active { text-decoration: none; } a:visited { text-decoration: none; } .btn { font-size: 18px; line-height: 20px; font-weight: 400; padding: 13px 24px; color: #333333; border: 1px #333333 solid; border-radius: 10px; filter: drop-shadow(0px); box-shadow: none; transition: 0.2s; transition-timing-function: ease-in; } .btn:hover { transition: 0.2s; transition-timing-function: ease-in; } .btn:focus { transition: 0.2s; transition-timing-function: ease-in; } .btn.large { font-size: 21px; line-height: 23px; padding: 10px 45px; } .btn-blue { background: #01a1dd; border-color: #01a1dd; color: #ffffff; } .btn-blue:hover { background: #0a91c3!important; border-color: #0a91c3!important; color: #ffffff!important; } .btn-blue:focus { background: #0a91c3; border-color: #0a91c3; color: #ffffff; } .btn-blue:active { background: #0a91c3!important; border-color: #0a91c3!important; color: #ffffff!important; } .btn-green { background: #00a651; border-color: #00a651; color: #ffffff; } .btn-green:hover { background: #04964b!important; border-color: #04964b!important; color: #ffffff!important; } .btn-green:focus { background: #04964b; border-color: #04964b; color: #ffffff; } .btn-green:active { background: #04964b!important; border-color: #04964b!important; color: #ffffff!important; } .btn-blue-keyline { background: none; border-color: #01a1dd; color: #ffffff; } .btn-blue-keyline:hover { background: #01a1dd!important; border-color: #01a1dd!important; color: #ffffff!important; } .btn-blue-keyline:focus { background: #01a1dd; border-color: #0a91c3; color: #ffffff; } .btn-blue-keyline:active { background: #01a1dd!important; border-color: #01a1dd!important; color: #ffffff!important; } .btn-blue-keyline.grey { color: #333333; } .btn-blue-keyline.grey:focus { color: #ffffff; } .btn-white-keyline { background: none; border-color: #ffffff; color: #ffffff; } .btn-white-keyline:hover { background: #ffffff!important; border-color: #ffffff!important; color: #00a651!important; } .btn-white-keyline:focus { background: #ffffff; border-color: #ffffff; color: #ffffff; } .btn-white-keyline:active { background: #ffffff!important; border-color: #ffffff!important; color: #00a651!important; } .btn-white-keyline.grey { color: #333333; } .btn-white-keyline.grey:focus { color: #ffffff; } /** * Dark Theme * ========================================================================== */ [dark-mode] h1 { color: #ffffff; } [dark-mode] h2 { color: #ffffff; } [dark-mode] h3 { color: #ffffff; } [dark-mode] h4 { color: #ffffff; } [dark-mode] h5 { color: #ffffff; } [dark-mode] h6 { color: #ffffff; } [dark-mode] p { color: #cccccc; } [dark-mode] li { color: #cccccc; } /** * Main Header/Navigation * ========================================================================== */ header .header { background: #ffffff; padding: 18px 15px 20px 15px; position: fixed; top: 0px; width: 100%; margin: auto; z-index: 5000; transition: 0.3s; transition-timing-function: ease-in; } header .header .col { font-size: 0px; } header .header img { width: 171px; margin-top: 0px; float: left; transition: 0.3s; transition-timing-function: ease-in; } header .header .nav { margin-top: 0px; margin-bottom: 0px; top: 22px; list-style: none; float: right; position: relative; transition: 0.3s; transition-timing-function: ease-in; } header .header .nav .nav-item { font-size: 22px; font-weight: 400; display: inline-block; height: 78px; margin-top: 9px; margin-right: 60px; vertical-align: top; position: relative; } header .header .nav .nav-item a { color: #333333; padding: 15px 0px; transition: 0.3s; transition-timing-function: ease-in; } header .header .nav .nav-item a:hover { color: #00a651; transition: 0.3s; transition-timing-function: ease-in; } header .header .nav .nav-item.dropdown:hover a { color: #00a651; background: #fff!important; } header .header .nav .btn { height: 48px; } header .header .nav ul { margin: 0px; } header .header .nav-elements { display: none; margin-top: 10px; margin-left: 0px; float: right; transition: 0.3s; transition-timing-function: ease-in; } header .header .nav-elements .nav-icon { color: #333333; border: 1px #333333 solid; border-radius: 50%; height: 45px; width: 45px; font-size: 23px; padding-top: 5px; margin-left: 12px; text-align: center; float: right; transition: 0.3s; transition-timing-function: ease-in; } header .header .nav-elements .nav-icon:hover { background: #01a1dd; border-color: #01a1dd; color: #ffffff; cursor: pointer; transition: 0.3s; transition-timing-function: ease-in; } header .header .nav-elements .btn { margin-left: 15px; } header .header .navigation-dropdown { background: #ffffff; width: 100%; max-width: 1920px; left: 0px; right: 0px; border-radius: 0px; padding: 35px 10px 35px 10px; margin: auto; top: 127px; position: fixed; opacity: 0; visibility: hidden; z-index: unset; transition: 0.3s; transition-timing-function: ease-in; } header .header .navigation-dropdown.active { display: block; } header .header .nav ul li.dropdown:hover .navigation-dropdown { opacity: 1; visibility: visible; z-index: 1200; transition: 0.3s; transition-timing-function: ease-in; } header .header .navigation-dropdown li { height: auto!important; padding-top: 0px!important; } header .header .navigation-dropdown .list-items { padding-left: 0px; } header .header .navigation-dropdown.two .list-items { padding-left: 0px; } header .header .navigation-dropdown.two { min-width: 580px; } header .header .navigation-dropdown.three .list-items { padding-left: 0px; } header .header .nav ul .navigation-dropdown ul { list-style: none; padding: 0px; margin: 0px; } header .header .nav ul .navigation-dropdown ul li.title { color: #333333; font-size: 18px; line-height: 26px; font-weight: 500; margin-bottom: 12px; } header .header .nav ul .navigation-dropdown ul li.title a { color: #333333!important; } header .header .nav ul .navigation-dropdown ul li.title a:hover { color: #00a651!important; } header .header .nav ul .navigation-dropdown ul li { font-size: 18px; line-height: 26px; font-weight: 300; padding-right: 0px; margin-right: 0px; margin-bottom: 12px; height: auto; display: block; } header .header .nav ul .navigation-dropdown ul li.bold { font-weight: 600; } header .header .nav ul .navigation-dropdown ul li a { color: #666666!important; padding: 0px; display: block; border-radius: 0px; } header .header .nav ul .navigation-dropdown ul li a:hover { color: #01a1dd!important; cursor: pointer!important; } header .header .nav ul .navigation-dropdown ul li a::after { opacity: 0; display: inline; margin-left: 6px; font-family: "Font Awesome 5 Pro"; content: "\f054"!important; transform: none!important; } header .header .nav ul .navigation-dropdown ul li a:hover::after { opacity: 1; } header .header .navigation-dropdown .nav-feature-box { background: #00a651; background-size: cover; background-position: right 50%; padding: 20px; border-radius: 10px; width: 280px; height: 96%; float: right; position: relative; } header .header .navigation-dropdown .nav-feature-box .cta-circle { width: 60px; height: 60px; } header .header .navigation-dropdown .nav-feature-box h5 { color: #ffffff; font-size: 22px; } header .header .navigation-dropdown .nav-feature-box p { color: #ffffff; font-size: 16px; line-height: 22px; } header .header .navigation-dropdown .nav-text-feature { padding-right: 105px; display: block; cursor: pointer!important; } header .header .navigation-dropdown.two { padding-top: 42px; padding-bottom: 42px; } header .header .navigation-dropdown.two .nav-text-feature { padding-right: 10px; } header .header .navigation-dropdown.three { padding-top: 38px; padding-bottom: 42px; } header .header .navigation-dropdown .nav-text-feature::after { display: none!important; } header .header .navigation-dropdown .nav-text-feature h5 { color: #2d2d2d; font-size: 17px; line-height: 23px; font-weight: 500; margin-bottom: 8px; } header .header .navigation-dropdown .nav-text-feature h5::after { opacity: 0; display: inline; margin-left: 6px; font-family: "Font Awesome 5 Pro"; content: "\f054"!important; transition: 0.3s; transition-timing-function: ease; } header .header .navigation-dropdown .nav-text-feature:hover h5::after { opacity: 1; transition: 0.3s; transition-timing-function: ease; } header .header .navigation-dropdown .nav-text-feature p { color: #666666; font-size: 14px; line-height: 20px; margin: 0px; } header .header .navigation-dropdown .nav-text-feature:hover h5 { color: #d10a11; } header .header .dropdown .navigation-dropdown .col { top: -30px; position: relative; opacity: 0; visibility: hidden; transition: 0.3s; transition-timing-function: ease; transition-delay: 0.1s; } header .header .dropdown.active .navigation-dropdown .col { top: 0px; opacity: 1; visibility: visible; transition: 0.3s; transition-timing-function: ease; transition-delay: 0.4s; } header .header .dropdown .navigation-dropdown .col:nth-child(2) { transition-delay: 0.1s; } header .header .dropdown.active .navigation-dropdown .col:nth-child(2) { transition-delay: 0.5s; } header .header .dropdown .navigation-dropdown .col:nth-child(3) { transition-delay: 0.1s; } header .header .dropdown.active .navigation-dropdown .col:nth-child(3) { transition-delay: 0.6s; } header .header .dropdown .navigation-dropdown .col:nth-child(4) { transition-delay: 0.1s; } header .header .dropdown.active .navigation-dropdown .col:nth-child(4) { transition-delay: 0.7s; } header .header .dropdown .navigation-dropdown .col:nth-child(5) { transition-delay: 0.1s; } header .header .dropdown.active .navigation-dropdown .col:nth-child(5) { transition-delay: 0.8s; } header .header.scrolled { background: #ffffff; padding: 15px 15px 17px 15px; transition: 0.3s; transition-timing-function: ease-in; } header .header.scrolled img { width: 140px; transition: 0.3s; transition-timing-function: ease-in; } header .header.scrolled .nav { margin-top: -14px; top: 27px; transition: 0.3s; transition-timing-function: ease-in; } header .header.scrolled .nav-elements { transition: 0.3s; transition-timing-function: ease-in; } header .header .navigation-dropdown.scrolled { top: 105px; transition: 0.3s; transition-timing-function: ease; transition-timing-function: ease-in; } header .red-line { background: #c4161c; height: 3px; width: 100%; bottom: 0px; left: 0px; right: 0px; position: absolute; clip-path: inset(0 0 0 100%); /* start hidden on the right */ animation: wipe-right-to-left 1.5s forwards ease-in-out; } @keyframes wipe-right-to-left { to { clip-path: inset(0 0 0 0); /* fully revealed */ } } header + * { margin-top: 127px; } .overlay-bg { transition: 0.3s; transition-timing-function: ease; } .overlay-bg.active { background-color: #000; opacity: 0.5; height: 100%; width: 100%; position: absolute; z-index: 1000; transition: 0.3s; transition-timing-function: ease; } /* === Menu Modal =============================== */ .menu-modal { background: #ffffff; opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; min-height: 100vh; padding: 0px 0px 0px 0px; overflow: auto; top: 0px; transition: 0.4s; transition-timing-function: ease-in; z-index: 0; } .menu-modal.active { z-index: 9998; opacity: 1; visibility: visible; top: 0px; transition: 0.4s; transition-timing-function: ease-in; } .menu-modal .header-content { padding: 15px 27px 17px 27px; } .menu-modal.scrolled .header-content { padding-top: 18px; padding-bottom: 18px; } .menu-modal .header-content .logo { width: 120px; float: left; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal .buttons { margin-top: 0px; } .menu-modal .buttons .icon-circle { width: 45px; height: 45px; border: 1px #333333 solid; border-radius: 50%; margin-top: 10px; margin-left: 15px; text-align: center; float: right; overflow: hidden; position: relative; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal .buttons .icon-circle:hover { background: #01a1dd; border-color: #01a1dd; } .menu-modal .buttons .icon-circle i { color: #333333; font-size: 26px; top: 8px; left: 0px; right: 0px; position: absolute; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal .buttons .icon-circle:hover i { color: #ffffff; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal .link-content { padding: 0px 30px 20px 30px; } .menu-modal .link-content .accordion { background: none; border-radius: 0px; margin-bottom: 25px; } .menu-modal .link-content .accordion .accordion-item { background: none; border: 0px; border-bottom: 1px #7f7f7f solid; border-radius: 0px; } .menu-modal .link-content .accordion .accordion-item .accordion-header { background: none; font-size: 22px; line-height: 26px; } .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button { background: none; color: #333333; font-size: 19px; line-height: 24px; font-weight: 600; box-shadow: none; padding: 15px 0px; } .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button:hover { color: #01a1dd; } .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button::after { background: none!important; font-family: "Font Awesome 5 Pro"; content: "\2b"; } .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { background: none!important; font-family: "Font Awesome 5 Pro"; content: "\f068"; } .menu-modal .link-content .accordion .accordion-item .accordion-header .accordion-button.link::after { display: none!important; } .menu-modal .link-content .accordion .accordion-item .accordion-body { padding: 0px 0px 25px 0px; } .menu-modal .link-content .accordion .accordion-item .accordion-body ul { list-style: none; padding: 0px; margin: 0px; } .menu-modal .link-content .accordion .accordion-item .accordion-body ul li { font-size: 17px; line-height: 23px; padding: 5px 0px; font-weight: 300; } .menu-modal .link-content .accordion .accordion-item .accordion-body ul li a { color: #333333;} .menu-modal .link-content .accordion .accordion-item .accordion-body ul li a:hover { color: #01a1dd; } .menu-modal .link-content .accordion .accordion-item .accordion-body ul li.title { font-size: 18px; line-height: 24px; padding-top: 15px!important; margin-top: 15px; border-top: 1px #cccccc solid; } .menu-modal .link-content .accordion .accordion-item .accordion-body ul li.title a { color: #01a1dd; } .menu-modal .link-content .accordion .accordion-item .accordion-body ul li.title:first-child { border: 0px; padding-top: 5px!important; margin-top: 0px!important; } .menu-modal .link-content .accordion .accordion-item .accordion-body ul li:first-child { padding-top: 0px; } .menu-modal .link-content .btn { width: 100%; max-width: 400px; font-size: 18px; line-height: 19px; padding: 12px 18px; } .menu-modal .link-content .social-icons { margin: 38px 0px 0px 0px; } .menu-modal .link-content .social-icons li a { border-color: #ffffff; } .menu-modal .link-content .social-icons li a i { color: #ffffff; } .menu-modal .link-content .social-icons li a:hover { background: #ffffff; border-color: #ffffff; } .menu-modal .link-content .social-icons li a:hover i { color: #333333; } /** * Hero Panel * ========================================================================== */ .elementor-element.hero-panel { background-color: #2b3b45; background-position: bottom center; background-repeat: no-repeat; padding: 70px 20px 140px 20px; mask: url('../assets/hero-panel-mask.svg') bottom center no-repeat; -webkit-mask: url('../assets/hero-panel-mask.svg') bottom center no-repeat; mask-size: 3000px; -webkit-mask-size: 3000px; position: relative; } .elementor-element.hero-panel .container { z-index: 1; position: relative; } .elementor-element.hero-panel .content h1 { color: #ffffff; } .elementor-element.hero-panel .content h1.h3 + h5 { margin-top: 18px; } .elementor-element.hero-panel .content h1 + h5 { margin-top: 30px; } .elementor-element.hero-panel .content h1 + p { margin-top: 20px; } .elementor-element.hero-panel .content .buttons { margin-top: 35px; } .elementor-element.hero-panel .content .buttons .btn + .btn { margin-left: 20px; } .elementor-element.hero-panel .content p + .buttons { margin-top: 28px; } .elementor-element.hero-panel .content .icon { color: #ffffff; font-size: 66px; margin-bottom: 15px; } .elementor-element.hero-panel.internal { padding-top: 60px; padding-bottom: 110px; } /** * Content Panel * ========================================================================== */ .elementor-element.content-panel { padding: 90px 20px 90px 20px; position: relative; overflow: hidden; } .elementor-element.content-panel .container.boxes { max-width: 1246px; } .elementor-element.content-panel .container.boxes.info { max-width: 1226px; } .elementor-element.content-panel .text-content.contained { max-width: 980px; margin: auto; } .container.boxes.box-mb .col { margin-bottom: 40px; } .container.boxes.box-mb .col:nth-child(n+4) { margin-bottom: 0px; } .elementor-element.content-panel .side-square-img { width: 100%; height: 100%; max-width: 420px; border-radius: 10px; overflow: hidden; float: right; position: relative; } .elementor-element.content-panel .side-square-img img { height: 105%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .elementor-element.content-panel .accordion.sectors { max-width: 1000px; margin: auto; position: relative; z-index: 1; } .elementor-element.content-panel .accordion.sectors .accordion-button { background: none!important; padding: 25px; border: 0px!important; box-shadow: none!important; display: flex; align-items: start; } .elementor-element.content-panel .accordion.sectors .accordion-button .icon-holder { text-align: center; margin-right: 25px; } .elementor-element.content-panel .accordion.sectors .accordion-button .icon-holder .icon { width: 68px; height: 60px; font-size: 60px; color: #01a1dd; margin-top: 12px; } .elementor-element.content-panel .accordion.sectors .accordion-button .icon-holder .icon-img { width: auto; height: 53px; margin-top: 6px; } .elementor-element.content-panel .accordion.sectors .accordion-button .main-text p { font-size: 16px; line-height: 22px; margin: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item:nth-child(even) .icon { color: #00a651; } .elementor-element.content-panel .accordion.sectors .accordion-item { border: 1px #999999 solid; border-radius: 10px; margin-bottom: 40px; overflow: hidden; } .elementor-element.content-panel .accordion.sectors .accordion-item .accordion-button:focus { z-index: 3; border-color: unset!important; outline: 0; box-shadow: none!important; } .elementor-element.content-panel .accordion.sectors .accordion-item .accordion-collapse { border: 0px!important; } .elementor-element.content-panel .accordion.sectors .accordion-item .accordion-header { border: 0px!important; } .elementor-element.content-panel .accordion.sectors .accordion-item .accordion-body { border: 0px!important; padding: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item .col { position: relative; } .elementor-element.content-panel .accordion.sectors .accordion-item:last-child { margin-bottom: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section { padding: 25px 25px 25px 25px; position: relative; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section h5 { color: #01a1dd; margin-bottom: 5px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section p { font-size: 16px; line-height: 22px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section .hero-text { display: none; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section ul { list-style: none; padding: 0px; margin: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section ul li { font-size: 16px; line-height: 22px; padding: 9px 0px; border-bottom: 1px #e3e3e3 solid; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section ul li:last-child { border-bottom: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section .btn { font-size: 15px; line-height: 17px; padding: 13px 20px; margin-top: 20px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section .col.left { padding-left: 93px; padding-right: 20px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section { padding: 25px 20px 45px 105px; position: relative; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .background { height: 240px; width: 100%; background-size: cover; margin-top: 0px; background-repeat: no-repeat; background-position: 50% center; transition: 0.3s; transition-timing-function: ease; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section h5 { color: #01a1dd; margin-bottom: 10px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section p { font-size: 18px; line-height: 24px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section ul { list-style: none; padding: 0px; margin: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section ul li { font-size: 16px; line-height: 22px; padding: 9px 0px; border-bottom: 1px #e3e3e3 solid; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section ul li:last-child { border-bottom: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .col.left { padding-right: 40px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .swiper-slide { padding-left: 25px; padding-right: 25px; overflow: hidden; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .swiper-pagination { text-align: left; bottom: 50px; padding-left: 30px; z-index: 10; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .gallery-arrow { font-size: 38px; top: 25px; z-index: 10; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .gallery-arrow.prev { left: auto; right: 82px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .gallery-arrow.next { right: 32px; left: auto; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .col.right { padding-left: 40px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .side-square { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% center; background-size: cover !important; border-radius: 10px; position: absolute; transition: 0.2s; transition-timing-function: ease-in; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section a { display: block; border-bottom: 1px #cccccc solid; padding-bottom: 30px; margin-bottom: 30px; transition: 0.2s; transition-timing-function: ease-in; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section a:last-child { padding-bottom: 0px; margin-bottom: 0px; border: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .cs-feature h5 { color: #2d2d2d; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .cs-feature h6 { color: #01a1dd; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .cs-feature:hover h5 { color: #01a1dd; } .elementor-element.content-panel .accordion.sectors .accordion-item .cta-section { background: #00a651; text-align: center; padding: 25px; position: relative; } .elementor-element.content-panel .accordion.sectors .accordion-item .cta-section h5 { color: #ffffff; } .elementor-element.content-panel .accordion.sectors .accordion-item .cta-section p { color: #ffffff; margin: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cta-section .btn { font-size: 16px; line-height: 18px; } .elementor-element.content-panel .accordion.sectors .accordion-button::after { background: none; color: #01a1dd; font-size: 32px; content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 300; width: auto; height: auto; top: 15px; right: 25px; transform: none; transition: none; position: absolute; } .elementor-element.content-panel .accordion.sectors .accordion-button:not(.collapsed)::after { color: #00a651; content: "\f077"; } .elementor-element.content-panel .accordion.sectors .accordion-item .side-circle { width: 400px; height: 400px; background-size: cover!important; border-radius: 50%; position: absolute; } .elementor-element.content-panel .accordion.sectors .accordion-item .side-circle.left { left: -100px; } .elementor-element.content-panel .accordion.sectors .accordion-item .side-circle.right { right: -100px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .side-circle { width: 440px; height: 440px; top: 0px; } .elementor-element.content-panel .accordion.careers { max-width: 1000px; margin: auto; } .elementor-element.content-panel .accordion.careers .accordion-button { padding: 25px 30px; } .elementor-element.content-panel .accordion.careers .accordion-item .info-section { padding: 0px 20px 25px 20px; } .elementor-element.content-panel .accordion.careers .accordion-button .main-text p { margin: 0px 0px 10px 0px; } .elementor-element.content-panel .accordion.careers .accordion-button .main-text h6 { color: #01a1dd; margin: 0px; } .elementor-element.content-panel .accordion.careers .accordion-button:not(.collapsed) h6 { display: none; } .elementor-element.content-panel .accordion.careers .accordion-item .info-section p + h5 { margin-top: 20px; } .elementor-element.content-panel .accordion.careers .accordion-item .info-section h5 { margin-bottom: 10px; } .elementor-element.content-panel .accordion.careers .accordion-item .info-section ul { margin-bottom: 25px; } .elementor-element.content-panel .accordion.careers .accordion-item .info-section p + h6 { margin-top: 25px; } .elementor-element.content-panel .accordion.careers .accordion-item .info-section h6 + h6 { margin-top: 18px; } .elementor-element.content-panel .accordion.careers .accordion-item .info-section h6 + ul li:first-child { padding-top: 4px; } .elementor-element.content-panel .accordion.careers .accordion-item .cta-section h5 { margin-bottom: 0px; } .elementor-element.content-panel .accordion.careers .accordion-item .cta-section h5 a { color: #ffffff; } .elementor-element.content-panel .accordion.careers .accordion-item .cta-section h5 a:hover { color: #333333; } .elementor-element.content-panel .accordion.sectors.services .accordion-item { background: #2a3b45; } .elementor-element.content-panel .accordion.sectors.services .accordion-button { padding: 32px 30px 32px 25px; } .elementor-element.content-panel .accordion.sectors.services .accordion-button .icon-holder { min-width: 57px; margin-left: 8px; margin-right: 30px; } .elementor-element.content-panel .accordion.sectors.services .accordion-button .main-text p { display: block; } .elementor-element.content-panel .accordion.sectors.services .accordion-item .info-section { padding-top: 10px; } .elementor-element.content-panel .accordion.sectors.services .accordion-item .info-section ul li { border-bottom: 1px #6a6a6a solid; } .elementor-element.content-panel .accordion.sectors.services .accordion-item .cs-section .cs-feature h5 { color: #01a1dd; } .elementor-element.content-panel .logos-list { max-width: 600px; margin: auto; position: relative; } .elementor-element.content-panel .logos-list .logo-item { min-height: 160px; display: inline-block; position: relative; } .elementor-element.content-panel .logos-list.grey .logo-item img { filter: grayscale(100%); } .elementor-element.content-panel .logos-list .logo-item img { max-width: 80%; max-height: 127px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .elementor-element.content-panel ul.ticks { list-style: none; padding: 0; margin: 0; } .elementor-element.content-panel ul.ticks li { position: relative; padding-left: 45px; margin-bottom: 20px; color: #cfd8dc; } .elementor-element.content-panel ul.ticks li::before { content: ""; position: absolute; left: 0; top: -3px; width: 32px; height: 32px; background: url('../assets/tick-icon.png') no-repeat center; background-size: contain; } .elementor-element.content-panel ul.ticks li:last-child { margin-bottom: 0px; } .elementor-element.content-panel .logo-features .logo-item { min-height: 100px; } .elementor-element.content-panel .logo-features.grey .logo-item img { filter: grayscale(100%); } .elementor-element.content-panel .logo-features .logo-item img { max-width: 130px; max-height: 70px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .info-box { background: none; padding: 22px; width: 98%; height: 100%; margin: auto; border: 1px #999999 solid; border-radius: 10px; position: relative; transition: 0.2s; transition-timing-function: ease-in; } .info-box .number-circle { width: 58px; height: 58px; font-size: 34px; font-weight: 500; color: #00a651; border: 2px #00a651 solid; border-radius: 50%; text-align: center; margin-bottom: 13px; position: relative; } .info-box .number-circle span { width: 100%; height: 100%; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .info-box h5 { font-size: 22px; line-height: 28px; margin-bottom: 12px; } .info-box p { font-size: 15px; line-height: 21px; margin: 0px; } .info-box.hover:hover { background: #01a1dd; border-color: #01a1dd; width: 100%; } .info-box.hover:hover .number-circle { display: none; } .info-box.hover:hover h5 { color: #ffffff; } .info-box.hover:hover p { color: #ffffff; font-size: 17px; line-height: 23px; } .container.boxes .col:nth-child(even) .info-box .number-circle { color: #01a1dd; border-color: #01a1dd; } .feature-box { background: #2a3b45; padding: 22px; width: 90%; height: 100%; margin: auto; border: 1px #999999 solid; border-radius: 10px; position: relative; transition: 0.2s; transition-timing-function: ease-in; } .feature-box .icon { height: 53px; font-size: 53px; color: #ffffff; margin-bottom: 22px; } .feature-box h5 { color: #ffffff; font-size: 22px; line-height: 28px; margin-bottom: 52px; } .feature-box p { color: #ffffff; font-size: 16px; line-height: 22px; margin-bottom: 42px; } .feature-box h6 { color: #01a1dd; margin: 0px; left: 22px; bottom: 22px; position: absolute; } .feature-box.text h5 { margin-bottom: 15px; } a .feature-box:hover { background: #01a1dd; border-color: #01a1dd; transition: 0.2s; transition-timing-function: ease-in; } a .feature-box:hover h6 { color: #ffffff!important; } .container.boxes .col:nth-child(even) a .feature-box:hover { background: #00a651; border-color: #00a651; } .container.boxes .col:nth-child(even) .feature-box h6 { color: #00a651; } .article-info-box { background: #ffffff; min-height: 345px; max-width: 367px; padding: 0px; margin: auto; border-radius: 10px; overflow: hidden; position: relative; } .article-info-box .background { height: 110px; width: 100%; background-size: 367px; background-repeat: no-repeat; background-position: 50% center; transition: 0.3s; transition-timing-function: ease; } .article-info-box:hover .background { background-size: 420px; transition: 0.3s; transition-timing-function: ease; } .article-info-box .feature-content { padding: 25px 22px; } .article-info-box .feature-content h6.date { color: #d10a11; font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 8px; } .article-info-box .feature-content h6 { color: #666666; } .article-info-box .feature-content h5 { color: #2d2d2d; font-size: 24px; line-height: 32px; max-height: 200px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 100%; margin-bottom: 15px; } .article-info-box .feature-content p { color: #333333; } .article-info-box .feature-content h6 { color: #01a1dd; font-size: 18px; line-height: 26px; margin: 0px; bottom: 25px; position: absolute; } .icon-box { background: none; padding: 24px 22px; width: 94%; margin: auto; border: 1px #999999 solid; border-radius: 10px; height: 100%; position: relative; transition: 0.2s; transition-timing-function: ease-in; } .icon-box .icon { height: 53px; font-size: 53px; color: #01a1dd; margin-bottom: 22px; } .icon-box h5 { font-size: 26px; line-height: 34px; margin-bottom: 12px; } .icon-box p { margin: 0px 0px 45px 0px; } .icon-box h6 { color: #01a1dd; margin: 0px; left: 22px; bottom: 24px; position: absolute; } a .icon-box:hover { background: #01a1dd; border-color: #01a1dd; transition: 0.2s; transition-timing-function: ease-in; } a .icon-box:hover .icon { color: #ffffff!important; } a .icon-box:hover h5 { color: #ffffff!important; } a .icon-box:hover p { color: #ffffff!important; } a .icon-box:hover h6 { color: #ffffff!important; } .container.boxes .col:nth-child(even) a .icon-box:hover { background: #00a651; border-color: #00a651; } .container.boxes .col:nth-child(even) .icon-box .icon { color: #00a651; } .elementor-element.content-panel.right-side-slider .col { position: relative; } .elementor-element.content-panel.right-side-slider .slider-holder { width: 90%; height: 100%; float: right; position: relative; } .elementor-element.content-panel.right-side-slider .slider-holder .swiper-pagination { text-align: left; left: -5px; bottom: -6px; } .elementor-element.content-panel.right-side-slider .slider-holder .gallery-arrow { color: #ffffff; font-size: 38px; bottom: -12px; z-index: 11; } .elementor-element.content-panel.right-side-slider .slider-holder .gallery-arrow:hover { color: #01a1dd; } .elementor-element.content-panel.right-side-slider .slider-holder .gallery-arrow.prev { left: auto; right: 45px; } .elementor-element.content-panel.right-side-slider .slider-holder .gallery-arrow.next { right: -5px; } .elementor-element.content-panel.right-side-slider .slider-holder .swiper-wrapper { align-items: stretch; } .elementor-element.content-panel.right-side-slider .slider-holder .swiper-slide { height: auto; /* allow stretching */ display: flex; } .elementor-element.content-panel.right-side-slider .slider-holder .swiper-slide > * { flex: 1; /* make inner content fill full height */ } .elementor-element.content-panel.right-side-slider .icon-box { width: 100%; } .elementor-element.content-panel.right-side-slider .swiper-slide:nth-child(even) a .icon-box:hover { background: #00a651; border-color: #00a651; } .elementor-element.content-panel.right-side-slider .swiper-slide:nth-child(even) .icon-box .icon { color: #00a651; } .elementor-element.content-panel.cutout-bg { min-height: 828px; padding-bottom: 410px; } .elementor-element.content-panel.cutout-bg .front { left: 0px; right: 10px; bottom: 0px; margin: auto; position: absolute; z-index: 1; } .elementor-element.content-panel.cutout-bg .glow { width: 1px; height: 1px; background-color: #01a1dd; box-shadow: 0px 0px 440px 400px #01a1dd; position: absolute; bottom: -350px; left: 0px; right: 0px; margin: auto; transition-timing-function: ease-in; transition: 0.6s; } .elementor-element.content-panel.cutout-bg .glow.green { background-color: #00a651; box-shadow: 0px 0px 440px 400px #00a651; } .elementor-element.content-panel.cutout-bg .glow.left { left: 180px; right: auto; } .elementor-element.content-panel.cutout-bg .glow.right { left: auto; right: 180px; } .elementor-element.content-panel.articles { padding-top: 60px; padding-bottom: 40px; } .elementor-element.content-panel .nav-tabs.articles { border-bottom: 1px #cccccc solid; } .elementor-element.content-panel .nav-tabs.articles .nav-item { margin-right: 40px; } .elementor-element.content-panel .nav-tabs.articles .nav-item .nav-link { background: none; color: #2d2d2d; padding: 15px 0px; border: 0px; } .elementor-element.content-panel .nav-tabs.articles .nav-item .nav-link.active { font-weight: 600; border-bottom: 3px #01a1dd solid; } .elementor-element.content-panel .tab-content.articles { margin-top: 40px; } .elementor-element.content-panel .articles .col { margin-bottom: 30px; } .elementor-element.content-panel .nav-tabs-mobile { display: none; } .elementor-element.content-panel .nav-tabs-mobile .dropdown-item { padding: 0px; } .elementor-element.content-panel .nav-tabs-mobile .dropdown-item a { padding: 6px 15px; } .elementor-element.content-panel .nav-tabs-mobile .dropdown-item a.active { background: #01a1dd; color: #ffffff; } .elementor-element.content-panel .nav-tabs-mobile .dropdown-item a:active { background: #01a1dd; color: #ffffff; } .elementor-element.content-panel .nav-tabs-mobile .dropdown-item a:focus { background: #01a1dd; color: #ffffff; } /** * Case Studies Slider Panel * ========================================================================== */ .elementor-element.case-studies-slider-panel { position: relative; } .elementor-element.case-studies-slider-panel .swiper-slide { padding: 90px 20px 160px 20px; position: relative; } .elementor-element.case-studies-slider-panel .swiper-slide .text-content h5 { color: #cccccc; } .elementor-element.case-studies-slider-panel .swiper-slide .text-content img { max-height: 80px; } .elementor-element.case-studies-slider-panel .col { position: relative; } .elementor-element.case-studies-slider-panel .swiper-pagination { bottom: 95px; left: 7px; text-align: left; } .elementor-element.case-studies-slider-panel .swiper-wrapper { align-items: stretch; } .elementor-element.case-studies-slider-panel .swiper-slide { height: auto; display: flex; } .elementor-element.case-studies-slider-panel .swiper-slide > * { width: 100%; height: 100%; } /** * Article Features * ========================================================================== */ .elementor-element.articles-slider-panel.content-panel { padding-bottom: 160px; } .elementor-element.articles-slider-panel .container { width: 90%; max-width: 1160px; position: relative; } .elementor-element.articles-slider-panel .swiper-pagination { bottom: -80px; } .elementor-element.articles-slider-panel .gallery-arrow { top: 50%; transform: translateY(-50%); } .article-feature-box { background: #ffffff; min-height: 345px; max-width: 367px; padding: 0px; margin: auto; border: 1px #999999 solid; border-radius: 10px; overflow: hidden; position: relative; } .article-feature-box .background { height: 150px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% center; transition: 0.3s; transition-timing-function: ease; } .article-feature-box .feature-content { padding: 25px 22px; } .article-feature-box .feature-content h6.date { color: #d10a11; font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 8px; } .article-feature-box .feature-content h6 { color: #666666; } .article-feature-box .feature-content h5 { color: #2d2d2d; font-size: 23px; line-height: 31px; max-height: 200px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 100%; margin-bottom: 25px; } .article-feature-box:hover .feature-content h5 { color: #00a651; } .article-feature-box .feature-content h6 { color: #01a1dd; font-size: 18px; line-height: 26px; margin: 0px; bottom: 25px; position: absolute; } .article-feature-box .feature-content p.top { margin: 0px 0px 5px 0px; } .elementor-element.content-panel .tab-content.articles .article-feature-box { height: 100%; } .elementor-element.content-panel .tab-content.articles .article-feature-box .feature-content h5 { margin-bottom: 45px; } /** * Internal Header Panel * ========================================================================== */ .elementor-element.internal-header-panel { background-color: #2b3b45; background-position: bottom center; background-repeat: no-repeat; padding: 60px 20px 70px 20px; mask: url('../assets/hero-panel-mask.svg') bottom center no-repeat; -webkit-mask: url('../assets/hero-panel-mask.svg') bottom center no-repeat; mask-size: 3000px; -webkit-mask-size: 3000px; position: relative; } .elementor-element.internal-header-panel .container { z-index: 1; position: relative; } .elementor-element.internal-header-panel .content h1 { color: #ffffff; } .elementor-element.internal-header-panel .content h1 + p { margin-top: 20px; } .elementor-element.internal-header-panel .content h1 + h5 { margin-top: 15px; } .elementor-element.internal-header-panel .content .buttons { margin-top: 35px; } .elementor-element.internal-header-panel .content .buttons .btn + .btn { margin-left: 20px; } /** * Internal Panel * ========================================================================== */ .elementor-element.internal-content-panel { background: #ffffff; padding: 70px 20px; position: relative; } .elementor-element.internal-content-panel .text-content.contained { max-width: 900px; margin: auto; } .elementor-element.internal-content-panel .text-content { color: #666666; font-size: 18px; line-height: 26px; font-weight: 300; } .elementor-element.internal-content-panel .text-content h1 { margin-bottom: 16px; } .elementor-element.internal-content-panel .text-content h4 { color: #01a1dd; margin-bottom: 12px; } .elementor-element.internal-content-panel .text-content * + h4 { margin-top: 35px; } .elementor-element.internal-content-panel .text-content h5 { color: #01a1dd; margin-bottom: 18px; } .elementor-element.internal-content-panel .text-content h6 { color: #01a1dd; font-size: 27px; line-height: 34px; margin-bottom: 8px; } .elementor-element.internal-content-panel .text-content p + h5 { margin-top: 30px; } .elementor-element.internal-content-panel .text-content p { color: #666666; margin-bottom: 20px; } .elementor-element.internal-content-panel .text-content ul { padding: 0px; margin-top: 10px; margin-bottom: 20px; list-style: none; } .elementor-element.internal-content-panel .text-content ol { padding: 0px; margin-top: 10px; margin-bottom: 20px; list-style-position: inside; } .elementor-element.internal-content-panel .text-content li:first-child { border-top: 1px #cccccc solid; } .elementor-element.internal-content-panel .text-content li { border-bottom: 1px #cccccc solid; padding: 12px 0px; } .elementor-element.internal-content-panel .text-content li::marker { display: inline-block; } .elementor-element.internal-content-panel .text-content .lightgreybg { background: #eeeeee; padding: 25px; margin-bottom: 30px; margin-top: 30px; } .elementor-element.internal-content-panel .text-content .table { margin-bottom: 35px; } .elementor-element.internal-content-panel .text-content .table td { color: #666666; font-size: 16px; line-height: 22px; border: 1px #e2e2e2 solid; } .elementor-element.internal-content-panel .text-content .table td.green { background: #96ca50; border-color: #e5e5e5; color: #ffffff; font-weight: 600; } .elementor-element.internal-content-panel .text-content p + .table-responsive { margin-top: 35px; } .elementor-element.internal-content-panel.form { padding-left: 20px; padding-right: 20px; padding-bottom: 100px; } .elementor-element.internal-content-panel .social-icons li { margin-left: 0px; margin-right: 12px; } .elementor-element.internal-content-panel .article-content { margin-top: 45px; } .elementor-element.internal-content-panel .article-sub-title { margin-bottom: 30px; } .elementor-element.internal-content-panel .article-top p { margin-top: 5px; } .elementor-element.internal-content-panel .article-top p a { color: #01a1dd; } .elementor-element.internal-content-panel .featured-image { height: 250px; width: 100%; background-position: 50% center; background-size: cover; } .elementor-element.internal-content-panel .contact-details { width: 85%; float: right; } .elementor-element.internal-content-panel .contact-details .border-top { padding-top: 22px; margin-top: 25px; } .elementor-element.internal-content-panel .contact-details h5 { color: #01a1dd; font-size: 20px; line-height: 26px; margin-bottom: 4px; } .elementor-element.internal-content-panel .contact-details h4 { margin-bottom: 4px; } .elementor-element.internal-content-panel .contact-details h5 + h6 { margin-top: 8px; } .elementor-element.internal-content-panel .formeo.formeo-render .formeo-row-wrap { margin-bottom: 10px; } .elementor-element.internal-content-panel .formeo.formeo-render .formeo-row-wrap:last-child { text-align: center; } .elementor-element.internal-content-panel .formeo .f-field-group > label { color: #333; font-size: 18px; line-height: 26px; font-weight: 300; margin-bottom: 8px; } .elementor-element.internal-content-panel .article-side-details { width: 100%; max-width: 250px; float: right; } .elementor-element.internal-content-panel .article-side-details .border-line { border-top: 1px #cccccc solid; padding-bottom: 20px; } .elementor-element.internal-content-panel .article-side-details .social-icons { height: 40px; margin-top: 10px; margin-bottom: 22px; } .elementor-element.internal-content-panel .article-side-details h5 { color: #303e47; margin-bottom: 20px; } .elementor-element.internal-content-panel .article-side-details h6 { color: #666666; font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 3px; } .elementor-element.internal-content-panel .article-side-details p a { color: #01a1dd; } .elementor-element.internal-content-panel.case-studies { padding-top: 50px; } .elementor-element.internal-content-panel.case-studies .featured-image { max-width: 800px; margin: auto; } .elementor-element.internal-content-panel .article-content.center { text-align: center; } .elementor-element.internal-content-panel .article-content.center .text-content { max-width: 800px; margin: auto; } .elementor-element.internal-content-panel .article-content.center .article-side-details { max-width: 350px; float: none; text-align: center; margin: 40px auto auto auto; } .elementor-element.internal-content-panel .article-content.center .article-side-details .social-icons li { display: inline-block; float: none; margin-left: 6px; margin-right: 6px; } /** * Footer Cta Panel * ========================================================================== */ .elementor-element.footer-cta-panel { background: #00a651; padding: 50px 20px; position: relative; } /** * Footer * ========================================================================== */ footer .footer-top { background: #2a3b45; padding: 70px 20px; position: relative; } footer .footer-top .details-box { background: #ffffff; max-width: 388px; padding: 28px; border-radius: 10px; position: relative; } footer .footer-top .details-box img { margin-bottom: 22px; } footer .footer-top .details-box p { margin: 26px 0px 0px 0px } footer .footer-top h5.title { color: #ffffff; font-weight: 400; margin-bottom: 18px; } footer .footer-top h5.title a { color: #ffffff; } footer .footer-top h5.title a:hover { color: #01a1dd; } footer .footer-top .center { padding-left: 40px; } footer .footer-top .right .link-items { float: right; } footer .footer-top ul.links { list-style: none; padding: 0px; margin: 0px; } footer .footer-top ul.links li { font-size: 20px; line-height: 26px; margin-bottom: 18px; } footer .footer-top ul.links li a { color: #ffffff; } footer .footer-top ul.links li a:hover { color: #00a651; } footer .footer-top .logos { margin-top: 50px; } footer .footer-top .logos img { height: 60px; margin-right: 25px; } footer .footer-bottom { background: #2a3b45; border-top: 3px #c4161c solid; padding: 35px 20px; position: relative; } footer .footer-bottom p { color: #ffffff; margin-bottom: 7px; } footer .footer-bottom h6 { color: #999999; margin: 0px; } footer .footer-bottom .right { margin-top: 10px; text-align: right; } footer .footer-bottom .right h5 { color: #ffffff; font-size: 18px; line-height: 24px; margin: 6px 0px 0px 0px; float: right; } footer .footer-bottom .right h5 a { color: #ffffff; } footer .footer-bottom .right h5 a:hover { color: #00a651; } footer .footer-bottom .right h5 span { padding: 0px 4px; } footer .footer-bottom .social-icons { margin-left: 15px; float: right; } .social-icons { margin: 0px; padding: 0px; list-style: none; } .social-icons li { float: left; width: 40px; height: 40px; margin-left: 12px; border: 0px; } .social-icons li a { background: #00a651; border-radius: 50%; height: 40px; width: 40px; font-size: 22px; position: relative; display: block; text-align: center; } .social-icons li a:hover { background: #04964b; } .social-icons li a i { color: #ffffff; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .social-icons li a:hover i { color: #ffffff; } .gallery-arrow { color: #01a1dd; font-size: 46px; position: absolute; } .gallery-arrow.prev { left: -50px; } .gallery-arrow.next { right: -50px; } .gallery-arrow:hover { color: #00a651; } /** * Resolutions * ========================================================================== */ @media screen and (max-width: 1750px) { h1 { font-size: 46px; line-height: 54px; } h2 { font-size: 46px; line-height: 54px; } h3 { font-size: 37px; line-height: 44px; } h4 { font-size: 28px; line-height: 36px; } h5 { font-size: 22px; line-height: 30px; } .h1 { font-size: 46px; line-height: 54px; } .h2 { font-size: 46px; line-height: 54px; } .h3 { font-size: 37px; line-height: 44px; } .h4 { font-size: 28px; line-height: 36px; } .h5 { font-size: 22px; line-height: 30px; } .elementor-element.hero-panel .content h1 { margin-bottom: 25px; } .elementor-element.hero-panel .content .buttons { margin-top: 31px; } } @media screen and (max-width: 1600px) { h1 { font-size: 43px; line-height: 50px; } h2 { font-size: 43px; line-height: 50px; } h3 { font-size: 35px; line-height: 42px; } h4 { font-size: 26px; line-height: 34px; } h5 { font-size: 21px; line-height: 29px; } .h1 { font-size: 43px; line-height: 50px; } .h2 { font-size: 43px; line-height: 50px; } .h3 { font-size: 35px; line-height: 42px; } .h4 { font-size: 26px; line-height: 34px; } .h5 { font-size: 21px; line-height: 29px; } p { font-size: 17px; line-height: 25px; } li { font-size: 17px; line-height: 25px; } .btn { font-size: 16px; line-height: 18px; padding: 11px 20px; } header .header .nav { top: 23px; } header .header .nav .nav-item { font-size: 20px; } header .header .nav .btn { height: 42px; } header .header.scrolled .nav { top: 29px; } } @media screen and (max-width: 1400px) { footer .footer-top .right .link-items { padding-right: 50px; } } @media screen and (max-width: 1350px) { .info-box.hover:hover { background: #ffffff; border-color: #999999; width: 98%; } .info-box.hover:hover .number-circle { display: block; } .info-box.hover:hover h5 { color: #2d2d2d; } .info-box.hover:hover p { color: #666666; font-size: 15px; line-height: 21px; } } @media screen and (max-width: 1300px) { .feature-box { width: 96%; } .feature-box h5 { font-size: 20px; line-height: 26px; } .info-box { width: 96%; } .info-box.hover:hover { width: 96%; } .info-box h5 { font-size: 20px; line-height: 26px; } .icon-box { width: 96%; } .icon-box h5 { font-size: 24px; line-height: 32px; } footer .footer-top ul.links li { font-size: 18px; line-height: 24px; margin-bottom: 18px; } footer .footer-top .center { padding-left: calc(var(--bs-gutter-x) * .5); } } @media screen and (max-width: 1230px) { .elementor-element.case-studies-slider-panel .swiper-pagination { left: 27px; } } @media screen and (max-width: 1199px) { h1 { font-size: 38px; line-height: 46px; } h2 { font-size: 38px; line-height: 46px; } h3 { font-size: 32px; line-height: 40px; } h4 { font-size: 25px; line-height: 32px; } .h1 { font-size: 38px; line-height: 46px; } .h2 { font-size: 38px; line-height: 46px; } .h3 { font-size: 32px; line-height: 40px; } .h4 { font-size: 25px; line-height: 32px; } .container.boxes.box-mb .col:nth-child(n+4) { margin-bottom: 40px; } .elementor-element.content-panel .side-square-img { max-width: 380px; } .elementor-element.content-panel.right-side-slider .text-content { max-width: 600px; text-align: center; margin: auto auto 80px auto; } .elementor-element.content-panel.right-side-slider .slider-holder { width: 100%; height: auto; float: none; margin-bottom: 110px; position: relative; } .elementor-element.content-panel.right-side-slider .slider-holder .swiper-pagination { left: 0px; bottom: -125px; text-align: center; } .elementor-element.content-panel.right-side-slider .slider-holder .gallery-arrow { text-align: center; bottom: -60px; } .elementor-element.content-panel.right-side-slider .slider-holder .gallery-arrow.next { width: 38px; height: 38px; left: 0px; right: -55px; margin: auto; } .elementor-element.content-panel.right-side-slider .slider-holder .gallery-arrow.prev { width: 38px; height: 38px; left: -55px; right: 0px; margin: auto; } .elementor-element.content-panel.cutout-bg { min-height: 1030px; } .elementor-element.content-panel .container.boxes { max-width: 700px; } .elementor-element.content-panel .container.boxes .col { margin-bottom: 30px; } .elementor-element.content-panel ul.ticks li { padding-left: 0; text-align: center; } .elementor-element.content-panel ul.ticks li::before { position: static; display: inline-block; margin-right: 10px; vertical-align: middle; } .article-feature-box .feature-content h5 { font-size: 21px; line-height: 29px; } footer .footer-top .details-box { margin: auto auto 20px auto; text-align: center; } footer .footer-top .link-items { text-align: center; margin-top: 30px; } footer .footer-top .col.left { order: 1; } footer .footer-top .col.center { order: 3; } footer .footer-top .col.right { order: 2; } footer .footer-top .right .link-items { float: none; padding-right: 0px; } footer .footer-top .logos img { margin-left: 12px; margin-right: 12px; } footer .footer-bottom p { font-size: 16px; line-height: 24px; } footer .footer-bottom h6 { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 1050px) { .gallery-arrow.prev { left: -40px; } .gallery-arrow.next { right: -40px; } } @media screen and (max-width: 991px) { h1 { font-size: 34px; line-height: 42px; } h2 { font-size: 34px; line-height: 42px; } h3 { font-size: 30px; line-height: 38px; } h4 { font-size: 24px; line-height: 30px; } .h1 { font-size: 34px; line-height: 42px; } .h2 { font-size: 34px; line-height: 42px; } .h3 { font-size: 30px; line-height: 38px; } .h4 { font-size: 24px; line-height: 30px; } header + * { margin-top: 94px; } header .header { padding: 15px 15px 17px 15px; } header .header.scrolled { padding: 15px 15px 17px 15px; } header .header .nav-elements { display: block; } header .header .nav { display: none; } header .header img { width: 120px; } header .header.scrolled img { width: 120px; } .elementor-element.hero-panel {padding: 60px 20px 90px 20px; } .elementor-element.hero-panel .content { text-align: center; max-width: 600px; margin: auto; } .elementor-element.content-panel .text-content { text-align: center; } .elementor-element.content-panel .side-square-img { width: 400px; height: 400px; margin: 30px auto auto auto; float: none; } .elementor-element.content-panel.cutout-bg .front { width: 220px; } .elementor-element.content-panel.cutout-bg { min-height: 960px; background-size: 1215px!important; padding-bottom: 280px; } .elementor-element.content-panel .accordion.sectors .accordion-button { padding: 20px 25px; } .elementor-element.content-panel .accordion.sectors .accordion-button .icon-holder .icon { height: 56px; font-size: 56px; margin-top: 4px; } .elementor-element.content-panel .accordion.sectors .accordion-button .main-text h4 { padding-right: 40px; } .elementor-element.content-panel .accordion.sectors .accordion-button .main-text h5 { margin: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-button .main-text p.hero-text { display: none; } .elementor-element.content-panel .accordion.sectors .accordion-button::after { top: 12px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section { padding: 5px 20px 25px 20px; } .elementor-element.content-panel .accordion.careers .accordion-item .info-section { padding: 0px 15px 25px 15px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section .hero-text { display: block; margin-bottom: 25px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section .col.left { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section { padding: 25px 20px 40px 20px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .swiper-slide { padding-left: 20px; padding-right: 20px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section p { font-size: 16px; line-height: 22px; } .elementor-element.content-panel .accordion.sectors .accordion-item .side-circle { display: none; } .elementor-element.content-panel .accordion.sectors.services .accordion-button .main-text p.hero-text { font-size: 16px; line-height: 22px; display: block; } .elementor-element.internal-content-panel .article-side-details { max-width: 100%; float: none; margin-top: 30px; } .elementor-element.internal-content-panel .article-content .text-content { font-size: 16px; line-height: 22px; max-width: 100%; } .elementor-element.internal-content-panel .article-content .text-content p { font-size: 16px; line-height: 22px; } footer .footer-top { padding: 50px 20px; } footer .footer-bottom { text-align: center; } footer .footer-bottom .social-icons { height: 40px; display: block; float: none; text-align: center; margin: auto auto 20px auto; } footer .footer-bottom .social-icons li { float: none; display: inline-block; } footer .footer-bottom .right { margin-top: 0px; } footer .footer-bottom .right h5 { display: block; float: none; text-align: center; margin-bottom: 15px; } footer .footer-bottom .col.left { order: 2; } footer .footer-bottom .col.right { order: 1; } } @media screen and (max-width: 767px) { h1 { font-size: 32px; line-height: 40px; } h2 { font-size: 32px; line-height: 40px; } h3 { font-size: 26px; line-height: 34px; } h4 { font-size: 23px; line-height: 30px; } h5 { font-size: 19px; line-height: 26px; } .h1 { font-size: 32px; line-height: 40px; } .h2 { font-size: 32px; line-height: 40px; } .h3 { font-size: 26px; line-height: 34px; } .h4 { font-size: 23px; line-height: 30px; } .h5 { font-size: 19px; line-height: 26px; } .btn { font-size: 15px; line-height: 17px; padding: 11px 16px; } .elementor-element.hero-panel { padding: 55px 10px 80px 10px; } .elementor-element.hero-panel .content h1 { margin-bottom: 20px; } .elementor-element.hero-panel.internal { padding-top: 50px; padding-bottom: 80px; } .elementor-element.internal-header-panel { padding: 45px 10px 50px 10px; } .elementor-element.content-panel { padding: 70px 10px 70px 10px; } .elementor-element.content-panel.cutout-bg .front { width: 150px; } .elementor-element.content-panel.cutout-bg { min-height: 880px; background-size: 810px !important; padding-bottom: 180px; } .elementor-element.content-panel.cutout-bg .glow.left { left: 0px; } .elementor-element.content-panel.cutout-bg .glow.right { right: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-button { background: none !important; padding: 20px; } .elementor-element.content-panel .accordion.sectors .accordion-button .icon-holder { margin-right: 20px; } .elementor-element.content-panel .accordion.sectors .accordion-button .icon-holder .icon { width: 58px; height: 50px; font-size: 50px; margin-top: 10px; } .elementor-element.content-panel .accordion.sectors .accordion-button::after { top: 12px; right: 20px; font-size: 28px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section { padding: 5px 15px 25px 15px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section { padding: 0px 15px 25px 15px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .swiper-slide { padding-left: 15px; padding-right: 15px; } .elementor-element.content-panel .accordion.sectors.services .accordion-button .icon-holder { margin-left: 0px; margin-right: 20px; } .elementor-element.case-studies-slider-panel .swiper-slide { padding: 70px 10px 140px 10px; } .elementor-element.case-studies-slider-panel .swiper-pagination { left: 17px; bottom: 80px; } .elementor-element.articles-slider-panel .container { width: 86%; } .elementor-element.footer-cta-panel { padding: 50px 10px; } footer .footer-top h5.title { margin-bottom: 12px; } footer .footer-top ul.links li { font-size: 17px; line-height: 23px; margin-bottom: 12px; } } @media screen and (max-width: 700px) { .elementor-element.articles-slider-panel .gallery-arrow { display: none!important; } .elementor-element.articles-slider-panel .container { width: 100%; } } @media screen and (max-width: 576px) { .elementor-element.content-panel .container.boxes .col:last-child { margin-bottom: 0px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .col.right { padding-left: calc(var(--bs-gutter-x) * .5); } .elementor-element.content-panel.cutout-bg .front { width: 125px; } .elementor-element.content-panel.cutout-bg { min-height: 880px; padding-bottom: 170px; background-size: 610px!important; } .elementor-element.content-panel.cutout-bg .glow.left { left: -180px; } .elementor-element.content-panel.cutout-bg .glow.right { right: -180px; } .elementor-element.content-panel .side-square-img { width: 350px; height: 350px; } } @media screen and (max-width: 500px) { h1 { font-size: 28px; line-height: 36px; } h2 { font-size: 28px; line-height: 36px; } h4 { font-size: 22px; line-height: 29px; } .h1 { font-size: 28px; line-height: 36px; } .h2 { font-size: 28px; line-height: 36px; } .h4 { font-size: 22px; line-height: 29px; } .elementor-element.content-panel .side-square-img { width: 100%; max-width: 310px; height: 310px; } .elementor-element.content-panel .accordion.sectors .accordion-button .main-text h5 { font-size: 17px; line-height: 24px; } .elementor-element.content-panel .accordion.sectors .accordion-item .info-section { padding: 5px 10px 25px 10px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section { padding: 0px 10px 25px 10px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cs-section .swiper-slide { padding-left: 10px; padding-right: 10px; } .elementor-element.content-panel .accordion.sectors .accordion-item .cta-section { padding: 25px 15px; } } @media screen and (max-width: 420px) { footer .footer-top .details-box p br { display: none; } }