@font-face{font-family:EMprint-Bold;src:url(../fonts/EMprint-Bold.eot);src:url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Bold.woff2) format("woff2"),url(../fonts/EMprint-Bold.woff) format("woff"),url(../fonts/EMprint-Bold.ttf) format("ttf"),url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint-BoldItalic;src:url(../fonts/EMprint-BoldItalic.eot);src:url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-BoldItalic.woff2) format("woff2"),url(../fonts/EMprint-BoldItalic.woff) format("woff"),url(../fonts/EMprint-BoldItalic.ttf) format("ttf"),url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint-CondensedBold;src:url(../fonts/EMprint-CondensedBold.eot);src:url(../fonts/EMprint-CondensedBold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedBold.woff2) format("woff2"),url(../fonts/EMprint-CondensedBold.woff) format("woff"),url(../fonts/EMprint-CondensedBold.ttf) format("ttf"),url(../fonts/EMprint-CondensedBold.svg#EMprint-CondensedBold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint-CondensedBoldIt;src:url(../fonts/EMprint-CondensedBoldIt.eot);src:url(../fonts/EMprint-CondensedBoldIt.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedBoldIt.woff2) format("woff2"),url(../fonts/EMprint-CondensedBoldIt.woff) format("woff"),url(../fonts/EMprint-CondensedBoldIt.ttf) format("ttf"),url(../fonts/EMprint-CondensedBoldIt.svg#EMprint-CondensedBoldIt) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint-CondensedItalic;src:url(../fonts/EMprint-CondensedItalic.eot);src:url(../fonts/EMprint-CondensedItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedItalic.woff2) format("woff2"),url(../fonts/EMprint-CondensedItalic.woff) format("woff"),url(../fonts/EMprint-CondensedItalic.ttf) format("ttf"),url(../fonts/EMprint-CondensedItalic.svg#EMprint-CondensedItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-CondensedLight;src:url(../fonts/EMprint-CondensedLight.eot);src:url(../fonts/EMprint-CondensedLight.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedLight.woff2) format("woff2"),url(../fonts/EMprint-CondensedLight.woff) format("woff"),url(../fonts/EMprint-CondensedLight.ttf) format("ttf"),url(../fonts/EMprint-CondensedLight.svg#EMprint-CondensedLight) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-CondensedLightIt;src:url(../fonts/EMprint-CondensedLightIt.eot);src:url(../fonts/EMprint-CondensedLightIt.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedLightIt.woff2) format("woff2"),url(../fonts/EMprint-CondensedLightIt.woff) format("woff"),url(../fonts/EMprint-CondensedLightIt.ttf) format("ttf"),url(../fonts/EMprint-CondensedLightIt.svg#EMprint-CondensedLightIt) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-CondensedRegular;src:url(../fonts/EMprint-CondensedRegular.eot);src:url(../fonts/EMprint-CondensedRegular.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedRegular.woff2) format("woff2"),url(../fonts/EMprint-CondensedRegular.woff) format("woff"),url(../fonts/EMprint-CondensedRegular.ttf) format("ttf"),url(../fonts/EMprint-CondensedRegular.svg#EMprint-CondensedRegular) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-CondensedSemibold;src:url(../fonts/EMprint-CondensedSemibold.eot);src:url(../fonts/EMprint-CondensedSemibold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedSemibold.woff2) format("woff2"),url(../fonts/EMprint-CondensedSemibold.woff) format("woff"),url(../fonts/EMprint-CondensedSemibold.ttf) format("ttf"),url(../fonts/EMprint-CondensedSemibold.svg#EMprint-CondensedSemibold) format("svg");font-style:normal;font-weight:demi}@font-face{font-family:EMprint-CondSemiboldIt;src:url(../fonts/EMprint-CondSemiboldIt.eot);src:url(../fonts/EMprint-CondSemiboldIt.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondSemiboldIt.woff2) format("woff2"),url(../fonts/EMprint-CondSemiboldIt.woff) format("woff"),url(../fonts/EMprint-CondSemiboldIt.ttf) format("ttf"),url(../fonts/EMprint-CondSemiboldIt.svg#EMprint-CondSemiboldIt) format("svg");font-style:italic;font-weight:demi}@font-face{font-family:EMprint-Light;src:url(../fonts/EMprint-Light.eot);src:url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Light.woff2) format("woff2"),url(../fonts/EMprint-Light.woff) format("woff"),url(../fonts/EMprint-Light.ttf) format("ttf"),url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-LightItalic;src:url(../fonts/EMprint-LightItalic.eot);src:url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-LightItalic.woff2) format("woff2"),url(../fonts/EMprint-LightItalic.woff) format("woff"),url(../fonts/EMprint-LightItalic.ttf) format("ttf"),url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-Regular;src:url(../fonts/EMprint-Regular.eot);src:url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Regular.woff2) format("woff2"),url(../fonts/EMprint-Regular.woff) format("woff"),url(../fonts/EMprint-Regular.ttf) format("ttf"),url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-RegularItalic;src:url(../fonts/EMprint-RegularItalic.eot);src:url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-RegularItalic.woff2) format("woff2"),url(../fonts/EMprint-RegularItalic.woff) format("woff"),url(../fonts/EMprint-RegularItalic.ttf) format("ttf"),url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-Semibold;src:url(../fonts/EMprint-Semibold.eot);src:url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Semibold.woff2) format("woff2"),url(../fonts/EMprint-Semibold.woff) format("woff"),url(../fonts/EMprint-Semibold.ttf) format("ttf"),url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");font-style:normal;font-weight:demi}@font-face{font-family:EMprint-SemiboldItalic;src:url(../fonts/EMprint-SemiboldItalic.eot);src:url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"),url(../fonts/EMprint-SemiboldItalic.woff) format("woff"),url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"),url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");font-style:italic;font-weight:demi}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Bold.eot);src:url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Bold.woff2) format("woff2"),url(../fonts/EMprint-Bold.woff) format("woff"),url(../fonts/EMprint-Bold.ttf) format("ttf"),url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint;src:url(../fonts/EMprint-BoldItalic.eot);src:url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-BoldItalic.woff2) format("woff2"),url(../fonts/EMprint-BoldItalic.woff) format("woff"),url(../fonts/EMprint-BoldItalic.ttf) format("ttf"),url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Light.eot);src:url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Light.woff2) format("woff2"),url(../fonts/EMprint-Light.woff) format("woff"),url(../fonts/EMprint-Light.ttf) format("ttf"),url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint;src:url(../fonts/EMprint-LightItalic.eot);src:url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-LightItalic.woff2) format("woff2"),url(../fonts/EMprint-LightItalic.woff) format("woff"),url(../fonts/EMprint-LightItalic.ttf) format("ttf"),url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Regular.eot);src:url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Regular.woff2) format("woff2"),url(../fonts/EMprint-Regular.woff) format("woff"),url(../fonts/EMprint-Regular.ttf) format("ttf"),url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");font-style:normal;font-weight:400}@font-face{font-family:EMprint;src:url(../fonts/EMprint-RegularItalic.eot);src:url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-RegularItalic.woff2) format("woff2"),url(../fonts/EMprint-RegularItalic.woff) format("woff"),url(../fonts/EMprint-RegularItalic.ttf) format("ttf"),url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");font-style:italic;font-weight:400}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Semibold.eot);src:url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Semibold.woff2) format("woff2"),url(../fonts/EMprint-Semibold.woff) format("woff"),url(../fonts/EMprint-Semibold.ttf) format("ttf"),url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");font-style:normal;font-weight:600}@font-face{font-family:EMprint;src:url(../fonts/EMprint-SemiboldItalic.eot);src:url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"),url(../fonts/EMprint-SemiboldItalic.woff) format("woff"),url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"),url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");font-style:italic;font-weight:600} @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } ::-webkit-scrollbar { width: 5px; background-color: #e9ebfa; } ::-webkit-scrollbar-thumb { background-color: #0012cf; border-radius: 10px; } html{ font-size: 1rem; line-height: 1.5rem; overflow-x: hidden; } body{ padding: 0; margin: 0; /* overflow-y: auto; overflow-x: hidden; */ position: relative; font-size: 1rem; line-height: 1.5rem; color: #555555; overflow-x: hidden; } .clear{ clear: both; } .container{ max-width: 90% !important; } /* Header */ header{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; left: 0; top: 0; background-color: #ffffff; } header .main-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: start; } header .main-div .logo{ width: 120px; height: auto; padding: 0; margin: 0; } header .main-div .logo img{ width: auto; height: auto; max-width: 100px; } header .main-div .navbar{ width: calc(100% - 120px); height: auto; padding: 0; margin: 0; position: relative; } header .main-div .navbar .collapse { width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between; padding: 0; margin: 0; position: relative; } header .main-div .navbar .collapse .navbar-nav{ width: auto; height: auto; padding: 0; margin: 0; display: flex; align-items: center; justify-content: start; gap: 20px; flex-direction: row; } header .main-div .navbar .navbar-toggler{ display: none; } header .main-div .navbar .collapse .navbar-nav .nav-item { padding: 0; margin: 0; } header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link { color: #00015b; display: inline-block; position: relative; padding: 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; } header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link:hover, header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link.show{ color: #0012cf; } header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link.dropdown-toggle::after{ content: '\f107'; border: none; font-family:'FontAwesome'; color: #00015b; top: 50%; transform: translateY(-50%); position: absolute; font-weight: 800; } header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link.dropdown-toggle:hover::after, header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link.dropdown-toggle.show::after{ color: #0012cf !important; } header .main-div .navbar .collapse .navbar-nav .nav-item.contact-sales-btn{ /* background-color: #050dab; */ border: 1px solid #0012cf; border-radius: 5px; } header .main-div .navbar .collapse .navbar-nav .nav-item.contact-sales-btn .nav-link{ color: #0012cf; } header .main-div .navbar .collapse .navbar-nav .nav-item.get-start-btn{ /* background-color: #050dab; */ background-color: #0012cf; border: 1px solid #0012cf; border-radius: 5px; padding-right: 16px; position: relative; } header .main-div .navbar .collapse .navbar-nav .nav-item.get-start-btn .nav-link{ color: #ffffff; position: static; } header .main-div .navbar .collapse .navbar-nav .nav-item.get-start-btn .nav-link span{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } header .main-div .navbar .collapse .navbar-nav .nav-item.get-start-btn:hover{ background-color: #040f7f; border: 1px solid #040f7f; } header .main-div .navbar .collapse .navbar-nav .nav-item.get-start-btn:hover .nav-link span{ right: 5px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu{ position: fixed; top: 100px; left: 0; width: 100%; height: auto; } header .main-div .navbar .collapse .navbar-nav .nav-item.contact-sales-btn:hover{ border: 1px solid #040f7f; } header .main-div .navbar .collapse .navbar-nav .nav-item.contact-sales-btn:hover .nav-link{ color: #040f7f; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu{ border: 0px solid #f1f2f2; border-top-width: 1px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items{ width: 100%; height: auto; padding: 30px 6%; display: grid; grid-template-columns: 20% 50% 30%; gap: 0px; position: relative; margin: 0; z-index: 1; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items.dropdown-menu-items1{ grid-template-columns: 70% 30%; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items.dropdown-menu-items2{ grid-template-columns: 70% 30%; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1{ width: 100%; height: auto; padding: 0 30px 0 0; margin: 0; position: relative; max-width: 300px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1.dropdown-menu-div12{ max-width: 80%; margin: 0 auto; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 h3{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 15px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div{ display: grid; grid-template-columns: 1fr; gap: 5px; width: 100%; height: auto; padding: 0; margin: 0; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div.menu-div1{ grid-template-columns: 1fr 1fr 1fr; gap: 20px 10px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div a{ color: #00015b; display: inline-block; position: relative; padding: 6px 10px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; text-decoration: none; display: flex; align-items: center; justify-content: start; gap: 6px; border-radius: 3px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div a:hover{ color: #0012cf; background-color: #f7f8fd; } header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link:focus-visible{ outline: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div a:hover svg{ stroke: #0012cf; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div a:hover svg rect{ stroke: #0012cf; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div a:hover svg path{ stroke: #0012cf; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div a:hover svg line{ stroke: #0012cf; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div.menu-div1 .dropdown-icon img{ filter: none; width: auto; height: auto; max-width: 20px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2{ width: 100%; height: auto; padding: 0 30px 0 0; margin: 0; position: relative; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 h3{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 15px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items.dropdown-menu-items2 .dropdown-menu-div2 .dropdown-product-grid{ grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a{ text-decoration: none; display: grid; grid-template-columns: 40px calc(100% - 50px); gap: 10px; width: 100%; height: auto; padding: 10px 10px; margin: 0; position: relative; border-radius: 5px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-product-grid a .dropdown-icon{ width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; /* box-shadow: rgb(0 18 207 / 29%) 0px 7px 29px 0px; */ background-color: #0012cf; border-radius: 5px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-product-grid a .dropdown-icon img{ width: auto; height: auto; max-width: 20px; filter: brightness(0) invert(1); } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a .dropdown-text{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; flex-direction: column; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a .dropdown-text h6{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 1.1rem; font-weight: 400; line-height: 1.6rem; font-family: EMprint-Semibold; font-style: normal; margin: 0 0 3px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a .dropdown-text:hover h6{ color: #0012cf; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a .dropdown-text h6::after{ position: absolute; content: '\f061'; font-family:'FontAwesome'; font-size: 0.85rem; line-height: 1.6rem; color: #0012cf; font-weight: normal; margin-left: 0px; transition: 0.3s ease; opacity: 0; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a .dropdown-text:hover h6::after{ margin-left: 10px; opacity: 1; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items.dropdown-menu-items2 .dropdown-menu-div2 .dropdown-product-grid h6{ font-size: 0.9rem !important; font-weight: 400; line-height: 1.4rem !important; margin: 0 !important; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a .dropdown-text p{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 0.8rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 0px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3{ width: 100%; height: auto; padding: 30px; margin: 0; position: relative; display: flex; flex-direction: column; justify-content: center; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 h3{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0 0 15px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 h3 span{ color: #0012cf; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 p{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 0px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 .dropdown-btn{ display: flex; align-items: center; justify-content: start; width: auto; height: auto; margin: 20px 0 0; padding: 0; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 .dropdown-btn a{ color: #ffffff; position: relative; padding: 8px 35px 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 .dropdown-btn a span{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 .dropdown-btn a:hover span{ right: 5px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu::before{ position: absolute; content: ''; left: auto; right: 0; top: 0; width: 100%; height: 100%; height: calc(100vh - 100px); background: transparent; backdrop-filter: blur(10px); } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu::after{ position: absolute; content: ''; left: auto; right: 0; top: 0; width: 33%; height: 100%; background-color: #f1f2f2; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items.dropdown-menu-items2 .dropdown-menu-div2 .dropdown-product-grid a:hover{ background-color: #0012cf05; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items.dropdown-menu-items2 .dropdown-menu-div2 .dropdown-product-grid a{ align-items: center; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown:hover .dropdown-menu{ display: block; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .nav-link{ padding: 38px 15px !important; } header.header.active{ position: fixed; width: 100%; height: auto; left: 0; top: 0; background-color: #ffffff; z-index: 99; } header.header.active .main-div .logo img{ max-width: 90px; } header.header.active .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .nav-link { padding: 33px 15px !important; } header.header.active .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu{ top: 90px; } .product-dropdown .dropdown-menu-div1{ display: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown.product-dropdown .dropdown-menu .dropdown-menu-items{ grid-template-columns: 70% 30%; } /* End Header */ /* banner-section */ .banner-section{ width: 100%; height: auto; padding: 20px 0; margin: 0; position: relative; min-height: calc(100vh - 100px); display: flex; align-items: center; } .banner-section .banner-content{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .banner-section .banner-content .banner-left{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; flex-direction: column; justify-content: center; } .banner-section .banner-content .banner-left h1{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 3.5rem; font-weight: 400; line-height: 4.3rem; font-family: EMprint-Light; font-style: normal; margin: 0 0 10px; } .banner-section .banner-content .banner-left h1 span.animate-charcter{ font-family: EMprint-Semibold; background-image: linear-gradient(-225deg, #4681ec 0%, #36a154 29%, #f4b626 67%, #084897 100%); background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; } @keyframes textclip { to { background-position: 200% center; } } .banner-section .banner-content .banner-left h6{ color: #0009; display: inline-block; position: relative; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 35px; width: 95%; } .banner-section .banner-content .banner-left .banner-button{ display: flex; align-items: center; justify-content: start; width: auto; height: auto; gap: 10PX; } .banner-section .banner-content .banner-left .banner-btn2{ color: #ffffff; position: relative; padding: 8px 35px 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; } .banner-section .banner-content .banner-left .banner-btn2 span{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } .banner-section .banner-content .banner-left .banner-btn2:hover span{ right: 5px; } .banner-section .banner-content .banner-left .banner-btn1{ color: #0012cf; position: relative; padding: 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #e8eafb; border-radius: 5px; position: relative; text-decoration: none; border: none; } .banner-section .banner-content .banner-right{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; justify-content: center; align-items: center; } .banner-section .banner-content .banner-right .banner-circle{ position: relative; width: 450px; height: 450px; border-radius: 50%; border: 3px dashed #F1F2F2; } .banner-section .banner-content .banner-right .banner-circle .banner-image{ width: 100%; height: 100%; padding: 40px; display: flex; justify-content: center; align-items: center; } .banner-section .banner-content .banner-right .banner-circle .banner-image img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div{ position: absolute; width: auto; height: auto; padding: 0; margin: 0; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div a{ text-decoration: none; display: flex; flex-direction: column; align-items: center; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div .banner-circle-icon-list-icon{ width: 45px; height: 45px; background-color: #ffffff; border: 1px solid #f1f2f2; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div .banner-circle-icon-list-icon svg{ width: 20px; height: 20px; stroke: #0012cf; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div .banner-circle-icon-list-text{ text-align: center; color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 0.8rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; margin: 5px 0 0px; text-transform: uppercase; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(1){ left: -23px; top: 50%; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(2){ left: -10px; top: 20%; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(3){ left: 20%; top: -10px; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(4){ left: 60%; top: -10px; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(5){ right: -10px; top: 20%; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(6){ right: -38px; top: 50%; } .banner-section .banner-content .banner-right .banner-right-cnt{ position: absolute; left: 0; bottom: -5px; width: 100%; min-height: 60px; height: auto; background-color: #ffffff; z-index: 1; text-align: center; } .banner-section .banner-content .banner-right .banner-right-cnt h3{ text-align: center; color: #00015b; display: inline-block; position: relative; padding: 20px 0px; font-size: 1.3rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px; background: linear-gradient(45deg, #ff0000, #0121ed); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /* End banner-section */ /* clients-section */ .clients-section{ width: 100%; height: auto; padding: 30px 0; margin: 0; position: relative; } .clients-section h2{ color: #00015b; padding: 0px; font-size: 1.8rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; text-align: center; } .clients-section h2 span{ font-family: EMprint-Semibold; } .clients-section .client-main{ width: 100%; height: auto; padding: 0; margin: 35px 0 0; position: relative; } .clients-section .client-main .rs-main{ display: flex; align-items: center; justify-content: center; } .clients-section .client-main .rs-main img{ width: auto; height: auto; max-width: 100%; } /* End clients-section */ /* industry-section */ .industry-section{ width: 100%; height: auto; padding: 50px 0 60px; margin: 0; position: relative; background-color: #e7eef7; } .industry-section .industry-left{ width: 100%; height: auto; float: left; } .industry-section h2{ color: #00015b; padding: 0px; font-size: 3.2rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 23px; text-align: center; } .industry-section h2 span{ font-family: EMprint-Semibold; background: -webkit-linear-gradient(0deg, #ff0000, #0012cf ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 200%; animation: gradientMove 3s ease infinite; } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .industry-section .industry-main{ width: 100%; height: auto; padding: 0; margin: 0 0 0; position: relative; float: right; } .industry-section .industry-main .rs-main{ width: 100%; height: auto; padding: 0; margin: 0 0 0; display: flex; align-items: center; justify-content: center; } .industry-section .industry-main .rs-main .industry-div{ width: 90%; height: auto; padding: 0; margin: 0; border-radius: 10px; overflow: hidden; transition: 0.3s ease; background-color: #ffffff; } .industry-section .industry-main .rs-main .industry-div .industry-img{ width: 100%; height: auto; position: relative; padding: 0; margin: 0; overflow: hidden; } .industry-section .industry-main .rs-main .industry-div .industry-img img{ width: auto; height: auto; max-width: 100%; transition: 0.3s ease; } .industry-section .industry-main .rs-main .industry-div .industry-img span{ position: absolute; left: 10px; top: 10px; border-radius: 5px; padding: 5px 7px; background-color: #ffffffdf; display: flex; align-items: center; justify-content: start; gap: 2px; color: #000000; font-size: 0.9rem; font-weight: 400; line-height: 1.3rem; font-family: EMprint-Semibold; font-style: normal; transition: 0.3s ease; } .industry-section .industry-main .rs-main .industry-div .industry-cnt{ padding: 35px 35px 60px; margin: 0; width: 100%; height: auto; position: relative; } .industry-section .industry-main .rs-main .industry-div .industry-cnt h5{ text-align: left; color: #000000; padding: 0px; font-size: 1.25rem; font-weight: 400; line-height: 1.95rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 4rem; } .industry-section .industry-main .rs-main .industry-div .industry-cnt h4{ text-align: left; color: #000000; padding: 0px; font-size: 1.15rem; font-weight: 400; line-height: 1.65rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0.4rem; } .industry-section .industry-main .rs-main .industry-div .industry-cnt h6{ text-align: left; color: #000000; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0; } .industry-section .industry-main .rs-main .industry-div:hover .industry-img span{ gap: 10px; } .industry-section .industry-main .rs-main .industry-div:hover .industry-img img{ transform: scale(1.05); } .industry-section .industry-main .rs-main .industry-div:hover{ box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); } /* .industry-section .industry-main .rs-main .industry-div.industry-clr1{ background-color: #f7e6f7; } .industry-section .industry-main .rs-main .industry-div.industry-clr2{ background-color: #e3deff; } .industry-section .industry-main .rs-main .industry-div.industry-clr3{ background-color: #deeeff; } .industry-section .industry-main .rs-main .industry-div.industry-clr4{ background-color: #d5f9e2; } .industry-section .industry-main .rs-main .industry-div.industry-clr5{ background-color: #f9ead5; } .industry-section .industry-main .rs-main .industry-div.industry-clr6{ background-color: #f9d5d5; } */ .industry-section .industry-main .owl-prev{ position: absolute; left: -30px; top: 50%; transform: translateY(-50%); width: auto; height: auto; } .industry-section .industry-main .owl-next{ position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: auto; height: auto; } .industry-section .industry-main .owl-prev i{ font-size: 3rem; line-height: 3.2rem; } .industry-section .industry-main .owl-next i{ font-size: 3rem; line-height: 3.2rem; } /* End industry-section */ /* whyus-section */ .whyus-section{ width: 100%; height: auto; padding: 30px 0; margin: 0; position: relative; } .whyus-section h2{ color: #00015b; padding: 0px; font-size: 3rem; font-weight: 400; line-height: 3.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 20px; text-align: center; } .whyus-section .whyus-grid{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; position: relative; } .whyus-section .whyus-grid .whyus-div{ width: 100%; height: auto; padding: 0; position: relative; margin: 0; border-radius: 5px; overflow: hidden; } .whyus-section .whyus-grid .whyus-div .whyus-img{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .whyus-section .whyus-grid .whyus-div .whyus-img img{ width: auto; height: auto; max-width: 100%; } .whyus-section .whyus-grid .whyus-div .whyus-cnt{ width: 100%; height: 100%; padding: 20px 20px; margin: 0; position: absolute; left: 0; top: 0; } .whyus-section .whyus-grid .whyus-div .whyus-cnt h3{ text-align: left; color: #000000; padding: 0px; font-size: 1.35rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; } .whyus-section .whyus-grid .whyus-div .whyus-cnt h3.clr-white{ color: #ffffff; } .whyus-section .whyus-grid .whyus-div .whyus-cnt .whyus-cnt-inn{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 90%; height: auto; padding: 10px 10px; background-color: #ffffffde; border-radius: 5px; opacity: 0; transition: 0.5s ease; } .whyus-section .whyus-grid .whyus-div .whyus-cnt .whyus-cnt-inn p{ text-align: left; color: #000000; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; } .whyus-section .whyus-grid .whyus-div .whyus-cnt .whyus-cnt-inn .whyus-btn{ color: #ffffff; position: relative; padding: 6px 35px 6px 8px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; } .whyus-section .whyus-grid .whyus-div .whyus-cnt .whyus-cnt-inn .whyus-btn span{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } .whyus-section .whyus-grid .whyus-div .whyus-cnt .whyus-cnt-inn .whyus-btn:hover span{ right: 5px; } .whyus-section .whyus-grid .whyus-div:hover .whyus-cnt .whyus-cnt-inn{ bottom: 15px; opacity: 1; } /* whyus-grid1 */ .whyus-section .whyus-grid1{ width: 100%; height: auto; padding: 20px 0 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; position: relative; } .whyus-section .whyus-grid1 .whyus-div1{ width: 100%; height: auto; padding: 0; position: relative; margin: 0; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: start; box-shadow: rgb(0 1 91 / 6%) 0px 8px 24px; border-radius: 0 10px 10px 0; border-left: 3px solid #00015b; } .whyus-section .whyus-grid1 .whyus-div1 .whyus-img1{ width: 60px; height: 60px; padding: 5px; margin: 0 0 0 0px; position: relative; } .whyus-section .whyus-grid1 .whyus-div1 .whyus-img1 img{ width: auto; height: auto; max-width: 100%; } .whyus-section .whyus-grid1 .whyus-div1 .whyus-cnt1{ width: calc(100% - 80px); height: auto; padding: 14px 10px; margin: 0; position: relative; } .whyus-section .whyus-grid1 .whyus-div1 .whyus-cnt1 h3{ text-align: left; color: #000000; padding: 0px; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; } .whyus-section .whyus-grid1 .whyus-div1 .whyus-cnt1 h3 span{ color: #0012cf; } .whyus-section .whyus-grid1 .whyus-div1 .whyus-cnt1 p{ text-align: left; color: #000000; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; } /* End whyus-section */ /* product-section */ .product-section{ width: 100%; height: auto; padding: 50px 0 50px; margin: 0; position: relative; } .product-section h6{ text-align: left; color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; letter-spacing: 0.8px; } .product-section h2{ color: #00015b; padding: 0px; font-size: 3.2rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 25px; text-align: left; } .product-section .product-main-div{ width: 100%; height: auto; padding: 0px 0; margin: 0; position: relative; } .product-section .product-main-div .product-div1{ width: 100%; height: auto; padding: 40px 50px 0; margin: 0; position: relative; border-radius: 10px; background-color: #f9f9fe; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .product-section .product-main-div .product-div1 .product-div1-left{ width: 100%; height: auto; padding: 0; margin: 0; } .product-section .product-main-div .product-div1 h3{ text-align: left; color: #000000; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 3rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; } .product-section .product-main-div .product-div1 h3 span{ text-transform: uppercase; background: linear-gradient(45deg, #ff0000, #0121ed); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .product-section .product-main-div .product-div1 p{ text-align: left; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; width: 60%; } .product-section .product-main-div .product-div1 .product-div1-right{ width: 100%; height: auto; padding: 0; margin: 0; } .product-section .product-main-div .product-div1 .product-div1-right img{ width: auto; height: auto; max-width: 100%; } .product-section .product-main-div .product-div2{ width: 100%; height: auto; padding: 20px 0; margin: 0; position: relative; border-radius: 10px; background-color: #ffffff; display: grid; grid-template-columns: 1fr 2fr; gap: 20px; } .product-section .product-main-div .product-div2 .product-div2-left{ width: 100%; height: auto; display: grid; grid-template-columns: 1fr; padding: 0; margin: 0; position: relative; border-radius: 5px; overflow: hidden; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left1{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left1 img{ width: 100%; height: 100%; max-width: 100%; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2{ width: 100%; height: auto; padding: 30px 30px; margin: 0; position: relative; background-color: #f9f9fe; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 h5{ text-align: left; color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 5px; letter-spacing: 0.8px; text-transform: uppercase; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 h4{ text-align: left; color: #000000; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 20px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 .d-grid{ grid-template-columns: 1fr 1fr; gap: 20px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul{ list-style: disc; width: 100%; height: auto; padding: 0 0 0 20px; margin: 0; position: relative; display: grid; gap: 5px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul li{ width: auto; height: auto; padding: 0; margin: 0; position: relative; border-bottom: 1px solid #dbdbdb; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul li a{ text-align: left; color: #393939; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; text-decoration: none; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul li:hover{ border-bottom-color: #0012cf; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2::before{ position: absolute; content: ''; left: 10px; top: -20px; width: 30px; height: 21px; clip-path: polygon(50% 0%, 100% 100%, 0% 100%); background-color: #f9f9fe; } .product-section .product-main-div .product-div2 .product-div2-right{ width: 100%; height: auto; display: grid; grid-template-columns: 1fr; gap: 20px; padding: 0; margin: 0; position: relative; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1{ width: 100%; height: auto; border-radius: 5px; overflow: hidden; position: relative; padding: 0; margin: 0; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-img{ position: relative; padding: 0; margin: 0; width: 100%; height: auto; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-img img{ width: 100%; height: auto; max-width: 100%; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt{ position: absolute; padding: 30px 30px; margin: 0; width: 100%; height: auto; top: 0; left: 0; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt h5{ text-align: left; color: #ffffff; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; letter-spacing: 0.8px; text-transform: uppercase; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt h4{ text-align: left; color: #ffffff; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt .product-div2-right1-cnt-inn{ width: 45%; margin: 10px 0 0 8%; text-align: left; color: #ffffffda; padding: 0 0 0 10px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; text-decoration: none; border-left: 1px solid #ffffff38; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2{ width: 100%; height: auto; border-radius: 5px; overflow: hidden; position: relative; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1{ width: 100%; height: auto; padding: 30px 30px; border-radius: 5px; background-color: #ffe9e7; position: relative; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1 h5{ text-align: left; color: #000000; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 5px; letter-spacing: 0.8px; text-transform: uppercase; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1 h4{ text-align: left; color: #000000; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 20px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1 p{ text-align: justify; color: #000000; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2{ width: 100%; height: auto; padding: 30px 30px; border-radius: 5px; background-color: #0012cf; position: relative; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2 h5{ text-align: left; color: #ffffff; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 5px; letter-spacing: 0.8px; text-transform: uppercase; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2 h4{ text-align: left; color: #ffffff; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 20px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2 p{ text-align: justify; color: #ffffffcc; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; } /* End product-section */ /* testimonial-section */ .testimonial-section{ width: 100%; height: auto; padding: 50px 0 40px; margin: 0; position: relative; } .testimonial-section h2{ color: #00015b; padding: 0px; font-size: 3.2rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; text-align: center; } .testimonial-section .testimonial-main{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .testimonial-section .testimonial-main .testimonial-div{ width: 90%; height: auto; padding: 0; margin: 0 auto; position: relative; } .testimonial-section .testimonial-main .testimonial-div .testimonial-img{ width: 100px; height: 100px; padding: 0; margin: 0 auto 30px; position: relative; } .testimonial-section .testimonial-main .testimonial-div .testimonial-img::before{ position: absolute; content: '\f10d'; width: 40px; height: 40px; background-color: #0012cf; border-radius: 50%; right: 0; bottom: 0px; font-family:'FontAwesome'; text-align: center; z-index: 1; line-height: 2.5rem; color: #ffffff; } .testimonial-section .testimonial-main .testimonial-div .testimonial-img img{ width: auto; height: auto; max-width: 100px; position: relative; max-height: 100%; border-radius: 50%; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .testimonial-section .testimonial-main .testimonial-div .testimonial-cnt{ width: 100%; height: auto; padding: 0 3% 0 6%; margin: 0 auto; } .testimonial-section .testimonial-main .testimonial-div .testimonial-cnt h6{ text-align: center; color: #555555; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; font-style: italic; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn .testimonial-text{ width: auto; height: auto; padding: 0; margin: 0 auto; max-width: 60%; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn .testimonial-text h3{ text-align: center; color: #00015b; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn .testimonial-text h5{ text-align: center; color: #555555; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 5px; letter-spacing: 0; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn .testimonial-text h5 span{ font-family: EMprint-Semibold; } /* .testimonial-section .testimonial-main .testimonial-div .testimonial-inn .testimonial-text img{ width: auto; height: auto; max-height: 40px; } */ .testimonial-section .testimonial-main .owl-controls .owl-buttons{ position: absolute; width: 100%; height: 50px; top: 50%; left: 0; transform: translateY(-50%); } .testimonial-section .testimonial-main .owl-controls .owl-prev{ width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: transparent; position: absolute; left: 0px; top: 0; } .testimonial-section .testimonial-main .owl-controls .owl-prev i{ font-size: 3rem; line-height: 2.5rem; color: #0012cf; } .testimonial-section .testimonial-main .owl-controls .owl-next{ width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: transparent; position: absolute; right: 0; } .testimonial-section .testimonial-main .owl-controls .owl-next i{ font-size: 3rem; line-height: 2.5rem; color: #0012cf; } .testimonial-section .testimonial-main .owl-pagination{ position: absolute; display: flex; align-items: center; justify-content: center; gap: 0px; width: 120px; height: 2px; bottom: 0px; left: 50%; transform: translateX(-50%); background-color: #ebedfa; } .testimonial-section .testimonial-main .owl-pagination .owl-page{ width: 30px; height: auto; display: flex; } .testimonial-section .testimonial-main .owl-pagination .owl-page span{ width: 50px; height: 2px; } .testimonial-section .testimonial-main .owl-pagination .owl-page.active span{ background-color: #0012cf; } .testimonial-section .testimonial-main .owl-carousel{ padding-bottom: 40px; } /* End testimonial-section */ /* faq-section */ .faq-section{ width: 100%; height: auto; padding: 30px 0 60px; margin: 0; position: relative; } .faq-section .faq-grid{ display: grid; grid-template-columns: 1fr; gap: 0px; margin: 0 auto; position: relative; padding: 0; width: 90%; height: auto; } .faq-section .faq-grid .faq-left{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .faq-section .faq-grid .faq-left h2{ color: #00015b; padding: 0px; font-size: 3.2rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 20px; text-align: center; } .faq-section .faq-grid .faq-right{ width: 85%; height: auto; padding: 0; margin: 0 auto; position: relative; } .faq-section .faq-grid .faq-right .accordion{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .faq-section .faq-grid .faq-right .accordion{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .faq-section .faq-grid .faq-right .accordion .accordion-item{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; border: 0px solid #dddddd; border-bottom-width: 1px; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-button{ text-align: left; color: #000000; padding: 15px 20px 15px 0; font-size: 1.5rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; background-color: #ffffff; box-shadow: none; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-button:not(.collapsed){ text-decoration: none; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-body{ padding: 15px 20px 15px 0; margin: 0; position: relative; width: 100%; height: auto; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-body p{ text-align: left; color: #000000; padding: 0px 0 10px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-body p span{ font-family: EMprint-Semibold; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-body ul{ list-style: disc; width: 100%; height: auto; padding: 0 0 0 30px; margin: 0 0 30px; position: relative; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-body ul li{ text-align: left; color: #000000; padding: 0px 0 1px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-button:hover{ text-decoration: none; } /* End faq-section */ /* footer */ .footer{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .footer .footer-top{ width: 100%; height: auto; padding: 30px 5% 10px; margin: 0; position: relative; background-color: #02062c; border-bottom: 1px solid #ffffff3d; } .footer .footer-top .ft-top{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 175px; gap: 15px; } .footer .footer-top .ft-top .ft-top-div{ width: 100%; height: auto; padding: 10px 0px; margin: 0; position: relative; text-decoration: none; border-radius: 5px; } .footer .footer-top .ft-top .ft-top-div h2{ text-align: left; color: #ffffff; padding: 0px 0; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; letter-spacing: 0px; } .footer .footer-top .ft-top .ft-top-div h2 span{ padding-left: 3px; } .footer .footer-top .ft-top .ft-top-div p{ text-align: left; color: #ffffffba; padding: 0px 0; font-size: 0.85rem; font-weight: 400; line-height: 1.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; text-decoration: none; } .footer .footer-top .ft-top .ft-top-div ul{ list-style: none; padding: 0 0 0 5px; margin: 0; position: relative; width: auto; height: auto; } .footer .footer-top .ft-top .ft-top-div ul li{ width: auto; height: auto; padding: 0 0 0 20px; margin: 0; position: relative; } .footer .footer-top .ft-top .ft-top-div ul li::before{ position: absolute; content: '\f105'; font-size: 1rem; line-height: 1.5rem; font-family: 'FontAwesome'; color: #ffffffba; left: 0; top: 0; font-weight: bold; transition: 0.3s ease; } .footer .footer-top .ft-top .ft-top-div ul li a{ text-align: left; color: #ffffffba; padding: 0px 0; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 5px; letter-spacing: 0px; text-decoration: none; } .footer .footer-top .ft-top .ft-top-div ul li:hover a{ color: #ffffff; } .footer .footer-top .ft-top .ft-top-div ul li:hover a svg{ stroke: #ffffff; } .footer .footer-top .ft-top .ft-top-div ul li:hover::before{ left: 5px; } .footer .footer-top .ft-bottom{ width: 100%; height: auto; padding: 15px 0 0px; margin: 0; position: relative; display: flex; align-items: center; justify-content: end; } .footer .footer-top .ft-bottom ul{ list-style: none; padding: 0; margin: 0; position: relative; width: auto; height: auto; display: flex; align-items: center; justify-content: center; gap: 15px; } .footer .footer-top .ft-bottom ul li{ width: auto; height: auto; padding: 0; margin: 0; position: relative; } .footer .footer-top .ft-bottom ul li a{ text-decoration: none; } .footer .footer-top .ft-bottom ul li a i{ font-size: 1.4rem; line-height: 2rem; color: #ffffff; } .footer .footer-bottom{ width: 100%; height: auto; padding: 10px 5%; margin: 0; position: relative; background-color: #02062c; text-align: center ; } .footer .footer-bottom .footer-logo{ width: auto; height: auto; } .footer .footer-bottom .footer-logo a{ text-decoration: none; } .footer .footer-bottom .footer-logo img{ width: auto; height: auto; max-width: 100px; } .footer .footer-bottom P{ text-align: center; color: #ffffffba; padding: 10px 0 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; letter-spacing: 0px; } .footer .footer-bottom ul{ list-style: none; padding: 0; margin: 0; position: relative; width: auto; height: auto; display: flex; align-items: center; justify-content: center; gap: 20px; } .footer .footer-bottom ul li{ width: auto; height: auto; padding: 0; margin: 0; position: relative; } .footer .footer-bottom ul li::before{ position: absolute; content: '|'; right: -12px; color: #ffffff53; } .footer .footer-bottom ul li:last-child::before{ display: none; } .footer .footer-bottom ul li a{ text-align: center; color: #ffffffba; padding: 10px 0 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; text-decoration: none; } .footer .footer-bottom ul li:hover a{ color: #ffffff; } .footer .footer-top .ft-top .ft-top-end{ width: 100%; height: auto; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; } .footer .footer-top .ft-top .ft-top-end .footer-btn1{ color: #ffffff; display: inline-block; position: relative; padding: 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; border: 1px solid #ffffff; border-radius: 5px; text-decoration: none; text-align: left; min-width: 160px; margin: 0 0 0 auto; } .footer .footer-top .ft-top .ft-top-end .footer-btn2{ color: #ffffff; display: inline-block; position: relative; padding: 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; border: 1px solid #0012cf; border-radius: 5px; text-decoration: none; text-align: left; min-width: 160px; background-color: #0012cf; margin: 0 0 0 auto; } .footer .footer-top .ft-top .ft-top-end .footer-btn:hover span{ transition: 0.3s ease; } .footer .footer-top .ft-top .ft-top-end .footer-btn:hover span{ padding-left: 10px; } /* End footer */ /* cookies-section */ .cookies-section{ width: auto; height: auto; position: fixed; left: 50%; top: auto; bottom: 0; transform: translateX(-50%); background-color: #ffffff; padding: 10px; z-index: 9999; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 5px 5px 0 0; } .cookies-section .cockies-inn{ width: auto; height: auto; padding: 0; margin: 0; display: flex; align-items: center; justify-content: start; gap: 5px; } .cookies-section .cockies-inn .cookies-img{ width: 100px; height: auto; } .cookies-section .cockies-inn .cookies-img img{ width: auto; height: auto; max-width: 100%; } .cookies-section .cockies-inn .cookies-cnt{ width: auto; height: auto; max-width: 400px; padding: 0; margin: 0; position: relative; } .cookies-section .cockies-inn .cookies-cnt h4{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 0 0 3px; } .cookies-section .cockies-inn .cookies-cnt p{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 0.8rem; font-weight: 400; line-height: 1.15rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 0px; } .cookies-section .cockies-inn .cookies-cnt p a{ text-decoration: none; color: #0012cf; } .cookies-section .cockies-inn .cookies-btn{ width: auto; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: start; gap: 8px; } .cookies-section .cockies-inn .cookies-btn .ok-btn{ color: #ffffff; position: relative; padding: 6px 10px; font-size: 0.8rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; min-width: 130px; text-align: center; } .cookies-section .cockies-inn .cookies-btn .cancel-btn{ color: #00015b; position: relative; padding: 6px 10px; font-size: 0.8rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Semibold; font-style: normal; background-color: #e8eafb; border-radius: 5px; position: relative; text-decoration: none; border: none; min-width: 130px; } /* End cookies-section */ /* pricing-section */ .pricing-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .pricing-section::before{ position: absolute; content: ''; width: 100%; height: 100%; /* height: 320px; */ top: 0; left: 0; background-color: #f5f6ff; } .pricing-section .container{ position: relative; } .pricing-section h2{ color: #00015b; padding: 0px; font-size: 3.2rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 20px; text-align: center; } .pricing-section h2 span{ color: #0012cf; } .pricing-section .sub-head{ text-align: center; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px auto 30px; width: 60%; } .pricing-section .pricing-getstarted-btn{ display: flex; align-items: center; justify-content: center; } .pricing-section .pricing-getstarted-btn a{ background-color: #0012cf; border: 1px solid #0012cf; border-radius: 5px; padding-right: 16px; position: relative; display: inline-block; padding: 8px 35px 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; color: #ffffff; text-decoration: none; } .pricing-section .pricing-getstarted-btn a span{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } .pricing-section .pricing-getstarted-btn a:hover span{ right: 5px; } .pricing-section .pricing-count{ width: 100%; height: auto; display: flex; align-items: center; justify-content: center; padding: 0; margin: 50px 0 0 0; position: relative; } .pricing-section .pricing-count .pricing-nav{ display: flex; align-items: center; justify-content: center; grid-area: 0; width: auto; height: auto; padding: 5px; border-radius: 50px; border: 1px solid #dddddd; background-color: #ffffff; overflow: hidden; box-shadow: rgb(190 194 239) 0px 8px 24px; } .pricing-section .pricing-count .pricing-nav .pricing-div{ padding: 6px 20px; border-radius: 50px; border: none; color: #00015b; position: relative; font-size: 0.95rem; font-weight: 400; line-height: 1.65rem; font-family: EMprint-Semibold; font-style: normal; background-color: #ffffff; text-decoration: none; } .pricing-section .pricing-count .pricing-nav .pricing-div.active{ background-color: #0012cf; color: #ffffff; } .pricing-section .pricing-count p{ text-align: left; color: #000000; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0 0px; position: absolute; left: calc(50% + 175px); transform: translateX(-50%); } .pricing-section .pricing-grid{ width: 100%; height: auto; padding: 0; margin: 40px 0 0 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } .pricing-section .pricing-grid .pricing-div{ width: 100%; height: auto; padding: 40px 40px; margin: 0; position: relative; border-radius: 10px; background-color: #ffffff; box-shadow: rgb(242 243 255) 0px 8px 24px; } .pricing-section .pricing-grid .pricing-div .pricing-header{ width: 100%; height: auto; padding: 50px 0 20px; margin: 0; position: relative; border-bottom: 1px solid #f1f1f1; } .pricing-section .pricing-grid .pricing-div .pricing-header h3{ color: #00015b; padding: 0px; font-size: 2.1rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; } .pricing-section .pricing-grid .pricing-div .pricing-header .pricing-header-sm{ text-align: left; color: #757474; padding: 0px; font-size: 0.8rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Regular; font-style: normal; margin: 0; } .pricing-section .pricing-grid .pricing-div .pricing-amount{ width: 100%; height: auto; padding: 20px 0; margin: 0; position: relative; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-lg{ color: #000000; padding: 0px; font-size: 2.8rem; font-weight: 400; line-height: 3rem; font-family: EMprint-Bold; font-style: normal; margin: 0px 0 0px; text-align: center; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-enterprise{ color: #000000; padding: 0px; font-size: 2.8rem; font-weight: 400; line-height: 3rem; font-family: EMprint-Bold; font-style: normal; margin: 0px 0 0px; text-align: center; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-cnt1{ text-align: center; color: #00015b; padding: 0px; font-size: 0.8rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Regular; font-style: normal; margin: 0; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-cnt3{ text-align: center; color: #00015b; padding: 0px; font-size: 0.8rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Regular; font-style: normal; margin: 2.4rem 0 0; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-cnt2{ text-align: center; color: #00015b; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 15px 0 0 0; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-cnt2 span{ color: #0012cf; } .pricing-section .pricing-grid .pricing-div .pricing-body{ width: 100%; height: auto; padding: 20px 0 0px; margin: 0; position: relative; } .pricing-section .pricing-grid .pricing-div .pricing-body h4{ color: #00015b; padding: 0px; font-size: 1.3rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; } .pricing-section .pricing-grid .pricing-div .pricing-body ul{ list-style: none; padding: 0 0 0 20px; margin: 15px 0; position: relative; width: auto; height: auto; display: grid; gap: 5px; } .pricing-section .pricing-grid .pricing-div .pricing-body ul li{ text-align: left; color: #00015b; padding: 0 0 0 20px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0; position: relative; } .pricing-section .pricing-grid .pricing-div .pricing-body ul li::before{ position: absolute; content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #f5f6ff; border-right: 1px solid #0012cf; border-bottom: 1px solid #0012cf; left: 0; top: 6px; } .users-count{ width: auto; height: auto; padding: 8px 20px; margin: 20px 0 30px; position: relative; color: #0012cf; text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; border-radius: 25px; background: #f1f2ff; display: none; } .pricing-buybtn{ color: #ffffff; padding: 8px 10px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; text-align: center; width: 100%; margin: 40px 0 0; } .pricing-buybtn:hover{ color: #ffffff; } .pricing-section .pricing-grid .pricing-div .heilight-btn{ width: auto; height: auto; padding: 8px 20px; margin: 0; position: relative; color: #f40000; text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; border-radius: 25px; background: #fff1f1; position: absolute; left: 40px; top: 30px; } /* End pricing-section */ /* features-section */ .features-section{ width: 100%; height: auto; padding: 0; margin: 50px 0; position: relative; } .features-section .features-main{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 0; position: relative; } .features-section .features-main .features-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .features-section .features-main .features-grid .features-div{ width: 100%; height: auto; padding: 15px 10px; margin: 0; position: relative; } .features-section .features-main .features-grid .features-div h4{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.45rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; } .features-section .features-main .features-grid .features-div h5{ color: #00015b; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: center; } .features-section .features-main .features-grid .features-div h6{ color: #00015b; padding: 0px; font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; } .fratures-line{ width: 100%; height: 1px; padding: 0; margin: 30px 0; background-color: #f1f2f2; } .features-section .features-main .features-grid .features-div p{ color: #00015b; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.8rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; text-align: center; } .features-section .features-main .features-grid .features-div p .fa-check-circle{ color: #3cff00; padding: 0px; font-size: 1.75rem; font-weight: 400; line-height: 1.8rem; margin: 0; } .features-section .features-main .features-grid .features-div p .fa-close{ color: #ffffff; padding: 0px; font-size: 1.15rem; font-weight: 400; line-height: 1.4rem; margin: 0; background-color: #ff0000; border-radius: 50%; width: 24px; height: 24px; } /* features-section */ /* content-section */ .content-section{ width: 100%; height: auto; padding: 100px 0 100px 10%; margin: 0 0 30px; position: relative; background: #f5f6ff; } .content-section::after{ position: absolute; content: ''; width: 35%; height: 100%; top: 0; right: 10%; background-image: url(../images/bg-1.jpeg); background-position: center; background-repeat: no-repeat; background-size: cover; } .content-section h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.45rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; text-align: left; } .content-section h2 span{ color: #0012cf; font-size: 3rem; } .content-section h6{ text-align: left; color: #00015b; padding: 0px; font-size: 1.15rem; font-weight: 400; line-height: 1.75rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; } .content-section .d-flex{ gap: 10px; } .content-section .d-flex .cnt-btn1{ color: #ffffff; position: relative; padding: 8px 15px 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; text-align: center; min-width: 120px; } .content-section .d-flex .cnt-btn2{ color: #0012cf; position: relative; padding: 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #e8eafb; border-radius: 5px; text-decoration: none; border: none; min-width: 120px; text-align: center; } /* End content-section */ /* product-section */ .product-smbanner{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; background-color: #f5f6ff; } .product-smbanner h6{ width: auto; height: auto; border: 1px solid #dbdded; padding: 5px 10px; margin: 0 0 20px; border-radius: 5px; } .product-smbanner h6 span{ color: #00015b; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; } .product-smbanner h1{ color: #00015b; position: relative; padding: 0px; font-size: 3.5rem; font-weight: 400; line-height: 4.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 10px; text-align: center; } .product-smbanner h1 span{ font-family: EMprint-Semibold; color: #0012cf; } .product-smbanner h5{ text-align: center; color: #000000; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; } .product-smbanner .product-smbanner-button{ display: flex; align-items: center; justify-content: center; width: auto; height: auto; gap: 10PX; } .product-smbanner .product-smbanner-button .product-smbanner-btn2{ color: #ffffff; position: relative; padding: 11px 43px 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; } .product-smbanner .product-smbanner-button .product-smbanner-btn2 span{ position: absolute; right: 17px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } .product-smbanner .product-smbanner-button .product-smbanner-btn2:hover span{ right: 12px; } .product-smbanner .product-smbanner-button .product-smbanner-btn1{ color: #0012cf; position: relative; padding: 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #e8eafb; border-radius: 5px; position: relative; text-decoration: none; border: none; } .product-smbanner p{ color: #0009; position: relative; padding: 0px; font-size: 0.8rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 20px 0 0px; text-align: center; } /* End product-section */ /* product-benefits-section */ .product-benefits-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; background-color: #f5f6ff; } .product-benefits-section .container{ max-width: 900px !important; } .product-benefits-section h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: left; } .product-benefits-section .product-benefits-grid{ width: 100%; height: auto; padding: 0; margin: -55px 0 0 0; position: relative; display: flex; align-items: end; justify-content: start; } .product-benefits-section .product-benefits-grid .product-benefits-div{ width: 33.33%; float: left; height: auto; margin: 0 0; position: relative; padding: 0; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn{ width: calc(100% + 30px); padding: 50px 50px 35px; margin: 0; position: relative; border-radius: 200px 200px 0 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .product-benefits-section .product-benefits-grid .product-benefits-div:nth-child(1) .product-benefits-div-inn{ height: 350px; background-color: #60d1fa; z-index: 3; } .product-benefits-section .product-benefits-grid .product-benefits-div:nth-child(2) .product-benefits-div-inn{ height: 430px; background-color: #d3fa60; z-index: 2; } .product-benefits-section .product-benefits-grid .product-benefits-div:nth-child(3) .product-benefits-div-inn{ height: 500px; background-color: #fac460; z-index: 1; width: 100%; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn img{ width: auto; height: auto; max-width: 80px; margin: 0 0 25px; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn h4{ color: #000000; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.1rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: center; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn h5{ color: #000000; padding: 0px; font-size: 1.3rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 25px; text-align: center; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn h3{ padding: 0px; font-size: 4rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Bold; font-style: normal; margin: 0px 0 0px; text-align: left; } .product-benefits-section .product-benefits-grid .product-benefits-div:nth-child(1) .product-benefits-div-inn h3{ color: #006a91; } .product-benefits-section .product-benefits-grid .product-benefits-div:nth-child(2) .product-benefits-div-inn h3{ color: #87b400; } .product-benefits-section .product-benefits-grid .product-benefits-div:nth-child(3) .product-benefits-div-inn h3{ color: #b47500; } /* End product-benefits-section */ /* product-inside-section */ .product-inside-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .product-inside-section .product-inside-grid{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 30px; } .product-inside-section .product-inside-grid .product-inside-div{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; position: relative; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-cnt{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: start; align-items: center; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-cnt img{ width: auto; height: auto; max-width: 20px; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-cnt h6{ color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; text-transform: uppercase; letter-spacing: 0.8px; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-cnt h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 15px 0 15px; text-align: left; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-cnt p{ text-align: left; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; width: 90%; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-img{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-img img{ width: auto; height: auto; max-width: 100%; } /* End product-inside-section */ /* product-additional-section */ .product-additional-section{ width: 100%; height: auto; padding: 10px 0 60px; margin: 0; position: relative; background-color: #f5f6ff; } .product-additional-section h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 30px; text-align: center; } .product-additional-section .product-additional-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .product-additional-section .product-additional-grid .product-additional-div{ width: 100%; height: auto; padding: 30px 20px; margin: 0; border-right: 1px solid #e6e8f9; } .product-additional-section .product-additional-grid .product-additional-div:last-child{ border-right: none; } .product-additional-section .product-additional-grid .product-additional-div h3{ color: #000000; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; text-align: center; } .product-additional-section .product-additional-grid .product-additional-div p{ text-align: center; color: #000000; padding: 0px 0 10px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; } /* End product-additional-section */ /* product-explore-section */ .product-explore-section{ width: 100%; height: auto; padding: 0px 0 50px; margin: 0; position: relative; } .product-explore-section h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; text-align: center; } .product-explore-section h6{ color: #000000; padding: 0px; font-size: 1.1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px auto 30px; text-align: center; width: 50%; } .product-explore-section .product-explore-grid{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; position: relative; } .product-explore-section .product-explore-grid .product-explore-div{ width: 100%; height: auto; padding: 0; margin: 0; border-radius: 5px; overflow: hidden; display: flex; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; position: relative; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-img{ width: 40%; height: auto; float: left; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-img img{ width: auto; height: auto; max-width: 100%; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-cnt{ width: 60%; height: auto; float: left; padding: 30px 30px; margin: 0; position: relative; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-cnt h3{ color: #000000; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; text-align: left; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-cnt p{ text-align: left; color: #000000; padding: 0px 0 10px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-cnt .product-explore-btn{ color: #ffffff; padding: 0; background-color: #0012cf; border-radius: 50%; position: absolute; right: 20px; bottom: 20px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; } .product-explore-section .product-explore-grid .product-explore-div:hover .product-explore-cnt .product-explore-btn{ background-color: #00015b; } /* End product-explore-section */ /* solutions-smbanner */ .solutions-smbanner{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; background-color: #ffffff; } .solutions-smbanner h6{ margin: 0 0 10px; border-radius: 5px; color: #0012cf; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; text-align: center; text-transform: uppercase; } .solutions-smbanner h1{ color: #00015b; position: relative; padding: 0px; font-size: 3.5rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 20px; text-align: center; } .solutions-smbanner h5{ text-align: center; color: #000000; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; } .solutions-smbanner .solutions-smbanner-button{ display: flex; align-items: center; justify-content: center; width: auto; height: auto; gap: 10PX; } .solutions-smbanner .solutions-smbanner-button .solutions-smbanner-btn2{ color: #ffffff; position: relative; padding: 11px 43px 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; } .solutions-smbanner .solutions-smbanner-button .solutions-smbanner-btn2 span{ position: absolute; right: 17px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } .solutions-smbanner .solutions-smbanner-button .solutions-smbanner-btn2:hover span{ right: 12px; } .solutions-smbanner .solutions-smbanner-button .solutions-smbanner-btn1{ color: #0012cf; position: relative; padding: 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #e8eafb; border-radius: 5px; position: relative; text-decoration: none; border: none; } .solutions-smbanner .solutions-smbanner-grid{ width: 100%; height: auto; padding: 0; margin: 50px 0 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div{ width: 100%; height: auto; padding: 40px 40px 80px; margin: 0; position: relative; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div:nth-child(1){ background-color: #3C89E5; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div:nth-child(2){ background-color: #265FB2; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div:nth-child(3){ background-color: #154090; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div:nth-child(4){ background-color: #0A2B60; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div img{ width: auto; height: auto; max-width: 65px; filter: invert(1); transition: 0.5s ease; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div h2{ color: #ffffff; position: relative; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Regular; font-style: normal; margin: 50px 0 15px; text-align: left; transition: 0.5s ease; min-height: 80px; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div ul{ width: auto; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: start; gap: 5px; flex-wrap: wrap; list-style: none; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div ul li{ color: #ffffffd9; position: relative; padding: 4px 10px; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; font-style: normal; border-radius: 5px; position: relative; text-decoration: none; border: none; border: 1px solid #ffffff4f; transition: 0.5s ease; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div::before{ position: absolute; content: ''; width: 100%; height: 0; left: 0; bottom: 0; background-color: #e8eafb; transition: 0.5s ease; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div:hover::before{ height: 100%; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div:hover img{ filter: invert(0); } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div:hover h2{ color: #00015b; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div:hover ul li{ color: #00015b; border-color: #00015b; } /* End solutions-smbanner */ /* solutions-inside-section */ .solutions-inside-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .solutions-inside-section .solutions-inside-header{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: center; } .solutions-inside-section .solutions-inside-grid{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 30px; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; position: relative; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-cnt{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: start; align-items: center; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-cnt img{ width: auto; height: auto; max-width: 20px; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-cnt h6{ color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; text-transform: uppercase; letter-spacing: 0.8px; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-cnt h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 15px 0 15px; text-align: left; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-cnt p{ text-align: left; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; width: 90%; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-img{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-img img{ width: auto; height: auto; max-width: 100%; } /* End product-inside-section */ /* solutions-explore-section */ .solutions-explore-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .solutions-explore-section .solutions-explore-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1.5fr; gap: 20px; margin: 0; } .solutions-explore-section .solutions-explore-grid .solutions-explore-left{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .solutions-explore-section .solutions-explore-grid .solutions-explore-left h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: left; } .solutions-explore-section .solutions-explore-grid .solutions-explore-left h2 span{ color: #0012cf; } .solutions-explore-section .solutions-explore-grid .solutions-explore-left h6{ color: #000000; padding: 0px; font-size: 1.1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; text-align: left; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div{ width: 100%; height: auto; position: relative; padding: 10px 30px 40px; margin: 0; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div::before{ position: absolute; content: ''; width: 100px; height: 65px; border-radius: 0 0 100px 100px; left: 50%; transform: translateX(-50%); top: -10px; background-color: #00015b; transition: 0.3s ease; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div::after{ position: absolute; content: ''; width: 100%; height: 100%; border-radius: 10px; left: 0%; top: 0; background-color: transparent; backdrop-filter: blur(10px); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn{ position: relative; padding: 65px 0 0 0; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn{ position: relative; z-index: 1; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn .solutions-explore-count{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; color: #ffffff; font-size: 1.85rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div:hover::before{ background-color: #0012cf; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn h3{ color: #000000; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; text-align: center; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn p{ text-align: center; color: #000000; padding: 0px 0 10px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div:nth-child(6)::before{ display: none; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn .solutions-explore-div-sub{ color: #ffffff; padding: 0px; font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; font-family: EMprint-Semibold; font-style: normal; margin: 50px 0 10px; text-align: center; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div:nth-child(6)::after{ background-color: #0012cf; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div:nth-child(6) .solutions-explore-div-inn{ padding: 15px 0 0 0; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn .solutions-smbanner-btn2{ color: #ffffff; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px; text-decoration: none; } /* End solutions-explore-section */ /* solutions-benefits-section */ .solutions-benefits-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; background-color: #00015b; } .solutions-benefits-section h2{ color: #ffffff; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: center; } .solutions-benefits-section .solutions-benefits-main{ width: 100%; height: auto; padding: 0; margin: 30px 0 0; position: relative; } .solutions-benefits-section .solutions-benefits-main .solutions-benefits-div{ width: 95%; height: auto; padding: 0; margin: 0 auto; position: relative; background-color: #f5f6ff; border-radius: 5px; } .solutions-benefits-section .solutions-benefits-main .solutions-benefits-div img{ width: auto; height: auto; max-width: 100%; } .solutions-benefits-section .solutions-benefits-main .solutions-benefits-div .solutions-benefits-cnt{ width: 100%; height: auto; padding: 30px; margin: 0; position: relative; min-height: 285px; } .solutions-benefits-section .solutions-benefits-main .solutions-benefits-div .solutions-benefits-cnt h6{ color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; text-align: left; text-transform: uppercase; } .solutions-benefits-section .solutions-benefits-main .solutions-benefits-div .solutions-benefits-cnt h3{ color: #000000; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 5px; text-align: left; } .solutions-benefits-section .solutions-benefits-main .solutions-benefits-div .solutions-benefits-cnt p{ text-align: justify; color: #000000; padding: 0px 0 10px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; } .solutions-benefits-section .solutions-benefits-main .owl-controls{ width: auto; height: auto; position: absolute; left: auto; right: -55px; top: 50%; transform: translateY(-50%); } .solutions-benefits-section .solutions-benefits-main .owl-controls .owl-buttons{ width: 50px; height: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; border-radius: 20px; background-color: #0012cf; } .solutions-benefits-section .solutions-benefits-main .owl-controls .owl-buttons div i{ font-size: 2rem; color: #ffffff; padding: 2px 10px; } .grid-3{ grid-template-columns: 1fr 1fr 1fr !important; } /* End solutions-benefits-section */ /* solutions-business-section */ .solutions-business-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .solutions-business-section h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: center; } .solutions-business-section .solutions-business-main{ width: 100%; height: auto; padding: 0; margin: 30px 0 0; position: relative; } .solutions-business-section .solutions-business-main .solutions-business-div{ width: 95%; height: auto; padding: 0px; margin: 0 auto; position: relative; border-radius: 5px; } .solutions-business-section .solutions-business-main .solutions-business-div .solutions-business-img{ position: relative; width: 100%; height: auto; padding: 0; margin: 0; } .solutions-business-section .solutions-business-main .solutions-business-div .solutions-business-img img{ width: auto; height: auto; max-width: 100%; } .solutions-business-section .solutions-business-main .solutions-business-div .solutions-business-cnt{ position: absolute; width: 100%; height: 120px; left: 0; bottom: 0; padding: 20px; margin: 0; transition: 0.6s ease; } .solutions-business-section .solutions-business-main .solutions-business-div:hover .solutions-business-cnt{ height: 50%; } .solutions-business-section .solutions-business-main .solutions-business-div h6{ color: #ffffff; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; text-transform: uppercase; letter-spacing: 0.8px; } .solutions-business-section .solutions-business-main .solutions-business-div h3{ color: #ffffff; padding: 0px; font-size: 1.8rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 25px; text-align: left; } .solutions-business-section .solutions-business-main .solutions-business-div ul{ /* visibility: hidden; */ display: grid; grid-template-columns: 1fr; gap: 8px; position: relative; padding: 0 0 0 40px; margin: 30px 0 0 0; list-style: none; height: auto; visibility: hidden; } .solutions-business-section .solutions-business-main .solutions-business-div ul li{ color: #ffffffc9; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; text-align: left; position: relative; } .solutions-business-section .solutions-business-main .solutions-business-div ul li::before{ position: absolute; content: '\f058'; font-family:'FontAwesome'; font-size: 0.8rem; line-height: 1.35rem; color: #d7d8e9; left: -20px; top: 0; } .solutions-business-section .solutions-business-main .solutions-business-div:hover ul{ visibility: visible; } .solutions-business-section .solutions-business-main .owl-controls{ display: none; } .solutions-business-section .solutions-business-main .owl-controls .owl-page, .solutions-business-section .solutions-business-main .owl-controls .owl-buttons div{ display: none; } /* End solutions-business-section */ /* contact-sales-section */ .contact-sales-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .contact-sales-section .contact-sales-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .contact-sales-section .contact-sales-grid .contact-sales-cnt{ width: 100%; height: auto; padding: 4rem 0; margin: 0; position: relative; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .d-flex img{ width: auto; height: auto; max-width: 50px; } .contact-sales-section .contact-sales-grid .contact-sales-cnt h3{ text-align: left; color: #000000; padding: 0px; font-size: 3.2rem; font-weight: 400; line-height: 4.4rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; width: 90%; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn{ width: 100%; height: auto; padding: 0; margin: 0px 0 25px; position: relative; display: grid; grid-template-columns: 1fr; gap: 0px; display: none; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div{ width: 100%; height: auto; padding: 50px 50px 0px 0px; margin: 0; position: relative; display: flex; align-items: center; justify-content: start; /* border-left: 1px solid #00015b; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */ } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div .contact-sales-inn-img{ position: absolute; left: 3px; top: 17px; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div .contact-sales-inn-img img{ width: auto; height: auto; max-width: 25px; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div h4{ width: 140px; height: auto; padding: 0; margin: 0; position: relative; text-align: left; color: #00015b; font-size: 1.5rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Semibold; font-style: normal; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div h4 span{ font-size: 0.9rem; font-weight: 400; line-height: 1.3rem; font-family: EMprint-Regular; color: #ababab; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div p{ width: calc( 100% - 150px ); height: auto; padding: 0; margin: 0; position: relative; text-align: left; color: #00015b; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .d-flex .text{ text-align: left; color: #00015b; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; padding: 0 0 0 10px; margin: 0 0 0 20px; position: relative; border-left: 3px solid #dbdbdb; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .d-flex .text a{ color: #0012cf; text-decoration: none; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .additional-links{ width: 100%; height: auto; padding: 0; margin: 30px 0 0; list-style: none; display: flex; align-items: center; justify-content: start; gap: 20px; flex-wrap: wrap; display: none; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .additional-links li{ position: relative; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .additional-links li::after{ position: absolute; content: ''; right: -10px; top: 12px; width: 4px; height: 4px; border-radius: 50%; background-color: #cecfd6; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .additional-links li:last-child::after{ display: none; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .additional-links li a{ text-align: left; color: #77789e; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; padding: 0; margin: 0; text-decoration: none; } .contact-sales-section .contact-sales-grid .contact-sales-form{ width: 100%; height: auto; padding: 40px 35px; margin: 0; position: relative; background-color: #f9f9fe; border-radius: 5px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .contact-sales-section .contact-sales-grid .contact-sales-form h3{ text-align: center; color: #00015b; padding: 0px; font-size: 1.5rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; } .contact-sales-section .contact-sales-grid .contact-sales-form h6{ text-align: center; color: #00015b; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; padding: 0; margin: 0 auto; width: 60%; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn{ width: 100%; height: auto; padding: 0; margin: 30px 0 0; position: relative; display: flex; flex-wrap: wrap; gap: 15px 4%; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-field{ width: 48%; height: auto; padding: 0; margin: 0 0 0; position: relative; display: grid; float: left; gap: 3px; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-field label{ text-align: left; color: #00015b; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; padding: 0; margin: 0; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-field input{ text-align: left; color: #00015b; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; padding: 8px 15px; margin: 0; border: 1px solid #dddddd; border-radius: 5px; outline: none; box-shadow: none; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-field textarea{ text-align: left; color: #00015b; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; padding: 8px 15px; margin: 0; border: 1px solid #dddddd; border-radius: 5px; outline: none; box-shadow: none; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-field select{ text-align: left; color: #00015b; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; padding: 10px 10px; margin: 0; border: 1px solid #dddddd; border-radius: 5px; outline: none; box-shadow: none; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .privacy-cnt{ width: 100%; height: auto; font-size: 0.8rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; text-align: center; color: #77789e; padding: 0px; margin: 0; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .privacy-cnt a{ color: #0012cf; text-decoration: none; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-btn{ width: 100%; height: auto; padding: 0; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-btn input{ width: 100%; height: auto; background-color: #0012cf; border: 1px solid #0012cf; text-align: center; color: #ffffff; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; padding: 8px 15px; margin: 0; border-radius: 5px; outline: none; box-shadow: none; text-transform: uppercase; } /* End contact-sales-section */ /* industries-smbanner */ .industries-smbanner{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; background-color: #ffffff; } .industries-smbanner .industries-smbanner-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding: 0; margin: 0; position: relative; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-left{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-left h6{ margin: 0 0 10px; border-radius: 5px; color: #0012cf; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; text-align: left; text-transform: uppercase; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-left h1{ color: #00015b; position: relative; padding: 0px; font-size: 3.5rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 20px; text-align: left; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-left h5{ text-align: left; color: #000000; padding: 0px; font-size: 1.2rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-left .industries-smbanner-button{ display: flex; align-items: center; justify-content: start; width: auto; height: auto; gap: 10PX; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-left .industries-smbanner-button .industries-smbanner-btn2{ color: #ffffff; position: relative; padding: 11px 43px 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-left .industries-smbanner-button .industries-smbanner-btn2 span{ position: absolute; right: 17px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-left .industries-smbanner-button .industries-smbanner-btn2:hover span{ right: 12px; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-left .industries-smbanner-button .industries-smbanner-btn1{ color: #0012cf; position: relative; padding: 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #e8eafb; border-radius: 5px; position: relative; text-decoration: none; border: none; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle{ position: relative; min-width: 450px; min-height: 400px; width: 100%; height: auto; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-cnt{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: 400px; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-cnt h3{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px; text-align: center; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main{ width: auto; height: 100%; display: grid; gap: 20px; left: 0; top: 0; position: absolute; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main .industries-smbanner-circle-in{ width: auto; height: auto; display: flex; padding: 0; margin: 0; position: relative; align-items: center; justify-content: center; flex-direction: column; animation: move 20s infinite forwards; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main .industries-smbanner-circle-in .industries-smbanner-circle-img{ width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #f5f6ff; border: 2px solid #d7daf9; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main .industries-smbanner-circle-in .industries-smbanner-circle-img img{ width: auto; height: auto; max-width: 30px; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main .industries-smbanner-circle-in h4{ color: #00015b; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.2rem; font-family: EMprint-Regular; font-style: normal; margin: 4px 0 0; text-align: center; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main .industries-smbanner-circle-in1{ margin-left: 150px; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main .industries-smbanner-circle-in3{ margin-left: 130px; } @keyframes move{ 0%{ margin-top: 0; } 50%{ margin-top: 20px; } 100%{ margin-top: 0; } } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main-right{ width: auto; height: 100%; display: grid; gap: 20px; right: 0; top: 0; position: absolute; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main-right .industries-smbanner-circle-in{ width: auto; height: auto; display: flex; padding: 0; margin: 0; position: relative; align-items: center; justify-content: center; flex-direction: column; animation: move 20s infinite forwards; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main-right .industries-smbanner-circle-in .industries-smbanner-circle-img{ width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #f5f6ff; border: 2px solid #d7daf9; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main-right .industries-smbanner-circle-in .industries-smbanner-circle-img img{ width: auto; height: auto; max-width: 30px; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main-right .industries-smbanner-circle-in h4{ color: #00015b; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.2rem; font-family: EMprint-Regular; font-style: normal; margin: 4px 0 0; text-align: center; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main-right .industries-smbanner-circle-in4{ margin-right: 150px; } .industries-smbanner .industries-smbanner-grid .industries-smbanner-right .industries-smbanner-circle .industries-smbanner-circle-main-right .industries-smbanner-circle-in6{ margin-right: 130px; } /* End industries-smbanner */ /* industries-inside-section */ .industries-inside-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .industries-inside-section .industries-inside-header{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: center; } .industries-inside-section .industries-inside-grid{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 30px; } .industries-inside-section .industries-inside-grid .industries-inside-div{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; position: relative; } .industries-inside-section .industries-inside-grid .industries-inside-div .industries-inside-cnt{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: start; align-items: center; } .industries-inside-section .industries-inside-grid .industries-inside-div .industries-inside-cnt img{ width: auto; height: auto; max-width: 20px; } .industries-inside-section .industries-inside-grid .industries-inside-div .industries-inside-cnt h6{ color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; text-transform: uppercase; letter-spacing: 0.8px; } .industries-inside-section .industries-inside-grid .industries-inside-div .industries-inside-cnt h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 15px 0 15px; text-align: left; } .industries-inside-section .industries-inside-grid .industries-inside-div .industries-inside-cnt p{ text-align: left; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; width: 90%; } .industries-inside-section .industries-inside-grid .industries-inside-div .industries-inside-img{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .industries-inside-section .industries-inside-grid .industries-inside-div .industries-inside-img img{ width: auto; height: auto; max-width: 100%; } /* End product-inside-section */ /* industries-benefits-section */ .industries-benefits-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; background-color: #00015b; } .industries-benefits-section h2{ color: #ffffff; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: center; } .industries-benefits-section .industries-benefits-main{ width: 100%; height: auto; padding: 0; margin: 30px 0 0; position: relative; } .industries-benefits-section .industries-benefits-main .industries-benefits-div{ width: 95%; height: auto; padding: 0; margin: 0 auto; position: relative; background-color: #f5f6ff; border-radius: 5px; } .industries-benefits-section .industries-benefits-main .industries-benefits-div img{ width: auto; height: auto; max-width: 100%; } .industries-benefits-section .industries-benefits-main .industries-benefits-div .industries-benefits-cnt{ width: 100%; height: auto; padding: 30px; margin: 0; position: relative; min-height: 200px; } .industries-benefits-section .industries-benefits-main .industries-benefits-div .industries-benefits-cnt h6{ color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: left; text-transform: uppercase; } .industries-benefits-section .industries-benefits-main .industries-benefits-div .industries-benefits-cnt h3{ color: #000000; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.65rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 5px; text-align: left; } /* .industries-benefits-section .industries-benefits-main .industries-benefits-div .industries-benefits-cnt p{ text-align: justify; color: #000000; padding: 0px 0 10px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; } */ .industries-benefits-section .industries-benefits-main .owl-controls{ width: auto; height: auto; position: absolute; left: auto; right: -55px; top: 50%; transform: translateY(-50%); } .industries-benefits-section .industries-benefits-main .owl-controls .owl-buttons{ width: 50px; height: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; border-radius: 20px; background-color: #0012cf; } .industries-benefits-section .industries-benefits-main .owl-controls .owl-buttons div i{ font-size: 2rem; color: #ffffff; padding: 2px 10px; } .grid-3{ grid-template-columns: 1fr 1fr 1fr !important; } /* End industries-benefits-section */ /* industries-itegration-section */ .industries-itegration-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .industries-itegration-section h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: center; } .industries-itegration-section .industries-itegration-main{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .industries-itegration-section .industries-itegration-main .industries-itegration-img{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .industries-itegration-section .industries-itegration-main .industries-itegration-img img{ width: auto; height: auto; max-width: 100%; border-radius: 10px; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt{ width: 80%; height: auto; padding: 0; margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; display: flex; align-items: end; justify-content: start; gap: 5%; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt .industries-itegration-cnt-div{ width: 30%; height: auto; padding: 30px; margin: 0; position: relative; /* backdrop-filter: blur(10px); background-color: transparent; */ -webkit-backdrop-filter: blur(1.5rem); backdrop-filter: blur(1.5rem); perspective-origin: 50%; transform-origin: 50% 100%; color: #fff; background-color: #80808052; border: 1px solid #ebebeb33; border-radius: 10px; float: left; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt .industries-itegration-cnt-div .industries-itegration-cnt-div-inn{ width: 100%; height: auto; padding: 0px; margin: 0; position: relative; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt .industries-itegration-cnt-div .industries-itegration-cnt-div-inn img{ width: auto; height: auto; max-width: 80px; border: 1px solid #ebebeb33; border-radius: 10px; padding: 10px; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt .industries-itegration-cnt-div .industries-itegration-cnt-div-inn h3{ color: #ffffff; padding: 0px; font-size: 1.3rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 30px 0 15px; text-align: left; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt .industries-itegration-cnt-div .industries-itegration-cnt-div-inn p{ text-align: left; color: #ffffffc6; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; transition: 0.5s ease; height: 0; opacity: 0; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt .industries-itegration-cnt-div:hover .industries-itegration-cnt-div-inn p{ height: 100px; opacity: 1; } /* End industries-itegration-section */ /* aboutus-smbanner-section */ .aboutus-smbanner-section{ width: 100%; height: auto; padding: 90px 0; margin: 0; position: relative; background-color: #f5f6ff; } .aboutus-smbanner-section .aboutus-smbanner-container{ width: 55%; margin: 0 0; } .aboutus-smbanner-section h6{ color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; text-align: left; text-transform: uppercase; } .aboutus-smbanner-section h2{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.1rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 30px; } .aboutus-smbanner-section h1{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 2.5rem; font-weight: 400; line-height: 3rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 10px; } .aboutus-smbanner-section h1 span{ color: #0012cf; font-weight: bold; } /* End aboutus-smbanner-section */ /* aboutus-team-section */ .aboutus-team-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .aboutus-team-section h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: center; } .aboutus-team-section .aboutus-team-grid{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 30px; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; position: relative; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-img{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-img img{ width: auto; height: auto; max-width: 100%; border-radius: 5px; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-cnt{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; justify-content: start; align-items: center; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-cnt h6{ color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 0px; text-align: left; text-transform: uppercase; letter-spacing: 0.8px; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-cnt h3{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 15px 0 15px; text-align: left; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-cnt p{ text-align: left; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; width: 90%; } /* End aboutus-team-section */ /* aboutus-values-section */ .aboutus-values-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .aboutus-values-section .aboutus-values-grid{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 2fr 1fr; gap: 40px; align-items: center; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right{ width: 100%; height: auto; padding: 45px 45px; margin: 0; position: relative; box-shadow: 0 0 15px 2px #ddd; border-radius: 10px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right h3{ text-align: left; color: #000000; padding: 0px; font-size: 1.35rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 10px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right h3 span{ color: #0012cf; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right .aboutus-values-statmain{ width: 100%; height: auto; padding: 20px 0 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr; gap: 20px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right .aboutus-values-statmain .aboutus-values-statmain-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 3fr; gap: 20px; align-items: center; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right .aboutus-values-statmain .aboutus-values-statmain-div h2{ color: #00015b; padding: 0px; font-size: 1.5rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px; text-align: left; border-right: 1px solid #ededed; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right .aboutus-values-statmain .aboutus-values-statmain-div p{ text-align: left; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left{ width: 100%; height: auto; padding: 30px 0px; margin: 0; position: relative; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: left; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr ; gap: 30px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div{ width: 100%; height: auto; padding: 30px 30px; margin: 0; position: relative; background-color: #f5f6ff; border-radius: 5px; border: 1px solid #dcdfff; overflow: hidden; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div .aboutus-values-left-img{ width: auto; height: auto; overflow: hidden; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div .aboutus-values-left-img img{ width: auto; height: auto; max-width: 90px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div h3{ color: #000000; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 30px 0 10px; text-align: left; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div p{ text-align: left; color: #000000; padding: 20px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; letter-spacing: 0px; position: absolute; left: 0; top: 100%; width: 100%; height: 0; background-color: #f5f6ff; visibility: hidden; transition: 0.5s ease; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div:hover p{ top: 0%; height: 100%; visibility: visible; } /* End aboutus-values-section */ /* aboutus-reachout-section */ .aboutus-reachout-section{ width: 100%; height: auto; padding: 100px 0; margin: 0; position: relative; background-color: #0012cf; } .aboutus-reachout-section .aboutus-reachout-container{ width: 60%; height: auto; padding: 0; margin: 0; position: relative; float: left; } .aboutus-reachout-section .aboutus-reachout-container h6{ margin: 0 0 30px; border-radius: 22px; color: #000000; padding: 5px 20px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; text-align: left; text-transform: uppercase; background: #ffffff; } .aboutus-reachout-section .aboutus-reachout-container h2{ color: #ffffff; position: relative; padding: 0px; font-size: 3.1rem; font-weight: 400; line-height: 3.8rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 20px; text-align: left; } .aboutus-reachout-section .aboutus-reachout-container h2 span{ font-family: EMprint-Semibold; } .aboutus-reachout-section .aboutus-reachout-container p{ color: rgba(255, 255, 255, 0.6); position: relative; padding: 0px; font-size: 0.8rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 20px 0 40px; text-align: left; } .aboutus-reachout-section .aboutus-reachout-container .aboutus-reachout-btn{ display: flex; align-items: center; justify-content: start; } .aboutus-reachout-section .aboutus-reachout-container .aboutus-reachout-btn a{ color: #000000; padding: 11px 43px 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #ffffff; border-radius: 5px; position: relative; text-decoration: none; border: none; text-transform: uppercase; } .aboutus-reachout-section .aboutus-reachout-img{ width: 30%; height: auto; padding: 0; margin: 0; position: relative; float: right; display: flex; align-items: center; justify-content: center; } .aboutus-reachout-section .aboutus-reachout-img img{ width: auto; height: auto; } /* End aboutus-reachout-section */ /* blog-smbanner-secction */ .blog-smbanner-secction{ width: 100%; height: auto; padding: 80px 0 50px; margin: 0; position: relative; background-color: #f5f6ff; } .blog-smbanner-secction h1{ color: #00015b; position: relative; padding: 0px; font-size: 3rem; font-weight: 400; line-height: 3.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 20px; text-align: left; } .blog-smbanner-secction h1 span{ color: #0012cf; font-family: EMprint-Semibold; } .blog-smbanner-secction h6{ text-align: left; color: #000000; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; width: 60%; } /* End blog-smbanner-secction */ /* blog-main-section */ .blog-main-section{ width: 100%; height: auto; padding: 50px 0; position: relative; margin: 0; } .blog-main-section .blog-main-grid1{ width: 100%; height: auto; padding: 0; margin: 0 0 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; border: 1px solid #f1f1f1; border-radius: 10px; overflow: hidden; position: relative; } .blog-main-section .blog-main-grid1 .blog-main-img1{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .blog-main-section .blog-main-grid1 .blog-main-img1 img{ width: auto; height: auto; max-width: 100%; } .blog-main-section .blog-main-grid1 .blog-main-cnt1{ width: 100%; height: auto; padding: 30px 30px 30px 10px; margin: 0; position: relative; } .blog-main-section .blog-main-grid1 .blog-main-cnt1 h6{ margin: 0 0 10px; border-radius: 5px; color: #0012cf; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; text-align: left; text-transform: uppercase; } .blog-main-section .blog-main-grid1 .blog-main-cnt1 h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 15px 0 25px; text-align: left; } .blog-main-section .blog-main-grid1 .blog-main-cnt1 p{ text-align: left; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 40px; } .blog-main-section .blog-main-grid1 .blog-main-cnt1 .blog-main-item{ width: 100%; height: auto; padding: 0; margin: 0; display: flex; align-items: center; justify-content: start; flex-wrap: wrap; } .blog-main-section .blog-main-grid1 .blog-main-cnt1 .blog-main-item span{ color: #0009; position: relative; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; text-align: left; } .blog-main-section .blog-main-grid{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; position: relative; } .blog-main-section .blog-main-grid .blog-main-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; border: 1px solid #f1f1f1; border-radius: 10px; overflow: hidden; } .blog-main-section .blog-main-grid .blog-main-div .blog-main-img{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .blog-main-section .blog-main-grid .blog-main-img img{ width: auto; height: auto; max-width: 100%; } .blog-main-section .blog-main-grid .blog-main-cnt{ width: 100%; height: auto; padding: 30px 30px 30px 30px; margin: 0; position: relative; } .blog-main-section .blog-main-grid .blog-main-cnt h6{ margin: 0 0 10px; border-radius: 5px; color: #0012cf; padding: 0px; font-size: 0.85rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; text-align: left; text-transform: uppercase; } .blog-main-section .blog-main-grid .blog-main-cnt h2{ color: #00015b; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 15px; text-align: left; } .blog-main-section .blog-main-grid .blog-main-cnt p{ text-align: left; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 20px; } .blog-main-section .blog-main-grid .blog-main-cnt .blog-main-item{ width: 100%; height: auto; padding: 0; margin: 0; display: flex; align-items: center; justify-content: start; flex-wrap: wrap; } .blog-main-section .blog-main-grid .blog-main-cnt .blog-main-item span{ color: #0009; position: relative; padding: 0px; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 0px; text-align: left; } .blog-main-section h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.5rem; font-family: EMprint-Semibold; font-style: normal; margin: 15px 0 25px; text-align: left; } /* End blog-main-section */ /* customer-stories-section */ .customer-stories-smbanner-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; background-color: #f5f6ff; } .customer-stories-smbanner-section h6{ margin: 0 0 10px; border-radius: 5px; color: #00015b; padding: 7px 17px; font-size: 1rem; font-weight: 400; line-height: 1.85rem; font-family: EMprint-Semibold; font-style: normal; text-align: center; border: 1px solid #dbdded; } .customer-stories-smbanner-section h6 span{ color: #0012cf; font-size: 1.3rem; } .customer-stories-smbanner-section h1{ color: #00015b; position: relative; padding: 0px; font-size: 3rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 10px; text-align: center; } .customer-stories-smbanner-section h5{ text-align: center; color: #000000; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0px auto 30px; width: 60%; } .customer-stories-smbanner-section .customer-stories-smbanner-button{ display: flex; align-items: center; justify-content: center; width: auto; height: auto; gap: 10PX; } .customer-stories-smbanner-section .customer-stories-smbanner-button .customer-stories-smbanner-btn2{ color: #ffffff; position: relative; padding: 11px 43px 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; } .customer-stories-smbanner-section .customer-stories-smbanner-button .customer-stories-smbanner-btn2 span{ position: absolute; right: 17px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } .customer-stories-smbanner-section .customer-stories-smbanner-button .customer-stories-smbanner-btn2:hover span{ right: 12px; } .customer-stories-smbanner-section .customer-stories-smbanner-button .customer-stories-smbanner-btn1{ color: #0012cf; position: relative; padding: 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #e8eafb; border-radius: 5px; position: relative; text-decoration: none; border: none; } .customer-stories-smbanner-section p{ color: #0009; position: relative; padding: 0px; font-size: 0.8rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 20px 0 0px; text-align: center; } .customer-stories-smbanner-section .main-customer-grid{ width: 100%; height: auto; padding: 0; margin: 50px 0 20px 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; } .customer-stories-smbanner-section .main-customer-grid .main-customer-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; } /* End customer-stories-section */ /* customer-stories-section */ .customer-stories-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .customer-stories-section h2{ color: #00015b; padding: 0px; font-size: 2rem; font-weight: 400; line-height: 2.75rem; font-family: EMprint-Semibold; font-style: normal; margin: 0px 0 20px; text-align: center; } .customer-stories-section .customer-stories-grid{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; position: relative; } .customer-stories-section .customer-stories-grid .customer-stories-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; overflow: hidden; border-radius: 5px; transition: 0.3s ease; border: 1px solid #e8eafd00; } .customer-stories-section .customer-stories-grid .customer-stories-div:hover{ border: 1px solid #e8eafd; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-img{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-img img{ width: auto; height: auto; max-width: 100%; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-cnt{ width: 100%; height: auto; padding: 30px; margin: 0; position: relative; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-cnt h6{ margin: 0 0 10px; border-radius: 5px; color: #0012cf; padding: 3px 14px; font-size: 1rem; font-weight: 400; line-height: 1.85rem; font-family: EMprint-Semibold; font-style: normal; text-align: center; border: 1px solid #cacfff; background-color: #f5f6ff; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-cnt h3{ color: #00015b; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 5px 0 15px; text-align: left; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-cnt p{ text-align: left; color: #000000; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 10px; } /* End customer-stories-section */ /* career-smbanner-section */ .career-smbanner-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; background-color: #f5f6ff; } .career-smbanner-section h6{ margin: 0 0 10px; border-radius: 5px; color: #00015b; padding: 7px 17px; font-size: 1rem; font-weight: 400; line-height: 1.85rem; font-family: EMprint-Semibold; font-style: normal; text-align: center; border: 1px solid #dbdded; } .career-smbanner-section h1{ color: #00015b; position: relative; padding: 0px; font-size: 3rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 10px; text-align: center; } .career-smbanner-section h5{ text-align: center; color: #000000; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; } .career-smbanner-section .career-smbanner-button{ display: flex; align-items: center; justify-content: center; width: auto; height: auto; gap: 10PX; } .career-smbanner-section .career-smbanner-button .career-smbanner-btn{ color: #ffffff; position: relative; padding: 11px 43px 10px 25px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; background-color: #0012cf; border-radius: 5px; position: relative; text-decoration: none; border: none; } .career-smbanner-section .career-smbanner-button .career-smbanner-btn span{ position: absolute; right: 17px; top: 50%; transform: translateY(-50%); transition: 0.3s ease; } .career-smbanner-section .career-smbanner-button .career-smbanner-btn:hover span{ right: 12px; } /* End career-smbanner-section */ /* Apply Now */ .apply-now{ width: 100%; height: auto; padding: 80px 0; margin: 0px 0 0 0; background: #f5f6ff; } .apply-now .apply-now-form{ width: 90%; height: auto; padding: 50px 55px; margin: 0 auto; background: #ffffff; border-radius: 5px; box-shadow: rgb(187 187 191 / 20%) 0px 7px 29px 0px; } .apply-now .apply-now-form h6{ text-align: center; color: #000000; padding: 0px; font-size: 1.6rem; font-weight: 400; line-height: 2.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 30px; } .apply-now .apply-now-form input[type=text]{ width: 100%; height: 45px; color: #0000008c; font-family: EMprint-Semibold; font-size: 1rem; line-height: 1.5rem; padding: 8px 15px; border-radius: 5px; border: 1px solid #dddddd; margin-bottom: 30px; } .apply-now .apply-now-form input[type=text]:focus, .apply-now .apply-now-form input[type=text]:hover{ border: 1px solid #9d9d9d; outline: none; } .apply-now .apply-now-form ::placeholder{ color: #0000008c; } .apply-now .apply-now-form .row{ margin-left: 0; margin-right: 0; } .apply-now .apply-now-form .d-flex{ display: flex; align-items: center; justify-content: end; margin-bottom: 35px; } .apply-now .apply-now-form .d-flex .resume-cnt{ width: 70%; padding: 0; margin: 0; } .apply-now .apply-now-form .d-flex .resume-cnt h3{ font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; color: #000000; font-family: EMprint-Regular; font-weight: 300; margin: 0 0 0px; font-style: normal; text-align: left; position: relative; padding-top: 0px; } .apply-now .apply-now-form .d-flex .resume-cnt p{ font-size: 0.9rem; line-height: 2rem; letter-spacing: 0; color: #0000008c; font-family: EMprint-Regular; font-weight: 300; margin: 0 0 0px; font-style: normal; text-align: left; position: relative; padding-top: 0px; } .apply-now .apply-now-form .d-flex .resume-upload{ width: 30%; height: 55px; border-radius: 5px; padding: 0; margin: 0; position: relative; border: 1px solid #dddddd; } .apply-now .apply-now-form .d-flex .resume-upload input[type=file]{ width: 100%; height: 55px; border-radius: 5px; color: transparent; font-family: EMprint-Semibold; font-size: 0; line-height: 2rem; padding: 0 15px; border-radius: 5px; border: 1px solid #dddddd; margin-bottom: 0px; position: relative; visibility: visible; opacity: 0; } .apply-now .apply-now-form .d-flex .resume-upload label{ position: absolute; width: 100%; height: 55px; border-radius: 5px; top: 0; left: 0; padding: 16px 15px; color: #ffffff; background: #0012cf; font-size: 1rem; line-height: 1.5rem; margin-bottom: 0; text-align: center; letter-spacing: 0; font-family: EMprint-Semibold; } .apply-now .apply-now-form .d-flex .resume-upload label i{ margin-left: 5px; } .apply-now .apply-now-form select{ width: 100%; height: 45px; color: #0000008c; font-family: EMprint-Semibold; font-size: 1rem; line-height: 1.5rem; padding: 0 15px; border-radius: 5px; border: 1px solid #dddddd; background: #ffffff; margin-bottom: 30px; } .apply-now .apply-now-form #interest{ background: #ffffff !important; line-height: 30px !important; } .apply-now .apply-now-form select:focus, .apply-now .apply-now-form select:hover{ border: 1px solid #9d9d9d; outline: none; } .apply-now .apply-now-form input[type=submit]{ width: 20%; height: 45px; color: #ffffff; font-family: EMprint-Semibold; font-size: 1rem; line-height: 1.5rem; padding: 0 15px; border-radius: 5px; border: none; margin: 0px auto; background: #0012cf; text-transform: uppercase; } .apply-now .apply-now-form .submit-btn1{ display: flex; align-items: center; } .apply-now .apply-now-form textarea{ width: 100%; height: auto; color: #0000008c; font-family: EMprint-Semibold; font-size: 1rem; line-height: 1.5rem; padding: 15px 15px; border-radius: 5px; border: 1px solid #dddddd; margin-bottom: 30px; } .apply-now .apply-now-form textarea:focus, .apply-now .apply-now-form textarea:hover{ border: 1px solid #9d9d9d; outline: none; } /* End Apply Now */ /* career-opportunities-section */ .career-opportunities-section{ width: 100%; height: auto; padding: 50px 0; margin: 0; position: relative; } .career-opportunities-section h6{ margin: 0 0 10px; border-radius: 5px; color: #0012cf; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; text-align: left; text-transform: uppercase; } .career-opportunities-section h2{ color: #00015b; position: relative; padding: 0px; font-size: 3rem; font-weight: 400; line-height: 3.5rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 20px; text-align: left; } .career-opportunities-section .career-opportunities-grid{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; } .career-opportunities-section .career-opportunities-grid .career-opportunities-div{ width: 100%; height: auto; padding: 20px 20px; margin: 0; position: relative; background-color: #f5f6ff; border-radius: 5px; border: 1px solid #dcdfff; overflow: hidden; } .career-opportunities-section .career-opportunities-grid .career-opportunities-div img{ width: auto; height: auto; padding: 0; max-width: 80px; } .career-opportunities-section .career-opportunities-grid .career-opportunities-div h3{ color: #000000; padding: 0px; font-size: 1.4rem; font-weight: 400; line-height: 2rem; font-family: EMprint-Semibold; font-style: normal; margin: 10px 0 0px; text-align: left; } /* End career-opportunities-section */ /* comingsoon-section */ .comingsoon-section{ width: 100%; height: auto; padding: 20px 0; margin: 0; position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .comingsoon-section .comingsoon-content{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; } .comingsoon-section img{ width: auto; height: auto; max-width: 150px; } .comingsoon-section h1{ color: #00015b; display: inline-block; position: relative; padding: 0px; font-size: 3.5rem; font-weight: 400; line-height: 4.3rem; font-family: EMprint-Regular; font-style: normal; margin: 0 0 10px; text-align: center; } /* End comingsoon-section */ /* main-benefits-section */ .main-benefits-section{ padding-bottom: 0; } .product-benefits-section.main-benefits-section h2{ color: #00015b; padding: 0px; font-size: 3.2rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Regular; font-style: normal; margin: 0px 0 20px; text-align: left; width: 60%; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(1) .product-benefits-div-inn { z-index: 4; height: 270px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(2) .product-benefits-div-inn { z-index: 3; height: 340px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(3) .product-benefits-div-inn { z-index: 2; width: calc(100% + 30px); height: 400px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(4) .product-benefits-div-inn { height: 500px; background-color: #e860fa; z-index: 1; width: 100%; } .product-benefits-section.main-benefits-section .container { max-width: 1300px !important; } /* End main-benefits-section */ /* @media (min-width: 5000px){} @media (min-width: 3000px) and (max-width: 4998.98px){} @media (min-width: 2300px) and (max-width: 2998.98px){} @media (min-width: 1600px) and (max-width: 1799.98px){} @media (min-width: 1400px) and (max-width: 1599.98px){} @media (min-width: 1200px) and (max-width: 1399.98px){} @media (min-width: 992px) and (max-width: 1199.98px){} @media (min-width: 768px) and (max-width: 991.98px){} @media (min-width: 576px) and (max-width: 767.98px){} @media (max-width: 575.98px){}*/ @media (min-width: 1200px) and (max-width: 1399.98px){ html{ font-size: 0.98rem; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items{ padding: 20px 3%; } .container { max-width: 95% !important; } .banner-section .banner-content .banner-left h1{ font-size: 3.15rem; line-height: 3.75rem; } .banner-section .banner-content .banner-right .banner-circle{ width: 430px; height: 430px; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(1){ left: -32px; } .product-benefits-section.main-benefits-section .container{ max-width: 1000px !important; } .product-benefits-section.main-benefits-section h2{ font-size: 3rem; line-height: 3.5rem; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn h4{ font-size: 1.5rem; font-weight: 400; line-height: 1.6rem; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(1) .product-benefits-div-inn{ height: 230px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(2) .product-benefits-div-inn{ height: 280px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(3) .product-benefits-div-inn{ width: calc(100% + 20px); height: 330px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(4) .product-benefits-div-inn{ height: 385px; } .product-section h2{ font-size: 2.8rem; line-height: 3.5rem; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 h4, .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt h4, .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1 h4, .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2 h4{ font-size: 1.4rem; line-height: 2rem; margin-bottom: 15px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt h5, .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 h5, .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1 h5, .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2 h5{ font-size: 0.8rem; line-height: 1.35rem; margin: 0px 0 4px; } .industry-section h2, .testimonial-section h2, .faq-section .faq-grid .faq-left h2, .pricing-section h2{ font-size: 3rem; line-height: 3.5rem; } .pricing-section .pricing-grid .pricing-div .heilight-btn{ padding: 6px 16px; font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; left: 25px; top: 25px; } .pricing-section .pricing-grid .pricing-div{ padding: 25px 25px; } .pricing-section .pricing-grid{ gap: 30px; } } @media (min-width: 768px) and (max-width: 1199.98px){ html{ font-size: 0.9rem; } header .main-div .logo img{ max-width: 90px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items{ padding: 15px 3%; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 h3{ margin: 0 0 6px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid{ gap: 4px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-product-grid a .dropdown-icon img{ max-width: 18px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3{ padding: 15px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 h3{ margin: 0 0 9px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 .dropdown-btn{ margin: 15px 0 0; } header .main-div .navbar .collapse .navbar-nav{ gap: 5px; } header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link{ padding: 8px 13px; } .banner-section .banner-content .banner-left h1{ font-size: 3rem; line-height: 3.5rem; } .banner-section .banner-content .banner-left h6{ margin: 0 0 20px; } .container { max-width: 97% !important; } .banner-section .banner-content .banner-right .banner-circle{ width: 380px; height: 380px; } .banner-section .banner-content .banner-right .banner-circle .banner-image{ padding: 55px; } .product-benefits-section.main-benefits-section h2{ font-size: 2.8rem; line-height: 3.5rem; } .product-benefits-section.main-benefits-section .container { max-width: 900px !important; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn img{ max-width: 65px; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn h4{ font-size: 1.4rem; line-height: 1.6rem; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn{ width: calc(100% + 20px); padding: 35px 30px 20px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(1) .product-benefits-div-inn{ height: 200px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(2) .product-benefits-div-inn{ height: 250px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(3) .product-benefits-div-inn{ width: calc(100% + 20px); height: 300px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(4) .product-benefits-div-inn{ height: 365px; } .product-section h2{ font-size: 2.5rem; line-height: 3.5rem; margin: 0px 0 15px; } .product-section .product-main-div .product-div1{ padding: 30px 35px 0; } .product-section .product-main-div .product-div1 h3{ font-size: 1.6rem; line-height: 2.2rem; margin: 0px 0 5px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2{ padding: 20px 20px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 h4, .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt h4, .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1 h4, .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2 h4{ font-size: 1.4rem; line-height: 2rem; margin: 0px 0 10px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 .d-grid{ gap: 8px; grid-template-columns: 1fr; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul{ gap: 7px; padding: 0 0 0 16px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul li a, .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul li{ font-size: 0.9rem; line-height: 1.45rem; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt .product-div2-right1-cnt-inn{ width: 50%; margin: 10px 0 0 4%; line-height: 1.35rem; } .industry-section h2, .testimonial-section h2, .faq-section .faq-grid .faq-left h2, .pricing-section h2{ font-size: 2.8rem; line-height: 3.5rem; } .industry-section .industry-main .rs-main .industry-div .industry-cnt{ padding: 20px 20px 35px; } .industry-section .industry-main .rs-main .industry-div .industry-cnt h5{ font-size: 1.1rem; font-weight: 400; line-height: 1.5rem; margin: 0px 0 3rem; } .industry-section .industry-main .rs-main .industry-div .industry-cnt h4{ margin: 0px 0 0rem; } .industry-section .industry-main .owl-prev{ left: -15px; } .industry-section .industry-main .owl-next{ right: -15px; } .testimonial-section .testimonial-main .testimonial-div .testimonial-cnt h6{ font-size: 1.4rem; line-height: 1.8rem; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-button{ padding: 10px 15px 10px 0; font-size: 1.35rem; line-height: 2rem; } .pricing-section .pricing-grid .pricing-div .heilight-btn{ padding: 6px 15px; font-size: 0.9rem; left: 25px; top: 25px; } .pricing-section .pricing-grid .pricing-div .pricing-header h3{ font-size: 1.85rem; line-height: 2.5rem; } .pricing-section .pricing-grid .pricing-div .pricing-header{ padding: 40px 0 10px; } .pricing-section .pricing-grid .pricing-div{ padding: 25px 25px; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-lg{ font-size: 2.4rem; line-height: 3rem; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-cnt1{ font-size: 0.9rem; line-height: 1.35rem; } .pricing-buybtn{ margin: 20px 0 0; } .pricing-section .pricing-grid .pricing-div .pricing-amount{ padding: 20px 0 0; } .footer .footer-top{ padding: 20px 1% 10px; } .footer .footer-top .ft-top .ft-top-div ul li{ padding: 0 0 0 13px; } } @media(max-width: 767px){ html{ font-size: 0.9rem; overflow-x: hidden; } header{ width: 100%; } header .main-div .navbar .navbar-collapse{ position: fixed; left: 0; top: 84px; width: 100%; z-index: 999; display: none; background-color: #ffffff; padding: 20px 25px 30px; overflow-y: auto; height: auto; max-height: 70vh; } header .main-div .navbar .collapsing{ transition: none; height: auto; } header .main-div .navbar .collapse.show{ display: block; } header .main-div .navbar .collapse .navbar-nav{ gap: 5px; align-items: start; width: 100%; flex-wrap: wrap; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .nav-link { padding: 10px 10px 10px 0 !important; font-size: 1.15rem; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu{ position: relative; top: 0; border-top-width: 0px; border-bottom-width: 1px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown:hover .dropdown-menu{ display: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show{ display: block; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items{ padding: 6px 0 6px 20px; grid-template-columns: 1fr; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1{ max-width: 100%; padding: 0; margin-bottom: 10px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 h3{ font-size: 1.1rem; line-height: 1.45rem; margin: 0 0 5px; display: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div{ gap: 2px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div a{ padding: 4px 5px; font-size: 1rem; line-height: 1.35rem; gap: 9px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2{ padding: 0; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 h3{ font-size: 1.1rem; line-height: 1.45rem; margin: 0 0 5px; display: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown.product-dropdown .dropdown-menu .dropdown-menu-items{ grid-template-columns: 1fr; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid{ grid-template-columns: 1fr; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a{ padding: 4px 5px; grid-template-columns: 30px calc(100% - 30px); gap: 8px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-product-grid a .dropdown-icon img{ max-width: 20px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-product-grid a .dropdown-icon{ width: 30px; height: 30px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a .dropdown-text h6{ font-size: 1rem; line-height: 1.35rem; margin: 0 0 1px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a .dropdown-text p{ line-height: 1.1rem; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3{ padding: 10px 10px; background-color: #f1f2f2; display: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 h3{ margin: 0 0 5px; font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 p{ line-height: 1.35rem; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 .dropdown-btn{ margin: 10px 0 0; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 .dropdown-btn a{ padding: 5px 25px 5px 8px; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu::after{ width: 100%; height: 155px; left: auto; right: 0; top: auto; bottom: 0; display: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items.dropdown-menu-items1{ grid-template-columns: 1fr; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu::before{ height: auto; display: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1 .menu-div.menu-div1{ grid-template-columns: 1fr; gap: 5px 0px; } header .main-div .logo{ width: 60%; display: flex; align-items: center; justify-content: end; } header .main-div .navbar{ width: 40%; } header .main-div{ width: 95%; margin: 0 auto; } header .main-div .navbar .navbar-toggler{ display: block; } .banner-section{ width: 100%; height: auto; padding: 20px 0 30px; min-height: 300px; } .banner-section .container{ position: relative; } .banner-section .banner-content{ grid-template-columns: 1fr; gap: 30px; position: inherit; } .banner-section .banner-content .banner-left{ order: 1; position: initial; } .banner-section .banner-content .banner-right{ order: 2; } .banner-section .banner-content .banner-right .banner-circle{ width: 300px; height: 300px; border: 1px dashed #F1F2F2; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div .banner-circle-icon-list-text{ font-size: 0.75rem; line-height: 1.2rem; margin: 2px 0 0px; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div .banner-circle-icon-list-icon svg{ width: 15px; height: 15px; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div .banner-circle-icon-list-icon{ width: 30px; height: 30px; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(1){ left: -16px; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(3) { left: 19%; top: -5px; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(4) { left: 62%; top: -5px; } .banner-section .banner-content .banner-right .banner-circle .banner-circle-main .banner-circle-div:nth-child(6) { right: -25px; top: 50%; } .banner-section .banner-content .banner-right .banner-right-cnt h3{ padding: 6px 0px; font-size: 1.2rem; line-height: 1.35rem; } .banner-section .banner-content .banner-right .banner-right-cnt{ min-height: auto; bottom: 42px; } .banner-section .banner-content .banner-right .banner-circle .banner-image{ padding: 50px; } .banner-section .banner-content .banner-left h1{ font-size: 2rem; line-height: 2.6rem; margin: 0 0 5px; text-align: center; } .banner-section .banner-content .banner-left h6{ margin: 0 0 10px; width: 100%; display: none; } .banner-section .banner-content .banner-left .banner-button{ gap: 6px; position: absolute; bottom: 0; z-index: 1; left: 50%; transform: translateX(-50%); width: 80%; justify-content: center; } .banner-section .banner-content .banner-left .banner-btn1{ padding: 8px 20px; font-size: 1rem; } .banner-section .banner-content .banner-left .banner-btn2{ padding: 8px 35px 8px 20px; font-size: 1rem; } .banner-section .banner-content .banner-left .banner-btn2 span svg{ width: 18px; height: 18px; } .whyus-section{ padding: 10px 0 20px; } .container { max-width: 100% !important; } .whyus-section h2{ font-size: 1.8rem; line-height: 2.4rem; margin: 0px auto 10px; width: 75%; } .whyus-section .whyus-grid{ grid-template-columns: 1fr 1fr; gap: 2px; } .whyus-section .whyus-grid .whyus-div .whyus-cnt{ padding: 12px 12px; } .whyus-section .whyus-grid .whyus-div .whyus-cnt h3{ font-size: 1.1rem; line-height: 1.35rem; } .whyus-section .whyus-grid .whyus-div:hover .whyus-cnt .whyus-cnt-inn{ bottom: 6px; width: 95%; padding: 5px 5px; } .whyus-section .whyus-grid .whyus-div .whyus-cnt .whyus-cnt-inn p{ line-height: 1.2rem; } .whyus-section .whyus-grid .whyus-div .whyus-cnt .whyus-cnt-inn .whyus-btn{ padding: 4px 25px 4px 6px; font-size: 0.85rem; font-weight: 400; line-height: 1.25rem; } .whyus-section .whyus-grid .whyus-div .whyus-cnt .whyus-cnt-inn .whyus-btn span svg{ width: 13px; height: 13px; } .product-section{ padding: 30px 0 20px; } .product-section h6{ font-size: 0.8rem; line-height: 1.3rem; margin: 0px 0 5px; } .product-section h2{ font-size: 1.4rem; line-height: 2rem; margin: 0px 0 15px; font-size: 1.8rem; line-height: 2.4rem; font-family: EMprint-Regular; } .product-section .product-main-div .product-div1{ padding: 15px 15px 0; grid-template-columns: 1fr; gap: 0; } .product-section .product-main-div .product-div1 h3{ font-size: 1.4rem; line-height: 1.8rem; margin: 0px 0 5px; } .product-section .product-main-div .product-div1 p{ width: 100%; margin: 0; } .product-section .product-main-div .product-div2{ padding: 10px 0; gap: 10px; grid-template-columns: 1fr; } .product-section .product-main-div .product-div2 .product-div2-right{ gap: 10px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt{ padding: 15px 15px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt h5{ font-size: 0.9rem; line-height: 1.5rem; margin: 0px 0 6px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt .product-div2-right1-cnt-inn{ width: 76%; margin: 14px 0 0 1%; padding: 0 0 0 10px; font-size: 1rem; line-height: 1.5rem; text-align: justify; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2{ gap: 10px; grid-template-columns: 1fr; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1{ padding: 15px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1 h5{ font-size: 0.9rem; line-height: 1.5rem; margin: 0px 0 6px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1 h4{ font-size: 1.5rem; line-height: 1.95rem; margin: 0px 0 3px; font-family: EMprint-Regular; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-1 p{ font-size: 1rem; line-height: 1.5rem; margin: 9px 0 0px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2{ padding: 15px; min-height: auto; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2 h5{ font-size: 0.9rem; line-height: 1.5rem; margin: 0px 0 6px; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2 h4{ font-size: 1.5rem; line-height: 1.95rem; margin: 0px 0 3px; font-family: EMprint-Regular; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right2 .product-div2-right2-2 p{ font-size: 1rem; line-height: 1.5rem; margin: 10px 0 0px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2{ padding: 15px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 h5{ font-size: 0.9rem; line-height: 1.5rem; margin: 0px 0 6px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 h4{ font-size: 1.5rem; line-height: 1.9rem; margin: 0px 0 3px; font-family: EMprint-Regular; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 .d-grid{ grid-template-columns: 1fr; gap: 4px; margin: 10px 0 0 0; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul{ padding: 0 0 0 25px; gap: 4px; list-style: disc; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul li a{ font-size: 1rem; line-height: 1.8rem; } .industry-section{ width: 100%; height: auto; padding: 30px 0; margin: 0; } .industry-section h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; font-family: EMprint-Regular; } .industry-section .industry-main .rs-main .industry-div{ width: 85%; height: auto; margin: auto; } .industry-section .industry-main .rs-main .industry-div .industry-img span svg{ width: 14px; height: 14px; } .industry-section .industry-main .rs-main .industry-div .industry-cnt{ padding: 20px 20px; } .industry-section .industry-main .rs-main .industry-div .industry-cnt h5{ font-size: 1.2rem; line-height: 1.8rem; margin: 0px 0 3rem; } .industry-section .industry-main .rs-main .industry-div .industry-cnt h4{ font-size: 1rem; line-height: 1.4rem; margin: 0px 0 0.1rem; } .testimonial-section{ width: 100%; height: auto; padding: 30px 0; } .testimonial-section h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; font-family: EMprint-Regular; } .testimonial-section .testimonial-main .testimonial-div .testimonial-cnt{ padding: 0; min-height: 100px; display: flex; align-items: center; justify-content: center; } .testimonial-section .testimonial-main .testimonial-div .testimonial-cnt h6{ font-size: 1rem; line-height: 1.45rem; margin: 0px 0 0px; width: 100%; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn{ gap: 10px; } .testimonial-section .testimonial-main .testimonial-div .testimonial-img{ width: 70px; height: 70px; margin: 0 auto 15px; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn .testimonial-text h3{ font-size: 1.1rem; line-height: 1.45rem; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn .testimonial-text h5{ font-size: 0.85rem; line-height: 1.3rem; margin: 3px 0 0px; display: grid; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn .testimonial-text img{ max-height: 30px; } .testimonial-section .testimonial-main .owl-pagination{width: 60px;} .testimonial-section .testimonial-main .owl-pagination .owl-page span,.testimonial-section .testimonial-main .owl-pagination .owl-page{width: 15px;} .testimonial-section .testimonial-main .owl-carousel { padding-bottom: 15px; } .testimonial-section .testimonial-main .owl-controls .owl-prev i, .testimonial-section .testimonial-main .owl-controls .owl-next i{ font-size: 1.5rem; line-height: 2rem; } .testimonial-section .testimonial-main .owl-controls .owl-prev{ width: 30px; height: 30px; right: 35px; } .testimonial-section .testimonial-main .owl-controls .owl-next{ width: 30px; height: 30px; } .faq-section{ padding: 15px 0 15px; width: 100%; height: auto; } .faq-section .faq-grid .faq-left h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; text-align: center; font-family: EMprint-Regular; } .faq-section .faq-grid .faq-right{ width: 90%; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-button{ padding: 8px 10px 8px 0; font-size: 1.3rem; line-height: 2rem; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-body{ padding: 10px 10px 10px 0; } .faq-section .faq-grid .faq-right .accordion .accordion-item .accordion-body p{ font-size: 1rem; line-height: 1.65rem; padding: 0px 0 5px; text-align: justify; } .footer{ width: 100%; height: auto; } .footer .footer-top{ padding: 25px 0 15px; } .footer .footer-top .ft-top{ grid-template-columns: 1fr 1fr; gap: 5px; } .footer .footer-top .ft-top .ft-top-div{ padding: 10px 10px; } .footer .footer-top .ft-top .ft-top-div h2{ font-size: 0.95rem; line-height: 1.35rem; margin: 0px 0 6px; } .footer .footer-top .ft-top .ft-top-div p{ font-size: 0.8rem; line-height: 1.2rem; } .footer .footer-top .ft-top .ft-top-div h2 span svg{ width: 14px; height: 14px; } .footer .footer-top .ft-top .ft-top-div h2 span { padding-left: 1px; } .footer .footer-top .ft-top .ft-top-end .footer-btn1{ margin: 0 0 0 10px; font-size: 0.9rem; line-height: 1.35rem; padding: 5px 8px; min-width: 115px; } .footer .footer-top .ft-top .ft-top-end .footer-btn2{ margin: 0 0 0 10px; font-size: 0.9rem; line-height: 1.35rem; padding: 5px 8px; min-width: 115px; } .footer .footer-top .ft-top .ft-top-end{ gap: 7px; align-items: start; } .footer .footer-top .ft-bottom{ padding: 0 13px 7px 0; justify-content: start; margin: 0 0 0 15px; } .footer .footer-top .ft-bottom ul{ gap: 10px; } .footer .footer-top .ft-bottom ul li a i{ font-size: 1.1rem; line-height: 2rem; } .footer .footer-bottom{ padding: 0px 10px 15px; } .footer .footer-bottom P{ font-size: 0.85rem; line-height: 1.35rem; margin: 0px 0 4px; } .footer .footer-bottom ul{ flex-wrap: wrap; gap: 3px 15px; } .cookies-section{ max-width: 94%; width: 94%; padding: 8px; } .cookies-section .cockies-inn{ flex-wrap: nowrap; } .cookies-section .cockies-inn .cookies-img{ width: 70px; margin-right: 5px; } .cookies-section .cockies-inn .cookies-cnt{ max-width: 100%; } .cookies-section .cockies-inn .cookies-cnt h4{ font-size: 0.95rem; line-height: 1.35rem; margin: 0 0 0px; } .cookies-section .cockies-inn .cookies-cnt p{ line-height: 1.1rem; } .cookies-section .cockies-inn .cookies-btn{ gap: 4px; flex-direction: column; } .cookies-section .cockies-inn .cookies-btn .ok-btn{ padding: 5px 7px; font-size: 0.8rem; line-height: 1.15rem; min-width: 106px; } .cookies-section .cockies-inn .cookies-btn .cancel-btn{ padding: 5px 7px; font-size: 0.8rem; line-height: 1.15rem; min-width: 106px; } section{ overflow-x: hidden; } header .main-div .navbar .navbar-toggler{ width: 45px; height: 45px; background-color: #0012cf; padding: 0; margin: 0; border-radius: 50%; transition: none !important; display: flex; align-items: center; padding: 0 9px; } header .main-div .navbar{ justify-content: end; } header .main-div .navbar .navbar-toggler:focus{ outline: none; border: none; box-shadow: none; } .navbar-toggler.collapsed .navbar-toggler-icon{ width: 20px !important; height: 3px !important; background-color: #ffffff !important; position: relative; border-radius: 5px; visibility: visible; transition: 0s ease; } .navbar-toggler.collapsed .navbar-toggler-icon::before{ position: absolute; content: ''; width: 25px; height: 3px; background-color: #ffffff; left: 0; top: -8px; border-radius: 5px; transform: none; transition: 0.1s ease; } .navbar-toggler.collapsed .navbar-toggler-icon::after{ position: absolute; content: ''; width: 25px; height: 3px; background-color: #ffffff; left: 0; top: 7px; border-radius: 5px; transform: none; transition: 0.1s ease; } .navbar-toggler .navbar-toggler-icon{ width: 20px !important; height: 3px !important; background-color: #ffffff !important; position: relative; border-radius: 5px; visibility: hidden; transition: 0s ease; } .navbar-toggler .navbar-toggler-icon::before{ position: absolute; content: ''; width: 25px; height: 3px; background-color: #ffffff; left: 0; top: 0px; border-radius: 5px; transform: rotate(45deg); visibility: visible; transition: 0.1s ease; } .navbar-toggler .navbar-toggler-icon::after{ position: absolute; content: ''; width: 25px; height: 3px; background-color: #ffffff; left: 0; top: 0%; border-radius: 5px; transform: rotate(-45deg); visibility: visible; transition: 0.1s ease; } header .main-div .logo img{ max-width: 85px; } header.header.active .main-div .logo img { max-width: 85px; } header .main-div .navbar .collapse .navbar-nav .nav-item{ width: 100%; } header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link{ width: 100%; } header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link.dropdown-toggle::after{ right: 6px; font-size: 1.55rem; font-weight: normal; } header.header.active .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu{ top: 0; } header.header.active .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .nav-link{ padding: 10px 10px 10px 0 !important; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div1.dropdown-menu-div12{ max-width: 100%; margin-bottom: 0px; } header .main-div .navbar .collapse .navbar-nav .nav-item .nav-link{ padding: 7px 10px 7px 0px; font-size: 1.15rem; /* border-bottom: 1px solid #f1f2f2; */ } header .main-div .navbar .collapse .navbar-nav.nav-left{ margin-bottom: 10px; } header .main-div .navbar .collapse .navbar-nav .nav-item.contact-sales-btn .nav-link{ padding: 7px 12px; text-align: center; border-bottom: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.get-start-btn .nav-link{ padding: 7px 12px; text-align: center; border-bottom: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.get-start-btn .nav-link span svg{ width: 15px; height: 15px; } header .main-div .navbar .collapse .navbar-nav .nav-item.get-start-btn{ width: auto; float: left; } header .main-div .navbar .collapse .navbar-nav .nav-item.contact-sales-btn{ width: auto; float: left; } header .main-div .navbar .collapse::-webkit-scrollbar-thumb { background-color: #888988; border-radius: 10px; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2 ul li{ line-height: normal; border-bottom: none; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div3 .dropdown-btn a span svg{ width: 15px; height: 15px; } .aboutus-smbanner-section{ width: 100%; height: auto; padding: 30px 0; } .aboutus-smbanner-section .aboutus-smbanner-container{ width: 90%; } .aboutus-smbanner-section h6{ font-size: 0.8rem; line-height: 1.2rem; margin: 0px 0 5px; } .aboutus-smbanner-section h2{ font-size: 1.2rem; line-height: 1.6rem; margin: 0 0 15px; } .aboutus-smbanner-section h1{ font-size: 1.5rem; line-height: 2rem; line-height: 2rem; } .aboutus-team-section{ padding: 20px 0; } .aboutus-team-section h2{ font-size: 1.8rem; line-height: 2.4rem; margin: 0px 0 10px; font-family: EMprint-Regular; } .aboutus-team-section .aboutus-team-grid{ gap: 15px; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div{ gap: 10px; grid-template-columns: 1fr; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-img{ order: 1; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-cnt{ order: 2; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-cnt h3{ margin: 5px 0 5px; font-size: 1.4rem; line-height: 2rem; } .aboutus-team-section .aboutus-team-grid .aboutus-team-div .aboutus-team-cnt p{ width: 100%; margin: 0px 0 0px; font-size: 1rem; line-height: 1.5rem; } .aboutus-values-section{ padding: 20px 0; } .aboutus-values-section .aboutus-values-grid{ grid-template-columns: 1fr; gap: 10px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left{ padding: 0 0 20px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left h2{ font-size: 1.8rem; line-height: 2.4rem; margin: 0px 0 10px; font-family: EMprint-Regular; text-align: center; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid{ grid-template-columns: 1fr 1fr; gap: 5px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div{ padding: 15px 15px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div .aboutus-values-left-img img{ max-width: 45px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div h3{ font-size: 1.2rem; line-height: 1.6rem; margin: 20px 0 0px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div h3 br{ display: none; } .aboutus-values-section .aboutus-values-grid .aboutus-values-left .aboutus-values-left-grid .aboutus-values-left-div p{ padding: 10px; font-size: 0.7rem; line-height: 1.15rem; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right{ padding: 20px 20px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right h3{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; font-family: EMprint-Regular; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right .aboutus-values-statmain{ padding: 5px 0 0; gap: 10px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right .aboutus-values-statmain .aboutus-values-statmain-div{ grid-template-columns: 1fr 4fr; gap: 10px; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right .aboutus-values-statmain .aboutus-values-statmain-div h2{ font-size: 1.2rem; line-height: 1.8rem; } .aboutus-values-section .aboutus-values-grid .aboutus-values-right .aboutus-values-statmain .aboutus-values-statmain-div p{ font-size: 1rem; line-height: 1.5rem; } .aboutus-reachout-section{ padding: 40px 0; } .aboutus-reachout-section .aboutus-reachout-img{ width: 0; display: none; } .aboutus-reachout-section .aboutus-reachout-container{ width: 90%; } .aboutus-reachout-section .aboutus-reachout-container h6{ margin: 0 0 10px; font-size: 0.9rem; line-height: 1.35rem; padding: 5px 15px; } .aboutus-reachout-section .aboutus-reachout-container h2{ font-size: 2rem; line-height: 2.5rem; margin: 0 0 10px; } .aboutus-reachout-section .aboutus-reachout-container p{ font-size: 0.95rem; line-height: 1.35rem; margin: 10px 0 20px; } .aboutus-reachout-section .aboutus-reachout-container .aboutus-reachout-btn a{ padding: 8px 15px 8px 15px; font-size: 0.9rem; line-height: 1.35rem; display: flex; align-items: center; justify-content: center; gap: 3px; } .aboutus-reachout-section .aboutus-reachout-container .aboutus-reachout-btn a span svg{ width: 16px; height: 16px; } .product-smbanner{ width: 100%; height: auto; padding: 40px 0; } .product-smbanner h6 span{ font-size: 0.8rem; line-height: 1.2rem; } .product-smbanner h6 svg{ width: 14px; height: 14px; } .product-smbanner h6{ padding: 3px 6px; margin: 0 0 8px; } .product-smbanner h1{ font-size: 1.8rem; line-height: 2.2rem; margin: 0 0 5px; } .product-smbanner h5{ font-size: 1.15rem; line-height: 1.7rem; margin: 0px 0 15px; } .product-smbanner .product-smbanner-button{ gap: 5px; } .product-smbanner .product-smbanner-button .product-smbanner-btn1{ padding: 8px 15px; font-size: 1rem; line-height: 1.5rem; } .product-smbanner .product-smbanner-button .product-smbanner-btn2{ padding: 8px 30px 8px 15px; font-size: 1rem; line-height: 1.5rem; } .product-smbanner .product-smbanner-button .product-smbanner-btn2 span svg{ width: 15px; height: 15px; } .product-smbanner .product-smbanner-button .product-smbanner-btn2 span{ right: 10px; } .product-smbanner .product-smbanner-button .product-smbanner-btn2:hover span{ right: 7px; } .product-smbanner p{ font-size: 0.8rem; line-height: 1.35rem; margin: 5px 0 0px; } .product-inside-section{ padding: 20px 0; } .product-inside-section .product-inside-grid{ gap: 15px; } .product-inside-section .product-inside-grid .product-inside-div{ gap: 10px; grid-template-columns: 1fr; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-cnt img{ max-width: 15px; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-cnt h2{ font-size: 1.4rem; line-height: 2rem; margin: 5px 0; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-cnt p{ margin: 0px 0 0px; font-size: 0.9rem; line-height: 1.3rem; width: 100%; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-cnt{ order: 2; } .product-inside-section .product-inside-grid .product-inside-div .product-inside-img{ order: 1; } .product-explore-section h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; font-family: EMprint-Regular; } .product-explore-section h6{ width: 100%; font-size: 0.9rem; line-height: 1.3rem; margin: 0px auto 15px; } .product-explore-section .product-explore-grid{ grid-template-columns: 1fr; gap: 10px; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-cnt{ padding: 10px 30px 10px 10px; width: 70%; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-cnt h3{ font-size: 1.2rem; line-height: 1.6rem; margin: 0px 0 5px; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-cnt p{ font-size: 0.9rem; line-height: 1.3rem; padding: 0; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-img{ width: 30%; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-cnt .product-explore-btn svg{ width: 18px; height: 18px; } .product-explore-section .product-explore-grid .product-explore-div .product-explore-cnt .product-explore-btn{ width: 28px; height: 28px; right: 5px; bottom: 5px; } .product-explore-section{ padding-bottom: 20px; } .product-benefits-section{ padding: 20px 0 0; } .product-benefits-section h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; font-family: EMprint-Regular; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn img{ max-width: 45px; margin: 0 0 10px; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn h4{ font-size: 1.2rem; line-height: 1.6rem; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn h5{ font-size: 0.85rem; line-height: 1.05rem; margin: 0px 0 10px; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn h3{ font-size: 2.3rem; line-height: 2.75rem; } .product-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn{ width: calc(100% + 8px); padding: 35px 15px 5px; border-radius: 70px 70px 0 0; } .product-benefits-section .product-benefits-grid .product-benefits-div:nth-child(1) .product-benefits-div-inn{ height: 215px; } .product-benefits-section .product-benefits-grid .product-benefits-div:nth-child(2) .product-benefits-div-inn{ height: 245px; } .product-benefits-section .product-benefits-grid .product-benefits-div:nth-child(3) .product-benefits-div-inn{ height: 275px; } .product-benefits-section .product-benefits-grid{ margin: 0px 0 0 0; } .product-additional-section{ padding: 0px 0 25px; margin-bottom: 10px; } .product-additional-section h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px auto 10px; width: 80%; font-family: EMprint-Regular; } .product-additional-section .product-additional-grid{ grid-template-columns: 1fr 1fr; } .product-additional-section .product-additional-grid .product-additional-div{ padding: 10px 10px; } .product-additional-section .product-additional-grid .product-additional-div h3{ font-size: 1.1rem; line-height: 1.5rem; margin: 0px 0 4px; } .product-additional-section .product-additional-grid .product-additional-div p{ font-size: 0.9rem; line-height: 1.3rem; padding: 0; } .product-additional-section .product-additional-grid .product-additional-div:nth-child(1){ border-bottom: 1px solid #e6e8f9; } .product-additional-section .product-additional-grid .product-additional-div:nth-child(2){ border-bottom: 1px solid #e6e8f9; border-right: none; } .solutions-smbanner{ width: 100%; height: auto; padding: 30px 0 20px; } .solutions-smbanner h6{ font-size: 0.8rem; line-height: 1.2rem; margin: 0px 0 5px; } .solutions-smbanner h1{ font-size: 1.8rem; line-height: 2.2rem; margin: 0 0 5px; } .solutions-smbanner h5{ font-size: 1.15rem; line-height: 1.6rem; margin: 0px 0 15px; } .solutions-smbanner .solutions-smbanner-button{ gap: 5px; } .solutions-smbanner .solutions-smbanner-button .solutions-smbanner-btn1{ padding: 8px 15px; font-size: 1rem; line-height: 1.5rem; } .solutions-smbanner .solutions-smbanner-button .solutions-smbanner-btn2{ padding: 8px 35px 8px 15px; font-size: 1rem; line-height: 1.5rem; } .solutions-smbanner .solutions-smbanner-button .solutions-smbanner-btn2 span{ right: 10px; } .solutions-smbanner .solutions-smbanner-button .solutions-smbanner-btn2 span svg{ width: 17px; height: 17px; } .solutions-smbanner .solutions-smbanner-grid{ margin: 25px 0 0; grid-template-columns: 1fr 1fr; gap: 3px; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div{ padding: 10px 10px 25px; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div img{ max-width: 35px; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div h2{ font-size: 1.5rem; line-height: 2rem; min-height: auto; margin: 15px 0 10px; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div ul{ gap: 5px; } .solutions-smbanner .solutions-smbanner-grid .solutions-smbanner-div ul li{ padding: 3px 6px; font-size: 0.9rem; line-height: 1.5rem; } .solutions-inside-section{ padding: 20px 0 20px; } .solutions-inside-section .solutions-inside-header{ font-size: 1.8rem; line-height: 2.2rem; margin: 0 0 10px; font-family: EMprint-Regular; } .solutions-inside-section .solutions-inside-grid{ gap: 15px; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div{ gap: 10px; grid-template-columns: 1fr; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-cnt{ order: 2; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-cnt img{ max-width: 15px; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-cnt h2{ font-size: 1.4rem; line-height: 2rem; margin: 5px 0; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-cnt p{ margin: 0px 0 0px; font-size: 1rem; line-height: 1.5rem; width: 100%; } .solutions-inside-section .solutions-inside-grid .solutions-inside-div .solutions-inside-img{ order: 1; } .solutions-explore-section{ padding: 20px 0; } .solutions-explore-section .solutions-explore-grid{ grid-template-columns: 1fr; } .solutions-explore-section .solutions-explore-grid .solutions-explore-left h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; font-family: EMprint-Regular; } .solutions-explore-section .solutions-explore-grid .solutions-explore-left h6{ width: 100%; font-size: 1rem; line-height: 1.5rem; margin: 0px auto 15px; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right{ grid-template-columns: 1fr; gap: 10px; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div::before{ width: 80px; height: 55px; top: -4px; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn .solutions-explore-count{ font-size: 1.3rem; line-height: 1.5rem; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn{ padding: 45px 0 0 0; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn h3{ font-size: 1.4rem; line-height: 1.8rem; margin: 0px 0 5px; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn p{ font-size: 1rem; line-height: 1.5rem; padding: 0; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div{ padding: 10px 30px 25px; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div:nth-child(6) .solutions-explore-div-inn { padding: 5px 0 0 0; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn .solutions-smbanner-btn2 svg{ width: 15px; height: 15px; } .solutions-explore-section .solutions-explore-grid .solutions-explore-right .solutions-explore-div .solutions-explore-div-inn .solutions-explore-div-sub{ margin: 25px 0 5px; font-size: 1.8rem; line-height: 2.4rem; font-family: EMprint-Regular; } .solutions-benefits-section{ padding: 30px 0; margin-bottom: 20px; } .solutions-benefits-section h2{ font-size: 1.8rem; line-height: 2.4rem; font-family: EMprint-Regular; width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .solutions-benefits-section .solutions-benefits-main{ margin: 15px 0 0; } .solutions-benefits-section .solutions-benefits-main .solutions-benefits-div .solutions-benefits-cnt{ padding: 15px; min-height: 200px; } .solutions-benefits-section .solutions-benefits-main .solutions-benefits-div .solutions-benefits-cnt h6{ margin: 0px 0 5px; font-size: 0.95rem; font-weight: 400; line-height: 1.5rem; } .solutions-benefits-section .solutions-benefits-main .solutions-benefits-div .solutions-benefits-cnt h3{ font-size: 1.4rem; line-height: 1.85rem; margin: 0px 0 10px; } .solutions-benefits-section .solutions-benefits-main .owl-controls{ right: -7px; } .solutions-benefits-section .solutions-benefits-main .owl-controls .owl-buttons div i{ font-size: 1.7rem; padding: 2px 5px; } .solutions-benefits-section .solutions-benefits-main .owl-controls .owl-buttons{ width: 35px; height: 75px; } .grid-3 { grid-template-columns: 1fr 1fr !important; } .solutions-business-section{ padding: 30px 0; } .solutions-business-section h2{ font-size: 1.2rem; line-height: 1.8rem; margin: 0px 0 10px; } .solutions-business-section .solutions-business-main{ margin: 15px 0 0; } .solutions-business-section .solutions-business-main .solutions-business-div .solutions-business-img img{ max-height: 370px; } .solutions-business-section .solutions-business-main .solutions-business-div h3{ font-size: 1.4rem; line-height: 1.85rem; margin: 0px 0 15px; } .solutions-business-section .solutions-business-main .solutions-business-div .solutions-business-cnt{ height: 100px; } .solutions-business-section .solutions-business-main .solutions-business-div ul{ gap: 4px; padding: 0 0 0 25px; margin: 20px 0 0 0; } .solutions-business-section .solutions-business-main .solutions-business-div ul li::before{ font-size: 0.9rem; line-height: 1.35rem; left: -18px; } .solutions-business-section .solutions-business-main .solutions-business-div ul li{ font-size: 0.95rem; } .blog-main-section{ padding: 30px 0; } .blog-main-section h2{ font-size: 1.8rem; line-height: 2.4rem; font-family: EMprint-Regular; margin: 0; } .customer-stories-section{ padding: 20px 0; } .customer-stories-section h2{ font-size: 1.8rem; line-height: 2.4rem; font-family: EMprint-Regular; margin: 0px auto 10px; width: 80%; } .customer-stories-section .customer-stories-grid{ grid-template-columns: 1fr; gap: 10px; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-cnt{ padding: 15px; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-cnt h6{ font-size: 0.9rem; line-height: 1.4rem; padding: 4px 9px; margin: 0 0 5px; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-cnt h3{ font-size: 1.4rem; line-height: 1.8rem; margin: 0px 0 10px; } .customer-stories-section .customer-stories-grid .customer-stories-div .customer-stories-div-cnt p{ font-size: 0.9rem; line-height: 1.4rem; margin: 0; } .customer-stories-section .customer-stories-grid .customer-stories-div{ border: 1px solid #e8eafd; } .career-smbanner-section{ width: 100%; height: auto; padding: 30px 0; } .career-smbanner-section h6{ padding: 3px 6px; margin: 0 0 8px; font-size: 0.8rem; line-height: 1.2rem; } .career-smbanner-section h1{ font-size: 1.8rem; line-height: 2.4rem; margin: 0 0 5px; } .career-smbanner-section h5{ font-size: 1.1rem; line-height: 1.6rem; margin: 0px 0 15px; } .career-smbanner-section .career-smbanner-button .career-smbanner-btn{ padding: 5px 25px 5px 10px; font-size: 0.9rem; line-height: 1.35rem; } .career-smbanner-section .career-smbanner-button .career-smbanner-btn span{ right: 10px; } .career-smbanner-section .career-smbanner-button .career-smbanner-btn span svg{ width: 15px; height: 15px; } .career-opportunities-section{ padding: 20px 0; } .career-opportunities-section h6{ font-size: 0.9rem; line-height: 1.4rem; } .career-opportunities-section h2{ font-size: 1.4rem; line-height: 1.8rem; } .career-opportunities-section .career-opportunities-grid{ grid-template-columns: 1fr 1fr; gap: 3px; } .career-opportunities-section .career-opportunities-grid .career-opportunities-div{ padding: 10px; } .career-opportunities-section .career-opportunities-grid .career-opportunities-div img{ max-width: 45px; margin-bottom: 10px; } .career-opportunities-section .career-opportunities-grid .career-opportunities-div h3{ font-size: 1.2rem; line-height: 1.6rem; } .apply-now{ padding: 20px 0; } .apply-now .apply-now-form{ width: 95%; padding: 20px 15px; } .apply-now .apply-now-form h6{ font-size: 1.1rem; line-height: 1.6rem; margin: 0px 0 15px; } .apply-now .apply-now-form .row{ width: 100%; height: auto; padding: 0; margin: 0; } .apply-now .apply-now-form .row .col-lg-6{ width: 100%; height: auto; } .apply-now .apply-now-form input[type=text]{ height: auto; font-size: 0.9rem; line-height: 1.35rem; margin-bottom: 25px; } .apply-now .apply-now-form .d-flex .resume-upload label{ font-size: 0.9rem; line-height: 1.35rem; padding: 9px 7px; } .apply-now .apply-now-form .d-flex .resume-cnt h3{ font-size: 1.2rem; line-height: 1.6rem; } .apply-now .apply-now-form .d-flex .resume-cnt p{ font-size: 0.9rem; line-height: 1.35rem; } .apply-now .apply-now-form select{ height: auto; padding: 9px 7px; font-size: 0.9rem; line-height: 1.35rem; } .apply-now .apply-now-form textarea{ font-size: 0.9rem; line-height: 1.35rem; padding: 9px 7px; } .apply-now .apply-now-form input[type=submit]{ width: 100%; height: auto; font-size: 0.9rem; line-height: 1.35rem; padding: 7px 13px; } .industries-benefits-section{ padding: 30px 0; } .industries-benefits-section h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; font-family: EMprint-Regular; } .industries-benefits-section .industries-benefits-main{ margin: 15px 0 0; } .industries-benefits-section .industries-benefits-main .industries-benefits-div .industries-benefits-cnt{ padding: 15px; min-height: 200px; } .industries-benefits-section .industries-benefits-main .industries-benefits-div .industries-benefits-cnt h6{ margin: 0px 0 5px; } .industries-benefits-section .industries-benefits-main .industries-benefits-div .industries-benefits-cnt h3{ font-size: 1.5rem; line-height: 2.2rem; } .industries-benefits-section .industries-benefits-main .industries-benefits-div .industries-benefits-cnt{ padding: 15px; min-height: 150px; } .industries-itegration-section{ padding: 30px 0; } .industries-itegration-section h2{ font-size: 1.8rem; line-height: 2.2rem; font-family: EMprint-Regular; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt{ position: relative; background-image: url('../images/industries-itegration-bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; padding: 20px 20px 20px; flex-wrap: wrap; gap: 10px; bottom: 0; } .industries-itegration-section .industries-itegration-main .industries-itegration-img{ display: none; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt .industries-itegration-cnt-div{ width: 100%; padding: 15px; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt .industries-itegration-cnt-div .industries-itegration-cnt-div-inn img{ max-width: 55px; padding: 5px; } .industries-itegration-section .industries-itegration-main .industries-itegration-cnt .industries-itegration-cnt-div .industries-itegration-cnt-div-inn h3{ margin: 15px 0 10px; font-size: 1.2rem; line-height: 1.6rem; } .pricing-section{ padding: 30px 0; } .pricing-section h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; font-family: EMprint-Regular; } .pricing-section .sub-head{ margin: 0px auto 15px; width: 90%; font-size: 1rem; line-height: 1.5rem; } .pricing-section .pricing-getstarted-btn a{ padding: 5px 25px 5px 10px; font-size: 1rem; line-height: 1.5rem; } .pricing-section .pricing-getstarted-btn a span{ right: 10px; } .pricing-section .pricing-getstarted-btn a span svg{ width: 15px; height: 15px; } .pricing-section .pricing-count{ margin: 20px 0 0 0; } .pricing-section .pricing-count .pricing-nav{ padding: 3px; } .pricing-section .pricing-count .pricing-nav .pricing-div{ padding: 5px 14px; font-size: 0.95rem; line-height: 1.5rem; } .pricing-section .pricing-count p{ font-size: 0.65rem; line-height: 1.35rem; left: calc(50% + 135px); width: 100px; } .pricing-section .pricing-count p svg{ width: 12px; height: 12px; } .pricing-section .pricing-grid{ grid-template-columns: 1fr; gap: 20px; margin: 15px auto 0; width: 85%; } .pricing-section .pricing-grid .pricing-div{ padding: 20px 20px; max-width: 400px; margin: auto; } .pricing-section .pricing-grid .pricing-div .pricing-header{ padding: 0px 0 10px; } .pricing-section .pricing-grid .pricing-div .pricing-header h3{ font-size: 1.5rem; line-height: 2rem; } .pricing-section .pricing-grid .pricing-div .pricing-amount{ padding: 10px 0; min-height: auto; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-lg{ font-size: 2rem; line-height: 2.4rem; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-cnt2{ margin: 8px 0 0 0; min-height: auto; } .users-count{ padding: 6px 17px; margin: 10px 0 15px; font-size: 0.95rem; line-height: 1.5rem; } .pricing-buybtn{ padding: 6px 15px; width: auto; margin: 20px auto 0; } .pricing-section .pricing-grid .pricing-div .pricing-body{ padding: 8px 0 0px; } .pricing-section .pricing-grid .pricing-div .pricing-body h4{ font-size: 1.1rem; line-height: 1.5rem; } .pricing-section .pricing-grid .pricing-div .pricing-body ul{ padding: 0 0 0 10px; margin: 10px 0 0; gap: 3px; } .pricing-section .pricing-grid .pricing-div .pricing-body ul li::before{ width: 6px; height: 6px; top: 8px; } .pricing-section .pricing-grid .pricing-div .pricing-body ul li{ font-size: 0.95rem; line-height: 1.35rem; } .pricing-section .pricing-grid .pricing-div .heilight-btn{ left: auto; top: 10px; right: 10px; padding: 5px 10px; font-size: 0.85rem; line-height: 1.35rem; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-enterprise{ font-size: 2rem; line-height: 2.4rem; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-cnt3{ margin: 0.4rem 0 0; } .features-section{ margin: 20px 0; } .features-section .features-main .features-grid .features-div h4{ font-size: 1.1rem; line-height: 1.5rem; } .features-section .features-main .features-grid .features-div h5{ font-size: 0.85rem; line-height: 1.35rem; } .features-section .features-main .features-grid .features-div{ padding: 6px 2px; } .fratures-line{ margin: 5px 0; } .features-section .features-main .features-grid .features-div h6{ font-size: 1.1rem; line-height: 1.5rem; } .features-section .features-main .features-grid .features-div p{ font-size: 0.85rem; line-height: 1.35rem; } .features-section .features-main .features-grid .features-div p .fa-check-circle{ font-size: 1.25rem; line-height: 1.35rem; } .features-section .features-main .features-grid .features-div p .fa-close{ font-size: 0.9rem; line-height: 1.1rem; width: 15px; height: 15px; } .content-section{ padding: 50px 20px; margin: 0 0 15px; } .content-section h2{ font-size: 1.8rem; line-height: 2.2rem; font-family: EMprint-Regular; } .content-section h2 span{ font-size: 3rem; } .content-section::after{ display: none; } .content-section h6{ font-size: 1.1rem; line-height: 1.5rem; margin: 0px 0 15px; } .content-section .d-flex .cnt-btn1{ padding: 7px 10px 7px 10px; font-size: 0.95rem; font-weight: 400; line-height: 1.35rem; min-width: 100px; } .content-section .d-flex .cnt-btn2{ padding: 7px 10px 7px 10px; font-size: 0.95rem; font-weight: 400; line-height: 1.35rem; min-width: 100px; } .contact-sales-section{ padding: 20px 0; } .contact-sales-section .contact-sales-grid{ grid-template-columns: 1fr; gap: 15px; } .contact-sales-section .contact-sales-grid .contact-sales-cnt{ padding: 1rem 0; } .contact-sales-section .contact-sales-grid .contact-sales-cnt h3{ font-size: 1.8rem; line-height: 2.4rem; margin: 0px 0 13px; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div{ padding: 15px 5px 0px 0px; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div h4{ width: 100px; font-size: 1.2rem; line-height: 1.4rem; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div .contact-sales-inn-img{ display: none; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div p{ width: calc(100% - 100px); font-size: 0.9rem; line-height: 1.35rem; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .d-flex img{ max-width: 35px; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .d-flex .text{ padding: 0 0 0 7px; margin: 0 0 0 5px; font-size: 0.9rem; line-height: 1.35rem; border-left: 2px solid #dbdbdb; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .additional-links{ margin: 10px 0 0; gap: 15px; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .additional-links li a{ font-size: 0.85rem; line-height: 1.35rem; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .additional-links li::after{ right: -9px; top: 10px; width: 3px; height: 3px; } .contact-sales-section .contact-sales-grid .contact-sales-form{ padding: 20px 20px; } .contact-sales-section .contact-sales-grid .contact-sales-form h3{ margin: 0px 0 4px; font-size: 1.25rem; line-height: 1.8rem; } .contact-sales-section .contact-sales-grid .contact-sales-form h6{ width: 90%; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn{ margin: 15px 0 0; gap: 13px 4%; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-field{ width: 100%; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-field input{ padding: 6px 10px; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-field select{ padding: 8px 10px; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-field textarea{ padding: 8px 10px; } .contact-sales-section .contact-sales-grid .contact-sales-form .contact-sales-form-inn .contact-sales-btn input{ font-size: 0.9rem; line-height: 1.35rem; padding: 6px 10px; } header .main-div .navbar .collapse .nav-right.navbar-nav .nav-item:nth-child(2){ display: none; } header .main-div .navbar .collapse .nav-right.navbar-nav .nav-item:nth-child(1){ /* margin-bottom: 10px; padding-bottom: 15px; */ border-bottom: 1px solid #f1f2f2; } header .main-div .navbar .collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-items .dropdown-menu-div2 .dropdown-product-grid a .dropdown-text h6::after{ line-height: 1.35rem; font-size: 0.8rem; font-weight: 100; } .whyus-section .whyus-grid1{ padding: 10px 0 0; grid-template-columns: 1fr 1fr; gap: 7px; } .whyus-section .whyus-grid1 .whyus-div1{ border: none; flex-direction: column; align-items: start; padding: 10px; } .whyus-section .whyus-grid1 .whyus-div1 .whyus-cnt1{ width: 100%; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left1{ display: none; } .product-section .product-main-div .product-div2 .product-div2-left .product-div2-left2::before{ display: none; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt h4{ font-size: 1.5rem; line-height: 1.9rem; margin: 0px 0 3px; font-family: EMprint-Regular; } .testimonial-section .testimonial-main .testimonial-div .testimonial-img::before{ line-height: 2rem; font-size: 1rem; width: 30px; height: 30px; } .footer .footer-top .ft-top .ft-top-div ul li{ padding: 0 0 0 12px; } .footer .footer-top .ft-top .ft-top-div ul li a{ font-size: 0.85rem; line-height: 1.3rem; } .footer .footer-top .ft-top .ft-top-div ul li a span svg{ width: 11px; height: 11px; } .footer .footer-top .ft-top .ft-top-div ul li::before{ font-size: 0.85rem; line-height: 1.3rem; } .footer .footer-top .ft-top .ft-top-div:nth-child(1){ order: 1; } .footer .footer-top .ft-top .ft-top-div:nth-child(2){ order: 3; } .footer .footer-top .ft-top .ft-top-div:nth-child(3){ order: 4; } .footer .footer-top .ft-top .ft-top-div:nth-child(4){ order: 2; } .footer .footer-top .ft-top .ft-top-end:nth-child(5){ order: 5; } .footer .footer-top .ft-top .ft-top-end .footer-btn2{ max-width: auto; } .testimonial-section .testimonial-main .testimonial-div{ width: 76%; } .testimonial-section .testimonial-main .testimonial-div .testimonial-inn .testimonial-text{ max-width: 100%; } .pricing-section .pricing-grid .pricing-div .pricing-header .pricing-header-sm{ font-size: 0.9rem; line-height: 1.35rem; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(1) .product-benefits-div-inn{ height: 145px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div .product-benefits-div-inn{ padding: 35px 6px 10px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(2) .product-benefits-div-inn{ height: 175px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(3) .product-benefits-div-inn{ height: 200px; width: 100%; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(4) .product-benefits-div-inn{ height: 275px; } .product-benefits-section.main-benefits-section .product-benefits-grid .product-benefits-div:nth-child(4){ display: none; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-img{ display: none; } .product-section .product-main-div .product-div2 .product-div2-right .product-div2-right1 .product-div2-right1-cnt{ position: relative; background-image: url(../images1/product-3.jpg); background-position: left; background-repeat: no-repeat; background-size: cover; } .product-benefits-section.main-benefits-section h2{ font-size: 1.8rem; line-height: 2.2rem; margin: 0px 0 10px; font-family: EMprint-Regular; width: 100%; } .industry-section .industry-main .owl-prev{ left: -5px; } .industry-section .industry-main .owl-next{ right: -5px; } .pricing-section .pricing-grid .pricing-div .pricing-amount .pricing-amount-cnt1{ font-size: 0.9rem; line-height: 1.5rem; } .contact-sales-section .contact-sales-grid .contact-sales-cnt .contact-sales-inn .contact-sales-inn-div h4 span{ font-size: 0.8rem; line-height: 1.3rem; } .product-benefits-section.main-benefits-section .container { max-width: 90% !important; } }