/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap'); */
/* poppins-300 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-300.eot");
src: local(''),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-300.eot?#iefix") format('embedded-opentype'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-300.woff2") format('woff2'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-300.woff") format('woff'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-300.ttf") format('truetype'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-300.svg#Poppins") format('svg');
font-display: swap;
}
/* poppins-regular - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-regular.eot");
src: local(''),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-regular.eot?#iefi") format('embedded-opentype'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-regular.woff2") format('woff2'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-regular.woff") format('woff'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-regular.ttf") format('truetype'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-regular.svg#Poppins") format('svg');
font-display: swap;
}
/* poppins-500 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-500.eot");
src: local(''),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-500.ttf?#iefix") format('embedded-opentype'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-500.woff2") format('woff2'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-500.woff") format('woff'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-500.ttf") format('truetype'),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-500.svg#Poppins") format('svg');
font-display: swap;
}
/* poppins-600 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-600.eot");
src: local(''),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-600.eot#iefix") format('embedded-opentype'), /* IE6-IE8 */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-600.woff2") format('woff2'), /* Super Modern Browsers */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-600.woff") format('woff'), /* Modern Browsers */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-600.ttf") format('truetype'), /* Safari, Android, iOS */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-600.svg#Poppins") format('svg');
font-display: swap;
}
/* poppins-700 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-700.eot"); /* IE9 Compat Modes */
src: local(''),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-700.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-700.woff2") format('woff2'), /* Super Modern Browsers */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-700.woff") format('woff'), /* Modern Browsers */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-700.svg#Poppins") format('svg'); /* Legacy iOS */
font-display: swap;
}
/* poppins-800 - latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
src: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-800.eot"); /* IE9 Compat Modes */
src: local(''),
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-800.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-800.woff2") format('woff2'), /* Super Modern Browsers */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-800.woff") format('woff'), /* Modern Browsers */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-800.ttf") format('truetype'), /* Safari, Android, iOS */
url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/css/elements/fonts/poppins-v19-latin-800.eot#Poppins") format('svg'); /* Legacy iOS */
font-display: swap;
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*{
font-family: 'Poppins', sans-serif;
}
body {
color: #313744;
font-size: 1rem;
font-size: calc(1rem + (18 - 14) * ((100vw - 300px) / (2400 - 300)));
font-family: 'Poppins', sans-serif;
}
p {font-size: calc(1rem + (18 - 14) * ((100vw - 300px) / (2400 - 300)));font-family: 'Poppins', sans-serif;}
a {
color: #106eea;
transition: all 0.3s ease;
}
a:hover {
color: #3b8af2;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
overflow: hidden;
background: #fff;
}
#preloader:before {
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 6px solid #106eea;
border-top-color: #e2eefd;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-animation: animate-preloader 1s linear infinite;
animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.triangle-shape {
width: 0;
height: 0;
border-bottom: 437px solid #e6e3e463;
border-left: 385px solid transparent;
transform: rotate(45deg);
position: absolute;
top: -302px;
right: -10px;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
display: none;
right: 15px;
bottom: 15px;
z-index: 99999;
}
.back-to-top i {
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
width: 40px;
height: 40px;
border-radius: 4px;
background: #106eea;
color: #fff;
transition: all 0.4s;
}
.back-to-top i:hover {
background: #3284f1;
color: #fff;
}
.btn-wrapper {
margin-top: 40px;
}
.the-arrow {
width: 64px;
transition: all 0.2s;
}
.the-arrow.-left {
position: absolute;
top: 60%;
left: 0;
}
.the-arrow.-left > .shaft {
width: 0;
background-color: #1c305d;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
width: 0;
background-color: #1c305d;
}
.the-arrow.-left > .shaft:before {
transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
transform: rotate(0);
}
.the-arrow.-right {
top: 3px;
}
.the-arrow.-right > .shaft {
width: 64px;
transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
width: 8px;
transition-delay: 0.3s;
transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
transform: rotate(-40deg);
}
.the-arrow > .shaft {
background: linear-gradient(to right,var(--primary),var(--blue));
display: block;
height: 2px;
position: relative;
transition: all 0.2s;
transition-delay: 0;
will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
background: linear-gradient(to right,var(--primary),var(--blue));
content: "";
display: block;
height: 2px;
position: absolute;
top: 0;
right: 0;
transition: all 0.2s;
transition-delay: 0;
}
.the-arrow > .shaft:before {
transform-origin: top right;
}
.the-arrow > .shaft:after {
transform-origin: bottom right;
}
.animated-arrow {
display: inline-block;
color: #1c305d;
font-size: 1.25em;
font-style: italic;
text-decoration: none;
position: relative;
transition: all 0.2s;
}
.animated-arrow:hover {
color: var(--secondary);
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
width: 64px;
transition-delay: 0.1s;
background-color: var(--secondary);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
width: 8px;
transition-delay: 0.1s;
background-color: var(--secondary);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
transform: translateX(80px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
width: 0;
transform: translateX(200%);
transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
width: 0;
transition-delay: 0;
transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
transform: rotate(0);
}
.animated-arrow > .main {
display: flex;
align-items: center;
transition: all 0.2s;
}
.animated-arrow > .main > .text {
margin: 0 16px 0 0;
line-height: 1;
color: var(--blue);
font-weight: 700;
letter-spacing: 0.05rem;
}
.animated-arrow > .main > .the-arrow {
position: relative;
}
/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
background: #106eea;
height: 40px;
font-size: 14px;
transition: all 0.5s;
color: #fff;
}
#topbar.topbar-scrolled {
top: -40px;
}
#topbar .contact-info a {
line-height: 1;
color: #fff;
transition: 0.3s;
}
#topbar .contact-info a:hover {
text-decoration: underline;
}
#topbar .contact-info i {
padding-right: 4px;
margin-left: 15px;
}
#topbar .contact-info i:first-child {
margin-left: 0;
}
#topbar .social-links a {
color: rgba(255, 255, 255, 0.6);
padding-left: 15px;
display: inline-block;
line-height: 1px;
transition: 0.3s;
}
#topbar .social-links a:hover {
color: #fff;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
background: #fff;
transition: all 0.5s;
z-index: 997;
padding: 8px 0;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#header .logo {
font-size: 32px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 600;
letter-spacing: 0.8px;
}
#header .logo a {
color: #222222;
}
#header .logo a span {
color: #106eea;
}
#header .logo img {
max-height: 45px;
}
@media (max-width: 992px) {
#header {
padding: 10px 0;
}
#header .logo {
font-size: 28px;
}
}
/*==================================
= navigation =
==================================*/
nav {
transition: background 0.4s ease-in-out;
background: #010101;
}
.is-hidden {
opacity: 0;
transition: transform 0.4s, opacity 0.2s;
z-index: -1 !important;
}
.navbar-hide {
pointer-events: none;
opacity: 0;
}
.inno_main_nav .nav_menu {
background-color: #ffffff;
z-index: 9;
}
.nav_menu .dropdown-menu.active {
display: block;
}
.inno_main_nav .nav_menu .dropdown-menu.active.show {
display: none;
}
.inno_main_nav .nav_menu .navbar-toggler{font-size:2.5rem}
.inno_main_nav .nav_menu .navbar-toggler:focus {
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.inno_main_nav .nav_menu .dropdown-item {
padding: 10px;
border-bottom: 1px solid #dddddd;
}
.inno_main_nav .nav_menu .dropdown-item:focus,
.inno_main_nav .nav_menu .dropdown-item:hover {
background-color: #265196;
color: #ffffff;
}
.inno_main_nav .nav_menu .navbar-brand {
color: #265196;
font-size: 24px;
font-weight: bold;
}
.inno_main_nav .nav_menu .iconbar {
color: #265196;
}
.inno_main_nav .nav_menu .dropdown .main-top-link {padding: 0.8rem 0;font-weight: 500;}
.inno_main_nav .nav_menu .navbar-nav .nav-item .nav-link {
color: var(--headings);
font-size: 1rem;
position:relative;
}
.inno_main_nav .nav_menu .navbar-nav .nav-item:last-child .nav-link {padding-right:1rem !important}
.inno_main_nav .nav_menu .navbar-nav .nav-item .nav-link:hover{color: var(--blue); }
.inno_main_nav .nav_menu .dropdown-menu {
border: none;
background-color: #ffffff !important;
font-size: 1rem;
}
.inno_main_nav .nav_menu .inno_drop_menu .nav-item .nav-link {
color: var(--text);
padding: 4px 0;
}
.inno_main_nav .nav_menu .inno_drop_menu .nav-item .nav-link:hover{padding-left:5px}
.inno_main_nav .nav_menu .eam_menu_list {
position: relative;
width: 200px;
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link {
display: block;
padding: 0.5rem 1.5rem;
color: var(--text);
position: relative;
margin-bottom:0.5rem;
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_item_row {
position: absolute;
right: 0;
left: 200px;
top: 0;
margin: 0 2rem;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 650px;
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_item_row.active {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_item_row ul li a{
padding: 8px 15px;
display: block;
color: var(--text);
}
.inno_main_nav .nav_menu .fashion-menu-grid {
color: #777777;
}
.inno_main_nav .nav_menu .fashion-menu-grid h6 {
font-weight: bold;
}
.inno_main_nav .nav_menu .nav-cta {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 12px 25px;
color: #fff;
letter-spacing: 0.015em;
background-image: linear-gradient(to right,var(--blue),var(--primary),var(--cyan),var(--purple));
-webkit-box-shadow: 0 10px 20px rgb(113 65 177 / 20%);
box-shadow: 0 10px 20px rgb(113 65 177 / 20%);
background-size: 300% 100%;
moz-transition: all .355s ease-in-out;
-o-transition: all .355s ease-in-out;
-webkit-transition: all .355s ease-in-out;
transition: all .355s ease-in-out;
}
.inno_main_nav .nav_menu .nav-cta:hover,
.inno_main_nav .nav_menu .nav-cta:hover {
color: #fff;
background-position: 100% 0;
moz-transition: all .355s ease-in-out;
-o-transition: all .355s ease-in-out;
-webkit-transition: all .355s ease-in-out;
transition: all .355s ease-in-out;
}
.inno_main_nav .nav_menu .navbar-nav .nav-item .dropdown-toggle:after{
content: "\f282";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.29em;
font-size: 1.225rem;
transition: all 0.3s ease;
position: absolute;
right: 12px;
top: 50%;
border:0;
font-weight:700;
transform: translateY(-50%);
}
.inno_main_nav .nav_menu .inno_drop_menu h5{
font-size: 18px;
font-weight: 700;
position: relative;
margin-bottom: 2rem;
}
.inno_main_nav .nav_menu .inno_drop_menu h5::before {
content: '';
position: absolute;
bottom: -14px;
left: 0;
width: 30px;
height: 3px;
background: linear-gradient(to right,var(--blue),var(--purple));
z-index: 0;
}
/*===== End of navigation ======*/
/*=====================================
= media queries =
=====================================*/
@media screen and (min-width: 992px) {
.inno_main_nav .nav_menu {
padding-top: 0px;
padding-bottom: 0px;
}
.inno_main_nav .nav_menu .navbar-nav .nav-item .nav-link {
color: var(--text);
font-size: 1rem;
position:relative;
}
.inno_main_nav .nav_menu .navbar-nav .nav-item .dropdown-toggle {padding:1rem 2.5rem 1rem 1rem}
.inno_main_nav .nav_menu .dropdown .main-top-link {padding:1rem 1rem 1rem 1rem; font-weight: 500;}
.inno_main_nav .nav_menu .dropdown .main-top-link:before{
z-index: -1;
content: '';
background: var(--text);
position: absolute;
bottom: 0;
left: 0%;
width: 100%;
height: 0;
display: block;
transform: translateY(100%);
transition: transform 433.33333ms ease;
}
.inno_main_nav .nav_menu .dropdown-menu {
background-color: #ffffff;
border-radius: 0;
border-top: 4px solid;
border-image: linear-gradient(90deg, #21dbaa,#00b4ef,#0768dd,#5f1ae5);
border-image-slice: 1;
left: 0;
padding: 0;
right: 0;
top: 52px;
width: 100%;
height: 300px;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
overflow: hidden;
visibility: hidden;opacity:0;transform: translateY(50px);transition:.5s ease all;
}
.navbar-nav .dropdown:hover .dropdown-menu {
display: block;
visibility: visible;opacity:1;transform: translateY(0px);transition:.5s ease all;
}
.inno_main_nav .nav_menu .dropdown-menu .img-box{padding: 1rem 0 ; max-width:350px;}
.inno_main_nav .nav_menu .dropdown-menu .img-box h4{font-size: 1rem;font-weight: 400; color:var(--text); margin-top:0.5rem;opacity: 0.6;}
.inno_main_nav .nav_menu .dropdown-menu .img-box a{font-size: 1rem;font-weight: 450; color:var(--text);letter-spacing: 0.06rem; text-decoration: none;}
.inno_main_nav .nav_menu .dropdown-menu .img-box a.btn-link:after {
content: "\f138";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.28em;
font-size: 1.5rem;
padding-left: 10px;
transition: all .3s ease;
background: linear-gradient(to top,var(--blue),var(--purple));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.inno_main_nav .nav_menu .dropdown-menu .img-box a.btn-link:hover::after {
padding-left: 15px;
}
.inno_main_nav .nav_menu .dropdown-menu .img-box .thumb{
position: relative;
width: 100%;
}
.inno_main_nav .nav_menu .dropdown-menu .img-box figure {
margin: 0;
padding: 0 0 48.25%;
height: 0;
position: relative;
width: 100%;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
overflow: hidden;
}
.inno_main_nav .nav_menu .dropdown-menu .img-box figure img {
padding: 0;
display: block;
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
margin: auto;
max-width: 100%;
min-width: 100%;
min-height: 100%;
}
.inno_main_nav .nav_menu .dropdown-menu .inno-xl-menu-row {width:100%;padding: 1.5rem 0;}
.inno_main_nav .nav_menu .dropdown-menu .inno-xl-menu-row.inno-xxl-menu{margin-left: 3rem;}
.inno_main_nav .nav_menu .dropdown{
position: static;
}
.inno_main_nav .nav_menu .dropdown.show a.main-top-link:before{height: 100px; transform: translateY(50%);}
.inno_main_nav .nav_menu .dropdown.show a.main-top-link{color: #fff !important;}
.inno_drop_menu .inno_mega_menu {display:flex; width:100%; justify-content: space-around;}
.inno_mega_menu .menu-list{min-height: 250px;}
.inno_mega_menu .col-xxl-menu {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link::after {
content: "\f138";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.29em;
font-size: 1.6rem;
transition: all 0.3s ease;
position: absolute;
right: 16px;
top:8.2px;
border:0
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link:hover {
color: #ffffff;
background:var(--blue);
position: relative;
border-radius: 0.15rem;
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link:hover::after { right: 20px;}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link.active {
color: #ffffff;
background:var(--blue);
position:relative;
border-radius: 0.15rem;
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link.active::after {
content: "\f138";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.29em;
font-size: 1.6rem;
transition: all 0.3s ease;
position: absolute;
right: 16px;
top:8.2px;
border:0
}
.inno_main_nav .nav_menu .inno_drop_menu .signle-list{margin-top: 3.5rem;}
.inno_main_nav .nav_menu .inno_drop_menu h5{
font-size: 18px;
font-weight: 700;
position: relative;
margin-bottom: 2rem;
}
.inno_main_nav .nav_menu .dropdown-menu .nav-featured-imgcard {background:#ffffff; border-left: 1px solid #dee2e6; box-shadow: 0 1rem 4rem rgba(0,0,0,0.300) !important; height: 300px;}
}
@media screen and (min-width: 1200px) {
.inno_main_nav .nav_menu .dropdown-menu .inno-xl-menu-row.inno-xxl-menu{margin-left: 5rem;}
}
@media screen and (min-width: 1600px) {
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link,
.inno_main_nav .nav_menu .navbar-nav .nav-item .nav-link{font-size: 1.125rem;}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_item_row{width: 650px;}
.inno_mega_menu {display:flex; width:100%}
.inno_main_nav .nav_menu .dropdown-menu .inno-xl-menu-row.inno-xxl-menu{margin-left: 15rem;}
.inno_main_nav .nav_menu .dropdown-menu .img-box{max-width:350px;}
}
@media screen and (max-width: 991px) {
.inno_main_nav .nav_menu .navbar-container {
justify-content: flex-start;
position: relative;
}
.inno_main_nav .nav_menu .offcanvas-navbar {
position: absolute;
right: 0;
top: -3px;
flex-direction: unset;
}
.inno_main_nav .inno_mega_menu {width:100%}
.inno_main_nav .nav_menu .navbar-collapse .navbar-nav .menu-list{margin-bottom:1.5rem; border-right: 0 !important;}
.inno_main_nav .nav_menu .navbar-collapse .navbar-nav .nav-item .nav-link {
font-size: 14px;
}
.inno_main_nav .nav_menu .navbar-collapse .navbar-nav .nav-item .nav-link:last-child {
border-bottom: none;
}
.main-wrapper .content-wrapper h1 {
font-size: 30px;
}
.main-wrapper .content-wrapper p {
font-size: 16px;
}
.inno_main_nav .nav_menu .eam_menu_list {
width: 100%;
height: auto;
background-color: #ffffff;
padding-top:0;
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_item_row {
position: static;
width: 100%;
padding: 0;
display: none;
visibility: visible;
opacity: 1;
margin: 0 1rem;
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_item_row.show {
display: block;
margin-top: 20px;
}
.inno_main_nav .nav_menu .navbar-nav .nav-item .dropdown-toggle::after{right:0;}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link {color:var(--text); padding:0.5rem 1rem}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link::after {
content: "\f282";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.29em;
font-size: 1rem;
transition: all 0.3s ease;
position: absolute;
right: -12px;
top:12px;
border:0
}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_item_row .border-right{border-right: 0 !important;}
.inno_main_nav .nav_menu .eam_menu_item .eam_menu_platform_link.active {
background-color: transparent;
}
.inno_main_nav .nav_menu .dropdown-menu .nav-featured-imgcard {display:none;}
}
@media screen and (max-width: 767px) {
.ads-image {
width: 200px;
margin: 10px auto;
}
}
@media screen and (max-width: 576px) {
.electronics-navtab {
flex-direction: column;
}
}
/*===== End of media queries ======*/
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.body-container-wrapper {margin-top:80px;}
.front-page {
width: 100%;
background-size: cover;
position: relative;
padding:60px 0;
/* min-height: 100vh;*/
}
.bg-abstract0:before,
.bg-abstract1:before {
content: "";
background: rgba(255, 255, 255, 0.35);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.internal-hero-banner {
width: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
padding:60px 0;
}
.internal-hero-banner:before {
content: "";
background: rgba(255, 255, 255, 0.70);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
z-index:-1;
}
.intro-banner-section {
-ms-flex-pack: start!important;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
align-items: center;
display: flexbox;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
width: 100%
}
.intro-banner-section .intro-header-background {
height: 100%;
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.intro-banner-section .intro-header-background .intro-img {
height: auto;
left: 50%;
max-width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
z-index: 1
}
.intro-banner-section .intro-header-content {
height: 100%;
height: auto;
margin: auto;
max-height: 100%;
position: relative;
width: 100%;
z-index: 2
}
.intro-banner-section .intro-header-title h1 {
color: #fff;
font-size: 1.833rem;
line-height: 1.4;
margin: 0
}
.intro-banner-section .intro-header-title h3 {
color: #fff;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.5;
margin: 2rem 0 0
}
.introduction-section .form-component {
background: #f7f7f7;
padding: 25px
}
.legal-consent-container .hs-richtext {
font-size: 12px;
margin-bottom: 20px
}
@media(max-width: 767px) {
.intro-banner-section .intro-header-background .intro-img {
min-height:100%;
object-fit: cover
}
}
@media(min-width: 767px) {
.intro-banner-section {
background-position: 50%;
background-size: cover;
padding:70px 0;
}
.intro-banner-section .intro-header-title {
max-width: 55%
}
.request-page .form-component {
background: #f7f7f7;
border-radius: 4px;
padding: 25px;
position: relative;
top: -135px;
z-index: 1
}
.intro-banner-section .intro-header-title h1 {
color: #fff;
font-size: 2.2533rem;
line-height: 1.4;
margin: 0;
text-align: left
}
.introduction-section .form-component {
position: relative;
z-index: 1
}
.hs-content-id-146627638052 .introduction-section .form-component {
margin-top: -182px;
position: relative;
z-index: 1
}
.legal-consent-container .inputs-list {
padding-left: 0
}
.legal-consent-container .hs-form-booleancheckbox-display input {
height: inherit;
margin-top: 5px;
width: auto
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
color: #314352;
margin-left: 20px
}
}
@media(min-width: 1600px) {
.intro-banner-section .intro-header-title {
max-width:60%
}
}
.intro-blog-featured-banner .hero-button{margin-bottom:0;}
.front-page .container {
position: relative;
}
.internal-hero-banner h1, .front-page h1, .about-hero h1, .intro-header-with-bg h1 {
margin: 0;
font-size: 2.575rem;
font-size: clamp(2rem, 1.4018rem + 1.8265vw, 2.5rem);
font-weight: 600;
color:var(--headings);
position:relative;
z-index: 1;
}
.landing-hero {
width: 100%;
padding: 60px 0;
background-size: cover !important;
position: relative;
}
.landing-hero .heading-wrapper {width:100%; padding-bottom:30px; font-size:22px; line-height:34px; color:#fff; text-align:center; }
.landing-hero .heading-wrapper h1 { color:#fff; }
/*.front-page h1:before{
content: '';
display: block;
position: absolute;
top: calc(20% + 10px);
left: 5px;
width: calc(100% + -20px);
height: 9%;
transform: translateY(-50%);
z-index: -1;
background-color: #5a1bb570;
border-radius: 0.2rem;
} */
.front-page h1 span { color: #106eea;display:inline-block;}
.internal-hero-banner h4,
.about-hero h4.sub-title,
.front-page h4,
.intro-header-with-bg h4
{
color: #3D4F75;
margin:0;
font-size: 1.125rem;
font-size: clamp(1rem, 1.4018rem + 1.8265vw, 1.25rem);
font-weight: 300;
line-height:35px;
}
/*.internal-hero-banner .intro-featured-img {
-ms-box-shadow: 0 0 34px rgba(35,34,34,0.20);
-o-box-shadow: 0 0 34px rgba(35,34,34,0.20);
box-shadow: 0 0 34px rgba(35,34,34, 0.20);
border-radius: 32px;
} */
.front-page .intro-cta{font-weight:500}
@media (max-width: 768px) {
.front-page h1 {
font-size: 26px;
line-height: 36px;
}
.front-page h4 {
font-size: 1rem;
line-height: 24px;
margin-bottom: 30px;
}
.front-page .btn-get-started, .front-page .btn-watch-video {
font-size: 13px;
}
.mobile-hero-img {
max-width: 100%;
}
.m-fluid-img {
margin-left: 50%;
transform: translateX(-50%);
max-width: 100%;
}
.hero-button, .hero_button_inner, .front-page .intro-cta, .hero-button, .intro-cta, .btn-blue {width:100%}
}
@media (min-width: 962px) {
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner{display:flex}
#hs-banner-parent #hs-eu-cookie-confirmation{width: 580px !important;}
.internal-hero-banner .intro-featured-img img{
}
.bg-abstract0{background: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/images/bg-abstract.jpg") top left;
background-repeat: no-repeat;
background-size:cover;
}
.bg-abstract2{background: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/images/bg-abstract2.png") top left;
background-repeat: no-repeat;
background-size: contain;
}
.bg-abstract3{background: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/images/abstract-bg3.jpg") top left;
background-repeat: no-repeat;
background-size: cover;
}
.front-page .intro-img {margin-right:-80px}
}
.intro-header-with-bg {
position: relative;
min-height: 38rem
}
.intro-header-with-bg .intro--contents {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.intro-header-with-bg p {
font-size: 17px;
margin: 0;
line-height: 2.13333rem
}
.intro-header-with-bg .btn {
margin-top: 2.66667rem
}
.intro-header-with-bg .intro--img {
position: absolute;
width: 50%;
height: 100%;
right: 0;
top: 0;
background: -webkit-linear-gradient(135deg, var(--blue),var(--primary));
background: -o-linear-gradient(135deg, var(--blue),var(--primary));
background: linear-gradient(-45deg, var(--blue),var(--primary));
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.intro-header-with-bg .intro--img img{max-width:700px;}
@media (max-width:991px) {
.intro-header-with-bg .intro--contents {
margin-bottom: 3.33333rem
}
.intro-header-with-bg .intro--contents, .intro-header-with-bg .intro--img {
position: static;
width: 100%
}
}
@media (min-width:320px) and (max-width:575.98px) {
.intro-header-with-bg .intro--contents {
padding-top: 40px
}
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
padding: 50px 0;
overflow: hidden;
}
.section-bg {
background-color: #f6f9fe;
}
.section-title {
text-align: center;
padding-bottom: 20px;
}
.section-title h2, .section-title h2 span {
font-size: 2rem;
letter-spacing: 0.02rem;
font-weight: 600;
position:relative;
margin-bottom:2rem;
}
/*.section-title h2:before{
content: '';
position: absolute;
bottom: -20px;
left: 50%;
width: 250px;
height: 4px;
background: linear-gradient(to right,var(--blue),var(--primary));
z-index: 0;
transform: translateX(-50%);
} */
.section-title h3 {
margin: 0;
font-size: 1.75rem;
font-weight: 600;
}
.section-title h4 {
font-size: 1.625rem;
font-weight: 600;
}
.section-title h3 span {
color: #106eea;
}
.section-title p {
margin: 15px auto 0 auto;
font-weight: 400;
}
@media (min-width: 1024px) {
.section-title p {
width: 70%;
}
}
/*--------------------------------------------------------------
# stick-banner
--------------------------------------------------------------*/
.web-stick-alert{
display:none;
box-sizing: border-box;
color: #fff;
font-size: 0.875rem;
margin: 0 auto;
padding: 3rem 0;
width: calc(100%);
z-index: 1000;
margin-top:0px;
}
.web-stick-alert-warning {
background-color:#313744;
background-image: linear-gradient(90.3deg,#1c305d .2%,#05173e);
/*background-image: linear-gradient(90deg,#fcb515 0%,#fa709a 100%);
background-image: linear-gradient(90deg,rgb(143, 111, 230) 20%,rgb(88, 187, 241) 100%);
linear-gradient(to right,var(--blue),var(--primary),var(--cyan),var(--purple));*/
}
.web-stick-alert .stick-content {
font-weight: 300;
padding: 5px 25px;
text-align: center;
margin-bottom: 10px;
font-size: 1.25rem;
}
.web-stick-alert .stick-content span{ color:#FCB515; font-weight:700}
.web-stick-alert .btn-sm{
padding: 0.5rem 1rem !important;
font-size: 0.8rem;
}
.web-stick-alert .w_cta {
padding: 0.5rem 1rem;
font-size: 1rem;
margin-top: 1rem;
font-weight: 500;
color: #fff;
text-decoration: none;
background: var(--blue);
display: inline-block;
}
.web-stick-alert .w_cta:hover{
color: #fff;
background: var(--primary);
text-decoration: none;
}
@media(min-width:767px){
.web-stick-alert{ font-size: 1.25rem; display:block;}
.web-stick-alert .stick-content { margin-bottom: 0px; }
}
@media(min-width:962px){
.web-stick-alert{ font-size: 1.25rem;}
.web-stick-alert .stick-content { margin-bottom: 0px; }
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
padding: 20px 0;
background-color: #f1f6fe;
min-height: 40px;
}
.breadcrumbs h2 {
font-size: 24px;
font-weight: 300;
margin: 0;
}
@media (max-width: 992px) {
.breadcrumbs h2 {
margin: 0 0 10px 0;
}
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}
.breadcrumbs ol li + li {
padding-left: 10px;
}
.breadcrumbs ol li + li::before {
display: inline-block;
padding-right: 10px;
color: #6c757d;
content: "/";
}
@media (max-width: 768px) {
.breadcrumbs .d-flex {
display: block !important;
}
.breadcrumbs ol {
display: block;
}
.breadcrumbs ol li {
display: inline-block;
}
}
/*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/
.featured-services .icon-box {
padding: 30px;
position: relative;
overflow: hidden;
background: #fff;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
z-index: 1;
/* border-bottom: 5px solid var(--secondary); */
border-bottom: 5px solid;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-image: linear-gradient(90deg,#00b4ef,#0768dd,#7141b1);
border-image-slice: 1;
}
.featured-services .icon-box:hover {
box-shadow: 15px 15px 38px 0 rgb(0 0 0 / 10%);
-webkit-box-shadow: 15px 15px 38px 0 rgb(0 0 0 / 10%);
-moz-box-shadow: 15px 15px 38px 0 rgba(0,0,0,.1);
border-color: transparent;
}
.featured-services .icon {
margin-bottom: 30px;
position: relative;
width: 3.8em;
margin-right: auto;
}
.featured-services .icon .box-circle-large {
left: -15px;
bottom: -8px;
width: 4em;
height: 4em;
background: rgba(78,74,200,0.1);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.featured-services .icon-box:hover .box-circle-large {
transform: scale(1.2);
}
.featured-services .icon .box-circle-small {
top: -16px;
right: 0px;
width: 1.8em;
height: 1.8em;
background: rgba(78,74,200,0.1);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.featured-services .icon .box-circle-large, .featured-services .icon .box-circle-small {
position: absolute;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index:1;
}
.featured-services .icon i {
font-size: 3.125rem;
line-height: 1;
color: var(--secondary);
transition: all 0.3s ease-in-out;
}
.featured-services .title {
font-weight: 700;
margin-bottom: 15px;
font-size: 1.375rem;
font-size: calc(1.125rem + (30 - 22) * ((100vw - 300px) / (2400 - 300)));
}
.featured-services .title a {
color: #1C305D;
}
.featured-services .description {
margin-bottom: 0;
}
.featured-services .icon-box .btn-link{font-weight: 420;color: var(--yellow); letter-spacing: .04rem; position:relative;text-decoration: none;}
.featured-services .icon-box .btn-link::after {
content: "\f138";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.25em;
font-size: 1.6rem;
padding-left: 4px;
transition: all 0.3s ease;
}
.featured-services .icon-box .btn-link:hover:after{padding-left:10px;}
/*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/
.list-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 1rem;
}
.icon-list span .bi {
font-size: 1.33rem;
padding-right: .66rem;
}
.card.card-shadow {
-webkit-box-shadow: 0 5px 20px rgba(105, 106, 119, .05);
box-shadow: 0 5px 20px rgba(105, 106, 119, .05);
}
.grid-style-section .grid-card{
padding: 30px;
position: relative;
background-color: #fff;
border: 1px solid #e4e8ed;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
z-index: 1;
/* border-bottom: 5px solid var(--secondary); */
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
width: 100%;
margin-bottom:30px;
-webkit-box-shadow: 0 10px 30px rgba(105,106,119,.15);
box-shadow: 0 10px 30px rgba(105,106,119,.15);
}
.grid-style-section.video-grids .grid-card{background: transparent !important; padding:0;}
.grid-style-section .grid-card .grid-title {
font-weight: 600;
margin-bottom: 15px;
font-size: 1.375rem;
font-size: calc(1.25rem + (35 - 30) * ((100vw - 300px) / (2400 - 300)));
color: var(--headings);
}
.grid-style-section .grid-card .sub-title {
font-weight: 600;
margin-bottom: 2rem;
font-size: 1rem;
font-size: calc(1rem + (30 - 26) * ((100vw - 300px) / (2400 - 300)));
}
.grid-style-section .grid-card .title a { color: #1C305D;}
.grid-style-section .grid-card ul{padding:0; padding-left:16px;}
.grid-style-section .grid-card ul .list-item {font-size:1rem;line-height: 20px;}
.grid-style-section .grid-card .icon-list .bi { color: var(--primary); padding-right: 1.5rem;}
.grid-style-section .grid-card .description {margin-bottom: 0;}
.grid-style-section .grid-card.style-2{padding:0; border-radius:4px; }
.grid-style-section .grid-card.style-2 .grid-body{padding: 30px;}
.grid-style-section .grid-card.style-3 {box-shadow: 0 5px 20px rgba(105, 106, 119, .05); border-radius: .56667rem;border: 1px solid #e4e8ed; display: flex; flex-direction: column;justify-content: space-between;}
.grid-style-section .grid-card.style-3 .grid-title{background-color: var(--primary);color: #fff;padding: 20px;}
.grid-style-section .grid-card.style-3 .description {padding:20px;}
.grid-style-section .grid-card.style-3 figure{position: relative;bottom: -16px;margin-top: -15px;}
/*--------------------------------------------------------------
# bg-shades
--------------------------------------------------------------*/
.bg-Navy-blue {
background-color: #1C305D !important;
}
.dark-bg-shades, .blue-bg-shades{position: relative;}
.blue-bg-shades:before{
content: '';
background: url('data:image/svg+xml;utf8,');
position: absolute;
top: -100px;
left: 0px;
width: 1348px;
height: 556px;
z-index: 0;
background-repeat: no-repeat;
}
.blue-bg-shades:after{
content: '';
background: url('data:image/svg+xml;utf8,');
position: absolute;
top: -100px;
right: 0px;
width: 1305px;
height: 356px;
z-index: 0;
background-repeat: no-repeat;
}
.dark-bg-shades:before{
content: '';
background: url('data:image/svg+xml;utf8,');
position: absolute;
top: -100px;
left: 0px;
width: 1348px;
height: 556px;
z-index: 0;
background-repeat: no-repeat;
}
.dark-bg-shades:after{
content: '';
background: url('data:image/svg+xml;utf8,');
position: absolute;
top: -100px;
right: 0px;
width: 1305px;
height: 356px;
z-index: 0;
background-repeat: no-repeat;
}
.dark-bg-shades .content p{color:#ffffff;}
.dark-bg-shades > * {
z-index: 100;
position: relative;
}
.blue-bg-shades > * {
z-index: 100;
position: relative;
}
/*--------------------------------------------------------------
# Customer
--------------------------------------------------------------*/
.customer-section{position: relative; background-image: linear-gradient(90.3deg,#1c305d .2%,#05173e); }
.customer-section .content h2 {
font-weight: 500;
font-size: 2.125rem;
line-height:3rem;
}
.customer-section .content p {
font-size: 1.125rem;
color:#D6EBF2;
margin-top: 1.125rem;
}
.customer-analytics .numbers-cards {padding: 10px 10px; transition: background-color 2s;}
.customer-analytics .numbers-cards .num-card h2{min-width:100px; text-align:left; font-size: 3rem;color:var(--blue); position: relative;font-weight: 700;margin: 0; margin-right: 30px;}
.customer-analytics .numbers-cards .num-card h2 span{font-size: 2.5rem;top:50%;position: absolute;margin-left: 5px; transform: translateY(-50%);}
.customer-analytics .numbers-cards .num-card .title{color:#fff; font-size:1.125rem;}
.customer-section .client-logos{margin-top: 112px;}
.customer-section .client-logos .client-logo{height:70px; background:#2C3039; margin-bottom:27px; padding: 0.5rem;}
@media (min-width: 768px) {
.customer-analytics .numbers-cards .num-card:first-child{width:45%}
}
@media (min-width: 962px) {
.customer-analytics .numbers-cards .num-card:first-child{width:40%}
}
@media (min-width: 1400px) {
.customer-analytics .numbers-cards .num-card:first-child{width:33%}
.front-page .intro-img {margin-right:-100px}
}
.internal-hero-banner h4,
.about-hero h4.sub-title,
.front-page h4,
.intro-header-with-bg h4
{
color: #3D4F75;
margin:0;
font-size: 1.125rem;
font-size: clamp(1.25rem, 1.1538rem + 1.5385vw, 1.7rem);
font-weight: 300;
line-height:35px;
}
.in-page-tabs-section {
width: 100%;
border-top: 1px solid #dcdcdc;
box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.in-page-tabs-section .section-title h2::before {width: 350px;}
.key-feture-tabs{position:relative; z-index:1}
.key-feture-tabs .eam-nav-pills-horizontal.nav-tabs .nav-link {
color:rgba(28, 48, 93, 0.4);
padding:0 !important;
background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, var(--blue) 10%,var(--primary) 90%);
background-origin: border-box;
background-clip: content-box, border-box;
font-size:1.25rem;
font-weight:700; border: 3px solid rgba(28, 48, 93, 0.4);
box-sizing: border-box;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.key-feture-tabs .eam-nav-pills-horizontal.nav-pills .nav-link.active{
background-color: var(--blue);
border: 0px solid;
background: linear-gradient(to right,var(--blue) 10%,var(--primary) 90%);
color:#ffffff;
}
/*.key-feture-tabs .eam-nav-pills-horizontal.nav-pills .nav-link.active::after {
position: absolute;
top: -4px; bottom: -4px;
left: -4px; right: -4px;
background: linear-gradient(to right,var(--blue) 10%,var(--primary) 90%);
content: '';
z-index: -1;
border-radius: 16px;
} */
.eam-nav-pills-vertical .nav-link {
color: #ffffff;
position: relative;
cursor: pointer;
padding: 1rem 2rem;
}
/*
.eam-nav-pills-vertical .nav-link .cta-btn,
.eam-nav-pills-vertical .tab-summary{display:none}
*/
.eam-nav-pills-vertical .nav-link.active {
color: #1C305D;
background: #fff; box-shadow: 0px 5px 16px -10px rgba(105, 106, 119, 0.15);
}
.eam-nav-pills-vertical .nav-link .cta-btn {
transition: all 0.3s ease;
font-weight: 500;
text-decoration: none;
letter-spacing: 0.04rem;
font-size: calc(.875rem + (18 - 14) * ((100vw - 300px) / (2400 - 300)));
}
.eam-nav-pills-vertical .nav-link .cta-btn::after {
content: "\f138";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.25em;
font-size: 1.6rem;
padding-left: 10px;
transition: all 0.3s ease;
}
.eam-nav-pills-vertical .nav-link .cta-btn:hover::after{ padding-left: 15px;}
.eam-nav-pills-vertical .nav-link .tab-summary {
color:#1C305D;
margin: .5rem 0 0.8rem;
font-size: 0.875rem;
font-size: calc(.875rem + (18 - 14) * ((100vw - 300px) / (2400 - 300)));
}
@media (min-width: 576px) {
}
@media (min-width: 767px) {
.vertical-tabs .nav-link.active::before,
.eam-nav-pills-vertical .nav-link.active::before{
content: '';
display: block;
height: 84%;
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
width: 4px;
background: linear-gradient(to bottom,var(--blue) 10%,var(--primary) 90%);
border-radius: .5rem;
}
}
.key-feture-tabs .eam-nav-pills-horizontal.nav-tabs .nav-link {
border-radius: 50rem !important;
padding: 1.75rem 3.5rem;
font-size: 1.5rem;
letter-spacing: .07rem;
font-weight: 600;
position:relative;
}
.key-feture-tabs .eam-nav-pills-horizontal.nav-tabs .nav-item{min-width:300px;}
.key-feture-tabs .eam-nav-pills-horizontal.nav-tabs .nav-item:first-child{margin-right: 1.5rem;}
}
.vertical-tabs .section-title h2{
font-weight: 300;
display: inline-block;
border-radius: 35px;
padding: 0.8rem 3rem;
margin-bottom: 3rem;
font-size:2rem;
}
.vertical-tabs .nav-pills .nav-link {
color:#1c305d;
border:0;
font-size: 1.5rem;
position: relative;
cursor: pointer;
padding: 1rem 2rem;
display: flex;
flex-direction: column;
}
.vertical-tabs .nav-pills .nav-link h4{font-size: 1.25rem;}
.vertical-tabs .nav-pills .nav-link ul li {font-size: 1rem;font-size: calc(1rem + (18 - 14) * ((100vw - 300px) / (2400 - 300)));list-style-type: disc;}
/*.vertical-tabs .nav-link .cta-btn,
.vertical-tabs .tab-summary{display:none} */
.vertical-tabs .nav-link.active {background: #f8f8f8; box-shadow: 0px 5px 16px -10px rgba(105, 106, 119, 0.35);}
.vertical-tabs .nav-link .tab-summary {display:block; margin: 0rem; font-size: 0.875rem;font-size: calc(.875rem + (18 - 14) * ((100vw - 300px) / (2400 - 300)));}
.vertical-tabs .nav-tabs {display: none;}
.vertical-tabs .nav-link.active .cta-btn {display:block;}
.vertical-tabs .mob-tabs .mob-tab .cta-btn,
.vertical-tabs .nav-link .cta-btn {
font-size: .875rem;
font-size: calc(.875rem + (18 - 14) * ((100vw - 300px) / (2400 - 300)));
transition: all 0.3s ease;
font-weight: 500;
text-decoration: none;
letter-spacing: 0.04rem;
}
.vertical-tabs .mob-tabs .mob-tab .cta-btn::after, .vertical-tabs .nav-link .cta-btn::after {
content: "\f138";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.29em;
font-size: 1.3rem;
padding-left: 10px;
transition: all 0.3s ease;
}
.vertical-tabs .mob-tabs .mob-tab .cta-btn:hover::after, .vertical-tabs .nav-link .cta-btn:hover::after{ padding-left: 15px;}
@media (min-width: 768px) {
.vertical-tabs .nav-tabs {display: flex; border: 0; }
.vertical-tabs-content {max-height: 520px;overflow: hidden;}
.vertical-tabs .nav-tabs {
display: flex;
}
.min-heighter{
height: 450px;
overflow-y: auto;
}
/*
.min-heighter.scrollbar::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: var(--light);border-radius:16px;
}
.min-heighter.scrollbar::-webkit-scrollbar
{
width: 8px;
background-color: var(--light);
}
.min-heighter.scrollbar::-webkit-scrollbar-thumb{
background: linear-gradient(to bottom,var(--blue) 10%,var(--primary) 90%); border-radius:16px;
}
*/
.vertical-tabs .nav-tabs .nav-item + .nav-item {
margin-top: 0.25rem;
}
.vertical-tabs .mob-tabs {
border: none;
background-color: transparent;
}
.vertical-tabs .mob-tabs .mob-tab {
display: none;
}
.vertical-tabs .mob-tabs .collapse {
display: block;
}
}
@media (max-width: 767px) {
.vertical-tabs .tab-pane {
display: block !important;
opacity: 1;
}
.mobile-tabs-enable .collapsible-link{
padding:1rem;
position: relative;
display: flex;
flex-direction: column;
margin-bottom: 0.5rem;
color: #fff;
background: var(--secondary);
border-bottom: 2px solid rgba(255,255,255,0.5);
}
.mobile-tabs-enable .collapsible-link[aria-controls='collapse_1']{border-top: 2px solid rgba(255,255,255,0.5);}
.mobile-tabs-enable .collapsible-link[aria-expanded='true']{
color: #fff;
background: var(--secondary);
}
.mobile-tabs-enable .mob-tabs .mob-tab h5{color: #fff;}
.mobile-tabs-enable .collapsible-link[aria-expanded='false']::after {
content: "\f282";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.29em;
font-size: 1.5rem;
transition: all 0.3s ease;
color: #fff;
position: absolute;
right: 7px
}
.mobile-tabs-enable .collapsible-link[aria-expanded='true']::before {
content: "\f286";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.29em;
font-size: 1.5rem;
transition: all 0.3s ease;
color: #fff;
position: absolute;
right: 7px
}
.mobile-tabs-enable .mob-tabs .mob-tab .cta-btn,
.mobile-tabs-enable .mob-tabs .mob-tab .collapsed .tab-summary {display:none;}
.mobile-tabs-enable .mob-tabs .mob-tab span[aria-expanded="true"] .cta-btn{display:block; }
.mobile-tabs-enable .mob-tabs .mob-tab span[aria-expanded="true"] .tab-summary {display:block; color:#ffffff; margin: .5rem 0 0.8rem; font-size: 0.875rem;}
.mobile-tabs-enable .collapse{padding:1rem;}
}
/*--------------------------------------------------------------
# Product benifits
--------------------------------------------------------------*/
.featured-services,
.product-benifits-section {
/* background: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/images/bg-shades-v2.svg") top left;
background-size: contain;
background-repeat: no-repeat; */
}
.product-benifits-section .section-heading {margin-bottom:2rem}
.benefits-block {
background: #ffffff;
border-radius: 7px;
text-align: center;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
margin-bottom: 2rem;
padding:20px;
margin: 15px 0;
width: 100%;
border-bottom: 5px solid;
border-image: linear-gradient(90deg,#00b4ef,#0768dd,#7141b1);
border-image-slice: 100%;
border-image-slice: 100%;
border-image-slice: 1;
}
.benefits-block:hover {
border-color: transparent;
-webkit-box-shadow: 0 10px 30px rgb(105 106 119 / 15%);
box-shadow: 0 10px 30px rgb(105 106 119 / 15%);
transform: translateY(-0.5em);
}
.benefits-block h4{font-size: 1.25rem;font-weight: 600; color: var(--primary);letter-spacing: 0.03rem;}
.benefits-block h3{font-size: 1.5rem;font-weight: 700; color:#FCB515}
.benefits-block .img-box {
position: relative;
font-size: 50px;
line-height: 1;
width: 1.5em;
margin-left: auto;
margin-right: auto;
}
.benefits-block .img-box img{position:relative; z-index:2;}
.benefits-block .box-circle-large {
left: 0;
bottom: 8px;
width: 1.37em;
height: 1.37em;
background: rgba(78,74,200,0.1);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.benefits-block:hover .box-circle-large {
transform: scale(1.2);
}
.benefits-block .box-circle-small {
top: 10px;
right: 10px;
width: 0.59em;
height: 0.59em;
background: rgba(78,74,200,0.1);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.benefits-block .box-circle-large, .benefits-block .box-circle-small {
position: absolute;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index:1;
}
/*--------------------------------------------------------------
# partners-template
--------------------------------------------------------------*/
.partners-template .background-section-leader::before{background: transparent;}
.partners-template .partner-section .section-title h3{font-weight:500;}
.partners-template .partner-categories .cate-cards{
display: flex;
flex-direction: column;
justify-content: start;
align-items: top;
box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
border-radius: 4px;
border-top: 5px solid var(--primary);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.partners-template .partner-categories .cate-cards .logos{display:flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.partners-template .partner-categories .cate-cards .logos .logo{width:calc(50% - 20px); margin: 1.5rem 0;}
.partners-template .partner-categories .cate-cards .logos .logo img{width:150px;}
/*--------------------------------------------------------------
# Customers Template
--------------------------------------------------------------*/
.intro-video-section .intro-wrapper {
max-width:780px;
margin:auto 0 auto auto;
padding:0 60px 0 70px;
}
.intro-video-section .video-col {
padding: 80px 0;
align-self: stretch;
}
.intro-video-section .video-col .video-box {
max-width:820px;
margin:0 auto 0 0;
padding:0 90px 0 60px;
}
.intro-video-section .video-col .video-box .vidyard-player-container {
box-shadow: 4px 0 20px -4px rgba(15,31,41,0.08),-4px 0 20px -4px rgba(15,31,41,0.08),0 20px 20px -8px rgba(15,31,41,0.08),0 0 3px rgba(15,31,41,0.04);
}
#vidyard-overlay {z-index: 1000 !important;}
#vidyard-content-fixed {z-index: 1200 !important;}
.customer-case-studies .c_c_studies{box-shadow: 0 .5rem 1rem rgba(0,0,0,0.02) !important;}
.customer-case-studies .c_c_studies .f_c_studies {padding:40px;}
.customer-case-studies .c_c_studies .thumb {
position: relative;
width: 100%;
}
.customer-case-studies .c_c_studies figure {
padding: 0 0 56.25%;
height: 100%;
position: relative;
width: 100%;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
overflow: hidden;
}
.customer-case-studies .c_c_studies figure img {
padding: 0;
display: block;
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
margin: auto;
max-width: 100%;
min-width: 100%;
min-height: 100%;
}
.customer-case-studies .c_c_studies .case-study-title h3{font-weight:500}
.customer-case-studies .c_c_studies .client-logos {border-top: 1px solid #ddd;}
.customer-case-studies .c_c_studies .client-logos img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%); opacity:0.5; transition: all .3s ease;}
.customer-case-studies .c_c_studies .client-logos img:hover{
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%); opacity:1
}
@media (max-width: 1199.9px) {
.customers-template .intro-video-section .intro-wrapper {
padding:0 40px
}
.customers-template .intro-video-section .video-col {
padding:60px 0 80px
}
.customers-template .intro-video-section .video-col .video-box{
padding:0 40px
}
}
@media (max-width: 991.9px) {
.customers-template .intro-video-section .intro-wrapper {
margin:0 auto;
padding:80px 15px
}
}
@media (max-width: 767.9px) {
.customers-template .intro-video-section .intro-wrapper {
padding:40px 15px
}
.customers-template .intro-video-section .video-col {
padding:0px 0 50px
}
.intro-featured-img {margin-top:1.5rem;}
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.cwp-login-template.bg-image-right-before, .about-hero.bg-image-right-before {position:relative;}
.bg-image-right-before::before {
position: absolute;
content: "";
background-image: url(//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/images/header-43.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 100%;
width: 50%;
left: auto;
right: 0;
top: 0;
}
.about .content h3 {
font-weight: 600;
font-size: 26px;
}
.about .content ul {
list-style: none;
padding: 0;
}
.about .content ul li {
display: flex;
align-items: flex-start;
margin-bottom: 35px;
}
.about .content ul li:first-child {
margin-top: 35px;
}
.about .content ul i {
background: #fff;
box-shadow: 0px 6px 15px rgba(16, 110, 234, 0.12);
font-size: 24px;
padding: 20px;
margin-right: 15px;
color: #106eea;
border-radius: 50px;
}
.about .content ul h5 {
font-size: 18px;
color: #555555;
}
.about .content ul p {
font-size: 15px;
}
.about .content p:last-child {
margin-bottom: 0;
}
.about-hero .intro .tag-line {
font-size: 1rem;
letter-spacing: 1px;
font-weight: 600;
padding: 8px 20px;
margin: 0;
background: #5db6e633;
color: #1c305d;
display: inline-block;
text-transform: uppercase;
border-radius: 50px;
}
.cwp-login-template {padding-top:20px !important}
.cwp-login-template .login-form{max-width: 380px; margin: 0 auto; padding-top:40px;}
.cwp-login-template .login-form .logo{display:none}
.cwp-login-template .login-content .logo{display:block; padding-bottom: 25px;}
.cwp-login-template .login-form .btn-white{font-size: 14px;border: 1px solid rgba(0,0,0,.125);margin-left: 10px;}
.cwp-login-template .login-form .btn-white:hover{background: #43baff; border-color:#43baff; color:#ffffff;}
.cwp-login-template .login-content{padding:10px 20px;}
.cwp-login-template .login-content .header-text{font-size:26px;}
.cwp-login-template .login-content .desc-text{font-size: 1rem; padding:10px 0px;}
.cwp-login-template .login-form input, .cwp-login-template .login-formbutton {padding: 12px 24px;}
.cwp-login-template .login-form .alert{display:none}
.cwp-login-template .login-form .active{display:block !important}
@media(min-width:768px){
.cwp-login-template {padding-top:50px !important}
.cwp-login-template .login-form .logo{display:block}
.cwp-login-template .login-content .logo{display:none}
.cwp-login-template {height: 100vh!important;}
.about-hero .intro {padding:50px 0}
.cwp-login-template .intro {padding:50px 0}
.cwp-login-template .login-form{padding-top:0px;}
.cwp-login-template .login-content{padding:10px 30px;}
.tabs-default02 {margin-top:-50px; overflow:clip; overflow: inherit;}
.bg-login-right-before::before {position: absolute;content: "";background:#ffffff;height: 100%;width: 50%;left: auto;right: 0;top: 0;}
}
@media(min-width:1200px){
.cwp-login-template .login-content{padding:10px 30px;}
.cwp-login-template .login-form{padding-top:0px;}
}
@media(min-width:1400px){
.cwp-login-template .login-content{padding:50px 100px;}
.cwp-login-template .login-form{padding-top:50px;}
.cwp-login-template .login-content .header-text{font-size:34px;}
.cwp-login-template .login-content .desc-text{font-size: 1.25rem; padding:20px 0px; margin-bottom:0;}
.vertical-tabs-content {max-height: 600px;overflow: hidden;}
}
.tabs-navigation-module{position: relative; z-index: 899;}
.inner-page-navigation-module{ background:#fff; position: relative; border-bottom: 1px solid #e4e8ed;}
.inner-page-nav-items{display:flex; margin: 0; padding: 0;position: relative;}
.inner-page-nav-items .inner-page-nav-tab{list-style-type: none; position: relative;}
.inner-page-nav-items .inner-page-nav-tab:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 4px;
bottom: 4px;
left: 0;
background-color: #1c305d;
transform-origin: bottom right;
transition: transform .25s ease-out;
}
.inner-page-nav-items .inner-page-nav-tab:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.inner-page-nav-items .inner-page-nav-tab:first-child{margin-right:2rem}
.inner-page-nav-items .inner-page-nav-tab + .inner-page-nav-tab {margin: 0 2rem;}
.inner-page-nav-items .inner-page-nav-tab a{
padding-bottom: 2rem;
padding-top: 2rem;
font-size:1.125rem;
display:block;
transition: all .25s ease;
color:#1c305d;
opacity:0.6;
font-weight: 500;
}
.inner-page-nav-items .inner-page-nav-tab a:hover{opacity:1;}
.inner-page-nav-items .inner-page-nav-tab.active a{opacity:1;}
.inner-page-nav-items .inner-page-nav-tab.active:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(1);
height: 4px;
bottom: 4px;
left: 0;
background-color: #1c305d;
transform-origin: bottom right;
transition: transform .25s ease-out;
}
#navbar-example2 {
width: 100%;
}
#navbar-example2.stick {
position: fixed;
top: 0;
z-index: 10000;
}
.about-content-section .content--block .content_block_wrapper {
padding-bottom: 4.66667rem
}
.about-content-section .content--block .content_block_wrapper:last-child {
padding-bottom: 0
}
.about-content-section .content--block .content_block_wrapper + .content_block_wrapper {
padding-top: 4.66667rem
}
.about-content-section .content--block .content_block_wrapper:nth-child(2n+2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
@media (min-width:992px) {
.about-content-section .content--block .content_block_wrapper:nth-child(2n+2) .offset-lg-1 {
margin-left: 0;
margin-right: 8.33333%
}
.intro-blog-featured-banner {
padding:70px 0;
}
}
.about-content-section .content--block .content_block_wrapper + .content_block_wrapper {
border-top: 1px solid #e4e8ed
}
/*--------------------------------------------------------------
# Skills
--------------------------------------------------------------*/
.skills .progress {
height: 60px;
display: block;
background: none;
border-radius: 0;
}
.skills .progress .skill {
padding: 0;
margin: 0 0 6px 0;
text-transform: uppercase;
display: block;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #222222;
}
.skills .progress .skill .val {
float: right;
font-style: normal;
}
.skills .progress-bar-wrap {
background: #e2eefd;
height: 10px;
}
.skills .progress-bar {
width: 1px;
height: 10px;
transition: .9s;
background-color: #106eea;
}
/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
padding: 70px 0 60px;
}
.counts .count-box {
padding: 30px 30px 25px 30px;
width: 100%;
position: relative;
text-align: center;
background: #f1f6fe;
}
.counts .count-box i {
position: absolute;
top: -28px;
left: 50%;
transform: translateX(-50%);
font-size: 24px;
background: #106eea;
color: #fff;
width: 56px;
height: 56px;
line-height: 0;
border-radius: 50px;
border: 5px solid #fff;
display: inline-flex;
align-items: center;
justify-content: center;
}
.counts .count-box span {
font-size: 36px;
display: block;
font-weight: 600;
color: #062b5b;
}
.counts .count-box p {
padding: 0;
margin: 0;
font-family: "Roboto", sans-serif;
font-size: 14px;
}
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
padding: 15px 0;
text-align: center;
}
.clients img {
max-width: 45%;
transition: all 0.4s ease-in-out;
display: inline-block;
padding: 15px 0;
}
.clients img:hover {
transform: scale(1.15);
}
@media (max-width: 768px) {
.clients img {
max-width: 40%;
}
}
/*--------------------------------------------------------------
# client testimonial
--------------------------------------------------------------*/
.client-testimonials .single_testimonial {
padding: 30px;
position: relative;
overflow: hidden;
background: #fff;
box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
transition: all 0.3s ease-in-out;
z-index: 1;
}
.client-testimonials .single_testimonial .client_name {
font-weight: 500;
margin-bottom: 0px;
font-size: 1.175rem;
color:#3D4F75;
}
.client-testimonials .single_testimonial .designation {
color: #1C305D;
font-size: 0.825rem;
font-weight: 400;
color:#3D4F75;
}
.client-testimonials .comments {
font-size: 0.875rem;
margin-bottom: 0;
font-style: italic;
margin-top: 1rem;
color:#3D4F75;
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.four-column-section .icon-box {
text-align: center;
padding: 1.5rem;
transition: all ease-in-out 0.3s;
background: #fff;
width:100%;
}
.four-column-section .icon-box .icon i {
color: #3b8af2;
font-size: 34px;
transition: ease-in-out 0.3s;
}
.four-column-section .icon-box h4 {
font-weight: 600;
margin-bottom: 15px;
font-size: 1.375rem;
}
.four-column-section .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.serfour-column-sectionvices .icon-box:hover {
border-color: #fff;
box-shadow: 0px 0 25px 0 rgba(16, 110, 234, 0.1);
}
.four-column-section .icon-box:hover h4 a, .four-column-section .icon-box:hover .icon i {
color: #106eea;
}
.four-column-section .icon-box:hover .icon {
border-color: #106eea;
}
/*--------------------------------------------------------------
# default-section
--------------------------------------------------------------*/
.default-section .content-block{position: relative;}
.default-section .content-block .numeric-block-count{position:absolute;color:#0CDA90;top:-1rem;left:0;font-size:6rem;font-weight:700;opacity:0.2;z-index:-1;line-height:1}
.basic-section {
position: relative; padding:4rem 0;
border-top: 1px solid #dcdcdc;
box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.basic-section:last-child{border-bottom: 1px solid #dcdcdc;}
.basic-section .image-block{
position: relative;
z-index: 10;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.basic-section .img-col-block::after {
content: "";
height: 100%;
position: absolute;
right: -30px;
width: 80px;
width: 200%;
height: 200%;
z-index: 5;
top: -50%;
right: 0;
margin-right: 40px;
}
.basic-section .img-col-block.right-block::after {
content: "";
height: 100%;
position: absolute;
right: -30px;
width: 80px;
width: 200%;
height: 200%;
z-index: 5;
top: -50%;
left: 0;
margin-left: 40px;
}
.basic-section .content-block hr.blue-line {
display: block;
width: 200px;
height: 4px;
background: linear-gradient(to right,var(--blue),var(--primary));
margin-bottom: 30px;
margin-left: 0;
border: 0;
border-radius: 10px;
}
@media (min-width: 1400px) {
.section-title h2 {font-size: 2.5rem;}
.internal-hero-banner h1, .front-page h1, .about-hero h1, .intro-header-with-bg h1{
font-size: 2.6rem;
font-size: calc(2.6rem + (50 - 44) * ((100vw - 300px) / (2400 - 300)));
}
.intro-blog-featured-banner h1{ font-size: 2.375rem;font-size: calc(2.375rem + (44 - 34) * ((100vw - 300px) / (2400 - 300)));}
}
@media (max-width: 961px) {
.basic-section .image-block {padding: 3rem;}
}
@media screen and (max-width:1024px) {
.basic-section .img-col-block::after {
display:none
}
}
.resources-section .post-card {
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 30px;
border: 1px solid #eff1fe;
background: #fff;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
box-shadow: 0 .125rem .25rem rgba(0,0,0,0.075) !important;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease;
}
.resources-section .post-card:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15) !important;}
.resources-section .post-card-img {
position: relative;
text-align: center;
display: inline-block;
width: 100%;
max-height: 230px;
height: 230px;
overflow: hidden;
}
.resources-section .post-card-img::before {
content: ' ';
position: absolute;
width: 100%;
height: 100%;
background-color: black;
display: block;
opacity: .4;
transition: .8s;
}
.resources-section .post-card-img img {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
border-radius: 4px;
width: 100%;
object-fit: cover;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.resources-section .post-card .post-title{position: relative;}
.resources-section .post-card .post-title .badge{
padding: 0.3rem 0.8rem;
font-weight: 400;
color: #fff;
background: var(--secondary);
background: linear-gradient(to right,var(--primary),var(--blue));
margin-bottom: 10px;
}
.resources-section .post-card .post-btn-wrap .btn-link {font-size:1rem;}
.resources-section .post-card .post-btn-wrap .btn-link::after {
content: "\f138";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.29em;
font-size: 1.3rem;
padding-left: 10px;
transition: all .3s ease;
}
.resources-section .post-card .post-btn-wrap .btn-link:hover::after {
padding-left: 15px;
}
/*--------------------------------------------------------------
# faqs section
--------------------------------------------------------------*/
.faqs-section .card h6 a{font-size:1.275rem; color:var(--primary);padding-right:50px;}
.faqs-section .collapsible-link::before {
content: '';
width: 14px;
height: 2px;
background: var(--primary);
position: absolute;
top: calc(50% - 1px);
right: 1rem;
display: block;
transition: all 0.3s;
}
/* Vertical line */
.faqs-section .collapsible-link::after {
content: '';
width: 2px;
height: 14px;
background: var(--primary);
position: absolute;
top: calc(50% - 7px);
right: calc(1rem + 6px);
display: block;
transition: all 0.3s;
}
.faqs-section .collapsible-link[aria-expanded='true']::after {
transform: rotate(90deg) translateX(-1px);
}
.faqs-section .collapsible-link[aria-expanded='true']::before {
transform: rotate(180deg);
}
/* ----------------------------related posts -----*/
.blog-related-posts .post--card4 {
-webkit-box-shadow: 0 5px 30px rgba(105, 106, 119, .1);
box-shadow: 0 5px 30px rgba(105, 106, 119, .1);
border: 0 none;
transition: all .3s ease;
margin-bottom: 2rem;
}
.blog-related-posts .card.card-shadow {
-webkit-box-shadow: 0 5px 20px rgba(105, 106, 119, .05);
box-shadow: 0 5px 20px rgba(105, 106, 119, .05);
}
.blog-related-posts .card figure {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
flex-grow: 2;
height: 0;
margin: 0;
overflow: hidden;
padding: 0 0 56.25%;
position: relative;
width: 100%;
}
.blog-related-posts .card figure img {
bottom: -100%;
display: block;
left: -100%;
margin: auto;
max-width: none;
min-height: 100%;
min-width: 100%;
padding: 0;
position: absolute;
right: -100%;
top: -100%;
}
.blog-related-posts .post--card .card-body h5 {
margin: 0 0 .66667rem 0;
}
.blog-related-posts .post--card .card-body p, .blog-related-posts .post--card .card-body .blog-related-posts__post-summary {
margin-bottom: 0;
font-size: 85%;
}
.blog-related-posts .post--card4 .card-body .post-meta {
margin-bottom: 0;
}
.blog-related-posts .card-footer ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
justify-content: space-between;
}
.blog-related-posts .card-footer ul li {
color: #9192a3;
padding-right: 1rem;
margin-right: 1rem;
position: relative;
}
.blog-related-posts .post--card .card-footer .post-meta li {
color: #9192a3;
margin-right: 1rem;
font-size: 80%;
}
.blog-related-posts .card-footer ul li:first-child::before {
position: absolute;
content: '|';
right: 0;
top: 0;
color: #e4e8ed;
}
.blog-related-posts .post--card .card-footer .post-meta li:last-child {
margin-right: 0;
}
.horizontal-icons .icon-box-icon .box-icon {
margin-right: 2rem;
}
.horizontal-icons .icon-box-icon .box-icon .svg {
width: 4.66667rem;
}
.horizontal-icons .icon-box-icon .box-content h5{font-weight:600;}
.horizontal-icons .icon-box-icon .box-content p{font-size:1rem};
/* ------------------- --------------------*
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials {
padding: 80px 0;
background: url("../img/testimonials-bg.jpg") no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.testimonials::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
}
.testimonials .section-header {
margin-bottom: 40px;
}
.testimonials .testimonial-item {
text-align: center;
color: #fff;
}
.testimonials .testimonial-item .testimonial-img {
width: 100px;
border-radius: 50%;
border: 6px solid rgba(255, 255, 255, 0.15);
margin: 0 auto;
}
.testimonials .testimonial-item h3 {
font-size: 20px;
font-weight: bold;
margin: 10px 0 5px 0;
color: #fff;
}
.testimonials .testimonial-item h4 {
font-size: 14px;
color: #ddd;
margin: 0 0 15px 0;
}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
color: rgba(255, 255, 255, 0.4);
font-size: 26px;
}
.testimonials .testimonial-item .quote-icon-left {
display: inline-block;
left: -5px;
position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
display: inline-block;
right: -5px;
position: relative;
top: 10px;
}
.testimonials .testimonial-item p {
font-style: italic;
margin: 0 auto 15px auto;
color: #eee;
}
.testimonials .swiper-pagination {
margin-top: 20px;
position: relative;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
background-color: #106eea;
}
@media (min-width: 992px) {
.testimonials .testimonial-item p {
width: 80%;
}
}
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
padding: 0;
margin: 0 auto 15px auto;
list-style: none;
text-align: center;
border-radius: 50px;
padding: 2px 15px;
}
.portfolio #portfolio-flters li {
cursor: pointer;
display: inline-block;
padding: 10px 15px 8px 15px;
font-size: 16px;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
color: #444444;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
color: #106eea;
}
.portfolio #portfolio-flters li:last-child {
margin-right: 0;
}
.portfolio .portfolio-item {
margin-bottom: 30px;
}
.portfolio .portfolio-item .portfolio-info {
opacity: 0;
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
z-index: 3;
transition: all ease-in-out 0.3s;
background: rgba(255, 255, 255, 0.9);
padding: 15px;
}
.portfolio .portfolio-item .portfolio-info h4 {
font-size: 18px;
color: #fff;
font-weight: 600;
color: #222222;
}
.portfolio .portfolio-item .portfolio-info p {
color: #555555;
font-size: 14px;
margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
position: absolute;
right: 40px;
font-size: 24px;
top: calc(50% - 18px);
color: #3c3c3c;
}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
color: #106eea;
}
.portfolio .portfolio-item .portfolio-info .details-link {
right: 10px;
}
.portfolio .portfolio-item .portfolio-links {
opacity: 0;
left: 0;
right: 0;
text-align: center;
z-index: 3;
position: absolute;
transition: all ease-in-out 0.3s;
}
.portfolio .portfolio-item .portfolio-links a {
color: #fff;
margin: 0 2px;
font-size: 28px;
display: inline-block;
transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-links a:hover {
color: #6ba7f5;
}
.portfolio .portfolio-item:hover .portfolio-info {
opacity: 1;
bottom: 20px;
}
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
padding-top: 40px;
}
.portfolio-details .portfolio-details-slider img {
width: 100%;
}
.portfolio-details .portfolio-details-slider .swiper-pagination {
margin-top: 20px;
position: relative;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #106eea;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #106eea;
}
.portfolio-details .portfolio-info {
padding: 30px;
box-shadow: 0px 0 30px rgba(34, 34, 34, 0.08);
}
.portfolio-details .portfolio-info h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
list-style: none;
padding: 0;
font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
margin-top: 10px;
}
.portfolio-details .portfolio-description {
padding-top: 30px;
}
.portfolio-details .portfolio-description h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
padding: 0;
}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.board-directer-section{background-color: #f8f8f8;border-bottom:1px solid #e4e8ed }
.board-directer-section .board-dir-all{max-width:1250px; margin:0 auto;}
.board-directer-section .board-dir-all .card {border:0; transition: ease-in-out 0.5s; box-shadow: 0px 2px 15px rgba(16, 110, 234, 0.15);}
.board-directer-section .board-dir-all .card .director-img {overflow:hidden; position: relative;width: 100%; height: 100%;}
.board-directer-section .board-dir-all .card .director-img figure {
margin: 0;
/* padding: 0 0 56.25%; */
height: 100%;
position: relative;
width: 100%;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
overflow: hidden;
}
.board-directer-section .board-dir-all .card .director-img figure img {
padding: 0;
display: block;
/* position: absolute; */
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
margin: auto;
max-width: 100%;
min-width: 100%;
min-height: 100%;
}
.board-directer-section .board-dir-all .card .card-title{font-size: 1.375rem;font-weight:600;}
.board-directer-section .board-dir-all .card p{font-size: 1.125rem;}
.board-directer-section .board-dir-all .card .director-img .social-dir {
position: absolute;
bottom: 0;
background:var(--blue);
padding: 5px;
right: -65px;
transition: ease .3s;
border-radius:3px;
}
.board-directer-section .board-dir-all .card:hover{
border-color: transparent;
-webkit-box-shadow: 0 10px 30px rgb(105 106 119 / 15%);
box-shadow: 0 10px 30px rgb(16 110 234 / 15%);
transform: translateY(-0.5em);
}
.board-directer-section .board-dir-all .card:hover .social-dir { right: 0px;}
.board-directer-section .board-dir-all .card .director-img .social-dir ul {
list-style-type: none;
display: flex;
padding:0;
margin:0;
justify-content: center;
}
.board-directer-section .board-dir-all .card .director-img .social-dir li {
text-align: center;
display: flex;
justify-content: center;
width: 30px;
height: 30px;
align-items: center;
border-radius: 35px;
}
.board-directer-section .board-dir-all .card .director-img .social-dir li + li{margin-left:5px;}
.board-directer-section .board-dir-all .card .social-dir li a{ display: block; width: 18px; line-height: 0px;}
.board-directer-section .board-dir-all .card .social-dir li a svg{fill:#fff;}
.team {
padding: 60px 0;
}
.team .member {
margin-bottom: 20px;
overflow: hidden;
border-radius: 4px;
background: #fff;
box-shadow: 0px 2px 15px rgba(16, 110, 234, 0.15);
}
.team .member .member-img {
position: relative;
overflow: hidden;
}
.team .member .social {
position: absolute;
left: 0;
bottom: 30px;
right: 0;
opacity: 0;
transition: ease-in-out 0.3s;
text-align: center;
}
.team .member .social a {
transition: color 0.3s;
color: #222222;
margin: 0 3px;
padding-top: 7px;
border-radius: 4px;
width: 36px;
height: 36px;
background: rgba(16, 110, 234, 0.8);
display: inline-block;
transition: ease-in-out 0.3s;
color: #fff;
}
.team .member .social a:hover {
background: #3b8af2;
}
.team .member .social i {
font-size: 18px;
}
.team .member .member-info {
padding: 25px 15px;
}
.team .member .member-info h4 {
font-weight: 700;
margin-bottom: 5px;
font-size: 18px;
color: #222222;
}
.team .member .member-info span {
display: block;
font-size: 13px;
font-weight: 400;
color: #aaaaaa;
}
.team .member .member-info p {
font-style: italic;
font-size: 14px;
line-height: 26px;
color: #777777;
}
.team .member:hover .social {
opacity: 1;
bottom: 15px;
}
/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
padding: 20px;
background: #fff;
text-align: center;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
border-radius: 5px;
position: relative;
overflow: hidden;
}
.pricing .box h3 {
font-weight: 400;
margin: -20px -20px 20px -20px;
padding: 20px 15px;
font-size: 16px;
font-weight: 600;
color: #777777;
background: #f8f8f8;
}
.pricing .box h4 {
font-size: 36px;
color: #106eea;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin-bottom: 20px;
}
.pricing .box h4 sup {
font-size: 20px;
top: -15px;
left: -3px;
}
.pricing .box h4 span {
color: #bababa;
font-size: 16px;
font-weight: 300;
}
.pricing .box ul {
padding: 0;
list-style: none;
color: #444444;
text-align: center;
line-height: 20px;
font-size: 14px;
}
.pricing .box ul li {
padding-bottom: 16px;
}
.pricing .box ul i {
color: #106eea;
font-size: 18px;
padding-right: 4px;
}
.pricing .box ul .na {
color: #ccc;
text-decoration: line-through;
}
.pricing .btn-wrap {
margin: 20px -20px -20px -20px;
padding: 20px 15px;
background: #f8f8f8;
text-align: center;
}
.pricing .btn-buy {
background: #106eea;
display: inline-block;
padding: 8px 35px 10px 35px;
border-radius: 4px;
color: #fff;
transition: none;
font-size: 14px;
font-weight: 400;
font-family: "Roboto", sans-serif;
font-weight: 600;
transition: 0.3s;
}
.pricing .btn-buy:hover {
background: #3b8af2;
}
.pricing .featured h3 {
color: #fff;
background: #106eea;
}
.pricing .advanced {
width: 200px;
position: absolute;
top: 18px;
right: -68px;
transform: rotate(45deg);
z-index: 1;
font-size: 14px;
padding: 1px 0 3px 0;
background: #106eea;
color: #fff;
}
/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
padding: 60px 0;
}
.faq .faq-list {
padding: 0;
list-style: none;
}
.faq .faq-list li {
border-bottom: 1px solid #d4e5fc;
margin-bottom: 20px;
padding-bottom: 20px;
}
.faq .faq-list .question {
display: block;
position: relative;
font-family: #106eea;
font-size: 18px;
line-height: 24px;
font-weight: 400;
padding-left: 25px;
cursor: pointer;
color: #0d58ba;
transition: 0.3s;
}
.faq .faq-list i {
font-size: 16px;
position: absolute;
left: 0;
top: -2px;
}
.faq .faq-list p {
margin-bottom: 0;
padding: 10px 0 0 25px;
}
.faq .faq-list .icon-show {
display: none;
}
.faq .faq-list .collapsed {
color: black;
}
.faq .faq-list .collapsed:hover {
color: #106eea;
}
.faq .faq-list .collapsed .icon-show {
display: inline-block;
transition: 0.6s;
}
.faq .faq-list .collapsed .icon-close {
display: none;
transition: 0.6s;
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
form{max-width:100%}.hs-form-field{position:relative;margin-bottom:1.125rem}.form-title h3{font-size:2.5rem}.form-title~div>form{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.hs-form-field>label{display:block;margin-bottom:.375rem;text-align:left;width:auto;z-index:1}.input{position:relative}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:calc(1rem + 1rem + 20px);padding:.375rem 1rem;background:rgba(156,156,156,.1);font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}select::-ms-expand{display:none}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#106eea;outline:0}fieldset{max-width:100%!important}.inputs-list{list-style:none;margin:0;padding:0}.inputs-list>li{display:block;margin:.5rem 0;padding:0;width:100%}.inputs-list>li label{margin-bottom:0}.inputs-list>li label span{font-size:16px}.hs-error-msgs>li{display:block;margin:.5rem 0;padding:0;width:100%;font-size:.825rem}input[type=checkbox],input[type=radio]{border:none;cursor:pointer;height:auto;line-height:normal;margin-right:.375rem;padding:0;width:auto}.hs-fieldtype-select .input:after{content:"\f282";display:inline-block;font-family:bootstrap-icons!important;pointer-events:none;color:var(--primary);position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.hs-fieldtype-date .input .hs-dateinput:before{content:'\01F4C5';position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.fn-date-picker .pika-table thead th{color:#fff}.fn-date-picker td.is-selected .pika-button{border-radius:0;box-shadow:none}.fn-date-picker td .pika-button:hover{border-radius:0!important}input[type=file]{border:initial;box-shadow:none;line-height:initial;padding:14px}form .hs-richtext img{max-width:100%!important}form .header{background-color:transparent;border:none}.legal-consent-container .hs-form-booleancheckbox-display>span,.legal-consent-container .hs-form-booleancheckbox-display>span p{font-size:.875rem;margin-left:1rem!important}.legal-consent-container p{font-size:.875rem}.hs-form-required{color:#ef6b51}.hs-error-msg{margin:0;color:#dc3545}input[type=color].error,input[type=date].error,input[type=datetime-local].error,input[type=datetime].error,input[type=email].error,input[type=month].error,input[type=number].error,input[type=password].error,input[type=search].error,input[type=tel].error,input[type=text].error,input[type=time].error,input[type=url].error,input[type=week].error,select.error,textarea.error{border-color:#e23838}.hs_product_options>label{font-weight:600}form .hs-button,form input[type=submit]{display:inline-block;font-weight:400;color:#fff;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:.07rem;font-size:1.375rem;padding:1rem 2.563rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form input[type=submit],form .hs-button{background-image:linear-gradient(to right,var(--blue),var(--primary),var(--cyan),var(--purple));background-size:300% 100%;border:0;letter-spacing:.07rem;font-size:1.375rem;padding:1rem 2.563rem;color:#fff;transition:.4s;border-radius:0}.form input[type=submit]:hover,form .hs-button:hover{color:#fff;background-position:100% 0}.form input[type=submit]:focus,form .hs-button:focus{color:#fff;background-position:100% 0;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.grecaptcha-badge{margin:0 auto}.contact .request-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}.contact .request-form .hs_submit .hs-button{background:#fff;border:0;padding:1rem 2.5rem;color:#1c305d;font-size:1.275rem;transition:.4s;border-radius:0}.contact .request-form .hs_submit .hs-button:hover{background:#3b8af2;color:#fff}.contact.request-demo-form-white-theme .request-form .form-title{display:none}.contact.request-demo-form-white-theme .hs_submit .hs-button{background:var(--blue);border:0;padding:.7rem 2.5rem;color:#fff;font-size:1.125rem;transition:.4s;border-radius:0}.contact.request-demo-form-white-theme .hs_submit .hs-button:hover{background:var(--primary);color:#fff}.contact.request-demo-form-white-theme .hs-form-field .hs-input{background: rgba(255, 255, 255) !important;}.contact-from-wrapper{width:100%}.contact-from-wrapper .hs-custom-form fieldset.form-columns-1 select.hs-input,.contact-from-wrapper .hs-custom-form fieldset.form-columns-1 textarea.hs-input{width:100%}.contact-from-wrapper .hs-custom-form .hs-button{padding:1rem 2.563rem;font-size:1.375rem}.partners-template .master-form .form{max-width:850px;margin:0 auto}.partners-template .master-form .form fieldset{max-width:850px;margin:0 auto}.partners-template .master-form .form .hs-form .inputs-list,.partners-template .master-form .form .hs-form .inputs-list li{padding-left:0}.partners-template .master-form .form fieldset .input{margin-right:20px}.partners-template .master-form .form fieldset .input input.hs-input{padding:.375rem 2.25rem .375rem .75rem;background-color:#fff;height:calc(1rem + 1rem + 20px)}.partners-template .master-form .form fieldset .input select.hs-input{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;height:calc(1rem + 1rem + 20px);border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.partners-template .master-form .form .hs-submit{text-align:center;margin-top:30px}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;height:calc(2.8em + .75rem + 2px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lead-form{background:var(--white);padding:2rem;box-shadow:0 .2rem .5rem rgb(0 0 0 / 15%)!important; border-radius:6px;}.lead-form .hs_submit{text-align:center;margin-top:2rem}
.form-widget{
background-color: #ffffff;
padding: 20px 20px;
border: 1px solid #dddddd;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.form-widget h3{font-size: 1.6rem;text-transform: uppercase; font-weight:700; }
.form-widget h4{font-size:1rem; margin-top:2rem}
.form-widget .hs-form .hs-form-field{margin-bottom: 1.125rem}
.form-widget .hs-form .hs-input.error{border: 1px solid #e23a3a;}
.form-widget .hs-form .hs-fieldtype-text label {display:none;}
.form-widget .hs-form .hs-form-checkbox .hs-form-checkbox-display{display:flex; justify-content: flex-start;align-items: center;}
.form-widget .hs-form .hs-form-checkbox .hs-form-checkbox-display .hs-input {width: 6%; margin-right: 15px;height: 20px !important;margin-bottom: 0.3rem;}
.form-widget .hs-form .hs-form-checkbox .hs-form-checkbox-display span{font-size: 0.875rem; color:#1c305d;}
.form-widget .hs_submit .hs-button {
color: #fff;
background-color: #7141b1;
border-color: #7141b1;
box-shadow: 8px 15px 20px 0px rgba(17,22,50,0.12);
-webkit-box-shadow: 8px 15px 20px 0px rgba(17,22,50,0.12);
font-size: 1.2rem;
letter-spacing: 0.02rem;
text-transform: uppercase;
}
@media screen and (max-height: 600px)
.form-widget{
padding: 10px 42px 10px;
}
@media screen and (max-width: 768px){
.form-widget{
margin: 0px auto;
padding: 20px;
}
}
@media screen and (min-width: 800px){
.form-widget{
margin: 2rem auto;
padding: 20px;
}
.featured-section.demo-request-content .featured-img-card{margin:0 -50px}
}
@media screen and (min-width: 991px){
.form-widget{
background-color: #ffffff;
padding: 30px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
@media screen and (min-width: 1400px){
.featured-section.demo-request-content .featured-img-card{margin:0 -100px}
}
.request-demo-form-white-theme {
width: 100%;
position: relative;
background:var(--headings);
}
.request-demo-section-form {
width: 100%;
background: linear-gradient(to right,var(--block) 10%,var(--dark) 90%);
}
.request-demo-section-form:before {
content: "";
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
z-index:-1;
}
.request-demo-section-form .form-title{margin:0}
.request-demo-section-form .section-title h3{font-size:1.75rem;}
.request-demo-section-form .section-title h3,
.request-demo-section-form .legal-consent-container p{color:#ffffff; }
.request-demo-section-form .hs-form input{background: rgba(156,156,156,0.5);color:#ffffff;}
.request-demo-section-form .hs-form input::placeholder { color: #ffffff; opacity: 1; }
.request-demo-section-form .hs-form input:-ms-input-placeholder { color: #ffffff;}
.request-demo-section-form .hs-form input::-ms-input-placeholder {color: #ffffff;}
#client-testimonial-carousel {margin: 0 auto;}
#client-testimonial-carousel .blockquote {margin: 0px auto; padding: 10px 40px 10px 50px;position: relative;}
#client-testimonial-carousel .blockquote-footer{margin:30px 0;color:var(--white);}
#client-testimonial-carousel .carousel-item .img-box{border:3px solid var(--blue);width: 200px;max-width: 200px;border-radius: 200px;
height: 200px;overflow: hidden; margin:0 auto;}
#client-testimonial-carousel blockquote q {
color: #fff;
display: block;
font-size: 20px;
line-height: 1.5em;
margin-bottom: 12px;
quotes: "“" "”";
}
#client-testimonial-carousel blockquote q::before {
color: #5DB6E6;
content: open-quote;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 70px;
font-weight: bold;
line-height: 70px;
left: 8px;
top: 5px;
position: absolute;
width: 90px;
}
#client-testimonial-carousel blockquote q::after {
color: #5DB6E6;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 70px;
font-weight: bold;
line-height: 70px;
position: absolute;
width: 90px;
content: close-quote;
margin-left:10px;
}
#client-testimonial-carousel .carousel-indicators {bottom:inherit}
#client-testimonial-carousel .carousel-indicators .active {background-color:var(--blue);}
.request-demo-form-white-theme .request-form {border-radius:10px;}
@media (min-width: 962px){
#client-testimonial-carousel .blockquote{ padding: 20px 60px 10px 20px;}
#client-testimonial-carousel blockquote q::before {
left: -30px;
top: 13px;
}
.request-demo-section-form {
width: 100%;
background: url("//www.innovapptive.com/hubfs/raw_assets/public/Innovapptive-theme-2021/images/EAM-software-v2.jpg") top left;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
}
.contact .info-box {
color: #444444;
text-align: center;
box-shadow: 0 0 30px rgba(214, 215, 216, 0.3);
padding: 20px 0 30px 0;
}
.contact .info-box i {
font-size: 32px;
color: #106eea;
border-radius: 50%;
padding: 8px;
border: 2px dotted #b3d1fa;
}
.contact .info-box h3 {
font-size: 20px;
color: #777777;
font-weight: 700;
margin: 10px 0;
}
.contact .info-box p {
padding: 0;
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.contact.bg-dark h3 {
color: #fff;
font-weight: 700;
font-size: 2.8rem;
}
.contact.bg-dark .hs-custom-form input[type="text"],
.contact.bg-dark .hs-custom-form input[type="email"],
.contact.bg-dark .hs-custom-form input[type="password"],
.contact.bg-dark .hs-custom-form input[type="tel"],
.contact.bg-dark .hs-custom-form input[type="number"],
.contact.bg-dark .hs-custom-form input[type="file"],
.contact.bg-dark .hs-custom-form select,
.contact.bg-dark .hs-custom-form textarea {
background: rgba(255, 255, 255, 0.85);
color:var(--block);
}
.contact.bg-dark .legal-consent-container p{color:#888;font-size: 0.825rem;}
.state-countersec { padding:70px 0; position:relative; background-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important; }
.state-counterwrap { float:none; display:block; margin:0 -40px; width:auto;position:relative;z-index:9;}
.state-countercol { float:none; display:inline-block; vertical-align:top; width:20%; padding:0 40px; margin:0 -2px; font-size:16px; line-height:22px; color:#1C305D; font-weight:300; font-family:'Poppins', sans-serif; text-transform:uppercase; }
.state-countericon img { float:none; display:inline-block; vertical-align:top; max-width:81px; height:auto }
.state-counternum { font-size:30px; line-height:60px; color:#FCB414; font-weight:600; margin:5px 0 8px; }
.lead-page-section {position:relative;}
.lead-page-section .shape{position: absolute; top: 0; width: 100%;}
.lead-page-section .content ul {padding:0;}
.lead-page-section .content li{margin-bottom: 0.5rem;list-style: none;position: relative;padding: 0px 0px 0px 25px;}
.lead-page-section .content li::before {
position: absolute;
height: 15px;
width: 15px;
left: 0px;
top: 5px;
content: "\F633";
display: inline-block;
font-family: bootstrap-icons !important;
background: var(--primary);
font-size: 14px;
line-height: 15px;
box-shadow: 1px 4px 9px -2px rgb(0 0 0 / 26%);
color: var(--white);
border-radius: 50%;
}
.landing_169751692080 .lead-page-section .container{max-width:80%}
.landing_169751692080 .lead-page-section .lead-form{box-shadow: 0px 18px 40px 0px #0000000D;
border: double 1px transparent;
border-radius: 20px;
background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
background-origin: border-box;
background-clip: padding-box, border-box;
overflow: hidden;}
/*.lead-page-section .content figure{position: relative; margin-right: -100px;}
.lead-page-section .lead-form h3{margin-bottom: 30px;}
.lead-page-section .lead-form input[type="email"],
.lead-page-section .lead-form input[type="file"],
.lead-page-section .lead-form input[type="number"],
.lead-page-section .lead-form input[type="password"],
.lead-page-section .lead-form input[type="search"],
.lead-page-section .lead-form input[type="tel"],
.lead-page-section .lead-form input[type="text"],
.lead-page-section .lead-form select,
.lead-page-section .lead-form textarea {height: calc(1.25rem + 1.125rem + 30px);}*/
@media (min-width: 30px) and (max-width: 767px){
.state-countersec { padding:50px 0; }
.state-counterwrap { margin:0 -15px; }
.state-countercol { width:50%; padding:0 15px 30px; }
.state-countercol:last-child { padding-bottom:0; }
.state-counternum { font-size:30px; line-height:50px; }
}
.thank-landing .header-banner{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-height: 350px;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-o-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative;
}
.thank-landing .header-banner:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background: rgba(62, 89, 150, 0.86);
}
.page-header-conetent{
padding-right: 30px;
position: relative;
z-index: 2;
text-align:center;
}
.page-header-conetent h1{color:#fff;}
.page-header-conetent h5 {
font-weight: 300;
font-size: 1.125rem;
line-height: 1.7;}
.app-ctas img{width:200px;}
.videos-cta-section .card .card-content{padding:15px;}
.watch-demo {margin-top:5rem;}
.watch-demo .option-card {
border:0px solid #f00;
text-align: center;
padding: 40px 36px;
border-radius: 0;
display:block;
width:100%
}
.watch-demo .option-card:hover{background:#f7f7f7;}
.watch-demo .option-card .card-image{
max-width: 150px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
background:#fff;
}
.watch-demo .option-card .card-image img {
max-width: 80px;
}
.watch-demo .option-card .card-title{font-size:1.2rem}
.watch-demo .option-card .card-text {font-size:0.875rem; line-height: 1.4;}
.hs-video-wrapper .hsv-form form .hs-button {padding: 0.5rem 1rem;}
.hs-video-wrapper .hsv-form [data-test-id="form-watch-video"]{color: #106eea;}
.long-cta-section {
background-position: 50% !important;
background-size: cover !important;
background: #fdb515;
position: relative;
}
.long-cta-section::before {
background: rgba(28,48,93,.95);
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.long-cta-section h3 {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
color: #686868;
font-size: 14px;
background: var(--light);
}
#footer .footer-brand-logo {
padding: 15px 0;
border-bottom: 1px solid rgba(28,48,93,0.2);
background:#553f980f;
}
#footer .footer-contact-info h4 {
font-size: 1.25rem;
margin: 0;
padding: 0;
color: #1c305d;
text-align:right;
line-height: 1;
font-weight: 600;
letter-spacing:0.03rem;
margin-bottom:0.5rem;
}
#footer .footer-contact-info h4 a{color:var(--headings);}
#footer .footer-contact-info .email{color: var(--headings);}
#footer .footer-nav-menu {
padding: 30px 0;
}
#footer .footer-nav-menu .f_nav_menu_row {flex-wrap: wrap; margin-right: -15px;margin-left: -15px;}
#footer .footer-nav-menu .f_nav_menu_col {
padding-right: 15px;
padding-left: 15px;
}
#footer .footer-nav-menu .f_nav_menu_col {
max-width:100%;
flex: 0 0 calc(100%);
}
@media screen and (min-width: 992px) {
#footer .footer-nav-menu .f_nav_menu_col {
max-width:25%;
flex: 0 0 calc(25%);
}
}
#footer .footer-nav-menu .footer-contact {
margin-bottom: 30px;
}
#footer .footer-nav-menu .footer-contact h3 {
font-size: 24px;
margin: 0 0 15px 0;
padding: 2px 0 2px 0;
line-height: 1;
font-weight: 700;
}
#footer .footer-nav-menu .footer-contact h3 span {
color: #106eea;
}
#footer .footer-nav-menu .footer-contact p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
color: #777777;
}
#footer .footer-nav-menu .foo-xl-title {
font-size: 18px;
font-weight: 600;
position: relative;
margin-bottom: 3rem;
}
#footer .footer-nav-menu .foo-xl-title:before {
content: '';
position: absolute;
bottom: -14px;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(to right,var(--purple),var(--blue));
z-index: 0;
border-radius: 10px;
}
#footer .footer-nav-menu h5 {
font-size: 14px;
font-weight: 600;
text-transform:uppercase;
margin-bottom: 2rem;
}
#footer .footer-nav-menu .footer-links {
margin-bottom: 0px;
}
#footer .footer-nav-menu .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 0rem;
}
#footer .footer-nav-menu .footer-links ul i {
padding-right: 2px;
color: #106eea;
font-size: 14px;
line-height: 1.5;
}
#footer .footer-nav-menu .footer-links ul li {
padding: 5px 0;
display: flex;
align-items: center;
}
#footer .footer-nav-menu .footer-links ul li:first-child {
padding-top: 0;
}
#footer .footer-nav-menu .footer-links ul a {
color: var(--text);
font-size:1rem;
transition: 0.3s;
display: inline-block;
line-height: 1.5;
position:relative;
padding-left:1.5rem;
}
#footer .footer-nav-menu .footer-links ul a:before{
content: "\f285";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.29em;
font-size: 1.125rem;
transition: all .3s ease;
position: absolute;
left: -4px;
top: 10px;
border: 0;
color: var(--primary);
}
#footer .footer-nav-menu .footer-links ul a:hover {
text-decoration: none;
color: var(--blue);
padding-left:1rem;
}
#footer .footer-nav-menu .social-links a {
font-size: 18px;
display: inline-block;
background: #106eea;
color: #fff;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
border-radius: 4px;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
}
#footer .footer-nav-menu .social-links a:hover {
background: #3b8af2;
color: #fff;
text-decoration: none;
}
#footer .footer-bottom {border-top: 1px solid rgba(28,48,93,0.2);}
#footer .copyright {
text-align: left;
font-size: 12px;
}
#footer .footer-privacy-links {
text-align: right;
font-size: 13px;
color: #444444;
}
.solu_f_menu {
max-width: 500px;
box-shadow: 0 0 1px rgba(0,0,0,0.1);
}
.solu_f_menu .card,
.solu_f_menu .card:last-child .card-header {
border: none;
}
.solu_f_menu .card-header {
border-bottom-color: #EDEFF0;
background: transparent;
}
.solu_f_menu .btn {
width: 100%;
color: var(--headings);
padding: 0;
font-size:1rem;
}
.solu_f_menu .btn-link:hover,
.solu_f_menu .btn-link:focus {
text-decoration: none;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {font-size:1rem !important; margin: 0 !important;}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover{color:#106eea !important;}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area{margin-right: 0 !important;}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {color: #FFFFFF !important;font-size: 1rem !important;width: 100px;text-align: center !important;}
.strategic-cta{position: -webkit-sticky; position: fixed; bottom: 0;padding-top: 20px;padding-bottom: 20px;text-align:center; background-color: rgba(142, 142, 142, 0.5);width: 100%;}
@media (min-width: 576px) and (max-width: 962px) {
#footer .footer-nav-menu .f_nav_menu_row {margin-right: -15px;margin-left: -15px;}
#footer .footer-nav-menu .f_nav_menu_col {
max-width:33.333%;
flex: 0 0 calc(33.33%);
padding: 0 15px;
}
}
@media (max-width: 768px) {
#footer .copyright, #footer .footer-privacy-links {
text-align: center;
padding: 2px 0;
}
#footer .footer-nav-menu .mob-foo-menu .footer-links{margin-bottom: 0px; border-bottom: 1px solid #1C305D30;}
#footer .footer-nav-menu .foo-mob-title {
font-size: 18px;
font-weight: 600;
position: relative;
margin: 0;
padding: 0.8rem 0;
}
#footer .footer-nav-menu .foo-mob-title .bi-chevron-down {
position: absolute;
right: 0;
width: 22px;
height: 22px;
fill: #989BA2;
}
}
@media (max-width: 576px) {
#footer .footer-nav-menu{padding-top:0;}
#footer .footer-privacy-links{text-align: center;}
#footer .footer-nav-menu .mob-foo-menu .footer-links h5{margin-top: 10px;}
#footer .footer-nav-menu .f_nav_menu_row{flex-wrap: wrap; flex-direction:column;}
}
.social ul li {
margin-right: .66667rem
}
.social ul li:last-child {
margin-right: 0
}
.social ul li a {
line-height: 2.53333rem;
width: 2.53333rem;
display: inline-block;
text-align: center;
-webkit-border-radius: 33.33333rem;
border-radius: 33.33333rem;
background: #29292d;
color: #fff
}
.social ul li a span {
font-size: .86667rem
}
.social ul li a:hover {
background-color: #413aa4;
color: #fff
}
.social.social--small ul li a {
line-height: 2.53333rem;
width: 2.53333rem;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.social.social--small ul li a span {
color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.social.social--small ul li a:hover span {
color: #fff
}
.social.square ul li a {
-webkit-border-radius: 0;
border-radius: 0;
background: 0 0;
border: 1px solid #e4e8ed
}
.social.social--gray ul li a {
background: #f5f4f7 !important;
color: #5a6671
}
.social.social--gray ul li a span {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: #9192a3
}
.social.social--gray ul li a:hover {
color: #fff;
background: #413aa4
}
.social.social--gray ul li a:hover span {
color: #fff
}
.social.social--colored ul li a.facebook {
background: #3b5998
}
.social.social--colored ul li a.twitter {
background: #47adfa
}
.social.social--colored ul li a.linkedin {
background: #0677b4
}
.social.social--colored ul li a.gplus {
background: #dd4b39
}
.social.social--colored ul li a.pinterest {
background: #bc091b
}
.social-basic ul{margin:0;}
.social-basic ul li {
margin-right: 1.66667rem;
list-style-type: none;
}
.social-basic ul li:last-child {
margin-right: 0
}
.social-basic ul li a {
color: rgba(32, 36, 40, .5);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-size: 1.5rem;
}
.social-basic ul li a:hover {
color: var(--primary);
}
.social-basic .rounded-circle li {
margin-right: .66667rem
}
.social-basic .rounded-circle li a {
width: 2.13333rem;
height: 2.13333rem;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: .8rem;
color: rgba(90, 102, 113, .6)
}
.social-basic.icon-light li a {
background: #fff;
color: rgba(90, 102, 113, .6)
}
.social-basic.icon-light li a:hover {
background: #413aa4;
color: #fff
}
.social-basic.icon-grey li a {
background: rgba(65, 58, 164, .06)
}
.social-basic.icon-grey li a:hover {
background: #413aa4;
color: #fff
}
.module-card-style-1 {position:relative;}
.module-card-style-1 .solution-card {
padding: 40px 45px;
position: relative;
overflow: hidden;
width:100%;
background: #fff;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
border: 1px solid rgba(0,0,0,0.1);
}
.module-card-style-1 .solution-card::before {
content: "";
position: absolute;
width: 0;
height: 100%;
top: 0;
left: 0;
z-index: 0;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.module-card-style-1 .solution-card * {
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
.module-card-style-1 .solution-card::after {
content: "";
position: absolute;
width: 0;
height: 0;
top: -15px;
right: -15px;
z-index: 1;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #43baff;
}
.module-card-style-1 .solution-card:hover {
background: #fff;
border: 1px solid rgba(0,0,0,0.0);
background: transparent !important;
box-shadow: 15px 15px 38px 0 rgba(0,0,0,.1);
-webkit-box-shadow: 15px 15px 38px 0 rgba(0,0,0,.1);
-moz-box-shadow: 15px 15px 38px 0 rgba(0,0,0,.1);
}
.module-card-style-1 .solution-card:hover::before {
width: 100%;
opacity: 1;
}
.module-card-style-1 .solution-card:hover::after {
opacity: 1;
width: 30px;
height: 30px;
}
.module-card-style-1 .solution-card .content-box{position:relative;}
.module-card-style-1 .solution-card .content-box h4.title{
margin-bottom: 17px;
font-weight: 700;
font-size: 1.375rem;
font-size: calc(1.125rem + (30 - 22) * ((100vw - 300px) / (2400 - 300)));
}
.module-card-style-1 .solution-card .content-box .description:last-child {
margin-bottom: 0;
}
.module-card-style-1 .product-header .product-header-title {
padding-right: 15px;
margin: 0;
color:var(--headings);
}
.module-card-style-1 .product-header .prod-description h4{
font-weight: 400;
font-size:17px;
line-height: 1.5;
color:#313744;
margin-top:20px;
margin-top: 20px;
margin-bottom: 0;
}
/*.module-card-style-1 .product-header .prod-description {
min-height: 45px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-webkit-display: flex;
-moz-display: flex;
-o-display: flex;
-ms-display: flex;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding-left:15px;
border-left: 3px solid;
border-image: linear-gradient(to top,var(--blue),var(--primary));
border-image-slice: 1;
}*/
.module-card-style-1 .service-block-wrap {
margin-bottom: 20px;
}
.module-card-style-1 .service-block h4 {
margin-top: -5px;
}
.module-card-style-1 .service-block-wrap .icon{
background: var(--primary);
border-radius: 35px;
box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15) !important;
display: flex;
justify-content: center;
align-items: center;
height: 60px;
width: 60px;
/*background: linear-gradient(to top,var(--blue),var(--primary));*/
}
.module-card-style-1 .service-block-wrap .icon .bi{font-size: 2.5rem;color: white;}
.module-card-style-1 .service-block .learnmore {
color: var(--headings);
font-size: 20px;
text-transform: none;
}
.module-card-style-1 .service-block .learnmore::after {
content: "\f138";
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
line-height: 1;
vertical-align: -.20em;
font-size: 1.6rem;
padding-left: 10px;
transition: all .3s ease;
background: var(--primary);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.module-card-style-1 .service-block .learnmore:hover::after {padding-left: 15px;}
/* cloud product */
/* index 7 */
.site-content{background-color: #F2F5FA;}
.site-content b, .site-content strong {
font-weight: bold;
}
.site-header-7 .is-stuck {
background-color: #fff;
}
.site-header-7 .main-navigation ul > li.menu-item-has-children > a:after, .site-header-8 .main-navigation ul > li.menu-item-has-children > a:after {
color: #1B1D21;
}
.sec_video .sec_content{width:36rem; margin:0 auto;}
.sec_video .sec-content-media{aspect-ratio: 16 / 9; position: relative;}
.sec_video .sec-content-media .vidyard_video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 1200px){.module-card-style-1 .img-thumb{max-width: 90%;}}
@media (min-width: 1600px){
.site-header-7 .octf-area-wrap {
padding-left: 185px;
padding-right: 185px;
}
}
.top-i7 {
background-color: #F2F5FA;
background-image: url(images/background/bg-banner-home-7.png);
background-position: top right;
background-repeat: no-repeat;
}
.title-i7 {
font-size: 40px;
font-weight: 300;
line-height: 56px;
margin-bottom: 1.5rem;
}
.top-i7-left h5 {
font-weight: 700;
line-height: 1;
margin-bottom: 30px;
text-transform: uppercase;
}
.cloud-products section .description ul {
--icon-space: 1.3em;
padding:0;
list-style: none;
}
.cloud-products section .description li {
margin: 8px 0;
margin-bottom: 8px;
margin-bottom: 1rem;
list-style: none;
position: relative;
padding: 0px 0px 0px 30px;
}
.cloud-products section .description li:before {
position: absolute;
content: '\F26A';
font-family: bootstrap-icons !important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
color: var(--primary);
font-size:1.125rem;
top:1px;
left:20px;
}
ul.checkmark {
--icon-space: 1.3em;
padding:0;
list-style: none;
}
.checkmark li {
margin: 8px 0;
margin-bottom: 8px;
margin-bottom: 1rem;
list-style: none;
position: relative;
padding: 0px 0px 0px 30px;
}
.checkmark li:before {
position: absolute;
content: '\F26A';
font-family: bootstrap-icons !important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
color: var(--primary);
font-size:1.125rem;
top:1px;
left:20px;
}
.sec_segments .segment_column_content .description li:before{color: var(--blue) !important;}
.sub-home-7 {
margin-right: 100px;
position: relative;
}
.sub-home-7 .wpcf7-email {
background: #fff;
width: 100%;
padding-right: 150px;
}
.sub-home-7 .octf-btn {
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 100%;
border-radius: 5px;
}
.sub-home-7 .octf-btn {
width: 130px;
border-radius: 0;
}
.client-i7 {
background-color: #fff;
border-top: 1px solid #7141b130;
border-bottom: 1px solid #7141b130;
}
.retina-i7 {
background-color: #F2F5FA;
padding-bottom: 60px;
padding-top: 0;
}
.style-medium-i7 {
font-size: 48px;
line-height: 60px;
}
ul.style-2 {
font-weight: 700;
list-style: none;
color: #000;
font-size: 18px;
}
ul.style-2 li i {
color: #43baff;
font-size: 15px;
margin-right: 18px;
}
.support-i7 {
background-color: #F2F5FA;
background-image: url(images/background/bg2-home7.png);
background-position: bottom right;
background-repeat: no-repeat;
padding-top: 0;
padding-bottom: 100px;
}
.octf-btn-primary-outline {
background-color: transparent;
border: 1px solid #43baff;
color: #43baff;
}
.octf-btn-primary-outline:hover {
background-color: #43baff;
}
.support-content-i7 {
margin-right: 70px;
}
.support-content-i7 .octf-btn {
padding-top: 17px;
padding-bottom: 17px;
}
.app-i7 {
padding-top: 170px;
padding-bottom: 170px;
}
.icon-box-s3.i7 {
padding: 40px 15px 30px 38px;
}
.icon-box-s3.i7:hover {
border-color: transparent;
box-shadow: 8px 8px 15px 0 rgb(0 0 0 / 10%);
}
.icon-box-s3.i7 .icon-main {
background: #02010100;
width: 82px;
height: 82px;
line-height: 82px;
}
.icon-box-s3.i7 .icon-main svg {
width: 82px;
}
.icon-box-s3.i7 h5 {
font-size: 24px;
font-weight: 600;
}
.ot-counter.i7 {
display: flex;
}
.ot-counter.i7 span {
color: #43BAFF;
font-size: 56px;
font-weight: 700;
padding-left: 0;
}
.ot-counter.i7 span:last-child {
padding-right: 30px;
}
.ot-counter.i7 div {
text-align: right;
}
.ot-counter.i7 h5, .ot-counter.i7 div {
width: 50%;
}
.ot-counter.i7 h5 {
font-size: 18px;
line-height: 26px;
font-weight: 600;
padding-right: 20px;
color: #000000;
margin-bottom: 0;
}
.ot-counter.i7.st2 h5 {
padding-left: 30px;
}
.ot-counter.i7.st3 div {
width: 47%;
}
.ot-counter.i7.st3 h5 {
width: 53%;
padding-right: 0;
}
hr.i7 {
margin: 0;
background-color: rgba(0,0,0,.15);
}
.testi-i7 {
background-image: url(images/background/bg3-home7.png);
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 150px;
}
.testi-i7 .owl-theme .owl-dots .owl-dot.active span, .testi-i7 .owl-theme .owl-dots .owl-dot:hover span {
background: #43BAFF;
}
.testi-i7 .owl-theme .owl-dots .owl-dot.active span, .testi-i7 .owl-theme .owl-dots .owl-dot:hover span {
background: #43BAFF;
}
.pricint-i7 {
background-color: #F2F5FA;
padding-bottom: 180px;
padding-top: 180px;
}
.octf-btn {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
font-size: 14px;
padding: 14px 30px 14px 30px;
line-height: 1.42857143;
display: inline-block;
margin-bottom: 0;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
vertical-align: middle;
font-weight: bold;
text-align: center;
background: #43baff;
cursor: pointer;
border: 1px solid transparent;
color: #fff;
outline: none;
}
.octf-btn:hover, .octf-btn:focus {
background: #7141b1;
color: #fff;
}
.octf-btn.octf-btn-second {
background: #7141b1;
color: #fff;
}
.octf-btn.octf-btn-second:hover, .octf-btn.octf-btn-second:focus {
background: #43baff;
}
.sec_photo {text-align:center;display:flex }
.sec_photo img {
margin-right: 0;
}
.body-container--landing-page .sec_header,
.cloud-products .sec_header{font-size: 2rem;
margin-bottom: 0;
font-weight: 600;
color: var(--headings)}
.body-container--landing-page .sec_subheader,
.cloud-products .sec_subheader{
font-size: 1.5rem;
color: var(--primary);
margin: 20px 0 20px 0;
font-weight: 300;
line-height: 1.4;
}
.sec_segments{position:relative;}
.segments_header_conetent{padding:4rem 0 2rem;position:relative;}
.sec_segments .header_segment{ color: #ffffff;text-align: center; max-width:45rem; margin:0 auto;}
.sec_segments:before{content: '';
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 33%;
background: url(https://www.innovapptive.com/hubfs/WHOM-WE-SERVE_Banner-mInspections-1600x600.jpg) center top / cover no-repeat;
background-image: url("https://www.innovapptive.com/hubfs/WHOM-WE-SERVE_Banner-mInspections-1600x600.jpg");
}
.sec_segments .segment_cols_wrapper {align-items: stretch;max-width: 90rem;margin: 0 auto; padding-bottom: 60px;}
.sec_segments .segment_column_content{ background: #ffffff;padding: 2rem; font-size:1rem; border-radius: 4px;box-shadow: 0 .125rem .25rem rgba(0,0,0,0.075) !important;}
.sec_segments .segment_column_content h4{font-weight:700;margin-bottom:1.5rem;}
.sec_segments .segment_column_content p{font-size:1rem;}
.testimonial_module .sec_heading {
text-align: center;
color: #454343;
font-size: 30px;
font-weight: 700;
position: relative;
margin-bottom: 20px;
z-index: 999;
}
/*-----Testimonial-------*/
.testimonial_module {
min-height: 375px;
position: relative;
/* background: url(https://i.ibb.co/PTJDkgb/testimonials.jpg);*/
padding-top: 50px;
padding-bottom: 50px;
background-position: center;
background-size: cover;
}
/*.testimonial_module:after {
position: absolute;
top: -0 !important;
left: 0;
content:" ";
background: url(img/testimonial.bg-top.png);
background-size: 100% 100px;
width: 100%;
height: 100px;
float: left;
z-index: 99;
}*/
#testimonial_fluid .carousel-inner:hover{
cursor: -moz-grab;
cursor: -webkit-grab;
}
#testimonial_fluid .carousel-inner:active{
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
#testimonial_fluid .carousel-inner .item{
overflow: hidden;
}
.testimonial_indicators .carousel-indicators{
left: 0;
margin: 0;
width: 100%;
font-size: 0;
height: 20px;
bottom: -15px;
padding: 0 5px;
cursor: e-resize;
overflow-x: auto;
overflow-y: hidden;
position: absolute;
text-align: center;
white-space: nowrap;
}
.testimonial_indicators .carousel-indicators li{
padding: 0;
width: 14px;
height: 14px;
border: none;
text-indent: 0;
margin: 2px 3px;
cursor: pointer;
display: inline-block;
background: #626262;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.testimonial_indicators .carousel-indicators .active{
padding: 0;
width: 14px;
height: 14px;
border: none;
margin: 2px 3px;
background-color: var(--primary);
-webkit-border-radius: 100%;
border-radius: 100%;
}
.testimonial_indicators .carousel-indicators::-webkit-scrollbar{
height: 3px;
}
.testimonial_indicators .carousel-indicators::-webkit-scrollbar-thumb{
background: #eeeeee;
-webkit-border-radius: 0;
border-radius: 0;
}
.testimonial_control_button .carousel-control{
top: 175px;
opacity: 1;
width: 40px;
bottom: auto;
height: 40px;
font-size: 10px;
cursor: pointer;
font-weight: 700;
overflow: hidden;
line-height: 38px;
text-shadow: none;
text-align: center;
position: absolute;
background: transparent;
border: 2px solid var(--primary);
text-transform: uppercase;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial_control_button .carousel-control.left{
left: 7%;
top: 50%;
right: auto;
}
.testimonial_control_button .carousel-control.right{
right: 7%;
top: 50%;
left: auto;
}
.testimonial_control_button .carousel-control.left:hover,
.testimonial_control_button .carousel-control.right:hover{
color: #000;
background: #fff;
border: 2px solid var(--primary);
}
.testimonial_header{
top: 0;
left: 0;
bottom: 0;
width: 550px;
display: block;
margin: 30px auto;
text-align: center;
position: relative;
}
.testimonial_header h4{
color: #ffffff;
font-size: 30px;
font-weight: 600;
position: relative;
letter-spacing: 1px;
text-transform: uppercase;
}
.testimonial_slide{
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 70%;
margin: auto;
padding: 10px;
position: relative;
text-align: center;
}
.testimonial_slide img {
top: 0;
left: 0;
right: 0;
width: 136px;
margin: auto;
display: block;
color: #f2f2f2;
font-size: 18px;
line-height: 46px;
text-align: center;
position: relative;
margin-bottom:10px;
}
.testimonial_slide p {
font-size: 20px;
line-height: 1.4;
margin: 0 0 20px 0;
}
.testimonial_slide h4 {
font-size: 22px;
}
.testimonial_module .carousel-control-next, .testimonial_module .carousel-control-prev{
width: 35px;
height: 35px;
color: var(--primary);
font-size:3rem;
top: 50%;
transform: translateY(-50%);
}
.hs-video-widget .hsv-form {margin: 0 auto; margin-top: 0px;max-width: 50%;margin-top: 10%;}
/* ------testimonial close-------*/
.client-i7 .partners{display:flex; gap: 10px;}
@media (min-width: 992px){
.support-img-i7 {
margin-right: -380px;
}
}
@media (min-width: 1200px){
.sec_segments::before {
height: 66%;
background-image: url(https://www.innovapptive.com/hubfs/WHOM-WE-SERVE_Banner-mInspections-1600x600.jpg);
}
.retina-img-i7 {
margin: 0 100px 0 -175px;
}
.retina-content-i7 {
margin-left: 70px;
}
.retina-content-i7 h2 {
margin-right: -20px;
}
.site-f7 {
padding-right: 200px;
padding-left: 200px;
}
.top-i7-left {max-width: 46rem;}
.testimonial_module .carousel-control-next{right: 10%;}
.testimonial_module .carousel-control-prev {left: 10%;}
.section_two_col .img-left {padding-right: 10%;padding-left:0px;}
.section_two_col .img-right {padding-left: 10%;padding-right:0px;}
#page_150071129171 .sec_photo.left_img {margin-left:-10%}
#page_150071129171 .sec_photo.right_img {margin-right:-10%}
#page_150071129171 .section_two_col .img-left {padding-right: 0;padding-left:0px;}
#page_150071129171 .section_two_col .img-right {padding-left: 0%;padding-right:0px;}
#page_150071129171 .sec_content{max-width: 80%;}
#page_150071129171 .top-i7-right {margin-right: -20%;margin-top: -5%;}
/*.cwp-template .sec_photo.left_img {margin-left:-10%}
.cwp-template .sec_photo.right_img {margin-right:-10%}
.cwp-template .section_two_col .img-left {padding-right: 0;padding-left:0px;}
.cwp-template .section_two_col .img-right {padding-left: 0%;padding-right:0px;}
.cwp-template .sec_content{max-width: 80%;}
.cwp-template .top-i7-right {margin-right: -20%;margin-top: -5%;} */
}
@media (min-width: 1400px){
.section_two_col .sec_photo img{margin-left: 0px;margin-right: 0;box-sizing: border-box;}
#page_150071129171 .sec_photo.left_img {margin-left:-20%}
#page_150071129171 .sec_photo.right_img {margin-right:-20%}
/* .cwp-template .sec_photo.left_img {margin-left:-20%}
.cwp-template .sec_photo.right_img {margin-right:-20%} */
}
@media (max-width: 1200px){
.ot-pricing-table-s2.s2 {border: none;}
}
@media (max-width: 992px){
.top-i7 { padding-top: 90px;}
.section_two_col .sec_photo img{margin-left: auto;margin-right: auto;margin-top: 0;}
.section_two_col .img-left{max-width: 600px;width: 90%;}
.cloud-products .sec_content{ padding-top: 0px; padding-bottom: 4em; margin-left: auto; margin-right: auto;}
}
@media (max-width: 767px){
.title-i7, .style-medium-i7 {font-size: 40px;line-height: 48px; }
.pricint-i7, .app-i7 {padding-top: 60px;padding-bottom: 60px; }
.testi-i7, .support-i7 { padding-bottom: 60px }
.client-i7 .partners {flex-wrap: wrap;}
.client-i7 .partners .slide{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20-%;
}
}
.content-section {
min-height: 2000px;
}
.sidebar-section {
position: absolute;
height: 100%;
width: 100%;
}
.sidebar-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Position the items */
}
.make-me-sticky {
position: sticky;
top: 100px;
padding: 0 15px;
}
/* Ignore This, just coloring
article {
background: #f1f1f1;
border-radius: 12px;
padding: 25px 0 600px;
}
*/
.title-section, .content-section, .sidebar-section {
background: #fff;
}
.title-section {
text-align: center;
padding: 50px 15px;
margin-bottom: 30px;
}
.content-section h2 {
text-align: center;
margin: 0;
padding-top: 200px;
}
.sidebar-item {
text-align: center;
}
.sidebar-item h3 {
background: gold;
max-width: 100%;
margin: 0 auto;
padding: 50px 0 100px;
border-bottom: solid 1px #fff;
}
nav[data-toggle=toc] {
margin-top: 30px;
}
/* small screens */
@media (max-width: 768px) {
/* override the Affix plugin so that the navigation isn't sticky */
nav.affix[data-toggle='toc'] {
position: static;
}
/* don't expand nested items, which pushes down the rest of the page when navigating */
nav[data-toggle=toc] .nav .active .nav {
}
}
.affix {
border: 1px solid #eee;
max-height: 90%;
overflow-y: scroll;
}
nav[data-toggle=toc] .nav>li>a {
font-size: 16px;
padding: 10px;
border-bottom: 1px solid #eee;
}
nav[data-toggle=toc] .nav .nav>li>a {
font-size: 14px;
padding: 8px;
}