/* Theme Name: AI Shield Theme URI: https://bosch.com Author: Bosch Description: Custom WordPress Theme Version: 1.0 */ /* ------------------------------------------------------------------------------------------------------------ 01. GLOBAL RESET 02. GENERIC 03. STRUCTURE 04. MENU 05. SLIDER --------------------------------------------------------------------------------------------------------------- */ /* =============================================================================================================== 01. GLOBAL RESET =============================================================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { border: 0; font-family:'ApfelGrotezk Regular', sans-serif; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div, p {display: block;} body {font-size:15px;line-height:24px;} img, a, a:hover, a:active, a:focus {border: none; outline: none;} ol {list-style-type: none; padding:0px 0px 20px 17px; margin:0px;} ul {list-style-type: none; padding:0px 0px 20px 17px; margin:0px;} ul li { margin:0px; padding:0px 0px 0px 10px; font-size:18px; line-height:24px; color:#000; font-family:'ApfelGrotezk Regular', sans-serif;} ol li { margin:0px; padding:0px 0px 0px 10px; font-size:18px; line-height:24px; color:#000; font-family:'ApfelGrotezk Regular', sans-serif;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} img, object, embed, video {max-width: 100%; margin: 0; padding: 0} /* IE 6 does not support max-width so default to width 100% */ .ie6 img {width: 100%;} ::-webkit-input-placeholder { color:#767676; } :-moz-placeholder { color:#767676; opacity:1; } ::-moz-placeholder { color:#767676; opacity:1; } :-ms-input-placeholder { color:#767676; } /* =============================================================================================================== 02. GENERIC =============================================================================================================== */ body { font-family:'ApfelGrotezk Regular', sans-serif;font-size:18px;line-height:24px;color:#000; overflow-x:hidden; } h1, h2, h3, h4, h5, h6{ color:#111D60; padding:10px 0px; margin:0px; font-family:'Editor-Medium', sans-serif; } h1 a, h1 span { font-family:'Editor-Medium', sans-serif; } h1 { font-size:36px; line-height:42px; } h2 { font-size:30px; line-height:38px; } h3 { font-size:28px; line-height:34px; } h4 { font-size:24px; line-height:30px; } h5 { font-size:20px; line-height:24px; } h6 { font-size:16px; line-height:20px; } small { font-size:16px; line-height:20px; } p { font-size:18px; line-height:24px; color:#000; margin:0px; padding:0px 0px 20px; font-family:'ApfelGrotezk Regular', sans-serif; } a, a:focus{color:#000; text-decoration:none; } a:hover{ color:#333; text-decoration:none; } .center-align { margin-left:auto; margin-right:auto; float:none !important; } .pad-lr-0 { padding-left:0px !important; padding-right:0px !important; } .pad-lt-0 { padding-left:0px !important; } .pad-rt-0 { padding-right:0px !important; } img { vertical-align: top; } *, *::before, *::after { box-sizing: border-box; } @font-face { font-family:'ApfelGrotezk Regular'; src: url('../aishield/assets/fonts/ApfelGrotezk-Regular.eot'); src: url('../aishield/assets/fonts/ApfelGrotezk-Regular.eot?#iefix') format('embedded-opentype'), url('../aishield/assets/fonts/ApfelGrotezk-Regular.woff2') format('woff2'), url('../aishield/assets/fonts/ApfelGrotezk-Regular.woff') format('woff'), url('../aishield/assets/fonts/ApfelGrotezk-Regular.ttf') format('truetype'), url('../aishield/assets/fonts/ApfelGrotezk-Regular.svg#ApfelGrotezk-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'ApfelGrotezk Mittel'; src: url('../aishield/assets/fonts/ApfelGrotezk-Mittel.eot'); src: url('../aishield/assets/fonts/ApfelGrotezk-Mittel.eot?#iefix') format('embedded-opentype'), url('../aishield/assets/fonts/ApfelGrotezk-Mittel.woff2') format('woff2'), url('../aishield/assets/fonts/ApfelGrotezk-Mittel.woff') format('woff'), url('../aishield/assets/fonts/ApfelGrotezk-Mittel.ttf') format('truetype'), url('../aishield/assets/fonts/ApfelGrotezk-Mittel.svg#ApfelGrotezk-Mittel') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'ApfelGrotezk Fett'; src: url('../ApfelGrotezk-Fett.eot'); src: url('../aishield/assets/fonts/ApfelGrotezk-Fett.eot?#iefix') format('embedded-opentype'), url('../aishield/assets/fonts/ApfelGrotezk-Fett.woff2') format('woff2'), url('../aishield/assets/fonts/ApfelGrotezk-Fett.woff') format('woff'), url('../aishield/assets/fonts/ApfelGrotezk-Fett.ttf') format('truetype'), url('../aishield/assets/fonts/ApfelGrotezk-Fett.svg#ApfelGrotezk-Fett') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'ApfelGrotezk Satt'; src: url('../aishield/assets/fonts/ApfelGrotezk-Satt.eot'); src: url('../aishield/assets/fonts/ApfelGrotezk-Satt.eot?#iefix') format('embedded-opentype'), url('../aishield/assets/fonts/ApfelGrotezk-Satt.woff2') format('woff2'), url('../aishield/assets/fonts/ApfelGrotezk-Satt.woff') format('woff'), url('../aishield/assets/fonts/ApfelGrotezk-Satt.ttf') format('truetype'), url('../aishield/assets/fonts/ApfelGrotezk-Satt.svg#ApfelGrotezk-Satt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'Editor-Regular'; src: url('../aishield/assets/fonts/Editor-Regular.eot'); src: url('../aishield/assets/fonts/Editor-Regular.eot?#iefix') format('embedded-opentype'), url('../aishield/assets/fonts/Editor-Regular.woff2') format('woff2'), url('../aishield/assets/fonts/Editor-Regular.woff') format('woff'), url('../aishield/assets/fonts/Editor-Regular.ttf') format('truetype'), url('../aishield/assets/fonts/Editor-Regular.svg#Editor-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'Editor-Medium'; src: url('../aishield/assets/fonts/Editor-Medium.eot'); src: url('../aishield/assets/fonts/Editor-Medium.eot?#iefix') format('embedded-opentype'), url('../aishield/assets/fonts/Editor-Medium.woff2') format('woff2'), url('../aishield/assets/fonts/Editor-Medium.woff') format('woff'), url('../aishield/assets/fonts/Editor-Medium.ttf') format('truetype'), url('../aishield/assets/fonts/Editor-Medium.svg#Editor-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'Editor-Bold'; src: url('../aishield/assets/fonts/Editor-Bold.otf'); src: url('../aishield/assets/fonts/Editor-Bold.eot?#iefix') format('embedded-opentype'), url('../aishield/assets/fonts/Editor-Bold.woff2') format('woff2'), url('../aishield/assets/fonts/Editor-Bold.woff') format('woff'), url('../aishield/assets/fonts/Editor-Bold.ttf') format('truetype'), url('../aishield/assets/fonts/Editor-Bold.svg#Editor-Medium') format('svg'); font-weight: normal; font-style: normal; } /* =============================================================================================================== 03. STRUCTURE =============================================================================================================== */ .container { max-width:1210px; margin:0px auto; width:100%; padding-left: 15px; padding-right: 15px; } .row { margin: 0px -15px; } .row > * { padding: 0px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; float:left; padding-left: 15px; padding-right: 15px; } .float-start { float: left !important; } .float-end { float: right !important; } .text-center { text-align: center !important; } .clearfix { clear: both; } /* HEADER CSS --------------------------------------------------------------------------------------------------------------- */ .main-bg { background: url("../aishield/assets/img/main-bg.png") no-repeat 0px 0px; background-size:cover; } .model-scanner-banner-bg { padding:0px 0px 125px; } .header { position: fixed; z-index: 12; width: 100%; } .header-smaller .header-bg { background: rgba(246, 246, 246, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .header .container { max-width: 1370px; } .header-bg { padding:12px 10px 12px 30px; float: left; width: 100%; border-radius: 5px; margin: 24px 0px 0px; background: linear-gradient(180deg,rgba(247, 247, 247, 1) 0%, rgba(248, 248, 248, 1) 10%, rgba(250, 250, 250, 1) 100%);} .header-bg .container { max-width: 100%; } .fixed-header { height:101px; } .header-rt { float: right; } .header-btn { background: #1D4CBF; color: #fff; width: 144px; height: 56px; display: block; line-height: 56px; text-align: center; border-radius: 5px; margin: 0px 0px 0px 20px; font-family:'ApfelGrotezk Mittel', sans-serif; } .header-btn:hover { background: #111d60; color: #fff; } .header-btn:focus { background: #1D4CBF; color: #fff; } .logo { margin: 10px 0px 0px; } .navbar { padding:0px;} .header-bg .navbar .navbar-collapse { display: block; } .header-bg .navbar-inverse { background: none; border: none; margin: 0px; padding: 0px; display: block; } .header-bg .navbar-inverse ul { padding:5px 0px 0px; display: block; } .header-bg .navbar-inverse ul li { float: left; padding: 0px 20px 5px; position: relative; } .header-bg .navbar-inverse ul li a { color: #000; position: relative; padding: 0px 0px 10px; } .nav-link:focus-visible {box-shadow: none; } .header-bg .navbar-inverse ul li a .fa { font-size: 10px; vertical-align: top; margin: 11px 0px 0px 10px; } .header-bg .navbar-inverse ul li.active a, .header-bg .navbar-inverse ul li a:hover { color: #1D4CBF; } .header-bg .navbar-inverse ul li .dropdown-menu { display: none; position: absolute; min-width: 330px; width: 100%; padding: 0px 0px 0px; margin:0px 0px 0px; border: 0.5px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 36px 64px 0px rgba(145, 145, 242, 0.4); background: rgba(255, 255, 255, 1); backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); right:18px; top:30px; } @supports (-moz-appearance: none) { .header-bg .navbar-inverse ul li .dropdown-menu { background:rgba(255, 255, 255, 1);} } .header-bg .navbar-inverse ul li:nth-child(3) .dropdown-menu { min-width:220px; } .header-bg .navbar-inverse ul li:nth-child(4) .dropdown-menu { min-width: 270px; } .header-bg .navbar-inverse ul li:hover .dropdown-menu { display: block; } .header-bg .navbar-inverse ul li .dropdown-menu li { padding:20px 25px 0px 15px; margin:0px 0px 0px; line-height: 20px; width: 100%; background: none; } .header-bg .navbar-inverse ul li a:after { content:none; } .navbar-expand-lg .navbar-nav .nav-link { padding:0px; } .products-btn-pad.last-btn-pad { margin:0px; } .timeline-mobile-img { float:left; margin-top:10px; display: none; } .header-bg .navbar-inverse ul li .dropdown-menu.resources-subdropdown { margin:0px 0px 0px; padding:15px 20px 10px 20px; min-width: 250px; right: 0px; left: auto; } .header-bg .navbar-inverse ul li .dropdown-menu.resources-subdropdown li { padding:0px 0px 20px; } .header-bg .navbar-inverse ul li .dropdown-menu.resources-subdropdown li:last-child { padding:0px 0px 0px; } .header-bg .navbar-inverse .resources-subdropdown li a { font-size: 18px; line-height: 24px; color: #111D60; } .header-bg .navbar-inverse .resources-subdropdown li a:hover { color: #1d4cbf; } .header-bg .navbar-inverse ul li .mob-gradient-btn { background: linear-gradient(72.62deg, #111D60 11.92%, #1D4CBF 42.3%, #9191F2 72.23%, #E6E6E6 103.49%); border-radius: 6px; padding:0px 22px 0px 22px; color:#fff; height:60px; display:block; font-size:16px; font-family:'ApfelGrotezk Mittel', sans-serif; line-height: 60px; margin:0px 0px 10px; } .header-bg .navbar-inverse ul li .mob-gradient-btn:hover { background: #111d60; color: #FFF; } .products-subdropdown { padding:0px 0px 0px 10px; } .products-subdropdown .products-subtitle { display:block; color: rgba(0, 0, 0, 0.6); font-size:16px; line-height:18px; font-family:'ApfelGrotezk Mittel', sans-serif; padding:0px 0px 10px; } .products-btn-pad { padding:0px 0px 20px; } /*SITE ANIMATION CSS*/ @keyframes float { 0% {transform:translateY(-20px);} 50% {transform:translateY(20px);} 100% {transform:translateY(-20px);} } [data-sal] {transition-duration:0.2s; transition-delay:0s; transition-duration:var(--sal-duration, 0.2s); transition-delay:var(--sal-delay, 0s); transition-timing-function:var(--sal-easing, ease);} [data-sal][data-sal-duration="500"] {transition-duration:0.5s;} [data-sal][data-sal-duration="1000"] {transition-duration:1s;} [data-sal][data-sal-delay="500"] {transition-delay:0.5s;} [data-sal][data-sal-delay="1000"] {transition-delay:1s;} [data-sal|=fade] {opacity:0; transition-property:opacity;} [data-sal|=fade].sal-animate, body.sal-disabled [data-sal|=fade] {opacity:1;} [data-sal|=slide] {opacity:0; transition-property:opacity, transform;} [data-sal=slide-up] {transform:translateY(20%);} [data-sal=slide-left] {transform:translateX(20%);} [data-sal=slide-right] {transform:translateX(-20%);} [data-sal|=slide].sal-animate, body.sal-disabled [data-sal|=slide] {opacity:1; transform:none;} .section-after-sticky {position:relative; z-index:11; } .section-sticky {position:sticky; z-index:10; top:0; border-radius:clamp(1.5rem, 1.0663rem + 1.2048vi, 2rem);} .section-sticky--first {top:0 !important;} .curved-image1 img, .curved-image2 img, .curved-image3 img, .curved-image4 img, .curved-image5 img, .curved-image6 img {animation:float 8s ease-in-out infinite;} /* LANDING PAGE CSS --------------------------------------------------------------------------------------------------------------- */ .full-width { max-width: 100%; } .page-template-default { background: url("../aishield/assets/img/header-bg.png") repeat-x;} .landing-page-bg { position: relative; height: 100vh; z-index: 11; } .landing-banner-content { max-width: 580px; margin: 19px auto 0px; position: relative; z-index: 1; } .landing-banner-content h1 { font-size: 80px; line-height: 76px; padding: 25px 0px 31px; font-family: 'Editor-Regular', sans-serif; } .landing-banner-content h1 span { font-family: 'Editor Regular', sans-serif; } .landing-curve-bg { position: absolute; top: 0px; width: 100%; z-index: -1; } .landing-curve-bg img { height: 100vh; width: 100%; } .landing-slider-btm { position: absolute; width: 100%; bottom: 45px; } .landing-slider-bg { max-width:600px; width: 100%; margin: 0px auto 0px; } .landing-slider-bg .landing-slider { height: 0px; overflow: hidden; } .landing-slider-bg .landing-slider.slick-slider { height: auto; overflow: inherit; padding:12px 14px; background: rgba(255,255,255,0.54); border: 1px solid rgba(210, 223, 238, 1); border-radius: 12px; } .landing-slider-bg .slick-track { margin: 0px; } .landing-slider-content.first-slider-content { height: 67px; margin: 22px 0px 0px; } .landing-slider-box { float: left; width:96px; height: 100px; border-radius: 6px; position: relative; display: flex; align-items: center; text-align: center;} .landing-img-text { position: absolute; width: 100%; color: #fff; font-size:20px; font-family:'ApfelGrotezk Mittel', sans-serif; } .landing-slider-img { width:96px; height: 67px; border-radius:6px; } .landing-slider-img img { width: 100%; height: 100%; object-fit: cover; border-radius:6px; } .landing-slider-content { float: left; line-height: 18px; color: #111D60; width: 79%; padding: 0px 0px 0px 20px; height:100px; } .landing-slider-content p { line-height:18px; color: #111D60; padding: 0px 0px 5px; font-weight: 400; font-size:16px; } .landing-slider-content p span { font-weight: 700; } .landing-slider-content a { color: #111D60; font-size: 16px; text-decoration:underline; font-weight: 700; } .landing-slider-content a:hover { color: #FF653F; } .landing-slider .slick-dots { list-style-type: none; padding: 0px; text-align: center; width: 100%; bottom: -43px; position: absolute; } .landing-slider .slick-dots li { padding: 0px; display: inline-block; } .landing-slider .slick-dots li button { width: 6px; height: 6px; margin: 0px 5px; background: rgba(17, 29, 96, 0.15); border-radius: 100px; } .landing-slider .slick-dots li.slick-active button { background: rgba(17, 29, 96, 1); } .landing-text-slider { height: 0px; overflow: hidden; } .landing-text-slider.slick-slider { height: auto; overflow: inherit; } .landing-text-slider .fade-text { background: #fff; padding: 0px 0px 10px; font-family: 'Editor-Bold', sans-serif; } .landing-text-slider .fade-text span { font-family: 'Editor-Regular', sans-serif; } .lets-innovation-cont .fade-text { background: none; } .landing-main-bg { background: url(../aishield/assets/img/new-bg-runner-lines.png) repeat 0px 0px;} #content-section.active .landing-main-bg-overlay { position: fixed; top:0px; left: 0px; height: 100vh; } .landing-main-bg .container { max-width: 1370px; position: relative; } .animate-img { position: absolute; width: 100%; bottom: 0px; } .tag-position { animation: blink 1200ms infinite; display: none; } .full-height-img .tag-position img { height:auto; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.8; } 100% { opacity: 1; } } .animate-img-inner { display: inline-block; position: relative; } .tag-position { position: absolute; } #content-section .left-width { padding: 0px; } .left-width { height: 100vh; position: relative; padding: 0px 0px; } .right-width { float: left; width: 100%; height: 100vh; position: relative; } .mob-animation-img { position: absolute; bottom: 0px; width: 100%; } .landing-validate-bg { background: url(../aishield/assets/img/bg-runner-lines.png) no-repeat 0px 0px; background-size: cover; position: relative; height: 100vh; } .first-desktop-img svg { margin-top: 50px; } #content-section .securing-lifecycle-content { max-width: 480px; } .securing-lifecycle-content h2 { font-size: 45px; line-height: 54px; padding: 25px 0px 92px; font-family: 'Editor-Medium', sans-serif; } .securing-lifecycle-content .develop-box h2 { padding: 15px 0px 25px; } .securing-lifecycle-content p { font-size: 24px; line-height: 28px; color: rgba(17, 29, 96, 1); font-family: 'Inter', sans-serif; } .landing-animate-img { position: relative; } .develop-box { border-radius: 12px; padding: 30px 35px 50px; max-width: 440px; background: linear-gradient(84.15deg, rgba(255, 255, 255, 0.36) 14.17%, rgba(223, 238, 254, 0.36) 198.44%), linear-gradient(209.13deg, rgba(255, 255, 255, 0.2464) 52.91%, rgba(255, 86, 86, 0.462) 139.89%); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .develop-box p { font-size: 18px; line-height: 26px; color: rgba(88, 88, 88, 1); } .deploy-box-bg .develop-box { background: linear-gradient(84.15deg, rgba(255, 255, 255, 0.36) 14.17%, rgba(223, 238, 254, 0.36) 198.44%), linear-gradient(209.13deg, rgba(255, 255, 255, 0.2464) 52.91%, rgba(145, 145, 242, 0.77) 139.89%); } .monitor-box-bg .develop-box { background: linear-gradient(84.15deg, rgba(255, 255, 255, 0.36) 14.17%, rgba(223, 238, 254, 0.36) 198.44%), linear-gradient(209.13deg, rgba(255, 255, 255, 0.2464) 52.91%, rgba(94, 193, 255, 0.77) 139.89%); } .validate-box-bg .develop-box { background: linear-gradient(84.15deg, rgba(255, 255, 255, 0.36) 14.17%, rgba(223, 238, 254, 0.36) 198.44%), linear-gradient(209.13deg, rgba(255, 255, 255, 0.2464) 52.91%, rgba(145, 145, 242, 0.77) 139.89%); } .validate-box-bg .securing-lifecycle-content h3 { color: #5EC1FF; font-size: 22px; line-height: 26px; padding: 0px; margin: 0px; } .text-gradient { font-family: 'ApfelGrotezk Mittel', sans-serif; background-image: linear-gradient(45deg, #111D60, #1D4CBF 33%, #9191F2 67%, #E6E6E6 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .author-text { font-size: 16px; line-height: 22px; color: #8F8F8F; margin: 18px 0px 0px; font-family: 'Inter', sans-serif; } .validate-logo-mar { display: flex; height: 29px; align-items: center; gap: 46px; margin: 10px 0px 20px; } .validate-logo { display: inline-block; vertical-align: top; height: 29px; } .validate-logo img {vertical-align: middle;} .validate-box-bg .card-dots { margin: 100px 0px 0px; } .integration-develop-bg .develop-box { padding: 50px 28px 70px; background: linear-gradient(84.15deg, rgba(255, 255, 255, 0.36) 14.17%, rgba(223, 238, 254, 0.36) 198.44%), linear-gradient(209.13deg, rgba(255, 255, 255, 0.2464) 52.91%, rgba(145, 145, 242, 0.77) 139.89%); } .integration-develop-bg .card-dots { margin: 125px 0px 0px; } .integration-logo-mar { margin: 130px 0px 0px; float: left; width: 100%; } .integration-logo { float: left; margin: 0px 27px 0px 0px; } .integration-logo:last-child { margin-right: 0px; } .full-height-img { height: 100vh; } .full-height-img img { height: 100vh; } .right-panel { width: 100%; position: relative; height: 100vh; overflow-y: hidden; overflow-x: hidden; scrollbar-width: none; z-index: 91; } .right-panel::-webkit-scrollbar { display: none; } .right-panel img { width: 100%; max-width: 100%; display: block; pointer-events: none; user-select: none; } #content-lottie {position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.8s ease;} #ai-steps {position:relative; width:100%; min-height:100vh; z-index:1; } .scroll-container {width:100%; height:600vh; position:relative;} .steps-wrapper {position:sticky; top:0; height:100vh; width:100%; overflow:hidden;} .step-card {position:absolute; width:100%; opacity:0; transition:opacity 0.5s ease; left: 0px; } .step-card.active {opacity:1; z-index:9;} .card-dots {position:relative; height:1px; border-radius:6px; background:rgba(177, 185, 222, 1); margin:194px 0px 0px; display:flex; justify-content:space-between; max-width:290px;} .card-dot {width:12px; height:12px; border-radius:100px; cursor:pointer; transition:all 0.3s ease; position:relative; background:#B1B9DE; top:-6px;} .card-dot.active {transform:scale(1.1); box-shadow:0 0px 5px rgba(255,101,63,0.4); background:#FF653F; width:19px; height:19px; top:-9px;} .card-dot::after {position:absolute; top:-35px; left:50%; transform:translateX(-50%); background:rgba(0, 0, 0, 0.7); color:white; padding:6px 12px; border-radius:4px; font-size:0.9rem; white-space:nowrap; opacity:0; transition:opacity 0.3s ease; pointer-events:none;} .card-dot:hover::after {opacity:1;} .develop-white-icon { margin: 0px 0px 10px; } .develop-box-inner { border-radius: 8px; padding: 17px 17px 16px; margin: 10px 0px 0px; float: left; width: 100%; background: linear-gradient(72.62deg, #111D60 11.92%, #1D4CBF 42.3%, #9191F2 72.23%, #E6E6E6 103.49%); position: relative; } .develop-box-inner:hover { background: linear-gradient(72.62deg, #111D60 11.92%, #111D60 42.3%, #1D4CBF 72.23%, #111D60 103.49%); } .develop-small-text { font-size: 16px; font-family:'ApfelGrotezk Mittel', sans-serif; color: rgba(255, 255, 255, 0.6);} .develop-title-text { font-size: 20px; font-family:'ApfelGrotezk Mittel', sans-serif; color: rgba(255, 255, 255, 1);} .slider-text { font-size: 16px; color: #BBBBBB; float: right; margin-top: -11px; } .animate-img { position: absolute; right: 0px; } .box-right-arrow { background: url("../img/box-right-arrow.png") no-repeat 0px 0px; width: 24px; height: 24px; position: absolute; top: 17px; right: 17px; } .card-dots {position:relative; height:1px; border-radius:6px; background:rgba(177, 185, 222, 1); margin:97px 0px 0px; display:flex; justify-content:space-between; max-width:180px;} .card-dot {width:8px; height:8px; border-radius:100px; cursor:pointer; transition:all 0.3s ease; position:relative; background:#B1B9DE; top:-4px;} .card-dot.active {transform:scale(1.1); box-shadow:0 0px 5px rgba(255,101,63,0.4); background:#FF653F; width:9px; height:9px; top:-4px;} .card-dot::after {position:absolute; top:-35px; left:50%; transform:translateX(-50%); background:rgba(0, 0, 0, 0.7); color:white; padding:6px 12px; border-radius:4px; font-size:0.9rem; white-space:nowrap; opacity:0; transition:opacity 0.3s ease; pointer-events:none;} .card-dot:hover::after {opacity:1;} .develop-white-icon { margin: 0px 0px 10px; } .develop-box-inner { border-radius: 8px; padding: 17px 17px 16px; margin: 10px 0px 0px; float: left; width: 100%; background: linear-gradient(72.62deg, #111D60 11.92%, #1D4CBF 42.3%, #9191F2 72.23%, #E6E6E6 103.49%); position: relative; } .develop-box-inner:hover { background: linear-gradient(72.62deg, #111D60 11.92%, #111D60 42.3%, #1D4CBF 72.23%, #111D60 103.49%); } .develop-small-text { font-size: 16px; font-family:'ApfelGrotezk Mittel', sans-serif; color: rgba(255, 255, 255, 0.6);} .develop-title-text { font-size: 20px; font-family:'ApfelGrotezk Mittel', sans-serif; color: rgba(255, 255, 255, 1);} .slider-text { font-size: 16px; color: #BBBBBB; float: right; margin-top: -11px; } .animate-img { position: absolute; right: 0px; } .box-right-arrow { background: url("../aishield/assets/img/box-right-arrow.png") no-repeat 0px 0px; width: 24px; height: 24px; position: absolute; top: 17px; right: 17px; } .card-dots {position:relative; height:1px; border-radius:6px; background:rgba(177, 185, 222, 1); margin:60px 0px 0px; display:flex; justify-content:space-between; max-width:180px;} .card-dot {width:8px; height:8px; border-radius:100px; cursor:pointer; transition:all 0.3s ease; position:relative; background:#B1B9DE; top:-4px;} .card-dot.active {transform:scale(1.1); box-shadow:0 0px 5px rgba(255,101,63,0.4); background:#FF653F; width:9px; height:9px; top:-4px;} .card-dot::after {position:absolute; top:-35px; left:50%; transform:translateX(-50%); background:rgba(0, 0, 0, 0.7); color:white; padding:6px 12px; border-radius:4px; font-size:0.9rem; white-space:nowrap; opacity:0; transition:opacity 0.3s ease; pointer-events:none;} .card-dot:hover::after {opacity:1;} /*LANDING PAGE CSS HOME 2*/ #animate-ai-steps {position:relative; width:100%; min-height:100vh; z-index:1; } .securing-lifecycle-overlay {position:absolute; width:100%; opacity:0; transition:opacity 0.7s ease-in-out; height: 100vh; max-width: 440px; display: flex; align-items: center; } .securing-lifecycle-overlay.active {opacity:1; z-index:9; } .landing-main-bg .landing-main-bg-overlay { display: none; } .landing-main-bg.securing-bg-img .landing-main-bg-overlay { position: fixed; top:0px; left: 0px; height: 100vh; display: block; } .integration-sticky { position:sticky; top: 0px; } .leftsidebar { width: 33.3%; height: 100vh; position: sticky; top: 0%; } .rightsidebar { width: 66.6%; display: flex; flex-direction: column; } .rightsidebar, .leftsidebar { padding: 0px 15px; } .main-wrapper { display: flex; justify-content: space-between; } .security-black-bg { background:#020202; padding:270px 0px 198px; position:relative; z-index: 2; } .black-top-bg { position:absolute; top:0px; right:0px; } .black-bottom-bg { position:absolute; bottom:0px; left:0px; } .security-black-bg h2 { font-size:64px; line-height: 76px; color:#fff; font-family: 'Editor-Regular', sans-serif; width:66%; margin:0px auto 0px; } .security-black-bg h2 span { font-family: 'Editor-Bold', sans-serif; } .security-platform-box { border: 2px solid rgba(134, 131, 166, 0.3); border-radius:10px; padding:30px 58px 50px; height:336px; position: relative; margin:0px 0px 20px; cursor:default; background: linear-gradient(108.12deg, rgba(84, 100, 195, 0.18) 0.58%, rgba(0, 0, 0, 0) 100%); } .security-platform-box h3 { font-size:28px; line-height:38px; color:#fff; font-family: "Inter", sans-serif; font-weight:300; } .security-platform-box span { font-family: "Inter", sans-serif; font-weight:600; } .security-platform-box h3 a { color:#fff; font-weight:300; } .security-platform-box h3 a:hover { color:#DADAFF; } .security-platform-box:hover .box-bottom-sector a { transition: width 2s; } .box-bottom-sector { position:absolute; bottom:60px; } .security-platform { padding:140px 0px 80px; } .see-aishield-btn { width:100%; max-width:275px; height:80px; line-height: 80px; display:block; margin:0px auto 0px; font-size:18px; color:#fff; box-shadow: 0px 10px 20px 0px rgba(56, 98, 238, 0.2); background:#1c4bbd; border-radius:6px; text-align: center; position: relative; z-index: 5; font-family: "Inter", sans-serif; font-weight: 500; } .see-aishield-btn:hover { background:#111d60; color:#fff;} .security-platform-box svg { margin: 0px 30px 0px 0px; transition: transform 300ms ease-out; transition-delay: 100ms; } .security-platform-box:hover .iconanimation1 svg {transform: translateX(10px);} .security-platform-box:hover .iconanimation2 svg {transform: translateX(15px);} .security-platform-box:hover .iconanimation3 svg {transform: translateX(20px);} .security-platform-box:hover path { stroke: #3862ee; } .landing-gray-bg .container, .security-black-bg .container { max-width: 1300px; } .landing-gray-bg { background:#F2F7FB; padding:240px 0px 180px; position:relative; z-index: 2; } .recognition-box-carousal { padding:95px 0px 100px; } .recognition-box-carousal .row, .security-platform .row { margin-left:-10px; margin-right:-10px; } .recognition-box-carousal .col-md-6, .security-platform .col-md-6 { padding-left:10px; padding-right:10px; } .landing-gray-bg h2 { font-size:64px; line-height: 76px; color:#111D60; text-align: center; font-family:'Editor-Medium', sans-serif; } .foundation-organizations-bg { padding:0px 0px 140px; } .foundation-organizations-bg h2 { font-family: 'Editor-Regular', sans-serif; font-size:96px; line-height:106px; text-align:center;} .foundation-organizations-bg h2 span { font-family: 'Editor-Bold', sans-serif; } .organizations-testimonial-slider { padding:200px 0px 0px; } .testimonial-slider-box { background:#fff; border-radius:12px; padding:20px 5px; margin:0px 0px 20px; display: flex; align-items: center; } .testimonial-slider-box .col-lg-4 { width: 40%; } .testimonial-slider-box .col-lg-8 { width: 60%; } .testimonial-right-content { padding:0px 0px 0px 40px; width:100%; max-width:600px; } .testimonial-slider-img { position: relative; } .testimonial-slider-img img { position:relative; border-radius: 6px; } .testimonial-image-cont { position:absolute; top:0px; left:0px; width:100%; max-width:350px; padding: 64px 0px 0px 60px; } .sml-sector-text { font-size:20px; line-height: 30px; color:#111D60; margin:0px 0px 67px; font-family: 'Inter', sans-serif; } .testimonial-image-cont h3 { font-size:36px; line-height: 46px; font-weight: 700; font-family: 'Inter', sans-serif; } .testimonial-right-content p, .testi-position { font-size:20px; line-height:30px; color:#585858; font-weight:400; font-family: 'Inter', sans-serif; } .testi-position { margin: 40px 0px 0px; } .testi-position span { font-weight:600; font-family: 'Inter', sans-serif; } .organizations-testimonial-slider .slick-dots { list-style-type: none; padding: 0px; text-align: center; width: 100%; bottom: -27px; position: absolute; } .organizations-testimonial-slider .slick-dots li { padding: 0px; display: inline-block; } .organizations-testimonial-slider .slick-dots li button { width:8px; height:8px; margin: 0px 5px; background:#DADAFF; border-radius: 100px; } .organizations-testimonial-slider .slick-dots li.slick-active button { background:#1D4CBF; } .client-partner-scroll { padding:80px 0px 80px; display: none; } .client-logo-img img { vertical-align:middle; display:inline-block; } .client-logo-img { max-width:180px; height:65px; width:100%; display:flex; align-items: center; justify-content: center; } .recognition-content { padding:80px 0px 0px; } .awards-white-box { border: 1px solid #D2DFEE; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.06); padding:8px; border-radius:16px; margin:0px 0px 20px; display: flex; align-items: center; } .awards-white-box:hover { border: 1px solid #D2DFEE; } .awards-white-box:focus { border: 1px solid #D2DFEE; } .recognition-img { float:left; } .recognition-right { float:left; padding:8px 0px 0px 52px; width:49%; } .recognition-right h5 { font-size:20px; line-height:30px; font-weight:700; font-family:'Inter', sans-serif; } .recognition-right h5 a { color:#111D60; font-family:'Inter', sans-serif; } .recognition-right h5 a:hover { color:#1D4CBF; } .recognition-box-carousal .carousel-indicators [data-bs-target] { width:8px; height:8px; margin:0px 5px; background:#DADAFF; border-radius: 100px; padding: 0px; display: inline-block; border:none; } .recognition-box-carousal .carousel-indicators button.active { background:#1D4CBF; } .recognition-box-carousal .carousel-indicators { margin-bottom:0px; bottom:-28px; } .lets-innovation-bg { padding:190px 0px 270px; position:relative; z-index: 2; } .lets-innovation-cont { width:100%; max-width:870px; margin:0px auto 0px; } .lets-innovation-bg h2 {font-size: 96px; line-height: 106px; font-family: 'Editor-Regular', sans-serif; padding:0px 0px 100px; position: relative; } .lets-innovation-bg h2 span, .foundation-organizations-bg h2 span { font-family:'Editor-Bold', sans-serif; display:block; } .talk-btn { width:100%; max-width:166px; border-radius:6px; color:#fff; font-size:18px; display:block; background:#1c4bbd; text-align: center; height:80px; line-height:80px; margin:0px auto 0px; font-family:'Inter', sans-serif; } .talk-btn:hover { background:#111d60; color:#fff; } /*TEXT ANIMATION CSS*/ .no-animate-text { display: inline-block; margin-top: 5px; margin-left: -270px; font-family:'Editor-Regular', sans-serif; } .text-slider-rotator .text {position: absolute;top: 35px;left: 0;opacity: 0; animation: fadeWords 18s infinite; padding-left: 215px; font-family:'Editor-Bold', sans-serif; } .lets-innovation-cont .text-slider-rotator .text { top: 218px; padding-left: 450px; animation: fadeWords1 18s infinite; font-family:'Editor-Bold', sans-serif; } .lets-innovation-cont .no-animate-text { font-family:'Editor-Bold', sans-serif; } .text-slider-rotator .text:nth-child(1) {animation-delay: 0s;} .text-slider-rotator .text:nth-child(2) {animation-delay: 3s;} .text-slider-rotator .text:nth-child(3) {animation-delay: 6s;} .text-slider-rotator .text:nth-child(4) {animation-delay: 9s;} .text-slider-rotator .text:nth-child(5) {animation-delay: 12s;} .text-slider-rotator .text:nth-child(6) {animation-delay: 15s;} @keyframes fadeWords { 0% { opacity: 0; } 8%, 17% { opacity: 1; } 25% { opacity: 0; } 100% { opacity: 0; } } @keyframes fadeWords1 { 0% { opacity: 0; } 17% { opacity: 1; } 25% { opacity: 0; } 100% { opacity: 0; } } /* HOME PAGE CSS --------------------------------------------------------------------------------------------------------------- */ .banner-sector-icon { display: inline-block; vertical-align: top; margin: 0px 7px 0px 0px; } .banner-sector-title { display: inline-block; font-size: 34px; line-height: 40px; color: #111d60; vertical-align: top; margin: 4px 0px 0px 0px; } .banner-sector-title span { font-family:'ApfelGrotezk Mittel', sans-serif; } .banner-content { padding: 97px 0px 0px; } .banner-content h1 { font-size: 80px; line-height: 86px; padding: 25px 0px 31px; } .banner-content h1 span { font-family: 'Editor-Medium', sans-serif; background-image: linear-gradient(45deg, #111D60 , #1D4CBF 33%, #9191F2 67%, #E6E6E6 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .banner-content p { font-size: 28px; color: rgba(0, 0, 0, 0.6); line-height: 32px; } .banner-content h1 > div { font-family:'Editor-Medium', sans-serif; } .banner-content h1 .text-gradient { background-image: linear-gradient(90deg, #111D60 0%, #1D4CBF 100%); } .home-video-bg { padding: 167px 0px 0px; } .modal-scanner-video img { border-radius: 10px; box-shadow: 0px 36px 64px 0px #9191F266; } .model-scanner-bg { position: relative; background:#000; } .model-scanner-pad { padding:154px 0px 255px; } .model-left-width p { width:100%; max-width:506px; } .model-scanner-bg h2 { font-size:72px; line-height:76px; padding: 0px 0px 22px; font-family: 'Editor-Regular', sans-serif; color:#fff; } .model-scanner-bg p { font-size: 24px; line-height: 34px; color: rgba(255, 255, 255, 0.6); position:relative; z-index:9; width: 86%; } .scanner-box-bg { padding: 24px 20px 0px 23px; border-radius:12px; width: 213px; height: 244px; float: left; border-image-source: linear-gradient(141.43deg, rgba(255, 94, 94, 0.4) 0.8%, rgba(255, 58, 58, 0.2) 29.66%, rgba(255, 91, 91, 0) 58.1%, rgba(255, 255, 255, 0) 87.8%); border-image-slice: 1; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); position: relative; z-index: 1; background: linear-gradient(159.32deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.1) 86.3%); overflow: hidden; } .scanner-box-bg:before {content: "";position: absolute;inset: 0;padding:1px; border-radius: 12px;background: linear-gradient(141.43deg, rgba(255, 94, 94, 0.4) 0.8%, rgba(255, 58, 58, 0.2) 29.66%, rgba(255, 91, 91, 0) 58.1%, rgba(255, 255, 255, 0) 87.8%); -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .scanner-box-bg p { font-size: 18px; line-height: 22px; color: #fff; width: 100% !important; } .scanner-box-bg p span { font-family: 'ApfelGrotezk Mittel', sans-serif; width: 100%; } .scanner-icon { margin: 0px 0px 40px; } .scanner-content { position: relative; margin:50px 0px 0px; } .orange-circle-img { position: absolute; bottom: 0px; right: 0px; } .scanner-box-bg2 { float: right; z-index: 2; bottom: 35px; } .scanner-box-bg3 { display: block; margin: -55px auto 0px; left: 34%; } .red-teaming-bg .model-scanner-pad { padding:150px 0px 250px; } .timeline-bg { position: relative; padding:0px; background: rgba(246, 246, 246, 0.5); z-index: 1; padding-inline: 0px !important; overflow: hidden; } .timeline-bg .container { position: relative; max-width: 1240px; } .timeline-content-lt { padding:126px 0px 0px; position: relative;} .timeline-bg h2 { font-size:72px; line-height:76px; margin: 0px 0px 5px; } .timeline-content-lt p { font-size: 24px; line-height: 32px; color: rgba(0, 0, 0, 0.6); } .timeline-lt-img { position: absolute; left: 0px; bottom: 0px; } .timeline-rt-img { position: absolute; right: 0px; bottom: 0px; } .timeline-icon { display: inline-block; margin: 0px 0px 15px; } .timeline-bg .timeline-content h4 { font-size: 40px; line-height: 40px; color: #000; font-family: 'ApfelGrotezk Mittel', sans-serif; margin: 0px 0px 15px; } .timeline-bg .timeline-content p { font-size: 24px; line-height: 32px; color: #000; padding: 0px 0px 25px; } .blue-btn { background: #1D4CBF; color: #fff; display: inline-block; width: 132px; height: 56px; line-height: 56px; text-align: center; border-radius: 5px; margin: 2px 0px 0px; font-family:'ApfelGrotezk Mittel', sans-serif; z-index: 1; position: relative; } .blue-btn:hover { background: #111d60; color: #fff; } .blue-btn:focus { background: #1D4CBF; color: #fff; } .sector-bottom-bg { position:absolute; bottom:0px; left:0px; } .left-content { display:flex; } .timeline { right:0px; position: absolute; top:0px; bottom:0px; } .timeline-content-lt .timeline-width { max-width:596px; width:100%; padding:0px 0px 100px; } .timelineRight { padding:0px; } .timeline-scroll-content { padding:255px 0px 240px 0px;} .timeline-scroll-content .timeline-content { padding:0px 0px 240px 0px;} .timeline-scroll-content .timeline-content:last-child { padding:0px;} .timeline img { height:100vh;} /* CORE FEATURES AND CAPABILITIES SECTION CSS --------------------------------------------------------------------------------------------------------------- */ .core-features-capabilities-bg { padding:365px 0px 370px; background:#000; position: relative; } .top-black-bg { position:absolute; right:0px; top:0px; } .bottom-black-bg { position:absolute; left:0px; bottom:0px; } .core-features-capabilities-bg h2 { font-size: 64px; line-height:70px; padding:0px 0px 0px; color:#fff; } .box-divider { padding:80px 0px 0px; display:flex;} .core-features-box { justify-content: space-between; padding:56px 50px 0px; margin:0px 0px 20px; position: relative; border-radius:16px; height: 100%; } .core-features-sml { justify-content: space-between; padding:35px 30px 0px; margin:0px 0px 0px; position: relative; border-radius:16px; height: 100%; } .core-icon { margin:0px 0px 0px; display: inline-block; } .core-content { position:absolute; bottom:15px; } .core-features-blue .core-content { bottom:40px; } .core-features-box h3 { font-size:56px; line-height:57px; padding:0px 0px 10px; color:#000; font-family: 'ApfelGrotezk Mittel', sans-serif; } .core-features-box p { font-size:24px; line-height:30px; padding:10px 0px 10px; color:rgba(0, 0, 0, 0.6); } .core-features-sml h3 { font-size:24px; line-height:29px; padding:0px 0px 0px; color:#fff; font-family: 'ApfelGrotezk Mittel', sans-serif; } .core-features-sml p { font-size:16px; line-height:22px; padding:10px 0px 10px; color:rgba(255, 255, 255, 0.6); } .core-features-right h3 { font-size:32px; line-height:36px; padding:0px 0px 0px; color:#000; font-family: 'ApfelGrotezk Mittel', sans-serif; } .core-features-right p { font-size:20px; line-height:28px; padding:10px 0px 10px; color:rgba(0, 0, 0, 0.6); } .core-features-darkpurple h3 { font-size:40px; line-height:48px; padding:0px 0px 0px; color:#fff; width: 80%; font-family: 'ApfelGrotezk Mittel', sans-serif; } .core-features-darkpurple p { font-size:20px; line-height:24px; padding:10px 0px 10px; color:rgba(255, 255, 255, 0.6); } .core-features-sml .core-content, .core-features-darkpurple .core-content { width:88%; } .core-features-right { justify-content: space-between; padding:35px 30px 0px; margin:0px 0px 20px; position: relative; border-radius:16px; height: 100%; } .core-right { float:right;} .red-teaming-core .core-features-sml h3 { font-size: 26px; line-height:30px; } .red-teaming-core .core-features-sml p { font-size:18px; line-height:26px; } .red-teaming-core .core-features-darkpurple h3 { font-size:46px; line-height:54px;} .red-teaming-core .core-features-darkpurple p { font-size:24px; line-height:30px;} .core-features-darkpurple.ready-purple-box .core-content { width:90%;} .red-teaming-core .core-features-darkpurple.ready-purple-box h3 { font-size:46px; line-height:56px; width:100%; } .red-teaming-core .core-features-darkpurple .core-icon img{ margin:-7px 13px 0px 0px; } .core-features-blue { background:#153697; height:382px; } .core-features-black { background:#2D2E30; height:230px; } .core-features-dark { background:#111d60; height:230px; } .core-features-purple { background:#9191F2; height:230px; } .core-features-darkpurple { background:#4353AC; height:382px; padding: 28px 26px 0px 30px; } .core-features-capabilities-bg .row { margin-left:-10px; margin-right:-10px; } .core-features-capabilities-bg .col-12, .core-features-capabilities-bg .box-divider .col-6 { padding-left:10px; padding-right:10px; } /* TESTIMONIAL SECTION CSS --------------------------------------------------------------------------------------------------------------- */ .testimonial-bg { padding:220px 0px 200px; background:#fff; } .testimonial-bg h2 { font-size: 56px; line-height: 62px; font-family:'ApfelGrotezk Mittel', sans-serif; } .testimonial-pad { padding:68px 0px 0px; } .testimonial-box { background:#FAFAFA; padding:34px 32px 40px; border-radius:8px; } .testimonial-box p { font-size: 24px; line-height:30px; color:#000; padding:0px 0px 35px; } .circle-quote { background:#fceee9; height:45px; width:45px; border-radius:100px; text-align: center; display:flex; justify-content: center; align-items: center; float:left; } .testimonial-cont { color:rgba(0, 0, 0, 0.6); font-size:16px; line-height: 22px; margin: 0px 0px 0px 20px; float:left; width:79%; display:flex; align-items: center; height: 44px; } .testimonial-bg .slick-dots { display: none !important; } /* DEVELOPER IT SECURITY SECTION CSS --------------------------------------------------------------------------------------------------------------- */ .developer-security-bg .container { max-width:1440px; position: relative; } .developer-security-bg { padding:0px 0px 500px; } .developer-security-bg h2 { font-size: 56px; line-height:66px; letter-spacing:0px; text-align: center; color:#000; font-family:'ApfelGrotezk Mittel', sans-serif; } .curve-center-text { width:100%; max-width:900px; margin:250px auto 0px; display:block; } .curve-center-text .purple-text:first-child { background: linear-gradient(90deg, #5c71da 0%, #8a8def 50%, #8a8def 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .curve-center-text .purple-text:nth-child(2) { background: linear-gradient(90deg, #152c7e 0%, #3057c7 50%, #3057c7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .purple-text { background: linear-gradient(90deg, #5c71da 0%, #5c71da 20%, #8a8def 85%, #c0c0ec 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family:'ApfelGrotezk Mittel', sans-serif; } .left-curve { position:absolute; left:0px; top:0px; } .right-curve { position:absolute; right:0px; top:0px; } .curved-image1 { position:absolute; top:6%; left:-15px;} .curved-image2 { position:absolute; bottom:-76%; left:0px; } .curved-image3 { position:absolute; bottom:-34%; left:28%; } .curved-image4 { position:absolute; top:40%; right:3%; } .curved-image5 { position:absolute; top:1%; right:0; } .curved-image6 { position:absolute; bottom:-77%; right:0px; } /* DEPLOYMENT PRICING SECTION CSS --------------------------------------------------------------------------------------------------------------- */ .deployment-pricing-bg { background: linear-gradient(180deg, #F5F7F9 0%, rgba(245, 247, 249, 0) 100%); padding:140px 0px 150px; position: relative; } .deployment-pricing-bg h2 { font-size:72px; line-height:78px; color:#111D60; font-family: 'Editor-Regular', sans-serif; } .deployment-right-img { position:absolute; right:0px; top:0px; } .pricing-content-pad { padding:86px 0px 0px; } .pricing-content-box { margin:0px 0px 28px; } .pricing-box-bg { background:#D9D9FF; width:80px; height:80px; border-radius: 8px; padding:0px 0px 0px; display:flex; justify-content:center; align-items: center; float:left; } .pricing-right-cont { float:left; width:75%; padding-left:20px; } .pricing-right-cont h6 { font-size: 20px; line-height: 26px; color:#000; padding:2px 0px 2px; } .pricing-right-cont h6 a:hover { color:#111D60; } .pricing-right-cont p { font-size:18px; line-height: 24px; color:rgba(0, 0, 0, 0.6); padding:0px; } /* AI REWRITING FUTURE SECTION CSS --------------------------------------------------------------------------------------------------------------- */ .rewriting-future { padding:30px 0px 100px; } .rewriting-content-bg { padding:50px 0px 45px 55px; border-radius:16px; } .rewriting-content-bg h2 { font-size:56px; line-height: 66px; color:#fff; padding:0px 0px 10px; font-family: 'ApfelGrotezk Mittel', sans-serif; } .rewriting-content-bg p { font-size:24px; line-height: 31px; color:rgba(255, 255, 255, 0.8); padding:0px 0px 32px; } .demo-btn { height:56px; line-height: 56px; background:#fff; text-align: center; width:100%; max-width:144px; display:block; font-size:18px; color:#111D60; font-family:'ApfelGrotezk Mittel', sans-serif; border-radius:6px; } .demo-btn:hover { background:rgba(255, 255, 255, 0.8); color:#111D60; } .demo-btn:focus { background:#fff; color:#111D60; } /* RED TEAMING PAGE CSS --------------------------------------------------------------------------------------------------------------- */ .red-teaming-bg .scanner-box-bg { height:267px; } .red-teaming-bg .scanner-box-bg2 { height:244px; } .red-teaming-bg .scanner-box-bg3 { height:244px; width:240px; left: -3%; } .red-teaming-core .core-features-darkpurple { height:630px; } /* FIREWALL PAGE CSS --------------------------------------------------------------------------------------------------------------- */ .firewall-banner.banner-content h1 span { background-image:linear-gradient(90deg, #111D60 0%, #1D4CBF 33.17%, #9191F2 65.87%, #E6E6E6 120%); } .firewall-bg .scanner-box-bg { height:267px; } .firewall-banner.banner-content h1 .text-gradient { background-image: linear-gradient(90deg, #111D60 0%, #1D4CBF 100%); } .firewall-bg .model-scanner-pad { padding: 150px 0px 215px; } .model-scanner.banner-content h1 { width: 90%; margin: 0px auto; } .firewall-banner.banner-content h1 { width: 78%; margin: 0px auto; } .redteaming-banner.banner-content h1 { width: 78%; margin: 0px auto; } /* ABOUTUS SECTION CSS --------------------------------------------------------------------------------------------------------------- */ .page-template-page-about { background:url(../aishield/assets/img/main-bg.png) no-repeat top center; background-size:contain; } .cms-banner-content { padding:102px 0px 107px; } .banner-alt-text { font-size: 24px; text-transform: uppercase; line-height: 24px; color:rgba(0, 0, 0, 0.6); } .cms-banner-content p { font-size:24px; line-height:34px; color:rgba(0, 0, 0, 0.6); width:100%; max-width:980px; margin:0px auto 0px; } .cms-banner-content h1 { font-size:64px; line-height:70px; padding: 27px 0px 38px; } .cms-banner-content h1 span { background-image: linear-gradient(90deg, #1c47b5 0%, #1D4CBF 33.17%, #9191F2 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cms-banner-content h1 span.text-color2 { background-image: linear-gradient(45deg, #111D60 , #1D4CBF 33%, #9191F2 67%, #E6E6E6 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .partner-logo-bg { padding:128px 0px 188px; } .partner-logo-bg .container { max-width:100%;} .partner-logo-bg h2 { font-size: 32px; font-family:'ApfelGrotezk Mittel', sans-serif; } .cms-client-logo { width:100%; display:flex; align-items: center; justify-content: center; } .cms-client-logo img { vertical-align:middle; display:inline-block; } .client-logo-pad { padding:55px 0px 0px; width:100%; height:150px; overflow:hidden; } .exist-text { font-size: 24px; text-transform: uppercase; line-height: 28px; color:rgba(0, 0, 0, 0.6); padding:35px 0px 18px; } .exist-content-bg { padding:0px 0px 205px; background: #fff; } .exist-content { width: 95%; margin: 0px auto; } .exist-content p { font-size: 28px; line-height: 34px; font-family:'ApfelGrotezk Mittel', sans-serif; } .technology-content { padding:0px 0px 100px; } .technology-bg { border-radius:16px; padding:61px 65px 37px; } .technology-bg h2 { color:#fff; font-size:56px; line-height: 62px; width: 85%; font-family:'ApfelGrotezk Mittel', sans-serif; } .technology-bg .col-md-2 { float:none; margin:0px auto 0px; display:inline-block; width: 13%; text-align: center; } .technology-bg .sector-text { display:block; color:#fff; font-size:18px; padding:15px 0px 0px; font-family:'ApfelGrotezk Mittel', sans-serif; } .technology-bg .sector-text:hover { color:rgba(255, 255, 255, 0.8); } .technology-sector { padding:55px 0px 35px; } .technology-sector img {mix-blend-mode: plus-lighter;} .our-journey-bg { padding:75px 0px 100px; background: #fff; } .our-journey-bg h2 { font-size:80px; line-height:86px; color: #111D60; font-family: 'Editor-Regular', sans-serif; } .timeline-pad { padding:0px 0px 15px; } .year-text { background:linear-gradient(85.11deg, #111D60 3.94%, #1D4CBF 47.36%, #9191F2 90.14%, #E6E6E6 134.81%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family:'ApfelGrotezk Mittel', sans-serif; max-width:7%; font-size:20px; } .border-divider { height:1px; width:64px; background:rgba(0, 0, 0, 0.15); margin: 12px auto 0px; } .our-journey-bg .timeline-content { padding:40px 0px 0px ; } .time-main-content { padding:0px 0px 0px 0px;} .time-main-content h4 { padding:0px 0px 6px; font-size: 20px; line-height: 26px; color: #000; display:inline-block; font-family:'ApfelGrotezk Mittel', sans-serif; } .time-main-content p { color:#000; font-size: 16px; padding: 0px 0px 17px; } .awards-bg { padding:20px 0px 105px; background: #fff; } .awards-bg h2 { font-size:56px; line-height:62px; color: #111D60; margin: 0px 0px 48px; font-family:'ApfelGrotezk Mittel', sans-serif; } .awards-image-center img { border-radius:8px;} .awards-logo-width { display: inline-block; vertical-align: top; margin: 0px 26px 25px; } /*SLICK SLIDER CSS*/ .slick-slider { position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } .slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; } .slick-list:focus { outline:none; } .slick-list.dragging { cursor:pointer; cursor:hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); transition-delay: 0s; } .slick-track { position:relative; top:0; left:0; display:block; margin: 0px auto; } .slick-track:before, .slick-track:after { display:table; content:''; } .slick-track:after { clear:both; } .slick-loading .slick-track { visibility:hidden; } .slick-slide { display:none; float:left; height:100%; min-height:1px; } [dir='rtl'] .slick-slide { float:right; } .slick-slide img { display:block; } .slick-slide.slick-loading img { display:none; } .slick-slide.dragging img { pointer-events:none; } .slick-initialized .slick-slide { display:block; } .slick-loading .slick-slide { visibility:hidden; } .slick-vertical .slick-slide{ display:block; height:auto; border:1px solid transparent; } /* CONTACT PAGE CSS --------------------------------------------------------------------------------------------------------------- */ .page-template-page-contact .model-scanner-banner-bg, .page-template-page-request-demo .model-scanner-banner-bg, .page-template-page-about .model-scanner-banner-bg { padding: 0px; } .contact-page { padding: 64px 0px 50px; } .contact-page .row { margin-left: -32px; margin-right: -32px; } .contact-page .col-12 { padding-left: 32px; padding-right: 32px; } .contact-page h1 { font-size:64px; line-height:70px; margin: 0px 0px 10px; color:#fff; } .let-talk-bg p { font-size: 20px; line-height: 26px; color:rgba(255, 255, 255, 0.8); margin: 0px 0px 0px; padding:0px; } .address-title { font-size: 16px; line-height: 18px; color:rgba(0, 0, 0, 0.6); margin: 0px 0px 9px; } .address-content p { font-size: 20px; line-height: 26px; color:rgba(0, 0, 0, 0.8); margin: 0px; } .address-content p a { color:rgba(0, 0, 0, 0.8); } .address-content p a:hover { color:#111D60; } .address-content { margin: 0px 0px 13px; width: 100%; max-width: 80%; } .address-content .footer-social { margin: 8px 0px 0px; float: left; width: 100%; } .contact-form label { color: #000; font-size:14px; margin: 0px 0px 8px; float: left; width: 100%; } .contact-form .form-control { display: block; width: 100%; padding: 0px 15px; font-size: 18px; font-weight: 400; line-height: 1.5; color:rgba(0, 0, 0, 0.6); background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height: 56px; outline: none; margin: 0px 0px 20px; border-radius:8px; } .contact-form .textarea { height: 104px; padding: 15px; } .select-dropdown { background:#fff url("../aishield/assets/img/select-down-arrow.png") no-repeat 97% center; } .sumbit-btn { background:#1D4CBF; height: 56px; color: #fff; float: left; width: 100%; font-size: 18px; margin: 10px 0px 21px; border-radius:6px; } .sumbit-btn:hover { background:#000; } .sumbit-btn:focus { background:#1D4CBF; } .contact-form p { font-size: 14px; line-height: 18px; color:rgba(0, 0, 0, 0.7); padding: 0px; } .contact-form p a { text-decoration: underline; color:rgba(0, 0, 0, 0.7); } .contact-form p a:hover { color: #1D4CBF; } .let-talk-bg { border-radius:16px; padding:37px 43px 40px; margin:0px 0px 35px; } .resources-bg { background:#fff; padding:80px 0px 110px; display: none; } .resources-bg h2 { font-size:32px; line-height:38px; font-family:'ApfelGrotezk Mittel', sans-serif; } .three-columns-box { background: #fff; margin: 0px 0px 10px; } .three-columns-cont { padding:30px 0px 20px; } .resources-img { text-align: center; border-radius:8px; } .resources-img img { width: 100%; border-radius:8px; } .resources-box-cont h3 { color:#000; font-size:24px; line-height:30px; padding:0px; } .resources-box-cont h3 a { color:#000; font-family:'ApfelGrotezk Mittel', sans-serif; } .resources-box-cont h3 a:hover { color:#1D4CBF; } .resources-box-cont { padding:15px 20px 15px 0px; } .blog-date-text { color:rgba(0, 0, 0, 0.7); padding:0px 0px 18px; } .load-more-btn { background:#fff; width:100%; max-width:124px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius:6px; display:block; font-size:18px; color:#111D60; text-align:center; height:56px; line-height:54px; margin:0px auto 0px; font-family:'ApfelGrotezk Mittel', sans-serif; } .load-more-btn:hover { background:#111D60; color:#fff; border: 1px solid rgba(0, 0, 0, 0.2); } .load-more-btn:focus { background:none; color:#111D60; border: 1px solid rgba(0, 0, 0, 0.2); } /* REQUEST DEMO PAGE CSS --------------------------------------------------------------------------------------------------------------- */ .request-page .contact-form-content p { color:rgba(255, 255, 255, 0.8); font-size:20px; line-height: 26px; } .request-page .contact-form-content { width: 100%; padding: 52px 64px 210px; border-radius: 16px; } .request-page .contact-form-content ul { list-style-type: none; padding: 0px; margin: 27px 0px 0px; } .request-page .contact-form-content ul li { padding: 10px 0px 10px 40px; color:rgba(255, 255, 255, 0.8); position: relative; } .request-page .contact-form-content ul li:after {content: ""; background: url("../aishield/assets/img/tick-icon.png") no-repeat 0px 0px; width:24px; height:24px; position: absolute; left: 0px; top: 10px; } .client-logo-mar { margin: 55px 0px 0px; } .request-page .client-logo { width: 130px; margin: 0px 11px 20px; height: 75px; display: flex; justify-content: center; align-items: center; float: left; } .request-page h4 { margin: 0px 0px 25px; font-size: 32px; font-family:'ApfelGrotezk Mittel', sans-serif; } .request-page .contact-form { padding: 44px 0px 80px; } .contact-form .row { margin-left: -8px; margin-right: -8px; } .contact-form .col-xl-4, .contact-form .col-12 { padding-left: 8px; padding-right: 8px; } .request-select .select-dropdown { background: #fff; border-radius: 5px; } .request-select { margin: 16px 0px 0px; } .request-select input {position: absolute !important;clip:rect(0, 0, 0, 0);width:1px;height:1px;border:0;overflow:hidden;} .request-select label:hover {cursor:pointer;} .request-select input:checked + label { background: linear-gradient(87.16deg, #111D60 2.36%, #1D4CBF 48.59%, #9191F2 94.14%, #E6E6E6 141.71%); color:#fff; border:1px solid rgba(255,255,255, 1); } .select-text { float: left; font-size: 14px; line-height: 16px; margin: 0px 0px 0px 8px; font-family:'ApfelGrotezk Mittel', sans-serif; } .select-text small { font-size: 12px; font-family:'ApfelGrotezk Regular', sans-serif; } .update-checkbox input[type=checkbox]:not(old) + label { display: inline-block; margin: 0px 0px 25px; line-height:1.5em; border:none; font-weight:normal; } .update-checkbox input[type=checkbox]:not(old) + label > span { display:inline-block; width: 17px; height:17px; margin: 2px 10px 0px 0px; border-radius:0.15em; background:#bbbcbc; vertical-align: bottom; border:none; float:left; } .update-checkbox input[type=checkbox]:not(old):checked + label > span { background:#6F6FEF; float: left; } .update-checkbox input[type=checkbox]:not(old):checked + label > span:before{ content: '\2713'; display: block; width:17px; color:#fff; font-size:16px; line-height:16px; text-align:center; font-weight:normal; border:1px solid rgba(0,0,0, 0.2); } .select-checkbox { float: left; width: 86%; } .request-select .product-btn.active { background: linear-gradient(87.16deg, #111D60 2.36%, #1D4CBF 48.59%, #9191F2 94.14%, #E6E6E6 141.71%); color:#fff; } .request-select .product-btn span { display:inline-block; line-height:16px; width:100%; max-width:73%; padding-left:10px; } .request-select .product-btn { background:#fff; padding:13px 8px; display:inline-block; font-size:14px; color:#000; border:1px solid rgba(0,0,0, 0.2); border-radius:8px; } .request-select .product-btn span { display:inline-block; line-height:16px; width:100%; max-width:73%; padding-left:10px; } .request-select .col-12 { width: 100%; } .request-select .wpcf7-checkbox { margin: 0px -8px; float: left; width: 100%; } .request-select .wpcf7-list-item { margin: 0px; float: left; padding: 0px 8px; width: 33.3%; display: block; } .request-select .wpcf7-list-item label { background:#fff; border-radius:8px; padding:13px 6px; display:inline-block; font-size:13px; color:#000; border:1px solid rgba(0,0,0, 0.2); margin: 0px; cursor: pointer; } .request-select .wpcf7-list-item label input {position: absolute !important;clip:rect(0, 0, 0, 0);width:1px;height:1px;border:0;overflow:hidden;} .request-select label input:checked { background: linear-gradient(87.16deg, #111D60 2.36%, #1D4CBF 48.59%, #9191F2 94.14%, #E6E6E6 141.71%); color:#fff; border:1px solid rgba(255,255,255, 1); } .request-select .wpcf7-not-valid-tip { top: 5px; } .wpcf7-not-valid-tip { position: relative; top: -12px; float: left; width: 100%; } .update-checkbox { margin:30px 0px 8px; } .update-checkbox .wpcf7-list-item { margin: 0px; } .update-checkbox input[type=checkbox] { margin: 2px 5px 0px 0px; } .update-checkbox input[type=checkbox]:not(old) { width : 10px; margin : 0; padding:0; font-size:1em; opacity:0; } .update-checkbox label input[type=checkbox]:not(old) + span:before { width: 17px; height:17px; border-radius:0.15em; background:#fff; border:2px solid #666; vertical-align: bottom; float:left; } .update-checkbox label input[type=checkbox]:not(old):checked + span:before{ content: '\2713'; color:#fff; font-size:16px; line-height:16px; text-align:center; font-weight:normal; border:2px solid #6F6FEF; background:#6F6FEF; } .request-select .wpcf7-list-item.first .wpcf7-list-item-label::before { background: url(../aishield/assets/img/select-ai-model.svg) no-repeat 0px 0px; content: " "; width: 32px; height: 32px; float: left; margin:0px 4px 0px 0px; } .request-select .wpcf7-list-item .wpcf7-list-item-label::before { background: url(../aishield/assets/img/select-ai-red-teaming.png) no-repeat 0px 0px; content: " "; width: 32px; height: 32px; float: left; margin:0px 4px 0px 0px; } .request-select .wpcf7-list-item.last .wpcf7-list-item-label::before { background: url(../aishield/assets/img/select-ai-guardian.svg) no-repeat 0px 0px; content: " "; width: 32px; height: 32px; float: left; margin:0px 4px 0px 0px; } .request-select .wpcf7-list-item.active label { background: linear-gradient(87.16deg, #111D60 2.36%, #1D4CBF 48.59%, #9191F2 94.14%, #E6E6E6 141.71%); color: #fff; border:1px solid #9191F2; } .request-select .wpcf7-list-item.active.first .wpcf7-list-item-label::before { background: url(../aishield/assets/img/white-select-ai-model.png) no-repeat 0px 0px;} .request-select .wpcf7-list-item.active .wpcf7-list-item-label::before { background: url(../aishield/assets/img/white-select-ai-red-teaming.png) no-repeat 0px 0px;} .request-select .wpcf7-list-item.active.last .wpcf7-list-item-label::before { background: url(../aishield/assets/img/white-select-ai-guardian.png) no-repeat 0px 0px;} /* CMS PAGE CSS --------------------------------------------------------------------------------------------------------------- */ .inner-page-template .container { max-width: 1370px; padding-top: 75px; padding-bottom: 75px; } .inner-page-template h1 { font-size: 46px; line-height: 50px; font-family: 'Editor-Bold', sans-serif; margin: 0px 0px 30px; } .inner-page-template p { font-family: 'Inter', sans-serif; } .inner-page-template strong { font-family: 'Inter', sans-serif; } /* NEW SLIDER MENU --------------------------------------------------------------------------------------------------------------- */ .overlayright { z-index:999; position: fixed; right:0; top:0; margin-right:-320px; height:100%; transition:margin-right .2s ease-in; -moz-transition:margin-right .2s ease-in; -webkit-transition:margin-right .2s ease-in; } .overlayright.active { margin-right: 0; overflow-y: scroll; width: 100%; } .slider-menu { background:#111D60; width:320px; padding:15px 0px 0px; } .menu-accordion .h-top-links { width: 100%; } .menu-accordion .h-top-links li { min-width: 100%; text-align: left; padding: 0px 15px; } .menu-accordion { margin:16px 0px 0px; } .menu-accordion .panel-group { margin-bottom:0px; } .menu-accordion .panel-group .panel { border:none; background:none; box-shadow:none; margin:0px 0px 0px; border-radius:6px; padding:0px; } .menu-accordion .panel-default > .panel-heading { background:none; border:none; padding:0px; } .menu-accordion .panel-body { padding:0px; } .menu-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body { border:none; } .menu-accordion .panel-title { display:block; color:#fff; border-top:1px solid #2d397d; padding:11px 15px 11px 15px; font-size:16px; } .menu-accordion .panel-default:last-child .panel-title { border-bottom:1px solid #2d397d; } .menu-accordion .panel-title a { color:#fff; display:block; } .menu-accordion .panel-title a:hover {color:#7386ed; } .menu-accordion .panel-group .panel:hover, .menu-accordion .panel-group .panel.active a { color:#fff; } .menu-accordion .panel-title.active .collapsed { color:#434345; } .menu-accordion .panel-group .panel.no-border { border-bottom:0px; } .menu-accordion .menu-links ul { padding: 0px; } .menu-accordion .menu-links { margin:0px; float:none; padding:0px 0px 15px; list-style:none; } .menu-accordion .menu-links li { padding:10px 0px 10px 40px; } .menu-accordion .menu-links li a { font-size:16px; display:block; color:#fff; line-height:20px; } .menu-accordion .menu-links li a:hover { color:#7386ed; } .menu-accordion .panel-title a .fa { float: right; vertical-align: top; margin-top: 7px; } .menu-title .fa-plus { display: none; } .menu-title .fa-minus { display: block; } .menu-title.collapse-down-arrow .fa-plus { display: block; } .menu-title.collapse-down-arrow .fa-minus { display: none; } .menu-title.collapsed .fa-minus { display: none; } .menu-title.collapsed .fa-plus { display: block; } .menu-accordion .header-btn { width:90%; margin:20px auto; } /* FOOTER SECTION CSS --------------------------------------------------------------------------------------------------------------- */ .footer-bg { background:#fff; padding:80px 0px 40px; border-top:1px solid rgb(0, 0, 0, 0.10); position: relative; z-index: 2; } .f-logo { margin:0px 0px 22px; display:block; } .address-text { font-size:16px; color:rgba(0, 0, 0, 0.7); line-height: 24px; padding:0px 0px 23px; } .email-text { font-size:16px; color:#000; line-height: 24px; padding:0px 0px 24px; display:block; } .social-icon { width:40px; height:40px; background:#D9D9FF; display:flex; align-items: center; justify-content: center; float:left; margin:0px 8px 0px 0px; border-radius:100px; } .social-icon:hover { background:#ccc; } .social-icon:nth-child(3) { display: none; } .footer-menu h6 { font-size:16px; line-height: 21px; font-family:'ApfelGrotezk Regular', sans-serif; text-transform: uppercase; padding:0px 0px 10px; color:rgba(0, 0, 0, 0.4); } .footer-menu ul { padding:0px 0px; margin:0px; float:left; } .footer-menu ul li { padding:5px 0px; font-size:16px; } .footer-menu ul li a { color:#000; } .footer-menu ul li a:hover { color:#111d60; } .right-footer-menu { float:right; width:100%; max-width:78%; } .center-menu { padding-left:50px; display: none;} .last-footer-menu { float:right; } .footer-bottom { padding:70px 0px 0px; } .footer-bottom-links a:first-child { padding-left:0px; } .footer-bottom-links { display:inline-block; } .footer-bottom-links a { color:rgba(0, 0, 0, 0.8); font-size:14px; line-height: 18px; padding:0px 10px; } .footer-bottom-links a:hover { color:#111d60; } .copyright-text { color:rgba(0, 0, 0, 0.4); font-size:14px; line-height: 18px; float:right; } /* SPRITES --------------------------------------------------------------------------------------------------------------- */ .quote-icon { display:inline-block; vertical-align: middle; margin:0px 20px 0px 0px; } .sml-quote-icon { background: url("../aishield/assets/img/sml-quote-icon.svg") no-repeat 0px 0px; width:23px; height:16px; display:inline-block; vertical-align: top; margin:0px 0px 0px 0px; } .linkedin-icon { background: url("../aishield/assets/img/linkedin-icon.svg") no-repeat 0px 0px; width: 16px; height: 16px; display:inline-block; vertical-align: middle; margin:0px 0px 0px 0px; } .youtube-icon { background: url("../aishield/assets/img/youtube-icon.svg") no-repeat 0px 0px; width: 18px; height: 13px; display:inline-block; vertical-align: middle; margin:0px 0px 0px 0px; } .twitter-icon { background: url("../aishield/assets/img/twitter-icon.svg") no-repeat 0px 0px; width: 14px; height: 14px; display:inline-block; vertical-align: middle; margin:0px 0px 0px 0px; } .red-teaming-icon { background: url("../aishield/assets/img/select-ai-red.svg") no-repeat 0px 0px; width:32px; height:32px; float:left; } .model-scan-icon { background: url("../aishield/assets/img/select-ai-model.svg") no-repeat 0px 0px; width:32px; height:32px; float:left; } .firewall-icon { background: url("../aishield/assets/img/select-ai-guardian.svg") no-repeat 0px 0px; width:32px; height:32px; float:left; } .mob-red-teaming-icon { background: url("../aishield/assets/img/mob-red-teaming-icon.svg") no-repeat 0px 0px; width:24px; height:24px; float:left; margin:19px 16px 0px 0px; } .mob-model-scan-icon { background: url("../aishield/assets/img/mob-model-scan-icon.svg") no-repeat 0px 0px; width:24px; height:24px; float:left; margin:19px 16px 0px 0px; } .mob-firewall-icon { background: url("../aishield/assets/img/mob-firewall-icon.svg") no-repeat 0px 0px; width:24px; height:24px; float:left; margin:19px 16px 0px 0px; } .tag-arrow { background: url("../aishield/assets/img/tag-arrow.svg") no-repeat 0px 0px; width:20px; height:20px; float:right; margin:20px 0px 0px 0px; } .guide-icon { background: url("../aishield/assets/img/guide-icon.svg") no-repeat 0px 0px; width:20px; height:20px; float:left; margin:2px 14px 0px 0px; } .whitepaper-icon { background: url("../aishield/assets/img/whitepaper-icon.svg") no-repeat 0px 0px; width:20px; height:20px; float:left; margin:2px 14px 0px 0px; } .dev-icon { background: url("../aishield/assets/img/dev-icon.svg") no-repeat 0px 0px; width:20px; height:20px; float:left; margin:2px 14px 0px 0px; } .mob-event-icon { background: url("../aishield/assets/img/mob-event-icon.svg") no-repeat 0px 0px; width:20px; height:20px; float:left; margin:2px 14px 0px 0px; } .feed-icon { background: url("../aishield/assets/img/feed-icon.svg") no-repeat 0px 0px; width:20px; height:20px; float:left; margin:2px 14px 0px 0px; } .about-icon { background: url("../aishield/assets/img/aboutus-icon.png") no-repeat 0px 0px; width:24px; height:24px; float:left; margin:1px 14px 0px 0px; } .partner-icon { background: url("../aishield/assets/img/partner-icon.svg") no-repeat 0px 0px; width:24px; height:24px; float:left; margin:2px 14px 0px 0px; } .award-menu-icon { background: url("../aishield/assets/img/award-menu-icon.svg") no-repeat 0px 0px; width:24px; height:24px; float:left; margin:2px 14px 0px 0px; } .news-menu-icon { background: url("../aishield/assets/img/news-menu-icon.svg") no-repeat 0px 0px; width:24px; height:24px; float:left; margin:0px 14px 0px 0px; } /* Media Query --------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width:1651px){ /*LANDING PAGE CSS*/ .landing-banner-content { margin: 110px auto 0px; } .full-height-img img { height: auto; } } @media only screen and (max-width:1199px){ /*ABOUT US, CONTACT, REQUEST A DEMO CSS*/ .contact-page .row { margin-left: -15px; margin-right: -15px; } .contact-page .col-12 { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width:1025px) and (max-width:1199px){ /*LANDING PAGE CSS*/ .develop-box { padding: 20px 25px 50px; } .securing-lifecycle-content h2 { font-size: 34px; line-height: 34px; padding: 25px 0px 40px; } .securing-lifecycle-content p { font-size: 18px; line-height: 24px; } /*MODEL SCANNER PAGE CSS*/ .scanner-box-bg3 { margin: -30px auto 0px; } .testimonial-cont { width: 72%; } } @media only screen and (min-width:768px) and (max-width:1024px){ } @media only screen and (min-width:992px) and (max-width:1024px){ /*LANDING PAGE CSS*/ .left-width { margin: 0px; } .tag-position { display: none; } .mob-animation-img { position: inherit; bottom: auto; } /*.steps-wrapper { flex-direction: column-reverse; display: flex; }*/ .develop-box { padding: 10px 25px 20px; } #content-section .securing-lifecycle-content { margin: 0px; max-width: 100%;; } .securing-lifecycle-content h2 { font-size: 30px; line-height: 36px; padding: 25px 0px 30px; } .securing-lifecycle-content .develop-box h2 { padding: 25px 0px 23px; } /*.securing-lifecycle-content p { font-size: 18px; line-height: 24px; color: rgba(0, 0, 0, 0.6); }*/ .develop-box-inner { padding: 14px 17px 12px; margin: 0px; } .develop-small-text { font-size: 14px; line-height: 16px; } .develop-title-text { font-size: 18px; } .develop-white-icon { float: left; margin: 6px 13px 0px 0px; } .box-right-arrow { top: 21px; } .slider-text { display: none; } .card-dots { width: 64px; margin: 0px; position: absolute; top: 51px; right: 43px; } .card-dot { width: 6px; height: 6px; top: -3px; background: #BBBBBB; } .card-dot.active { width: 7px; height: 7px; top: -3px; } .validate-box-bg .securing-lifecycle-content h3 { font-size: 16px; } .validate-logo-mar { margin: 0px 0px 3px; } .integration-logo { margin: 0px 15px 0px 0px; } .integration-logo-mar { margin: 15px 0px 0px; } .no-animate-text { margin-left: -320px; } .text-slider-rotator .text { padding-left: 195px; } .security-black-bg h2 { width: 78%; } .sml-sector-text { margin: 0px 0px 30px;} .lets-innovation-cont .text-slider-rotator .text { padding-left: 420px; } /*MODEL SCANNER PAGE CSS*/ .banner-content h1 { font-size: 74px; line-height: 80px; } .scanner-box-bg3 { margin: -20px auto 0px; } .timeline-bg h2 { font-size: 62px; line-height: 70px; } .timeline-content-lt .timeline-width { max-width: 490px; } .timeline-scroll-content { padding:145px 0px 210px 0px;} .timeline-scroll-content .timeline-content { padding:0px 0px 150px 0px;} .timelineRight { padding:0px 15px 0px 0px; } .timeline-bg .timeline-content h4 { font-size: 34px; line-height: 40px; margin: 0px; } .timeline-bg p { font-size: 22px; line-height: 30px; } .testimonial-cont { width: 72%; } .curve-center-text { max-width: 800px; } .developer-security-bg h2 { font-size: 50px; line-height: 56px; } .curved-image4 { right: 1%; } .deployment-right-img { right:15px; } .core-features-sml h3, .red-teaming-core .core-features-sml h3 { font-size: 20px; line-height: 24px; } .core-features-box p { font-size: 14px; line-height: 18px; padding: 0px 0px 10px; } .core-features-sml p, .red-teaming-core .core-features-sml p { font-size: 14px; line-height: 18px; padding: 7px 0px 4px; } .red-teaming-core .core-features-darkpurple p { font-size:22px; line-height:30px; padding: 7px 0px 4px; } .red-teaming-core .core-features-darkpurple .core-icon img{ margin:0px; } .scanner-box-bg2 { bottom: 0px;} /*ABOUT US, CONTACT, REQUEST A DEMO CSS*/ .cms-banner-content h1 { font-size:56px; line-height: 66px;} .awards-logo-width { margin: 0px 13px 25px; } .right-footer-menu { max-width: 85%; } .time-main-content h4 { line-height: 33px; } .year-text { max-width:10%; } .address-text { font-size: 15px; line-height: 23px; } .product-btn span { max-width: 70%; } .contact-page h1 { font-size: 58px;} .request-select .wpcf7-list-item { width: 50%; margin-bottom: 10px; } .wpcf7-list-item-label { font-size:14px; } } @media only screen and (min-width:768px) and (max-width:991px){ /*LANDING PAGE CSS*/ .security-black-bg h2 { width: 100%; } .security-platform-box { padding: 30px 30px 50px; } .landing-gray-bg { padding:100px 0px 100px; } .foundation-organizations-bg h2 { font-size:76px; line-height:84px; } .organizations-testimonial-slider { padding: 80px 0px 0px; } .testimonial-right-content p { font-size: 17px; line-height:24px; } .testi-position { font-size: 18px; line-height:26px; margin:0px 0px 0px } .sml-sector-text { margin: 0px 0px 10px; } .testimonial-image-cont { padding:30px 20px 0px 20px; } .testimonial-right-content { padding: 0px; } .testimonial-image-cont h3 { font-size:27px; line-height:34px; } .landing-gray-bg h2 { font-size: 60px; line-height: 70px; } .awards-white-box { border-radius:8px; min-height: 110px; } .recognition-img { width: 100px; } .recognition-right { width: 60%; padding: 0px 0px 0px 20px; } .recognition-right h5 { font-size: 18px; line-height: 24px; font-weight: 500; } .lets-innovation-bg h2 { font-size: 75px; line-height:85px; } .lets-innovation-cont .text-slider-rotator .text { top: 175px; padding-left:350px;} /*MODEL SCANNER PAGE CSS*/ .main-bg { background-position: center top !important; background-size: cover; } .model-scanner-bg { background-position: center top !important; } .model-scanner.banner-content h1 { width: 100%; } .redteaming-banner.banner-content h1 { width: 82%; } .banner-content h1, .model-scanner-bg h2, .timeline-bg h2, .core-features-capabilities-bg h2, .deployment-pricing-bg h2, .banner-content.redteaming-banner h1, .banner-content.firewall-banner h1 { font-size: 52px; line-height: 60px; } .model-scanner-pad { padding: 150px 0px 120px; } .scanner-content { max-width: 600px; display: block; margin: 50px auto 0px; } .core-features-capabilities-bg { padding:235px 0px 220px; } .mob-core-box.row { margin-left: -5px; margin-right: -5px; } .mob-core-box .col-6 { padding-left: 5px; padding-right: 5px; } .core-features-box { padding: 56px 30px 0px; margin: 0px 0px 10px; } .core-features-right, .core-features-sml { margin: 0px 0px 10px; } .core-features-darkpurple, .red-teaming-core .core-features-darkpurple { height: 260px; } .testimonial-bg { padding: 150px 0px 150px; } .testimonial-cont { width: 77%; } .testimonial-pad { padding: 40px 0px 0px; } .developer-security-bg { padding:0px 0px 400px; } .left-curve img, .right-curve img { width:220px; } .left-curve { left:15px; } .right-curve { right:15px; } .curve-center-text { max-width:540px; margin:140px auto 0px; } .curved-image1 img, .curved-image2 img, .curved-image3 img, .curved-image4 img, .curved-image5 img, .curved-image6 img { width: 150px; } .curved-image1 {top:-10%; left:0px; } .curved-image2 { bottom: -55%; left:0px; } .curved-image3 {bottom: -60%; left:28%; } .curved-image4 {top:30%; right:0px; } .curved-image5 { top: -12%; right:0px; } .curved-image6 { bottom: -50%; right:0px; } .developer-security-bg h2 { font-size: 44px; line-height: 52px; } /*ABOUT US, CONTACT, REQUEST A DEMO CSS*/ .cms-banner-content h1 { font-size:56px; line-height: 66px;} .partner-logo-bg { padding: 40px 0px 120px; } .technology-bg { padding: 30px 30px 37px; } .technology-bg h2 { font-size: 48px; line-height: 52px; } .technology-bg .col-md-2 { width: 18%; } .technology-content { padding: 0px 0px 50px; } .timeline-content h4 { font-size: 30px; line-height: 36px; } .awards-logo-width { margin:0px 26px 38px; } .awards-logo { height: 116px; display: flex; align-items: center; justify-content: center; } .awards-logo img { max-height: 100%; } .year-text { max-width: 14%; } .rewriting-content-bg { padding: 40px 0px 48px 40px; } .resources-box-cont h3 { font-size:20px; line-height: 24px; } .contact-page { padding:40px 0px 0px; } .product-btn span { max-width:88%; } .request-page .contact-form-content { padding: 52px 64px 52px; } .request-select .wpcf7-list-item-label { display: flex; justify-content: center; align-items: center; } } @media only screen and (max-width:991px){ /*LANDING PAGE CSS*/ .first-desktop-img svg { margin-top: 0px; } #ai-wrapper { height: 40vh; width: 100%; display: flex; align-items: center; background: linear-gradient(207.44deg, rgba(255, 255, 255, 0.16) 39.21%, rgba(39, 131, 237, 0.5) 98.81%), linear-gradient(0deg, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.56)); } .right-panel { height: 60vh; } .landing-main-bg { background: #fff !important; } .landing-main-bg-overlay { height: auto; } .right-panel { width: 100%; z-index: inherit; background: #FFF; } .left-width { margin: 0px; } .tag-position { display: none; } .full-height-img img { height: auto; } .full-height-img:first-child { padding-top: 100px; } .mob-animation-img { position: inherit; bottom: auto; } /*.steps-wrapper { flex-direction: column-reverse; display: flex; }*/ #content-section .left-width { padding: 85px 0px 0px; } .left-width { width: 100%; height: auto; margin: 0px; padding: 0px 0px 10px; } .develop-box, .integration-develop-bg .develop-box { padding: 5px 25px 10px; max-width: 100%; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); background: rgba(255, 255, 255, 0.5) !important; } #content-section .securing-lifecycle-content { margin: 0px; max-width: 100%; } /*.securing-lifecycle-overlay { padding: 0px 15px; max-width: 100%; display: block; }*/ .securing-lifecycle-content h2 { font-size: 34px; line-height: 36px; } .securing-lifecycle-content .develop-box h2 { padding: 5px 0px 5px; } .securing-lifecycle-content h2 { padding: 10px 0px 15px; } .develop-box p { font-size: 16px; line-height: 21px; } .securing-lifecycle-content p { font-size: 18px; line-height: 24px; padding: 0px 0px 10px; color: rgba(0, 0, 0, 0.6); } .develop-box-inner { padding: 5px 17px 5px; margin: 0px; } .develop-small-text { font-size: 14px; line-height: 16px; } .develop-title-text { font-size: 18px; } .develop-white-icon { float: left; margin: 6px 13px 0px 0px; } .box-right-arrow { top: 15px; } .slider-text { display: none; } .card-dots { width: 64px; margin: 0px; position: absolute; top: 32px; right: 43px; } .card-dot { width: 6px; height: 6px; top: -3px; background: #BBBBBB; } .card-dot.active { width: 7px; height: 7px; top: -3px; } .validate-box-bg .securing-lifecycle-content h3 { font-size: 16px; } .validate-logo-mar { margin: 0px 0px 7px; } .integration-logo { margin: 0px 15px 0px 0px; } .integration-logo-mar { margin: 12px 0px 0px; } .landing-main-bg .container, .landing-main-bg .col-12 { padding: 0px; } .landing-main-bg .row { margin-left: 0px; margin-right: 0px; } /*LANDING PAGE CSS HOME 2*/ .landing-main-bg .left-content { display: block; } .landing-scroll-sticky { z-index: -1; position: relative; } .securing-lifecycle-overlay { max-width: 100%; height: 40vh; left: 0px; padding: 0px 15px; background: linear-gradient(207.44deg, rgba(255, 255, 255, 0.16) 39.21%, rgba(39, 131, 237, 0.5) 98.81%), linear-gradient(0deg, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.56)); } .landing-main-bg.securing-bg-img .landing-main-bg-overlay { display: none; } .develop-box-width { float: left; width: 100%; } .main-wrapper { display: block; } .leftsidebar { width: 100%; height: 40vh; padding: 0px; background: #fff; } .rightsidebar { width: 100%; padding: 0px; } /*MODEL SCANNER PAGE CSS*/ .fixed-header { height: 73px; } .header-bg { padding: 11px 16px 12px 16px; margin: 10px 0px 0px; } .header-btn { float: left; margin: 0px; height: 40px; width: 125px; line-height: 40px; font-size: 16px; } .timeline-bg { padding: 0px 0px 0px; } .timeline-lt-img { display:none; } .timeline-bg .timeline-content { padding: 65px 0px 0px 0px; min-height: 400px; } .timeline-bg .timeline-content h4 { font-size: 32px; line-height: 36px; margin: 0px 0px 2px; } .timeline-bg .timeline-content p { font-size: 20px; line-height: 26px; max-width: 500px; } .timeline, .firewall-timeline-bg .timeline { right: auto; left:0; top: auto; bottom: 0px; } .timeline-icon { margin: 0px 0px 9px; } .timeline-icon img { width: 48px; } .box-divider { display: block; padding: 41px 0px 0px; } .footer-bg { padding: 60px 0px 60px;} .right-footer-menu { float:none; max-width:100%; padding:38px 0px 0px; } .right-footer-menu .footer-card { padding:0px 0px 10px; background:#fff; border-radius:0px; border:none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); float: left; width: 100%; } .right-footer-menu .footer-card-header { background:#fff; font-size:16px; line-height: 20px; color:rgba(0,0,0, 0.4); font-weight:400; padding:28px 0px 17px; text-transform: uppercase; border:none; float:left; width: 100%; } .right-footer-menu .footer-card-header a { color:rgba(0,0,0, 0.4); float: left; width: 100%; } .right-footer-menu .footer-card .collapse { float: left; width: 100%; } .right-footer-menu .footer-card-body { padding:0px; float: left; width: 100%; } .right-footer-menu .footer-card-body ul, .right-footer-menu .footer-card-body ul li { padding:0px; } .right-footer-menu .footer-card-body a { color:#000; display:block; font-size:16px; line-height: 21px; padding:10px 0px 12px; } .right-footer-menu .footer-card.f-last-card { border-bottom:none; } .footer-title .footer-down-arrow { display:none; } .footer-title .footer-up-arrow { display:inline-block; } .footer-title.collapsed .footer-down-arrow { display:inline-block; } .footer-title.collapsed .footer-up-arrow { display:none; } .footer-bottom-links { padding:0px 0px 35px; } .footer-bottom { float:none; margin:0px auto 0px; text-align: center; padding:35px 0px 0px; } .copyright-text { float:none; margin:0px auto 0px; text-align: center; } .footer-bottom-links a { padding:0px 3px 8px; display: inline-block; } .red-teaming-core .core-features-darkpurple .core-icon img{ margin:0px; } .timeline img { height:auto; } /*ABOUT US, CONTACT, REQUEST A DEMO CSS*/ .logo { margin:5px 0px 0px; } .contact-form { padding:60px 0px 40px; } .product-btn { margin:0px 0px 15px; width: 100%; font-size:18px; border-radius:8px; } .product-btn span { line-height:30px; max-width: 80%; } .request-select .wpcf7-list-item { width:33.3%; margin-bottom: 10px; } /*MENU POPUP CSS*/ .header-bg .navbar-inverse ul li:hover .dropdown-menu { display: none; } .header-bg .navbar-inverse ul li .dropdown-menu.show { display: block; } .navbar-toggler {padding:0px; border:none; outline:none; box-shadow:none; background:none; cursor:pointer;} .header-bg .navbar-inverse { display:none; width: 100%; float:left; } .header-bg .navbar-inverse.collapse.show { display:block; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3); border-radius:0px 0px 12px 12px; padding:0px 31px 0px 31px; background: #FFF; } .header-menu .header-bg { margin:0px; padding:0px; } .header-menu .header-bg { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-radius:0px; padding:21px 0px 0px 0px; } .header-menu .mob-pad { padding:0px; } .header-menu .logo { margin:5px 0px 0px 31px;} .header-menu .menu-rt { padding:0px 31px 0px 0px; } .header-bg .navbar-inverse ul li { font-size:16px; line-height:26px; color:#111D60; font-weight:500; padding:25px 0px 22px; border:none; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; } .header-bg .navbar-inverse ul li a { color:#111D60; font-family:'ApfelGrotezk Mittel', sans-serif; text-transform: uppercase; } .header-bg .navbar-inverse ul li .dropdown-menu { position:relative; box-shadow:none; border:none; background:none; left:0px; top: 0; min-width: inherit; } .header-bg .navbar-inverse ul li .dropdown-menu li { padding: 20px 0px 0px 0px; border:none; } .header-bg .navbar-inverse ul li a.mob-gradient-btn { background: linear-gradient(72.62deg, #111D60 11.92%, #1D4CBF 42.3%, #9191F2 72.23%, #E6E6E6 103.49%); border-radius: 6px; padding:0px 22px 0px 22px; color:#fff; height:60px; display:block; font-size:16px; font-family:'ApfelGrotezk Mittel', sans-serif; line-height: 60px; margin:0px 0px 10px; text-transform: inherit; } .header-bg .navbar-inverse ul li a.mob-gradient-btn:hover { background:linear-gradient(72.62deg, #9191F2 11.92%, #9191F2 42.3%, #1D4CBF 72.23%, #111D60 103.49%); color:#fff; } .header-bg .navbar-inverse ul li:last-child { border-bottom:none; } .popup-icon .menu-icon { display:none; } .popup-icon .close-icon { display:inline-block; } .popup-icon.collapsed .close-icon { display:none; } .popup-icon.collapsed .menu-icon { display:inline-block; } .dropdown-toggle.show .dropdown-menu.show { display:block !important; } .dropdown-toggle .dropdown-menu { display:none; } .header-bg .navbar-inverse ul li .dropdown-menu.resources-subdropdown { padding:15px 0px 0px 0px; backdrop-filter:none; } .header-bg .navbar-inverse ul li .dropdown-menu.resources-subdropdown li a { font-size:16px; line-height:26px; } .products-subdropdown { padding:0px 0px 0px 0px; } .last-btn-pad .mob-gradient-btn { margin:0; } .last-btn-pad.products-btn-pad { padding:0px 0px 0px; margin:0px; } .header-bg .navbar-inverse ul { padding:0px; } .header-bg .navbar-inverse ul li .dropdown-menu.resources-subdropdown li { padding: 0px 0px 15px; } .header-bg .navbar-inverse ul li.open .dropdown-menu { display:none; } .nav-link .menu-up-arrow { display:none; } .nav-link .menu-down-arrow { display:inline-block; } .nav-link.show .menu-up-arrow { display:inline-block; } .nav-link.show .menu-down-arrow { display:none; } /*ICONS*/ .menu-icon { background: url(../aishield/assets/img/menu-icon.svg) no-repeat 0px 0px; width:24px; height:24px; display: inline-block; vertical-align: top; margin:8px 0px 0px 20px; } .menu-icon:hover { background: url(../aishield/assets/img/menu-icon.svg) no-repeat 0px 0px; } .close-icon { background: url(../aishield/assets/img/close-icon.png) no-repeat 0px 0px; width:24px; height:24px; display: inline-block; vertical-align: top; margin:8px 0px 0px 20px; } a:hover .close-icon { background: url(../aishield/assets/img/close-icon.png) no-repeat 0px 0px; } .footer-up-arrow { background: url(../aishield/assets/img/footer-up-arrow.svg) no-repeat 0px 0px; width:11px; height:7px; display: inline-block; vertical-align: top; margin:7px 10px 0px 0px; float: right; } .footer-down-arrow { background: url(../aishield/assets/img/footer-down-arrow.svg) no-repeat 0px 0px; width:11px; height:7px; display: inline-block; vertical-align: top; margin:7px 10px 0px 0px; float: right; } .menu-up-arrow { background: url(../aishield/assets/img/menu-up-arrow.png) no-repeat 0px 0px; width:24px; height:24px; display: inline-block; vertical-align: top; margin:0px 0px 0px 0px; float: right; } .menu-down-arrow { background: url(../aishield/assets/img/menu-down-arrow.png) no-repeat 0px 0px; width:24px; height:24px; display: inline-block; vertical-align: top; margin:0px 0px 0px 0px; float: right; } } @media only screen and (max-width:767px){ /*LANDING PAGE CSS*/ /*.scroll-container { height: 700vh; }*/ .securing-lifecycle-content p { font-size: 16px; line-height: 20px; } .full-height-img { height: 60vh; overflow: hidden; } .landing-banner-content h1 { font-size: 50px; line-height: 55px; } .text-slider-rotator .text { padding-left: 125px; top: 33px; } .landing-slider-content { font-size: 16px; line-height: 18px; width: 69%; height: 130px; display: flex; align-items: center; padding: 0px 0px 0px 16px; } .landing-slider-content p { font-size: 16px; line-height: 18px; } .landing-slider-box { width: 96px; } .landing-img-text { font-size: 18px; } .landing-slider-btm { padding: 0px 15px; } .landing-slider-img { width: 96px; height: 96px; } .no-animate-text { margin-left: -220px; } .security-black-bg { padding: 165px 0px 100px; } .security-black-bg h2, .foundation-organizations-bg h2 { font-size:34px; line-height:42px; width:100%; } .security-black-bg h2 span { display:block;} .security-platform { padding:90px 0px 0px; } .recognition-box-carousal .row, .security-platform .row { margin-left: -15px; margin-right: -15px; } .recognition-box-carousal .col-md-6, .security-platform .col-md-6 { padding-left: 15px; padding-right: 15px; } .security-platform-box {position:inherit; border: 1px solid #4E4C65; backdrop-filter: blur(20px); padding:16px 10px 25px; text-align: center; height:130px; width:100%; max-width:260px; margin:0px auto 10px; border-radius:12px; } .security-platform-box h3 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: 'ApfelGrotezk Regular', sans-serif; padding:0px 0px 12px; } .security-platform-box h3 span { font-family: 'ApfelGrotezk Mittel', sans-serif; font-weight:500; } .security-platform-box svg { margin:0px auto 0px; width:20px !important; } .security-platform-box h3 a { font-weight: 400; line-height: 20px; } .box-bottom-sector { position:inherit; bottom:inherit; } .box-bottom-sector a { margin:0px 4px; } .security-platform-box .iconanimation2 svg { width:15px !important; } .see-aishield-btn { display:none; } .landing-gray-bg { padding:90px 0px 0px; } .testimonial-slider-box .col-lg-4, .testimonial-slider-box .col-lg-8 { width:100%; padding: 0px; } .foundation-organizations-bg { padding: 0px 0px 100px; } .testimonial-slider-box .pad-lt-0 { padding-left: 15px !important; } .organizations-testimonial-slider { padding:30px 0px 0px; } .testimonial-right-content { padding:50px 20px 0px 30px; } .testimonial-slider-img { height: 160px; overflow: hidden; width:100%; } .testimonial-slider-img img { width: 100%; border-radius: 6px; height:160px; overflow:hidden; } .testimonial-slider-box { padding: 10px 10px 30px; display:block; height:600px; overflow: hidden; } .testimonial-image-cont { max-width:100%; padding:30px 25px 0px;} .testimonial-image-cont h3 { font-size:20px; line-height: 28px; font-family: 'ApfelGrotezk Mittel', sans-serif; font-weight:700; padding:0px; } .sml-sector-text { font-size:14px; margin:0px 0px 15px; } .testimonial-right-content p, .testi-position { font-size:14px; line-height: 20px; color:#375169; font-family: 'ApfelGrotezk Regular', sans-serif; } .client-partner-scroll { padding: 30px 0px 0px; } .recognition-content { padding:0px; } .client-logo-img img { max-width:80%; } .recognition-img { width: 100px; } .recognition-right { padding: 0px 0px 0px 15px; width: 62%; } .recognition-right h5 { font-size: 14px; line-height: 20px; padding: 5px 0px 0px; font-weight:500; font-family: 'ApfelGrotezk Mittel', sans-serif; } .awards-white-box { border-radius:6px; backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.54); margin:0px 0px 10px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.06); } .landing-gray-bg h2 { font-size:24px; line-height:34px; width:100%; } .recognition-box-carousal { padding:30px 0px 50px; } .lets-innovation-bg { padding: 150px 0px 220px; } .lets-innovation-cont { max-width: 345px; } .lets-innovation-bg h2 { font-size:38px; line-height:48px; padding: 0px 0px 75px; } .lets-innovation-cont .text-slider-rotator .text { top: 101px; padding-left: 150px; } .talk-btn { height:40px;max-width: 100px; font-size:14px; border-radius:6px; line-height:40px;} .lets-innovation-bg .no-animate-text { margin-left:-160px; } /*MODEL SCANNER PAGE CSS*/ .model-scanner-banner-bg { padding: 0px 0px 25px; } .model-scanner.banner-content h1, .firewall-banner.banner-content h1, .redteaming-banner.banner-content h1 { width: 100%; margin: 0px; } .main-bg { background-position: center top; background-size: cover; } .model-scanner-bg { background-position: center center !important; } .banner-sector-icon { margin: 0px 5px 0px 0px; } .banner-sector-icon img { width: 26px; height: 26px; } .banner-content { padding: 49px 0px 0px; } .banner-sector-title { font-size: 20px; line-height: 24px; margin: 1px 0px 15px 0px; } .model-scanner-bg h2, .timeline-bg h2, .deployment-pricing-bg h2, .banner-content.redteaming-banner h1, .banner-content.firewall-banner h1 { font-size:40px; line-height: 44px; } .banner-content h1 { padding: 10px 0px 23px; font-size:38px; line-height: 44px; } .banner-content p { font-size: 18px; line-height: 24px; } .model-scanner-bg p { font-size: 20px; line-height: 26px; width: 100%; } .timeline-content-lt p { font-size: 20px; line-height: 26px; } .scanner-box-bg p { font-size: 14px; line-height: 18px; } .sector-bottom-bg { left:-60px; } .home-video-bg { padding: 44px 0px 0px; } .model-scanner-pad, .red-teaming-bg .model-scanner-pad, .firewall-bg .model-scanner-pad { padding: 82px 0px 150px; } .scanner-content { max-width: 360px; margin:52px auto 0px; } .scanner-box-bg { width: 140px; height: 186px; padding: 15px 16px 0px 16px; border-radius:7.65px; } .scanner-box-bg2 { margin-top: 16px; } .scanner-box-bg3 { margin: -48px auto 0px; } .scanner-box-bg:before { border-radius:7.65px;} .firewall-bg .scanner-box-bg, .red-teaming-bg .scanner-box-bg { height:210px; } .scanner-icon { margin: 0px 0px 28px; } .scanner-icon img { width: 42px; } .scanner-box-bg3 { left: 36%; width: 170px; } .red-teaming-bg .scanner-box-bg3 { left: 36%; width: 180px; height:210px; } .timeline-content-lt { padding: 66px 0px 0px; } .blue-btn { height: 48px; line-height: 48px; width: 125px; font-size: 16px; margin: 4px 0px 0px; } .core-features-capabilities-bg { padding:120px 0px 115px; } .core-features-capabilities-bg h2 { font-size:40px; line-height: 44px; text-align: left; } .core-features-capabilities-bg .row { margin-left: -15px; margin-right: -15px; } .core-features-capabilities-bg .col-12 { padding-left: 15px; padding-right: 15px; } .core-features-blue { height: auto; } .core-content, .core-features-blue .core-content, .core-features-darkpurple .core-content, .core-features-darkpurple.ready-purple-box .core-content { position: inherit; bottom: 0px; float: left; width: 100%; } .core-features-box { padding: 23px 21px 9px; margin: 0px 0px 10px; border-radius:10px; } .core-features-right { padding: 16px 15px 9px; margin: 10px 0px 10px; border-radius:10px; } .core-features-sml { padding: 17px 0px 9px 12px; height: 100%; margin: 0px; border-radius:10px; } .core-features-box h3 { font-size: 32px; line-height: 34px; } .core-features-sml h3, .red-teaming-core .core-features-sml h3 { font-size: 20px; line-height: 24px; } .core-features-right h3, .red-teaming-core .core-features-darkpurple h3, .red-teaming-core .core-features-darkpurple.ready-purple-box h3 { font-size: 24px; line-height: 28px; } .core-features-box p { font-size: 14px; line-height: 18px; padding: 0px 0px 10px; } .core-features-sml p, .red-teaming-core .core-features-sml p { font-size: 14px; line-height: 18px; padding: 7px 0px 4px; } .core-features-right p, .red-teaming-core .core-features-darkpurple p { font-size: 14px; line-height: 18px; padding: 7px 0px 4px; } .mob-core-box.row { margin-left: -5px; margin-right: -5px; } .core-features-capabilities-bg .box-divider .col-6 { padding-left: 5px; padding-right: 5px; } .core-icon { margin: 0px 0px 20px; display: block; } .core-icon img { width: 36px; } .core-features-sml .core-icon img, .core-right img { width: 28px; } .core-features-purple .core-right img { width: 15px; } .core-features-black .core-icon { margin: 0px 0px 34px; } .core-features-dark .core-icon { margin: 0px 0px 10px; } .core-features-darkpurple, .core-features-purple, .red-teaming-core .core-features-darkpurple { height: auto; } .testimonial-bg { padding: 85px 0px 100px; } .testimonial-bg h2 { font-size: 32px; line-height: 36px; } .testimonial-box { padding: 26px 25px 30px; } .testimonial-pad { padding: 30px 0px 0px; } .testimonial-box p { font-size: 20px; line-height: 24px; } .core-features-capabilities-bg .testimonial-slider .col-12 { padding-left: 0px; padding-right: 30px; } .quote-icon { width: 40px; height: 40px; float: left; margin: 0px 16px 0px 0px; } .testimonial-cont { width: 70%; } .developer-security-bg { padding:50px 0px 250px; } .left-curve img, .right-curve img { width:200px; } .left-curve { left:15px; } .right-curve { right:15px; } .curve-center-text { max-width:540px; margin:50px auto 0px; } .curved-image1 img, .curved-image2 img, .curved-image3 img, .curved-image4 img, .curved-image5 img, .curved-image6 img { width: 135px; } .curved-image1 {top:-10%;} .curved-image2 { bottom: -55%; left: -4%; } .curved-image3 {bottom: -60%; left:28%; } .curved-image4 { right: -1%; top:30%; } .curved-image5 { top: -12%; right:-6%; } .curved-image6 { bottom: -50%; right: -3%; } .developer-security-bg h2 { font-size: 44px; line-height: 52px; } .deployment-pricing-bg h2 { font-size:40px; line-height: 44px; padding:0px; } .deployment-pricing-bg { padding:70px 0px 110px; } .deployment-right-img { bottom:-145px; top:auto; right:15px; } .pricing-content-box { margin:0px 0px 30px; } .pricing-box-bg { width:72px; height: 72px;} .pricing-right-cont { width: 78%; } .pricing-right-cont h6 { font-size: 18px; line-height: 23px; } .pricing-right-cont p { font-size:16px; line-height:21px; } .rewriting-future { padding: 30px 0px 80px; } .rewriting-content-bg { border-radius:12px; padding:40px 30px 40px; background: url("../aishield/assets/img/mob-ai-future-bg.webp") no-repeat right center !important; background-size: cover !important; } .rewriting-content-bg h2 { font-size:40px; line-height: 44px; } .rewriting-content-bg p { font-size:20px; line-height: 26px; } .demo-btn { width:100%; max-width:125px; height:48px; line-height: 48px; font-size:16px; } /*ABOUT US, CONTACT, REQUEST A DEMO CSS*/ .banner-alt-text { font-size: 20px; line-height:26px; } .cms-banner-content { padding:63px 0px 0px; } .cms-banner-content h1 { font-size:38px; line-height:42px; padding: 27px 0px 32px; } .our-journey-bg h2 { font-size: 40px; line-height: 48px; } .cms-banner-content p { font-size:18px; line-height: 24px; } .partner-logo-bg { padding:115px 0px 90px; } .partner-logo-bg h2 { font-size: 24px; line-height: 30px; } .client-logo-pad { padding: 18px 0px 0px; } .exist-content-bg { padding:0px 0px 100px; } .awards-bg { padding:0px 0px 60px; } .exist-content-bg h2 { font-size:20px; line-height: 26px; } .exist-content p { font-size: 24px; line-height:28px; } .exist-logo img { width:96px; } .exist-text { font-size: 20px; line-height: 26px; padding:43px 0px 23px; } .technology-content { padding:0px 0px 140px; } .technology-bg { padding:23px 24px 14px; background: url(../aishield/assets/img/mob-technology-bg.webp) no-repeat top center !important; border-radius:12px; background-size:cover !important; } .technology-bg h2 { font-size: 32px; line-height:35px; width: 100%; } .technology-bg .sector-text { font-size: 16px; padding:10px 0px 0px; } .technology-sector img { max-width:48px; } .technology-sector { padding:32px 0px 0px; text-align: center; } .technology-bg .col-md-2, .awards-image-center .col-md-2 { width:32%; margin:0px auto 25px; } .border-divider { width:24px; } .year-text { max-width:18%; } .time-main-content { padding:0px 0px 0px;} .timeline-pad { padding: 0px 0px 25px; } .our-journey-bg { padding:0px 0px 110px; } .timeline-width { width:100%; max-width: 70%; padding: 0px 0px 0px 10px; } .awards-logo-width { margin: 0px 0px 38px; width: 32%; } .awards-logo-width:last-child { width: 100%; } .awards-bg h2 { font-size:32px; line-height:35px; padding:0px 0px 0px; } .awards-logo { height:116px; } .awards-logo img { max-height:100%; } .awards-logo-end { width:auto; height:auto; } .request-page .contact-form-content { padding:30px 25px 40px; } .contact-page { padding:40px 0px 50px; } .let-talk-bg { padding:24px 24px; border-radius:9.55px; background-position: right top !important } .let-talk-bg p { font-size:16px; line-height: 21px; } .contact-page h1 { font-size:32px; line-height:41px; padding:0px 0px 8px; margin:0px; } .resources-bg { padding:0px 0px 60px; } .three-columns-box { margin: 0px auto 30px; max-width: 420px; display: block; } .contact-form .row { margin-left: -15px; margin-right: -15px; } .contact-form .col-12 { padding-left: 15px; padding-right: 15px; } .client-logo-mar { display:none; } .address-content { display:none;} .contact-form { padding:5px 0px 40px; } .contact-form .form-control { margin: 0px 0px 18px; } .contact-form .textarea { margin:0px 0px 30px; } .resources-bg h2 { text-align:left; } .resources-box-cont h3 { font-size: 20px; line-height: 26px; } .blog-date-text { font-size:18px; line-height: 23px; padding: 0px 0px 13px; } .three-columns-cont { padding: 30px 0px 0px; } .request-page .contact-form-content ul { margin:0px; } .request-page .contact-form-content p { font-size:16px; line-height:20px; } .request-page .contact-form-content ul li { font-size:16px; line-height:20px; padding:10px 0px 0px 40px; } .request-page h4 { margin: 0px 0px 35px; } .red-teaming-icon, .model-scan-icon, .firewall-icon { margin:0px auto 8px; float:none; } .select-text { text-align:center; float: none; margin:0px auto 0px; } .request-page .contact-form { padding: 44px 0px 0px; } .request-page.contact-page { padding: 40px 0px 40px; } .request-select .wpcf7-list-item { text-align: center; } .request-select .wpcf7-list-item.first .wpcf7-list-item-label:before, .request-select .wpcf7-list-item .wpcf7-list-item-label:before, .request-select .wpcf7-list-item.last .wpcf7-list-item-label:before { display:block; margin:0px auto 4px; float:none; } } @media only screen and (max-width:600px){ /*MODEL SCANNER PAGE CSS*/ .left-curve img, .right-curve img { width:180px; } .left-curve { left:15px; } .right-curve { right:15px; } .curved-image1 img, .curved-image2 img, .curved-image3 img, .curved-image4 img, .curved-image5 img, .curved-image6 img { max-width:100px; } .curved-image1 { top:-30%; left:1%; } .curve-center-text { margin:50px auto 0px; max-width:267px; } .curved-image2 { bottom: -15%; left:0px; } .curved-image6 { bottom: -38%; right:0px; } .curved-image3 { bottom: -50%; left:15%; } .curved-image5 { top:-48%; right:0px; } .curved-image4 { top:5%; right:0px; } .developer-security-bg h2 { font-size:32px; line-height:35px; } } @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 820px), screen and (max-device-width: 320px) { /*LANDING PAGE CSS*/ #ai-wrapper { height: 40vh; } .right-panel { height: 60vh; } .develop-box { padding: 40px 25px 50px; } .securing-lifecycle-content h2 {font-size: 44px; line-height: 50px; padding: 10px 0px 25px; } .securing-lifecycle-content .develop-box h2 { padding: 0px 0px 25px; } .securing-lifecycle-content p { padding: 0px 0px 20px; } .develop-box-inner { padding: 14px 17px 12px; } .box-right-arrow { top: 21px; } .card-dots { top: 63px; } } /* All Mobiles & Small Tablets Landscape */ @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) and (orientation: landscape), screen and (max-device-width: 320px) and (orientation: landscape) { .testimonial-cont { margin: 10px 0px 0px 20px; } /*LANDING PAGE CSS*/ .header-bg .navbar-inverse.collapse.show { height: 300px; overflow-y: scroll; } } /* All Mobiles & Small Tablets Portrait */ @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) and (orientation: Portrait), screen and (max-device-width: 320px) and (orientation: Portrait) { /*MODEL SCANNER PAGE CSS*/ .left-curve img, .right-curve img { width:130px; } /*LANDING PAGE CSS*/ .develop-box { padding: 5px 25px 20px; } .securing-lifecycle-content h2 { font-size: 34px; line-height: 36px; } .securing-lifecycle-content .develop-box h2, .securing-lifecycle-content h2 { padding: 10px 0px 5px; } .develop-box p { font-size: 16px; line-height: 21px; } .securing-lifecycle-content p { font-size: 18px; line-height: 24px; padding: 0px 0px 10px; color: rgba(0, 0, 0, 0.6); } .develop-box-inner { padding: 5px 17px 5px; } .box-right-arrow { top: 15px; } .card-dots { top: 31px; } }