/* Generated from Theme2.0/css/style.css for the homepage render path. */
@font-face { font-family: averta; src: url("../font/AvertaDemoPECuttedDemo-Regular.woff2") format("woff2"), url("../font/AvertaDemoPECuttedDemo-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
:root { --orange: #e2961e; --light_orange: #FCF5E9; --dark_orange: #FFFFFF; --secondery-dark: #5e5e60; }
a, button, input { transition: 0.3s; }
a, a:hover, a:focus { text-decoration: none; outline: none; }
button, button:hover, button:focus, button:active, input, input:hover, input:focus, .navbar-toggler:focus, .btn-check:focus + .btn-primary, .btn-primary:focus { outline: none; box-shadow: none; }
body { font-family: averta; overflow-x: hidden; padding: 100px 0px 0px; }
html { scroll-behavior: smooth; }
.main_nav { padding: 0px 30px; z-index: 222; transition: 0.4s; position: fixed; top: 0px; left: 0px; width: 100%; box-sizing: border-box; }
.events .slick-list { width: 100%; }
header.sticky .main_nav { position: fixed; top: 0px; background: rgb(255, 255, 255); z-index: 99; width: 100%; height: unset; box-shadow: rgba(0, 0, 0, 0.06) 2px 8px 20px; }
.main_logo { padding: 0px; margin: 0px; }
.main_logo img { height: 60px; width: auto; transition: 0.4s; }
.main_nav ul li { padding-left: 12px !important; padding-right: 12px !important; }
.main_nav ul > li > a { font-size: 15px; font-weight: 400; line-height: 20px; color: black; white-space: nowrap; padding-top: 40px; padding-bottom: 40px; padding-left: 0px !important; padding-right: 0px !important; }
.main_nav ul > li > a:hover, .main_nav ul > li > a:focus, .main_nav ul > li > a.active { font-weight: 400; line-height: 20px; color: var(--orange); position: relative; }
.main_nav ul li a.active::before { content: ""; width: 80%; height: 2px; background-color: var(--orange); border-radius: 2px; position: absolute; bottom: 0px; left: 0px; }
.btn { height: 42px; padding: 20px; font-size: 15px; line-height: normal; min-width: 110px; display: flex; align-items: center; justify-content: center; }
.btn-primary { background-color: var(--orange) !important; border: 1px solid var(--orange) !important; border-radius: 8px !important; }
.btn-primary:hover { background-color: var(--secondery-dark) !important; border: 1px solid var(--secondery-dark) !important; }
a.soical_image:hover { background: rgb(226, 150, 30); }
a.soical_image:hover img { filter: brightness(0) invert(1); }
.heading { position: relative; display: flex; align-items: center; justify-content: center; padding-bottom: 15px; flex-direction: column; width: 80%; margin: 0px auto; }
.heading p { text-align: center; letter-spacing: 2px; margin-bottom: 10px; font-size: 14px; line-break: auto; }
.heading h3, #main-content .heading > h2 { font-size: 35px; line-height: 46px; color: rgb(51, 51, 51); text-align: center; font-weight: 600; text-transform: uppercase; position: relative; margin-bottom: 6px; }
.heading > a, .read_more a { color: var(--orange); text-decoration: none; cursor: pointer; font-size: 18px; }
.press_releasee_card { border-radius: 10px; border: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 6px 6px 18px 0px; }
.press_releasee_image img { max-width: 100%; border-radius: 16px; max-height: 100%; object-fit: fill; }
.press_releasee_data { padding: 20px; }
.press_releasee_data h5, .press_releasee_data h3 { font-size: 18px; line-height: 20px; margin-bottom: 10px; color: rgb(51, 51, 51); font-weight: 600; -webkit-text-stroke: 0.2px rgb(51, 51, 51); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.press_releasee_data p { font-size: 14px; line-height: 20px; margin-bottom: 20px; color: rgb(86, 86, 86); }
.press_releasee_slider_card { padding: 20px 14px; }
.press_releasee_image { position: relative; height: 15vw; display: flex; justify-content: center; align-items: center; overflow: hidden; z-index: 1; padding: 15px; }
.in-blur { background-size: cover; background-position: center center; filter: blur(28px); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; opacity: 0.4; }
.events_slider { display: flex; flex-flow: row; align-items: center; position: relative; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.events_slider::-webkit-scrollbar { display: none; }
.hero-testimonials .slick-track { display: flex; align-items: center; width: 100%; }
.events_slider_wrapper { flex: 0 0 calc(100% / 6); min-width: 0; height: 100%; display: flex; align-items: center; scroll-snap-align: start; }
.events_slider_image { height: 100%; display: flex; align-items: center; justify-content: center; }
.form-control { height: 46px; border-radius: 8px; padding: 12px 20px; font-size: 15px; }
.footer { padding: 60px 0px 20px; background-color: rgb(82, 82, 82); }
.footer h3 { font-size: 18px; color: rgb(255, 255, 255); line-height: 20px; font-weight: 500; margin-bottom: 20px; -webkit-text-stroke: 0.8px rgb(255, 255, 255); }
.footer ul { padding-left: 0px; list-style: none; }
.footer ul li { margin-bottom: 20px; }
.footer ul li a { font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); text-decoration: none; }
.foot_col p { font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); text-decoration: none; text-align: justify; }
.footer-brand { max-width: 620px; }
.footer-brand p { text-align: left; }
.footer-social-heading { margin-top: 28px; }
.social_media { display: flex; align-items: center; flex-wrap: wrap; }
.soical_image { background-color: rgb(252, 245, 233); height: 40px; width: 40px; border-radius: 50px; margin: 5px; display: flex; align-items: center; justify-content: center; }
.foot_col .social_media .soical_image { background-color: rgb(255, 255, 255); }
.soical_image img { width: 20px; height: auto; }
.footer_col { padding: 0px 20px; }
footer ul li a:hover { color: var(--orange); text-decoration: underline; }
.read_more { display: flex; align-items: center; justify-content: center; }
.read_more img { width: 20px; height: auto; position: relative; left: 4px; vertical-align: revert; top: 2px; }
.copy_text p { font-style: normal; font-weight: normal; font-size: 14px; line-height: 15px; padding: 0px 20px; color: rgb(255, 255, 255); }
.navbar-toggler-icon { background-image: url("../image/svg/menu.svg"); }
.foot-logo { margin: 0px 0px 20px; height: 60px; width: auto; }
@keyframes move1 { 
  0% { transform: rotate(-1deg) translate(-2px, -2px); }
  50% { transform: rotate(1deg) translate(2px, 2px); }
  100% { transform: rotate(-1deg) translate(-2px, -2px); }
}
@keyframes move2 { 
  0% { transform: rotate(1deg) translate(2px, 2px); }
  50% { transform: rotate(-1deg) translate(-2px, -2px); }
  100% { transform: rotate(1deg) translate(2px, 2px); }
}
.rt-corner-btn { display: flex; align-items: center; }
.rt-corner-btn .btn.btn-primary { padding: 8px 16px; height: auto; white-space: nowrap; display: inline-flex; align-items: center; margin: 0px !important; }
.btn.btn-primary.with_border { box-sizing: border-box; margin: 0px; padding: 0px 8px; white-space: nowrap; background-color: transparent !important; border: 2px solid transparent !important; color: rgb(226, 150, 30) !important; display: inline-flex !important; align-items: center !important; }
.events_slider img { max-height: 70px; max-width: 180px; height: auto; width: auto; }
@media (max-width: 1199px) {
.events_slider_wrapper { flex-basis: 25%; }
}
@media (max-width: 1024px) {
.events_slider_wrapper { flex-basis: calc(100% / 3); }
}
@media (max-width: 768px) {
.events_slider_wrapper { flex-basis: 50%; }
}
.btn.btn-primary.with_border:hover { background-color: transparent !important; color: rgb(0, 0, 0) !important; }
.press_releasee_data .btn { width: 125px; margin: 0px 0px 0px auto !important; }
.main_nav .navbar-nav .dropdown-menu { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 5px; top: 100px; left: inherit; background: rgb(255, 255, 255); min-width: 200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 12px; }
.product-showcase a { margin: 0px 0px 10px; display: inline-block; }
.main_nav ul li.nav-item.dropdown > a::after { margin-left: 0.35em; vertical-align: 0.255em; content: ""; border-width: 5px 5px 0px; border-style: solid solid none; border-color: rgb(112, 112, 112) transparent currentcolor; display: inline-block; }
.main_nav ul li.nav-item.dropdown > a:hover::after { border-top: 5px solid rgb(226, 150, 30); }
.case_study_slider_card, .press_releasee_data { direction: ltr; }
.foot_col .social_media a.soical_image:hover { background-color: rgb(226, 150, 30); }
.side-offest { padding-left: 30px; padding-right: 30px; }
.main_nav .navbar-nav { padding: 0px 4%; margin: 0px auto 0px 0px !important; }
.product-show-frame > img { max-width: 240px; margin: 0px 0px 20px; }
.product-show-frame p { margin: 2px 0px; font-size: 16px; color: rgb(0, 0, 0); }
.product-show-frame { cursor: pointer; }
.product-showcase.sub-menu .product-show-frame { position: relative; }
@keyframes arrow-pulse-down { 
  0% { bottom: 40px; opacity: 0; }
  25% { opacity: 0.25; }
  50% { opacity: 0.5; }
  75% { opacity: 0.75; }
  100% { bottom: 20px; opacity: 1; }
}
@-webkit-keyframes ring { 
  0% { transform: rotateZ(0deg); }
  7% { transform: rotateZ(22deg); }
  14% { transform: rotateZ(-20deg); }
  21% { transform: rotateZ(18deg); }
  26% { transform: rotateZ(-16deg); }
  33% { transform: rotateZ(14deg); }
  40% { transform: rotateZ(-12deg); }
  47% { transform: rotateZ(10deg); }
  54% { transform: rotateZ(-8deg); }
  60% { transform: rotateZ(6deg); }
  67% { transform: rotateZ(-4deg); }
  74% { transform: rotateZ(2deg); }
  81% { transform: rotateZ(-1deg); }
  88% { transform: rotateZ(1deg); }
  93% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(0deg); }
}
@keyframes ring { 
  0% { transform: rotate(0deg); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}
@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin-reverse { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
@keyframes spin-reverse { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
@keyframes zoomInUp { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); }
}
.foot-logo { margin-bottom: 15px; }
.submit-view { margin-top: 30px; }
.submit-view .com-btn:hover { background: rgb(94, 94, 96); color: rgb(255, 255, 255); }
span.error { color: rgb(253, 104, 104); margin-top: 3px; display: inline-block; font-weight: 500; }
#fmScheduleDemoRequest span.error { position: absolute; }
.product-showcase { }
.read_more.sticky { position: sticky; bottom: -10px; z-index: 1; background-color: rgb(255, 255, 255); padding: 8px 0px 10px; box-shadow: rgba(0, 0, 0, 0.2) 1px 4px 10px; }
.read_more.sticky a { color: rgb(226, 150, 30); margin: 3px 4px 0px; }
textarea.form-control { height: unset; border-radius: 20px; }
.form-group { margin: 0px 0px 30px; }
.com-btn { padding: 12px 25px; font-size: 16px; line-height: normal; display: flex; align-items: center; justify-content: center; border: 0px; background-color: rgb(226, 150, 30); color: rgb(255, 255, 255); border-radius: 40px; min-width: 160px; margin: 30px 0px 0px; }
.com-btn:hover { background-color: rgb(94, 94, 96); }
.inside-view-new .form-group label { margin: 0px 0px 4px; font-size: 15px; -webkit-text-stroke: 0.2px rgb(51, 51, 51); }
.form-group select.form-control { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, rgb(204, 204, 204), rgb(204, 204, 204)); background-position: calc(100% - 20px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px), calc(100% - 2.5em) 0.5em; background-size: 8px 6px, 6px 8px, 0px auto; background-repeat: no-repeat; }
.sub-menu .product-show-frame p { font-size: 14px; }
.slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background: rgb(226, 150, 30); border-radius: 100%; z-index: 1; }
.slick-prev::before { border-top: 12px solid transparent; border-bottom: 0px; border-left: 12px solid rgb(255, 255, 255); display: inline-block; transform: rotate(45deg); margin-left: 4px; content: "" !important; }
.slick-next::before { border-top: 12px solid transparent; border-bottom: 0px; border-left: 12px solid rgb(255, 255, 255); display: inline-block; transform: rotate(-135deg); margin-right: 4px; content: "" !important; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: rgb(82, 82, 82); }
.press_releasee .slick-prev, .all-testimonials .slick-prev { left: -30px; z-index: 1; }
.press_releasee .slick-next, .all-testimonials .slick-next { right: -30px; z-index: 1; }
.thumb-img { border-radius: 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.12) 1px 4px 10px; border: 4px solid rgb(255, 255, 255); width: 48px; height: 48px; background-size: cover; background-position: center center; margin: 0px 15px 0px 0px; }
.product-show-frame.v-align { display: flex; align-items: center; }
.sub-menu .product-show-frame.v-align p { text-align: left; transition: 0.4s; margin: 0px; }
.sub-menu .product-show-frame.v-align:hover p { color: rgb(226, 150, 30); }
.rt-corner-btn a { justify-content: right; }
.case-study { display: block; height: 20vw; background-size: cover; background-position: center center; position: relative; transition: 0.3s; margin-bottom: 30px; border-radius: 12px; overflow: hidden; }
.case-study > h2, .case-study > h3 { position: absolute; bottom: 0px; background-color: rgb(226, 150, 30); width: 100%; color: rgb(255, 255, 255); font-size: 20px; text-align: center; padding: 14px 15px; margin: 0px; font-weight: bold; min-height: 100px; display: flex; align-items: center; }
.case-study .text-item { position: absolute; left: 0px; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); bottom: 0px; height: 0px; transition: height 0.28s; padding: 15px; font-size: 16px; overflow: hidden; }
.case-study:hover .text-item { height: 100%; opacity: 1; }
.case-study span.link-ico { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin: 0px auto; background-color: rgb(255, 255, 255); border-radius: 100%; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 14px; }
.case-study:hover .text-item p { height: calc(110px); word-break: break-word; text-align: justify; }
.case-study span.link-ico svg { height: 24px; width: 24px; }
.case-study span.link-ico svg path { fill: rgb(226, 150, 30); }
.case-study span.link-ico:hover { background-color: rgb(82, 82, 82); }
.case-study span.link-ico:hover svg path { fill: rgb(255, 255, 255); }
.btn.btn-primary.with_border span.icon-img img { width: 15px; height: auto; margin: 0px 14px 0px 4px; vertical-align: -2px; }
.btn.btn-primary.with_border span.icon-img { color: rgb(0, 0, 0); font-size: 14px; }
.dropdown-menu .product-show-frame > img { height: auto; width: auto; max-width: 164px; margin: 5px 0px; }
.main_nav .navbar-nav .dropdown-menu.fd-wd-fix { min-width: 280px; }
.inside-view-new { padding: 0px 50px 0px 0px; }
.fix-menu-size .thumb-img { background-size: 80% 90%; background-repeat: no-repeat; }
.product-show-frame p { margin: 12px 0px; font-size: 14px; }
.casestudies-list { justify-content: center; flex-wrap: wrap; }
.casestudies-recent-list { justify-content: center; margin-top: 4px; row-gap: 24px; }
.casestudies-recent-list > [class*="col-"] { display: flex; }
.casestudies-recent-list .case-study--recent { width: 100%; height: clamp(132px, 9.5vw, 170px); margin-bottom: 0px; border-radius: 8px; }
.casestudies-recent-list .case-study--recent > h2, .casestudies-recent-list .case-study--recent > h3 { font-size: clamp(12px, 0.78vw, 14px); line-height: 1.25; min-height: 62px; padding: 10px; justify-content: center; }
.casestudies-recent-list .case-study--recent .text-item { font-size: 13px; padding: 10px; }
.casestudies-recent-list .case-study--recent:hover .text-item p { height: auto; max-height: calc(100% - 42px); font-size: 12px; line-height: 1.35; }
.casestudies-recent-list .case-study--recent span.link-ico { width: 34px; height: 34px; }
.casestudies-recent-list .case-study--recent span.link-ico svg { width: 17px; height: 17px; }
@media (max-width: 991px) {
.casestudies-recent-list { margin-top: 0px; }
.casestudies-recent-list .case-study--recent { height: 20vw; margin-bottom: 0px; }
.casestudies-recent-list .case-study--recent > h2, .casestudies-recent-list .case-study--recent > h3 { font-size: 12px; min-height: 58px; padding: 8px; }
}
@media (max-width: 575px) {
.casestudies-recent-list .case-study--recent { height: 50vw; }
.casestudies-recent-list .case-study--recent > h2, .casestudies-recent-list .case-study--recent > h3 { font-size: 14px; min-height: 60px; }
}
.top-main-head { text-align: center; position: relative; margin: 10px 0px 0px; }
.top-main-head h1 { font-weight: bold; color: rgb(82, 82, 82); line-height: 34px; font-size: 34px; margin: 0px auto; position: relative; z-index: 1; }
.top-main-head p { color: rgb(92, 103, 113); font-size: 16px; max-width: 800px; margin: 10px auto 0px; }
.main-product-box { padding: 40px; border-radius: 30px; transition: 0.4s; position: relative; z-index: 1; border: 1px solid rgb(236, 236, 236); background-size: cover; background-position: center top; }
.main-product-box::after { content: ""; z-index: -1; background-color: rgba(255, 255, 255, 0.88); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 30px; transition: 0.4s; border-top: 6px solid transparent; }
.main-product-box:hover::after { border-top: 6px solid rgb(226, 150, 30); background-color: rgba(255, 255, 255, 0.82); }
.logo-view img { width: auto; height: 80px; max-width: 100%; margin: 0px 0px 15px; }
.main-product-box h2 { font-size: 28px; font-weight: bold; color: rgb(82, 82, 82); margin: 0px 0px 10px; line-height: 34px; }
.main-product-box p { color: rgb(70, 76, 81); font-size: 16px; margin: 0px 0px 15px; text-align: justify; }
.main-product-box ul { padding: 0px; list-style: none; margin: 0px; display: flex; width: 100%; flex-flow: wrap; }
.main-product-box ul li { margin-bottom: 8px; font-size: 14px; position: relative; width: 50%; }
.btn-cta-product { background-color: rgb(255, 255, 255); width: 100%; display: block; text-align: center; padding: 12px 14px; border-radius: 8px; color: rgb(226, 150, 30); border: 1px solid rgb(226, 150, 30); margin: 30px 0px 0px; }
.main-product-box:hover .btn-cta-product { background-color: rgb(226, 150, 30); color: rgb(255, 255, 255); }
.hero-banner { position: relative; }
.main-product-box h2 > span { color: rgb(226, 150, 30); }
.main-product-box ul li img { height: 24px; width: auto; margin: 0px 8px 0px 0px; }
.hero-banner.version-2 { background: linear-gradient(90deg, rgb(252, 245, 233) 0%, rgb(255, 255, 255) 50%, rgb(235, 235, 235) 100%); position: relative; z-index: 1; }
.hero-banner::after { content: ""; background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); position: absolute; bottom: 0px; width: 100%; height: 40%; z-index: -1; left: 0px; }
.trust-logos { margin: 0px; padding: 0px; }
.version-2 .btn-cta-product { background-color: rgb(226, 150, 30); color: rgb(255, 255, 255); position: absolute; left: 0px; width: 70%; right: 0px; margin: 0px auto; bottom: -26px; }
.version-2 .main-product-box:hover .btn-cta-product { background-color: rgb(82, 82, 82); border-color: rgb(82, 82, 82); }
.version-2 .main-product-box:hover { border: 1px solid rgb(226, 150, 30); box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; }
.main-product-box .main-pr-img { height: 100%; width: 42%; display: inline-block; vertical-align: top; background-size: cover; background-position: center top; }
.main-product-box .main-pr-content { display: inline-block; width: calc(57%); vertical-align: top; padding: 12px; }
.version-4 .main-product-box:hover::after { background-color: rgb(255, 255, 255); }
.version-4 .main-product-box { transition: 0.4s; }
.version-4 .main-product-box:hover .blur-effect { filter: blur(0px) !important; }
.version-5 .main-product-box { border: 0px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px, rgba(0, 0, 0, 0.1) 0px 8px 14px; margin: 0px 0px 30px; }
.version-5 .main-product-box .main-pr-img { height: 350px; border-radius: 30px 0px 0px 30px; }
.version-5 .main-product-box .main-pr-img { width: 24%; }
.version-5 .main-product-box .main-pr-content { width: calc(75%); }
.version-5 .main-product-box:hover { border: 0px; }
.version-5 .main-product-box::after { border-top: 0px; border-right: 6px solid transparent; }
.version-5 .main-product-box:hover::after { border-top: 0px solid rgb(226, 150, 30); border-right: 6px solid rgb(226, 150, 30); }
.cta-view-in { background: linear-gradient(rgba(226, 150, 30, 0.196) 45%, rgba(226, 150, 30, 0) 100%); border: 1px solid rgb(255, 227, 182); position: relative; }
.cta-view-in::after { content: ""; background-image: url("../../Theme2.0/image/bg-back-pattern.webp"); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-position: right center; background-size: contain; z-index: -1; opacity: 0.7; background-repeat: no-repeat; }
.only-mobile { display: none; }
.vs-features { opacity: 0; pointer-events: none; }
.case-study-view { background-color: rgb(247, 247, 247); }
.testimonial-block { padding: 30px; background-color: rgb(255, 255, 255); margin: 10px 15px 20px; border-radius: 14px; height: 330px; box-shadow: rgba(0, 0, 0, 0.06) 6px 6px 18px 0px; position: relative; }
.testimonial-block::after { position: absolute; content: ""; background-image: url("../../Theme2.0/image/quote-item.svg"); width: 150px; height: 150px; bottom: 40px; z-index: 1; background-size: contain; right: 50px; opacity: 0.06; }
.testimonial-block > p { line-height: 28px; color: rgb(51, 51, 51); font-weight: 600; font-size: 20px; height: 160px; margin: 0px; }
.username h5, .username h3 { font-size: 20px; line-height: 24px; font-weight: 600; margin: 0px; color: rgb(226, 150, 30); }
.more-action-in.detail { font-size: 14px; font-style: italic; margin: 5px 0px 0px; }
.more-action-in.detail > span { display: block; font-style: normal; }
.username p { margin: 3px 0px 0px; opacity: 0.8; }
.testimonial-block > ul { list-style: none; padding: 0px; margin: 0px 0px 15px; }
.testimonial-block > ul > li { display: inline-block; }
.username { display: flex; justify-content: space-between; align-items: center; }
ul.awards { padding: 0px; text-align: center; }
ul.awards > li { width: calc(33.33% - 4px); display: inline-block; text-align: center; padding: 8px 15px; }
ul.awards > li img { height: auto; width: auto; max-height: 150px; max-width: 100%; }
.palceholder { position: absolute; left: 20px; top: 10px; }
.palceholder > label { color: rgb(167, 167, 167); font-weight: 500; -webkit-text-stroke-width: 0px !important; margin: 0px !important; }
.palceholder .star { color: rgb(14, 138, 59); }
.form-group { position: relative; }
.read_more a:hover { color: rgb(82, 82, 82); }
.trustedby-sect .title-sect h2 { font-weight: bold; color: rgb(82, 82, 82); line-height: 24px; font-size: 24px; text-align: center; }
.trust-logos li.item img { height: 36px; width: 140px; object-fit: contain; }
.trust-logos li { align-items: center; justify-content: center; margin: 0px 5px; display: flex !important; }
.trustedby-sect .title-sect { margin: 0px 0px 15px; }
.pad-top-new { padding-top: 30px; }
.pad-top-bottom-new { padding-top: 30px; padding-bottom: 30px; }
.cta-view-in { padding: 30px 0px; }
.full-con-btn-new { margin: 0px 0px 0px 15px; }
.full-con-btn-new .btn.btn-primary { white-space: nowrap; }
.full-con-btn-new span.ico-view-new { margin: 0px 10px 0px 0px; }
.full-con-btn-new span.ico-view-new img { filter: brightness(0) invert(1); height: 22px; width: auto; }
body { color: rgb(82, 82, 82); }
.heading { width: 100%; max-width: 1180px; }
body .heading h3, #main-content .heading > h2 { margin-bottom: 0px; color: rgb(82, 82, 82); font-size: 32px; line-height: 1.28; font-weight: 600; letter-spacing: 0px; text-transform: uppercase; }
body .heading p { max-width: 1080px; margin: 8px auto 0px; color: rgb(82, 82, 82); font-size: 17px; line-height: 1.55; letter-spacing: 0px; }
.cta-view-in .heading { width: 100%; max-width: 960px; margin: 0px auto 22px; padding-bottom: 0px; }
.cta-view-in .heading h3, #main-content .cta-view-in .heading > h2 { color: rgb(82, 82, 82); font-size: 28px; line-height: 1.24; font-weight: 600; letter-spacing: 0px; text-transform: uppercase; }
.cta-view-in .heading p { max-width: 960px; margin: 8px auto 0px; color: rgb(82, 82, 82); font-size: 16px; line-height: 1.5; letter-spacing: 0px; }
.cta-view-in .request-demo { max-width: 960px; margin: 0px auto; }
.request-demo .inside-view-new { padding: 0px; }
@media (max-width: 991px) {
.team .hero-block .brif-info h2, body .heading h3, #main-content .heading > h2, .pad-wrap > .container > .heading.tp-space h1 { font-size: 28px; line-height: 1.3; }
}
@media (max-width: 767px) {
.team .hero-block .brif-info h2, body .heading h3, #main-content .heading > h2, .cta-view-in .heading h3, #main-content .cta-view-in .heading > h2, .pad-wrap > .container > .heading.tp-space h1 { font-size: 22px; line-height: 34px; }
.team .hero-block .brif-info p, body .heading p, body .vistasuite-web .top-main-head p, body .vq-web-view .top-main-head p { font-size: 16px; line-height: 1.5; }
}
@media (max-width: 1199px) and (min-width: 992px) {
.main_nav { padding-left: 30px; padding-right: 0px; }
.main_nav .container-fluid { padding-left: 0px; padding-right: 0px; }
.main_logo img { height: 52px; }
.main_logo { margin-left: 18px; }
.main_nav ul li { padding-left: 8px !important; padding-right: 8px !important; }
.main_nav ul > li > a { font-size: 14px; }
.rt-corner-btn .btn.btn-primary { font-size: 13px; padding-left: 8px; padding-right: 8px; white-space: nowrap; }
.btn.btn-primary.with_border span.icon-img { font-size: 13px; }
.btn.btn-primary.with_border span.icon-img img { margin-left: 4px; margin-right: 8px; }
.full-con-btn-new { margin-left: 6px; }
.full-con-btn-new .btn.btn-primary { min-width: 112px; padding-left: 6px; padding-right: 6px; font-size: 12px; }
.full-con-btn-new span.ico-view-new { margin-right: 6px; }
.full-con-btn-new span.ico-view-new img { height: 18px; }
.nav-demo-btn .btn.btn-primary { min-width: 120px; }
}
@media (min-width: 1800px) {
.version-5 .main-product-box .main-pr-img { height: 324px; }
}
@media (max-width: 1600px) {
.main-product-box h2 { font-size: 1.4rem; line-height: 34px; }
}
@media (max-width: 1399px) {
.main_nav .navbar-nav { padding: 0px 15px; }
.main_nav { padding: 0px; }
.side-offest { padding-left: 0px; padding-right: 0px; }
.main-product-box h2 { font-size: 1.3rem; }
.logo-view img { height: 80px; }
.top-main-head h1 { font-size: 40px; }
.top-main-head p { font-size: 16px; }
.top-main-head::after { height: 60px; width: 60px; }
.top-main-head::before { width: 34px; height: 34px; }
.version-2 .top-main-head h1::after { width: 100px; }
.version-5 .main-product-box .main-pr-img { height: 350px; }
ul.awards > li img { max-height: 120px; }
}
@media (max-width: 1199px) {
.main-product-box .main-pr-content { padding: 15px; }
ul.awards > li img { height: 140px; }
.version-5 .main-product-box .main-pr-img { height: 350px; }
.main-product-box h2 { font-size: 1.1rem; line-height: 26px; }
.main-product-box p, .main-product-box ul li { font-size: 14px; display: flex; align-items: center; }
.logo-view img { height: 68px; margin-bottom: 20px; }
.main_logo img { height: 60px; }
.main_nav ul li { padding-left: 10px !important; padding-right: 10px !important; }
.product-show-frame > img { height: 120px; max-width: 260px; margin: 0px 0px 20px; }
.main_nav ul > li > a { font-size: 14px; }
.main_logo img { height: 54px; }
.heading h3, #main-content .heading > h2 { font-size: 28px; }
.testimonial-block > p, .username h5, .username h3 { font-size: 18px; }
.testimonial-block { padding: 20px; }
.all-testimonials img { height: 26px; }
.username p { font-size: 14px; }
ul.awards > li img { max-height: 110px; }
.copy_text p { margin: 15px 0px 0px; }
.foot-logo { margin: 15px 0px; }
}
@media (max-width: 1024px) {
.btn-cta-product { margin: 30px 0px 0px; }
.btn { padding: 20px 15px; }
.rt-corner-btn .btn.btn-primary, .main_nav ul > li > a, .btn { font-size: 14px; }
.main_logo img { height: 50px; }
.heading h3, #main-content .heading > h2 { font-size: 26px; line-height: 28px; }
.main_nav ul li.nav-item.dropdown > a::after { vertical-align: 0.1em; }
.version-5 .main-product-box { margin: 0px 0px 50px; }
.case-study > h2, .case-study > h3 { font-size: 16px; padding: 12px 10px; }
ul.awards > li img { max-height: 100px; }
.logo-view img { height: 60px; }
.top-main-head h1 { font-size: 36px; }
}
@media (max-width: 991px) {
.top-main-head h1 { font-size: 32px; }
.version-4 .main-product-box:hover { width: 100%; transform: scale(1); }
.version-5 .main-product-box .main-pr-img { height: 300px; }
.main_nav, header.sticky .main_nav { padding: 15px 0px; }
.main_nav button.navbar-toggler { background-color: rgb(94, 94, 96); padding: 4px 8px; }
.main_nav button.navbar-toggler:hover { background-color: rgb(220, 146, 29); }
.main_nav { position: fixed; top: 0px; background: rgb(255, 255, 255); z-index: 99; width: 100%; height: unset; }
body { padding: 80px 0px 0px; }
.main_nav ul li { text-align: center; }
.main_nav ul li a.active::before { left: 0px; right: 0px; margin: 0px auto; width: 50px; }
.foot_col { margin: 0px 0px 20px; }
.footer ul li { margin-bottom: 10px; }
.btn.btn-primary.with_border { margin: 0px 0px 15px; justify-content: center; }
.main_logo img { height: 54px; }
.product-show-frame > img { margin: 0px; }
.case-study > h2, .case-study > h3 { font-size: 16px; }
.case-study { height: 28vw; }
.inside-view-new { padding: 0px; }
.testimonial-block > p { line-height: 28px; font-size: 20px; }
.btn.btn-primary, .main_nav ul > li > a, .btn { font-size: 16px; padding: 15px 0px; }
.btn.btn-primary, .btn { font-size: 15px; padding: 14px; line-height: 10px; }
.rt-corner-btn { margin: 0px 0px 15px; font-size: 16px; }
.navbar-collapse .rt-corner-btn, .navbar-collapse .full-con-btn-new { width: 100%; max-width: 240px; margin: 0px auto 12px; }
.navbar-collapse .rt-corner-btn .btn, .navbar-collapse .full-con-btn-new .btn { width: 100%; }
.navbar-collapse .nav-demo-btn { margin-bottom: 0px; }
.full-con-btn-new { margin: 0px; }
}
@media (max-width: 768px) {
.version-5 .main-product-box { margin: 0px 0px 30px; }
.btn-cta-product { padding: 10px; }
.logo-view img { height: 56px; }
.testimonial-block::after { height: 110px; width: 110px; }
.testimonial-block { height: 270px; }
.testimonial-block > p { line-height: 26px; font-size: 18px; height: 120px; }
.username h5, .username h3 { font-size: 18px; }
.all-testimonials img { height: 24px; }
.cta-view-in .inside-view-new { margin: 0px; }
.press_releasee_data { padding: 15px; }
.top-main-head h1 { font-size: 32px; }
.testimonial-block { margin: 0px 0px 20px; }
.version-5 .main-product-box .main-pr-content img { display: inline-block !important; width: unset; }
.trust-logos { max-height: 45px; }
.trust-logos li { padding: 12px; }
.trust-logos li.item img { max-width: 80%; max-height: 40px; }
.version-5 .main-product-box .main-pr-img { height: 330px; border-radius: 18px 0px 0px 18px; }
.main-product-box p, .main-product-box ul li { font-size: 14px; padding: 0px 5px 0px 0px; }
.main_nav .product-show-frame { margin: 0px; }
.main-product-box h2 { margin-bottom: 10px; }
.btn-cta-product { margin: 25px 0px 0px; }
.logo-view img { margin: 0px 0px 15px; }
.rt-corner-btn .btn.btn-primary { margin: 15px 0px !important; }
.request-demo { padding: 0px; }
.heading h3, #main-content .heading > h2, .cta-view-content h4 { font-size: 22px; line-height: 34px; margin: 0px 0px 6px; }
.top-main-head h1 { font-size: 25px; }
.heading p { font-size: 14px; margin: 0px 0px 6px; }
.product-show-frame { margin: 0px 0px 40px; }
.main_nav ul > li > a { padding: 15px 0px; }
.product-show-frame > img { height: 100px; max-width: 200px; }
.product-show-frame > img { margin: 0px 0px 10px; }
.case-study { height: 36vw; }
.case-study .text-item { font-size: 14px; }
.inside-view-new { margin: 0px 0px 30px; }
.hero-banner.version-2 { padding-bottom: 20px; }
.only-mobile { display: inline-block; }
.case-study > h2, .case-study > h3 { font-size: 14px; padding: 10px; min-height: 60px; }
.logo-view > img { margin: 0px auto 15px; width: unset !important; }
.press_releasee_image { height: 40vw; }
.hero-banner.version-2 { padding-bottom: 20px; }
ul.awards > li { width: calc(50% - 4px); }
ul.awards > li img { max-height: 110px; }
.main-product-box::after, .main-product-box { border-radius: 16px; }
.press_releasee_slider_card { padding: 12px; }
.heading { width: 100%; }
}
@media (max-width: 580px) {
.version-5 .main-product-box .main-pr-img { display: none; }
.version-5 .main-product-box .main-pr-content { width: 100%; padding: 10px 10px 30px; }
}
@media (max-width: 520px) {
.version-5 .main-product-box .main-pr-img { width: 100%; height: 60vw; background-position: center center; }
.version-5 .main-product-box .main-pr-content { width: 100%; padding-bottom: 15px; }
.top-main-head h1 { font-size: 22px; line-height: 22px; }
.version-2 .top-main-head h1::after { width: 70px; height: 50px; left: 0px; }
.top-main-head::after { height: 40px; width: 40px; top: -30px; }
.top-main-head::before { width: 28px; height: 28px; bottom: -40px; }
.version-5 .main-product-box .main-pr-img { border-radius: 30px 30px 0px 0px; }
}
@media (max-width: 480px) {
.top-main-head h1 { font-size: 20px; line-height: 20px; }
ul.awards > li img { max-height: 120px; height: unset; }
.case-study { height: 50vw; }
}
.hero-banner.version-5 { padding-top: 22px; overflow: hidden; }
.hero-banner.version-5 .top-main-head { max-width: calc(-24px + 100vw); margin-top: 0px; margin-left: auto; margin-right: auto; }
.hero-banner.version-5 .top-main-head h1 { max-width: 100%; color: rgb(82, 82, 82); line-height: 1.18; }
.hero-banner.version-5 .top-main-head p { max-width: 100%; margin-top: 12px; color: rgb(82, 82, 82); font-size: clamp(19px, 1.45vw, 24px); font-weight: 400; line-height: 1.45; }
.hero-banner.version-5 .blur-anim.desktop-view, .hero-banner.version-5 .mobile-view, .hero-banner.version-5 .product-cards-view { margin-top: 32px; }
.hero-banner.version-5 .product-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
.hero-banner.version-5 .product-card-grid .main-product-box { width: 100%; }
.hero-banner.version-5 .main-product-box .blur-effect { display: flex; align-items: stretch; }
.hero-banner.version-5 .main-product-box .main-pr-img { flex: 0 0 24%; height: auto; min-height: 350px; }
.hero-banner.version-5 .main-product-box .main-pr-content { flex: 1 1 auto; min-width: 0px; max-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.hero-banner.version-5 .main-product-box p { display: block; width: calc(100% - 24px); max-width: 100%; margin-left: auto; margin-right: auto; text-align: left; line-height: 1.45; }
.hero-banner.version-5 .main-product-box .main-pr-content { padding-bottom: 56px; }
.hero-banner.version-5 .main-product-box .logo-view { width: 100%; text-align: center; }
.hero-banner.version-5 .main-product-box .logo-view img { display: block; width: auto; max-width: 100%; margin-left: auto; margin-right: auto; }
.hero-banner.version-5 .main-product-box h2 { width: 100%; }
.hero-banner.version-5 .main-product-box ul { display: grid; grid-template-columns: repeat(2, max-content); width: auto; max-width: 100%; margin-left: auto; margin-right: auto; justify-content: center; gap: 8px 28px; }
.hero-banner.version-5 .main-product-box ul li { display: flex; align-items: center; justify-content: flex-start; width: auto; margin-bottom: 0px; text-align: left; }
.hero-banner.version-5 .trustedby-sect { padding-top: 42px; overflow: hidden; }
.hero-banner.version-5 .trust-logos { --trust-logo-columns: 6; display: flex; width: 100%; max-height: 45px; list-style: none; will-change: transform; }
.hero-banner.version-5 .trust-logos > li { flex: 0 0 calc(100% / var(--trust-logo-columns)); box-sizing: border-box; margin: 0px; padding: 0px 5px; }
@media (max-width: 1199px) {
.hero-banner.version-5 .trust-logos { --trust-logo-columns: 5; }
}
@media (max-width: 991px) {
.hero-banner.version-5 .trust-logos { --trust-logo-columns: 4; }
}
@media (max-width: 768px) {
.hero-banner.version-5 .trust-logos { --trust-logo-columns: 3; }
}
@media (max-width: 480px) {
.hero-banner.version-5 .trust-logos { --trust-logo-columns: 2; }
}
.main_nav .nav-demo-btn > .btn.btn-primary, .main_nav .nav-demo-btn > .btn.btn-primary:focus, .main_nav .nav-demo-btn > .btn.btn-primary:active { background-color: rgb(14, 138, 59) !important; border-color: rgb(14, 138, 59) !important; }
.main_nav .nav-demo-btn > .btn.btn-primary:hover { background-color: rgb(94, 94, 96) !important; border-color: rgb(94, 94, 96) !important; }
@media (max-width: 1199px) and (min-width: 992px) {
.hero-banner.version-5 .main-product-box .main-pr-img { flex-basis: 18%; min-height: 360px; }
.hero-banner.version-5 .main-product-box .main-pr-content { padding-left: 10px; padding-right: 10px; }
.hero-banner.version-5 .main-product-box p { width: calc(100% - 16px); font-size: 14px; }
.hero-banner.version-5 .main-product-box ul { grid-template-columns: repeat(2, minmax(0px, 1fr)); width: calc(100% - 10px); column-gap: 12px; }
.hero-banner.version-5 .main-product-box ul li { min-width: 0px; font-size: 13px; line-height: 1.25; }
}
@media (max-width: 768px) {
.hero-banner.version-5 .top-main-head { max-width: 100%; padding: 0px 14px; }
.hero-banner.version-5 .top-main-head h1 { line-height: 1.15; overflow-wrap: break-word; }
.hero-banner.version-5 .top-main-head p { max-width: 680px; font-size: clamp(18px, 3.2vw, 22px); font-weight: 400; line-height: 1.34; overflow-wrap: break-word; }
.hero-banner.version-5 .main-product-box h2 { line-height: 1.28; overflow-wrap: break-word; }
.hero-banner.version-5 .main-product-box p { line-height: 1.42; }
.hero-banner.version-5 .trustedby-sect .title-sect h2 { max-width: 680px; margin-left: auto; margin-right: auto; padding: 0px 16px; line-height: 1.25; overflow-wrap: break-word; }
}
@media (max-width: 580px) {
html, body { max-width: 100%; overflow-x: hidden; }
.hero-banner.version-5 { padding-top: 18px; }
.hero-banner.version-5 .container-fluid, .hero-banner.version-5 .row, .hero-banner.version-5 .col-12 { width: 100%; max-width: 100%; }
.hero-banner.version-5 .container-fluid { padding-left: 0px; padding-right: 0px; }
.hero-banner.version-5 .row { margin-left: 0px; margin-right: 0px; }
.hero-banner.version-5 .mobile-view, .hero-banner.version-5 .product-cards-view { width: calc(-24px + 100vw); max-width: calc(-24px + 100vw); margin-top: 28px; margin-left: auto; margin-right: auto; overflow: hidden; }
.hero-banner.version-5 .top-main-head { width: calc(-32px + 100vw); max-width: calc(-32px + 100vw); padding: 0px; margin-left: auto; margin-right: auto; }
.hero-banner.version-5 .top-main-head h1 { font-size: 21px; max-width: 440px; margin-left: auto; margin-right: auto; }
.hero-banner.version-5 .top-main-head p { font-size: 18px; max-width: 440px; line-height: 1.34; margin-left: auto; margin-right: auto; }
.hero-banner.version-5 .mobile-view .main-product-box, .hero-banner.version-5 .product-cards-view .main-product-box { width: calc(-24px + 100vw); max-width: calc(-24px + 100vw); margin-left: auto; margin-right: auto; }
.hero-banner.version-5 .mobile-view .main-product-box .main-pr-content, .hero-banner.version-5 .product-cards-view .main-product-box .main-pr-content { width: 100%; padding: 12px 12px 56px; }
.hero-banner.version-5 .mobile-view .btn-cta-product, .hero-banner.version-5 .product-cards-view .btn-cta-product { width: calc(100% - 32px); max-width: 320px; }
.hero-banner.version-5 .trustedby-sect { padding-top: 36px; }
.hero-banner.version-5 .trustedby-sect .title-sect h2 { font-size: 22px; }
.hero-banner.version-5 .mobile-view .main-product-box ul, .hero-banner.version-5 .product-cards-view .main-product-box ul { grid-template-columns: repeat(2, minmax(0px, 1fr)); width: 100%; column-gap: 10px; }
.hero-banner.version-5 .mobile-view .main-product-box ul li, .hero-banner.version-5 .product-cards-view .main-product-box ul li { display: grid; grid-template-columns: 24px minmax(0px, 1fr); align-items: start; min-width: 0px; white-space: normal; overflow-wrap: break-word; }
.testimonial-sect .testimonial-block { height: auto; min-height: 270px; }
.testimonial-sect .testimonial-block > p { height: auto; min-height: 0px; margin-bottom: 24px; }
.testimonial-sect .username { display: block; }
.testimonial-sect .more-action-in.detail { margin-top: 8px; }
}
@media (max-width: 991px) {
.hero-banner.version-5 .product-card-grid { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 430px) {
.main_nav, header.sticky .main_nav { left: 0px; right: 0px; width: auto; max-width: 100%; overflow-x: hidden; }
.main_nav > .container-fluid { width: 100%; max-width: 100%; box-sizing: border-box; }
.hero-banner.version-5 .top-main-head, .vistasuite-web .top-main-head, .vq-web-view .top-main-head { width: calc(-24px + 100vw); max-width: calc(-24px + 100vw); margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; }
.hero-banner.version-5 .top-main-head h1, .vistasuite-web .top-main-head h1, .vq-web-view .top-main-head h1 { font-size: 24px; line-height: 1.18; overflow-wrap: break-word; }
.hero-banner.version-5 .top-main-head h1 { max-width: 440px; }
.hero-banner.version-5 .top-main-head p { max-width: 100%; font-size: 18px; line-height: 1.34; overflow-wrap: break-word; }
.hero-banner.version-5 .mobile-view, .hero-banner.version-5 .mobile-view .owl-stage-outer, .hero-banner.version-5 .product-cards-view { width: calc(-24px + 100vw); max-width: calc(-24px + 100vw); margin-left: auto; margin-right: auto; overflow: hidden; }
.hero-banner.version-5 .mobile-view .main-product-box, .hero-banner.version-5 .product-cards-view .main-product-box { width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; }
.hero-banner.version-5 .mobile-view .main-product-box h2, .hero-banner.version-5 .product-cards-view .main-product-box h2 { font-size: 19px; line-height: 1.25; }
.hero-banner.version-5 .mobile-view .main-product-box p, .hero-banner.version-5 .mobile-view .main-product-box ul li, .hero-banner.version-5 .product-cards-view .main-product-box p, .hero-banner.version-5 .product-cards-view .main-product-box ul li { font-size: 14px; line-height: 1.42; }
}