/* FONT */
@font-face {
font-family: 'Tank';
src: url('../bdl-components/fonts/tank/Tank-Italic.eot');
src: local('Tank Italic'), local('Tank-Italic'),
url('../bdl-components/fonts/tank/Tank-Italic.eot?#iefix') format('embedded-opentype'),
url('../bdl-components/fonts/tank/Tank-Italic.woff2') format('woff2'),
url('../bdl-components/fonts/tank/Tank-Italic.woff') format('woff'),
url('../bdl-components/fonts/tank/Tank-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Tank';
src: url('../bdl-components/Tank-Regular.eot');
src: local('Tank'), local('Tank-Regular'),
url('../bdl-components/fonts/tank/Tank-Regular.eot?#iefix') format('embedded-opentype'),
url('../bdl-components/fonts/tank/Tank-Regular.woff2') format('woff2'),
url('../bdl-components/fonts/tank/Tank-Regular.woff') format('woff'),
url('../bdl-components/fonts/tank/Tank-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* FONT */
/* NEW HEADER */
.page-template-data-quality, .page-template-data-governance-enrichment, .page-template-observabiliti, .page-template-meta-store,
.page-template-data-lineage, .page-template-agentic, .page-template-user-management, .page-template-auto-data-modeling,
.home, .page-template-page-about, .page-template-page-contact {
overflow: unset;
}
.page-template-transformation-flow {
overflow: unset!important;
padding: 0px!important;
}
.new-header {
padding-top: 28px;
padding-bottom: 28px;
position: sticky;
left: 0px;
top: 0px;
z-index: 1000;
background: #ffffff;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.admin-bar .new-header {
top: 32px;
}
.admin-bar .new-header.mob_menu_open {
top: 0px;
}
.page-template-observabiliti .new-header,
.page-template-meta-store .new-header,
.page-template-data-governance-enrichment .new-header {
background-color: #F2F5F8;
}
.new-header.scroll {
background-color: #ffffff;
-webkit-box-shadow: 0px 7px 10px 0px rgba(34, 34, 34, 0.1);
box-shadow: 0px 7px 10px 0px rgba(34, 34, 34, 0.1);
}
.new-header.scroll.mob_menu_open {
position: fixed;
top: 32px;
left: 0;
width: 100%;
}
.new-header .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.new-header .logo-block {
display: block;
}
.new-header .logo-block a {
text-decoration: none;
}
.new-header .logo-block a img {
display: block;
max-width: 239px;
height: auto;
}
.new-header .right-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.new-header .right-block .menu-block {
background: #FFFFFF;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
padding: 0px 40px;
border-radius: 32px;
position: relative;
}
.new-header .right-block .menu-block ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 46px;
}
.new-header .right-block .menu-block ul li {
display: block;
}
.new-header .right-block .menu-block ul li a {
display: block;
font-size: 16px;
line-height: 56px;
font-weight: 300;
color: #222222;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s;
}
.new-header .right-block .menu-block ul li a:hover {
color: #3A88F8;
}
.new-header .right-block .menu-block ul li.menu-item-has-children>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
}
.new-header .right-block .menu-block ul li.menu-item-has-children>a:after {
content: '';
display: block;
width: 14px;
height: 8px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.new-header .right-block .menu-block ul li.menu-item-has-children.active>a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.new-header .right-block .menu-block ul li ul {
position: absolute;
top: 68px;
left: 0px;
width: 100%;
z-index: 10;
background: #ffffff;
background: #FFFFFF;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
border: solid 1px #E2E2E2;
padding: 8px;
padding-right: 16px;
border-radius: 16px;
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 0;
}
.new-header .right-block .menu-block ul li.active>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.new-header .right-block .menu-block ul li ul:before {
content: '';
position: absolute;
top: -13px;
left: 0;
width: 100%;
height: 14px;
z-index: 10;
}
.new-header .right-block .menu-block ul li ul li {
width: 50%;
}
.new-header .right-block .menu-block ul li ul li a {
line-height: 16px;
padding: 12px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
border-radius: 8px;
transition: 0.3s;
}
.new-header .right-block .menu-block ul li ul li:hover a {
background-color: #F2F5F8;
}
.new-header .right-block .menu-block ul li ul li a img {
width: 20px;
min-width: 20px;
margin: unset;
}
.new-header .right-block .menu-block ul li ul li a span {
font-size: 16px;
line-height: 24px;
color: #222222;
text-transform: capitalize;
}
.new-header .right-block .menu-block ul li ul li a img {
max-width: 20px;
height: auto;
}
.new-header .right-block .menu-block ul li ul li a:hover {
text-decoration: none;
}
.new-header .right-block .menu-mob-buttom {
display: none;
}
.new-header .right-block .menu-mob-buttom .button {
width: 40px;
height: 40px;
border-radius: 20px;
background: #083573;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2px;
}
.new-header .right-block .menu-mob-buttom .button.active {
padding-right: 1px;
}
.new-header .right-block .menu-mob-buttom .button span {
width: 10px;
height: 1px;
background: #ffffff;
display: block;
transition: 0.3s;
}
.new-header .right-block .menu-mob-buttom .button.active span:nth-child(1) {
transform: rotate(45deg);
width: 13px;
margin-top: 1px;
}
.new-header .right-block .menu-mob-buttom .button.active span:nth-child(2) {
transform: rotate(-45deg);
margin-top: -3px;
width: 13px;
}
.new-header .right-block .menu-mob-buttom .button.active span:nth-child(3) {
opacity: 0;
}
.new-header .right-block .button-block {
display: block;
}
.new-header .right-block .button-block a {
background: #ffffff;
padding: 16px 51px;
border-radius: 50px;
font-size: 16px;
line-height: 21px;
font-weight: 400;
color: #222222;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
text-transform: uppercase;
transition: 0.3s;
}
.new-header .right-block .button-block a:hover {
background-color: #083573;
color: #ffffff;
}
.new-header .right-block .button-block a svg {
display: block;
}
.new-header .right-block .button-block a svg path {
transition: 0.3s;
}
.new-header .right-block .button-block a:hover svg path {
stroke: #ffffff;
}
.mobile-menu-body {
position: fixed;
background: #ffffff;
z-index: 10;
width: 100%;
height: calc(100vh - 72px);
left: 0px;
top: 72px;
overflow-x: hidden;
overflow-y: auto;
display: none;
}
.admin-bar .mobile-menu-body {
height: calc(100vh - 104px);
top: 104px;
}
.mobile-menu-body .menu-body {
display: block;
}
.mobile-menu-body .menu-body ul {
display: block;
}
.mobile-menu-body .menu-body ul li {
padding-left: 15px;
padding-right: 16px;
}
.mobile-menu-body .menu-body ul li a {
font-size: 32px;
line-height: 80px;
font-weight: 400;
color: #404656;
}
.mobile-menu-body .menu-body ul li.menu-item-has-children>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.mobile-menu-body .menu-body ul li.menu-item-has-children a:after {
content: '';
display: block;
width: 36px;
height: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mobile-menu-body .menu-body ul li ul {
display: none;
}
.mobile-menu-body .menu-body ul.slide-in {
transform: translateX(100%);
}
.mobile-menu-body .menu-body ul.active {
transform: translateX(0);
}
.mobile-menu-body .menu-body ul.slide-out {
transform: translateX(-100%);
position: absolute;
z-index: 0;
}
.mobile-menu-body .menu-body ul {
transition: transform 0.3s ease;
}
.mobile-menu-body .menu-body ul.sub-menu {
position: relative;
z-index: 2;
}
.mobile-menu-body .menu-body ul.sub-menu li {
padding: 0;
border-bottom: solid 2px #E2E2E2;
}
.mobile-menu-body .menu-body ul.sub-menu li a {
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: #222222;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
padding: 16px 17px;
}
.mobile-menu-body .menu-body ul.sub-menu li a img {
width: 20px;
height: 20px;
max-width: 20px;
min-width: 20px;
display: block;
}
.mobile-menu-body .menu-body ul.sub-menu li a span {
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: #222222;
}
.mobile-menu-body .menu-body ul.sub-menu li a:after {
content: '';
display: block;
width: 16px;
height: 14px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-left: auto;
}
.mobile-menu-body .fot-menu {
background-color: #3A88F8;
padding: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
margin-top: auto;
}
.mobile-menu-body .fot-menu .social-block {
width: 35%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 7px;
}
.mobile-menu-body .fot-menu .social-block a {
width: 32px;
min-width: 32px;
height: 32px;
border-radius: 16px;
background-color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-menu-body .fot-menu .social-block a svg {
display: block;
}
.mobile-menu-body .fot-menu .cont-button {
width: 55%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mobile-menu-body .fot-menu .cont-button a {
background-color: #083573;
padding: 7px 16px;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
border-radius: 50px;
max-width: 136px;
}
.mobile-menu-body .fot-menu .cont-button a svg {
display: block;
}
.mobile-menu-body .fot-menu .cop-block {
text-align: center;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #FFFFFF;
width: 100%;
}
@media all and (max-width: 1400px) {
.new-header .container {
width: 928px;
padding: 0px 16px;
}
.new-header .logo-block a img {
max-width: 200px;
max-height: 48px;
}
.new-header .right-block .menu-block {
-webkit-box-shadow: 1px 6px 8px 0px rgba(0, 0, 0, 0.11);
box-shadow: 1px 6px 8px 0px rgba(0, 0, 0, 0.11);
padding: 0px 30px;
}
.new-header .right-block .menu-block ul li ul {
width: 120%;
}
.new-header .right-block .menu-block ul li a {
font-size: 14px;
line-height: 48px;
}
.new-header .right-block .menu-block ul {
gap: 32px;
}
.new-header .right-block .button-block a {
padding: 15px 32px;
font-size: 14px;
line-height: 18px;
gap: 8px;
}
.new-header .right-block .button-block a svg {
width: 28px;
height: 18px;
}
}
@media all and (max-width: 991px) {
.mobile-menu-body.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.new-header {
padding-top: 16px;
padding-bottom: 16px;
}
.new-header .container {
gap: 10px;
}
.new-header .logo-block a img {
max-width: 100px;
}
.new-header .right-block {
gap: 9px;
}
.new-header .right-block .button-block a {
padding: 12px 12px;
gap: 6px;
font-size: 12px;
line-height: 16px;
}
.new-header .right-block .button-block a svg {
width: 24px;
height: 16px;
}
.new-header .right-block .menu-block {
display: none;
}
.new-header .right-block .menu-mob-buttom {
display: block;
}
}
@media all and (max-width: 782px) {
.admin-bar .new-header,
.new-header.scroll.mob_menu_open {
top: 46px;
}
.admin-bar .mobile-menu-body {
height: calc(100vh - 118px);
top: 118px;
}
}
@media all and (max-width: 600px) {
.admin-bar .new-header {
top: 0px;
padding-top: 16px;
padding-bottom: 16px;
}
.new-header.scroll.mob_menu_open {
top: 0px;
}
.admin-bar .mobile-menu-body.scroll {
height: calc(100vh - 72px);
top: 72px;
}
}
@media all and (max-width: 376px) {
.dq-hero-section .left_block .title-block span {
max-width: 255px;
}
}
/* NEW HEADER */
/* BDL Landing */
/* HERO SECTION */
.hero-section {
background-color: #083573;
padding-top: 60px;
padding-bottom: 80px;
}
.hero-section .container {
width: 1342px;
}
.hero-section .heade_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 72px;
}
.hero-section .heade_block .logo-block {
display: block;
}
.hero-section .heade_block .logo-block img {
max-width: 194px;
height: auto;
display: block;
}
.hero-section .heade_block .text-block {
background-color: #FFFFFF;
border-radius: 36px;
padding: 12px 24px;
text-decoration: none;
}
.hero-section .heade_block .text-block p {
font-size: 24px;
color: #083573;
font-weight: 500;
}
.hero-section .heade_block .text-block p strong {
font-family: 'Tank';
font-size: 24px;
color: #C80C0F;
font-weight: 400;
}
.hero-section .title {
font-size: 64px;
line-height: 72px;
color: #FFFF;
font-weight: 900;
text-align: center;
margin-bottom: 32px;
max-width: 1049px;
margin-left: auto;
margin-right: auto;
}
.hero-section .text {
font-size: 18px;
line-height: 21px;
font-weight: 400;
color: #FFFFFF;
text-align: center;
max-width: 703px;
margin-left: auto;
margin-right: auto;
}
.hero-section .button {
margin-top: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-section .button a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background-color: #3A88F8;
border-radius: 50px;
padding: 18px 32px;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
font-weight: 400;
text-transform: uppercase;
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
transition: 0.3s;
}
.hero-section .button a:hover {
background-color: #FFFFFF;
color: #3A88F8;
}
.hero-section .button a svg {
display: block;
}
.hero-section .button a svg path {
transition: 0.3s;
}
.hero-section .button a:hover svg path {
fill: #3A88F8;
}
@media all and (max-width: 1400px) {
.hero-section {
padding-bottom: 99px;
}
.hero-section .container {
width: 926px;
}
.hero-section .title {
font-size: 56px;
line-height: 64px;
margin-bottom: 32px;
max-width: 883px;
}
.hero-section .text {
max-width: 685px;
}
.hero-section .button {
margin-top: 46px;
}
}
@media all and (max-width: 991px) {
.hero-section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.hero-section {
padding-top: 40px;
padding-bottom: 64px;
}
.hero-section .heade_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.hero-section .heade_block .logo-block img {
max-width: 129px;
height: auto;
display: block;
}
.hero-section .heade_block .text-block {
padding: 8px 24px;
max-width: 219px;
}
.hero-section .heade_block .text-block p {
font-size: 18px;
font-weight: 500;
text-align: center;
}
.hero-section .heade_block .text-block p strong {
font-size: 20px;
display: block;
}
.hero-section .heade_block {
margin-bottom: 32px;
}
.hero-section .title {
font-size: 32px;
line-height: 40px;
margin-bottom: 16px;
}
.hero-section .text {
font-size: 18px;
line-height: 24px;
}
.hero-section .button a {
padding: 4px 32px;
}
}
/* HERO SECTION */
/* AFTER HERO SECTION */
.after-hero-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.after-hero-section .first_block {
width: 33.333333%;
padding: 53px 32px;
text-align: center;
background-color: #B0CFFC;
}
.after-hero-section .center_block {
width: 33.333333%;
padding: 53px 32px;
text-align: center;
background-color: #C4DCFD;
}
.after-hero-section .right_block {
width: 33.333333%;
padding: 53px 32px;
text-align: center;
background-color: #D8E7FE;
}
.after-hero-section div span {
font-size: 28px;
line-height: 33px;
font-weight: 700;
color: #222222;
}
@media all and (max-width: 1400px) {
.after-hero-section .first_block,
.after-hero-section .center_block,
.after-hero-section .right_block {
padding: 36px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media all and (max-width: 767px) {
.after-hero-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.after-hero-section .first_block,
.after-hero-section .center_block,
.after-hero-section .right_block {
padding: 24px;
width: 100%;
}
.after-hero-section div span {
font-size: 20px;
line-height: 24px;
}
}
/* AFTER HERO SECTION */
/* END TO END */
.end-to-end-section {
background-color: #F4F8FB;
padding-top: 56px;
padding-bottom: 56px;
}
.end-to-end-section .container {
width: 1342px;
}
.end-to-end-section .title {
font-size: 48px;
line-height: 1;
color: #3A88F8;
font-weight: 700;
text-align: center;
max-width: 868px;
margin-left: auto;
margin-right: auto;
margin-bottom: 56px;
}
.end-to-end-section .list-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.end-to-end-section .list-body .left-block {
width: 42.1%;
background-color: #FFFFFF;
border-radius: 16px;
overflow: hidden;
}
.end-to-end-section .list-body .left-block .list-nav-i {
background-color: #ffffff;
padding: 24px;
border-bottom: solid 2px #E2E2E2;
cursor: pointer;
}
.end-to-end-section .list-body .left-block .list-nav-i.active {
cursor: default;
border-radius: 16px;
border: solid 2px #3A88F8;
}
.end-to-end-section .list-body .left-block .list-nav-i .head-b {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 12px;
}
.end-to-end-section .list-body .left-block .list-nav-i .head-b .icon {
width: 40px;
height: 40px;
background-color: #083573;
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.end-to-end-section .list-body .left-block .list-nav-i .head-b .icon img {
max-width: 100%;
height: auto;
display: block;
}
.end-to-end-section .list-body .left-block .list-nav-i .head-b .titl {
font-size: 24px;
line-height: 28px;
font-weight: 400;
color: #222222;
}
.end-to-end-section .list-body .left-block .list-nav-i.active .head-b .titl {
font-weight: 700;
}
.end-to-end-section .list-body .left-block .list-nav-i .head-b .arrow {
margin-left: auto;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-line-pack: center;
align-content: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.end-to-end-section .list-body .left-block .list-nav-i.active .head-b .arrow,
.end-to-end-section .list-body .left-block .list-nav-i:hover .head-b .arrow {
opacity: 1;
}
.end-to-end-section .list-body .left-block .list-nav-i .text_b {
margin-top: 20px;
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #222222;
display: none;
}
.end-to-end-section .list-body .left-block .list-nav-i.active .text_b {
display: block;
}
.end-to-end-section .list-body .left-block .list-nav-i .text_b .mob_list {
display: none;
}
.end-to-end-section .list-body .left-block .list-nav-i .text_b .mob_list span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
font-size: 16px;
line-height: 22px;
}
.end-to-end-section .list-body .left-block .list-nav-i .text_b .mob_list span svg {
min-width: 19px;
}
.end-to-end-section .list-body .left-block .list-nav-i .text_b .mob-image {
display: none;
}
.end-to-end-section .list-body .left-block .list-nav-i .text_b .mob-image img {
display: block;
width: 100%;
}
.end-to-end-section .list-body .cont_list {
width: 54.9%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.end-to-end-section .list-body .cont_list .content_i {
display: none;
background-color: #D8E7FE;
padding: 24px 32px;
border-radius: 16px;
margin-top: auto;
}
.end-to-end-section .list-body .cont_list .content_i:nth-child(1) {
margin-top: 0px;
}
.end-to-end-section .list-body .cont_list .content_i:nth-child(2) {
margin-top: 90px;
}
.end-to-end-section .list-body .cont_list .content_i:nth-child(3) {
margin-top: 180px;
}
.end-to-end-section .list-body .cont_list .content_i:nth-child(4) {
margin-top: 270px;
}
.end-to-end-section .list-body .cont_list .content_i.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.end-to-end-section .list-body .cont_list .content_i img {
order: 2;
margin: auto;
margin-bottom: 40px;
max-width: 100%;
display: block;
height: auto;
}
.end-to-end-section .list-body .cont_list .content_i .top_check {
width: auto;
max-width: 50%;
margin-left: 0;
margin-right: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
border-radius: 16px;
padding: 16px;
background-color: #FFFFFF;
border: solid 1px #E2E2E2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0px 2px 6px 0px rgba(34, 34, 34, 0.1);
box-shadow: 0px 2px 6px 0px rgba(34, 34, 34, 0.1);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
margin-bottom: 40px;
}
.end-to-end-section .list-body .cont_list .content_i .top_check.invert {
margin-left: auto;
margin-right: 0;
}
.end-to-end-section .list-body .cont_list .content_i .bottom_check {
width: auto;
max-width: 50%;
margin-left: auto;
margin-right: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
border-radius: 16px;
padding: 16px;
background-color: #FFFFFF;
border: solid 1px #E2E2E2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0px 2px 6px 0px rgba(34, 34, 34, 0.1);
box-shadow: 0px 2px 6px 0px rgba(34, 34, 34, 0.1);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
}
.end-to-end-section .list-body .cont_list .content_i .bottom_check.invert {
margin-left: 0;
margin-right: auto;
}
.end-to-end-section .list-body .cont_list .content_i span {
font-size: 18px;
line-height: 20px;
font-weight: 400;
color: #222222;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.end-to-end-section .list-body .cont_list .content_i span svg {
display: block;
}
@media all and (max-width: 1400px) {
.end-to-end-section {
padding-bottom: 32px;
}
.end-to-end-section .container {
width: 926px;
}
.end-to-end-section .list-body .left-block {
width: 48.9%;
}
.end-to-end-section .list-body .cont_list {
width: 48.9%;
}
.end-to-end-section .list-body .cont_list .content_i .top_check,
.end-to-end-section .list-body .cont_list .content_i .bottom_check {
max-width: 70%;
}
.end-to-end-section .list-body .cont_list .content_i span svg {
min-width: 19px;
}
}
@media all and (max-width: 991px) {
.end-to-end-section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.end-to-end-section {
padding-bottom: 40px;
padding-top: 40px;
}
.end-to-end-section .title {
font-size: 32px;
line-height: 38px;
text-align: center;
margin-bottom: 32px;
}
.end-to-end-section .list-body .cont_list {
display: none;
}
.end-to-end-section .list-body .left-block {
width: 100%;
border-radius: 0px;
}
.end-to-end-section .list-body .left-block .list-nav-i {
padding: 16px;
}
.end-to-end-section .list-body .left-block .list-nav-i.active {
border-radius: 0px;
}
.end-to-end-section .list-body .left-block .list-nav-i .head-b .icon {
min-width: 40px;
}
.end-to-end-section .list-body .left-block .list-nav-i .head-b .titl {
font-size: 18px;
line-height: 22px;
}
.end-to-end-section .list-body .left-block .list-nav-i .text_b {
margin-top: 16px;
font-size: 16px;
line-height: 22px;
}
.end-to-end-section .list-body .left-block .list-nav-i .text_b .mob_list {
margin-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4px;
}
.end-to-end-section .list-body .left-block .list-nav-i .text_b .mob-image {
display: block;
margin-top: 16px;
}
}
/* END TO END */
/* MODERN ARCHITECTURE */
.modern-architecture-section {
padding-top: 56px;
padding-bottom: 24px;
}
.modern-architecture-section .container {
width: 1342px;
}
.modern-architecture-section .top-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.modern-architecture-section .top-block .title {
max-width: 534px;
font-size: 48px;
line-height: 56px;
font-weight: 700;
color: #083573;
}
.modern-architecture-section .top-block .title strong {
color: #3A88F8;
font-weight: 700;
}
.modern-architecture-section .top-block .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.modern-architecture-section .top-block .text span {
font-size: 24px;
line-height: 40px;
font-weight: 400;
font-style: italic;
color: #222222;
max-width: 345px;
}
.modern-architecture-section .top-block .text svg {
display: block;
margin-right: -8px;
margin-top: 0px;
}
.modern-architecture-section .list_block {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 40px;
}
.modern-architecture-section .list_block .ittem_block {
width: 16.666666%;
border: solid 1px #C6C8CD;
border-radius: 11px;
padding: 24px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 26px;
}
.modern-architecture-section .list_block .ittem_block .image {
display: block;
}
.modern-architecture-section .list_block .ittem_block .image img {
filter: grayscale(1);
transition: 0.3s;
}
.modern-architecture-section .list_block .ittem_block:hover .image img {
filter: grayscale(0);
}
.modern-architecture-section .list_block .ittem_block .text {
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #8C909A;
text-align: center;
transition: 0.3s;
}
.modern-architecture-section .list_block .ittem_block:hover .text {
color: #222222;
}
@media all and (max-width: 1400px) {
.modern-architecture-section .container {
width: 926px;
}
.modern-architecture-section .list_block {
margin-top: 28px;
gap: 12px;
}
.modern-architecture-section .list_block .ittem_block {
padding: 18px 11px;
border-radius: 8px;
}
.modern-architecture-section .list_block .ittem_block .text {
font-size: 14px;
line-height: 18px;
}
}
@media all and (max-width: 991px) {
.modern-architecture-section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.modern-architecture-section {
padding-top: 24px;
padding-bottom: 24px;
}
.modern-architecture-section .top-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modern-architecture-section .top-block .title {
max-width: 100%;
font-size: 24px;
line-height: 28px;
margin-bottom: 28px;
}
.modern-architecture-section .top-block .text svg {
display: block;
margin-right: 0px;
margin-top: 12px;
max-width: 100%;
width: 204px;
height: auto;
}
.modern-architecture-section .top-block .text {
width: 100%;
}
.modern-architecture-section .top-block .text span {
font-size: 24px;
line-height: 28px;
font-weight: 400;
font-style: italic;
color: #222222;
max-width: 180px;
}
.modern-architecture-section .list_block {
margin-top: 28px;
gap: 12px 4%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.modern-architecture-section .list_block .ittem_block {
padding: 16px 10px;
border-radius: 8px;
width: 48%;
gap: 19px;
}
.modern-architecture-section .list_block .ittem_block .text {
font-size: 13px;
line-height: 17px;
}
}
/* MODERN ARCHITECTURE */
/* BOOTH J50 */
.booth-j50-section {
padding-top: 56px;
padding-bottom: 56px;
}
.booth-j50-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.booth-j50-section .left_block {
max-width: 534px;
padding-top: 48px;
}
.booth-j50-section .left_block .title {
margin-bottom: 40px;
}
.booth-j50-section .left_block .title p {
font-size: 48px;
line-height: 56px;
font-weight: 700;
color: #222222;
}
.booth-j50-section .left_block .title strong {
font-weight: 700;
color: #3A88F8;
}
.booth-j50-section .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.booth-j50-section .button a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
border-radius: 50px;
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
padding: 18px 32px;
background: #3A88F8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
transition: 0.3s;
}
.booth-j50-section .button a:hover {
background: #ffffff;
color: #3A88F8;
}
.booth-j50-section .button a svg path {
transition: 0.3s;
}
.booth-j50-section .button a:hover svg path {
fill: #3A88F8;
}
.booth-j50-section .image_block {
max-width: 743px;
}
.booth-j50-section .image_block img {
max-width: 100%;
height: auto;
display: block;
}
.booth-j50-section .image_block .button {
display: none;
}
@media all and (max-width: 1400px) {
.booth-j50-section .container {
width: 926px;
}
.booth-j50-section .left_block {
max-width: 440px;
}
.booth-j50-section .left_block .title p {
font-size: 40px;
line-height: 48px;
}
.booth-j50-section .image_block {
max-width: 49%;
}
.booth-j50-section .image_block img {
min-height: 400px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
}
@media all and (max-width: 991px) {
.booth-j50-section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.booth-j50-section .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.booth-j50-section .left_block {
padding-top: 0px;
width: 100%;
max-width: 100%;
}
.booth-j50-section .left_block .title p {
font-size: 24px;
line-height: 28px;
text-align: center;
}
.booth-j50-section .left_block .title {
margin-bottom: 24px;
}
.booth-j50-section .left_block .button {
display: none;
}
.booth-j50-section .image_block {
max-width: unset;
margin-left: -16px;
margin-right: -16px;
overflow: hidden;
}
.booth-j50-section .image_block img {
min-height: unset;
}
.booth-j50-section .image_block .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 16px;
margin-top: 24px;
}
.booth-j50-section .image_block .button a {
padding: 12px 28px;
font-size: 14px;
line-height: 20px;
}
.booth-j50-section .image_block .button a svg {
width: 20px;
height: auto;
}
}
/* BOOTH J50 */
/* BDL Landing */
/* DATA QUARITY TMPL */
/* HERO SECTION */
.dq-hero-section {
padding-top: 20px;
padding-bottom: 40px;
overflow: hidden;
}
.dq-hero-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 32px;
}
.dq-hero-section .left_block {
width: 49.5%;
}
.dq-hero-section .left_block .title-block {
margin-bottom: 20px;
}
.dq-hero-section .left_block .title-block>* {
margin: 0px;
font-size: 60px;
line-height: 72px;
color: #000000;
}
.dq-hero-section .left_block .title-block span {
display: block;
padding: 0px 20px;
background-color: #3A88F8;
border-radius: 37px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
font-size: 60px;
line-height: 72px;
font-weight: 700;
color: #ffffff;
margin-left: -20px;
position: relative;
}
.dq-hero-section .left_block .title-block span:before {
content: '';
position: absolute;
width: 1000px;
height: 100%;
background: #3A88F8;
right: 100%;
}
.dq-hero-section .left_block .text-block {
margin-bottom: 40px;
}
.dq-hero-section .left_block .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
}
.dq-hero-section .button-block {
display: flex;
}
.dq-hero-section .button-block a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background-color: #083573;
border-radius: 50px;
padding: 18px 32px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
text-transform: uppercase;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
transition: 0.3s;
}
.dq-hero-section .button-block a:hover {
background-color: #ffffff;
color: #083573;
}
.dq-hero-section .button-block a svg {
display: block;
}
.dq-hero-section .button-block a svg path {
transition: 0.3s;
}
.dq-hero-section .button-block a:hover svg path {
fill: #083573;
}
.dq-hero-section .image_block {
width: 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.dq-hero-section .image_block img {
max-width: 100%;
height: auto;
display: block;
}
@media all and (max-width: 1400px) {
.dq-hero-section .container {
width: 926px;
}
.dq-hero-section .left_block {
width: 58%;
}
.dq-hero-section .left_block .title-block>* {
font-size: 48px;
line-height: 48px;
}
.dq-hero-section .left_block .title-block span {
padding: 0px 10px;
font-size: 48px;
line-height: 48px;
margin-left: -10px;
}
.dq-hero-section .left_block .text-block {
margin-bottom: 32px;
}
.dq-hero-section .left_block .text-block p {
font-size: 18px;
line-height: 28px;
}
.dq-hero-section .button-block a {
gap: 8px;
padding: 13px 26px;
line-height: 20px;
}
.dq-hero-section .button-block a svg {
width: 20px;
height: 20px;
}
.dq-hero-section .image_block {
width: 38%;
}
.dq-hero-section .image_block img {
width: 340px;
}
.dq-hero-section .image_block #agentic-animation {
max-height: 192px;
max-width: 100%;
}
}
@media all and (max-width: 991px) {
.dq-hero-section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.dq-hero-section {
padding-top: 40px;
padding-bottom: 0px;
}
.dq-hero-section .container {
padding-bottom: 112px;
position: relative;
}
.dq-hero-section .left_block {
width: 100%;
}
.dq-hero-section .left_block .title-block>* {
font-size: 32px;
line-height: 36px;
}
.dq-hero-section .left_block .title-block span {
padding: 0px 10px;
font-size: 32px;
line-height: 36px;
margin-left: -10px;
}
.dq-hero-section .left_block .text-block p {
font-size: 16px;
line-height: 24px;
}
.dq-hero-section .button-block {
position: absolute;
bottom: 32px;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dq-hero-section .button-block a {
gap: 8px;
padding: 11px 16px;
font-size: 12px;
line-height: 18px;
}
.dq-hero-section .button-block a svg {
width: 16px;
height: 16px;
}
.dq-hero-section .image_block {
width: 100%;
}
}
/* HERO SECTION */
/* EVERY LEVEL */
.dq-every-level-section {
padding: 56px 0px;
}
.dq-every-level-section .container {
width: 1342px;
}
.dq-every-level-section .title-block {
margin-bottom: 24px;
}
.dq-every-level-section .title-block h2 {
font-size: 48px;
line-height: 1;
font-weight: 700;
color: #222222;
text-align: center;
max-width: 868px;
margin: auto;
}
.dq-every-level-section .title-block span {
color: #3A88F8;
display: inline;
}
.dq-every-level-section .text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dq-every-level-section .text-block p {
font-size: 18px;
line-height: 24px;
color: #222222;
font-weight: 400;
text-align: center;
max-width: 820px;
}
.dq-every-level-section .blocks {
margin-top: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 20px;
}
.dq-every-level-section .blocks .block_i {
border-radius: 12px;
border: solid 2px #ECEDEF;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.dq-every-level-section .blocks .block_i .icon {
width: 48px;
height: 48px;
background-color: #395D8F;
border-radius: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.dq-every-level-section .blocks .block_i .icon img {
max-width: 80%;
height: auto;
display: block;
}
.dq-every-level-section .blocks .block_i .titl {
margin-bottom: 8px;
}
.dq-every-level-section .blocks .block_i .titl h3 {
margin: 0;
font-size: 20px;
line-height: 28px;
color: #222222;
font-weight: 700;
}
.dq-every-level-section .blocks .block_i .text {
display: block;
}
.dq-every-level-section .blocks .block_i .text p {
font-size: 16px;
line-height: 24px;
color: #222222;
font-weight: 400;
}
@media all and (max-width: 1400px) {
.dq-every-level-section {
padding: 32px 0px;
}
.dq-every-level-section .container {
width: 926px;
}
.dq-every-level-section .title-block h2 {
font-size: 40px;
max-width: 750px;
}
.dq-every-level-section .text-block p {
font-size: 18px;
line-height: 28px;
max-width: 100%;
}
.dq-every-level-section .blocks {
margin-top: 52px;
gap: 20px 2%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dq-every-level-section .blocks .block_i {
padding: 24px;
width: 49%;
}
}
@media all and (max-width: 991px) {
.dq-every-level-section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.dq-every-level-section {
padding: 40px 0px;
}
.dq-every-level-section .title-block {
margin-bottom: 16px;
}
.dq-every-level-section .title-block h2 {
font-size: 28px;
line-height: 36px;
max-width: 100%;
}
.dq-every-level-section .text-block p {
font-size: 16px;
line-height: 24px;
max-width: 100%;
}
.dq-every-level-section .blocks {
margin-top: 32px;
gap: 20px;
}
.dq-every-level-section .blocks .block_i {
padding: 16px;
width: 100%;
}
.dq-every-level-section .blocks .block_i .icon {
width: 40px;
height: 40px;
padding: 10px;
}
}
/* EVERY LEVEL */
/* RULE APP */
.rule-app-section {
background-color: #F2F5F8;
padding-top: 48px;
padding-bottom: 80px;
}
.rule-app-section .container {
width: 1342px;
}
.rule-app-section .title-block {
margin-bottom: 24px;
}
.rule-app-section .title-block h2 {
font-size: 48px;
line-height: 1;
font-weight: 700;
color: #222222;
text-align: center;
}
.rule-app-section .text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 51px;
}
.rule-app-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
max-width: 868px;
text-align: center;
}
.rule-app-section .body-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 40px;
}
.rule-app-section .body-block .left-block {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.rule-app-section .body-block .left-block .head-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-bottom: 25px;
}
.rule-app-section .body-block .left-block .head-block .icon {
width: 48px;
height: 48px;
min-width: 48px;
background-color: #083573;
border-radius: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rule-app-section .body-block .left-block .head-block .icon img {
display: block;
}
.rule-app-section .body-block .left-block .head-block .right-block {
display: block;
}
.rule-app-section .body-block .left-block .head-block .right-block .title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
display: block;
}
.rule-app-section .body-block .left-block .head-block .right-block .text {
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #667085;
}
.rule-app-section .body-block .left-block .list-block {
background: #ffffff;
border: solid 1px #ECEDEF;
border-radius: 16px;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 16px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem {
border: solid 1px #D9DADD;
border-radius: 8px;
padding: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .icon-block {
min-width: 48px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .icon-block .icon {
width: 48px;
height: 48px;
min-width: 48px;
background-color: #083573;
border-radius: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .icon-block .icon img {
display: block;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 12px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block .title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block .text {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #667085;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block .tags .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 24px;
padding: 4px 10px;
gap: 5px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block .tags .tag .icon {
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block .tags .tag .icon img {
display: block;
max-width: 10px;
height: auto;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block .tags .tag .name {
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #222222;
}
.rule-app-section .body-block .left-block .button-block {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rule-app-section .body-block .left-block .button-block a {
padding: 18px 32px;
background-color: #3A88F8;
color: #ffffff;
border-radius: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.rule-app-section .body-block .left-block .button-block a:hover {
background-color: #ffffff;
color: #3A88F8;
}
.rule-app-section .body-block .left-block .button-block a svg {
display: block;
}
.rule-app-section .body-block .left-block .button-block a svg path {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.rule-app-section .body-block .left-block .button-block a:hover svg path {
fill: #3A88F8;
}
.rule-app-section .body-block .right-block {
width: 50%;
}
.rule-app-section .body-block .right-block .head-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-bottom: 25px;
}
.rule-app-section .body-block .right-block .head-block .icon {
width: 48px;
height: 48px;
min-width: 48px;
background-color: #3A88F8;
border-radius: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rule-app-section .body-block .right-block .head-block .icon img {
display: block;
}
.rule-app-section .body-block .right-block .head-block .right-block {
display: block;
}
.rule-app-section .body-block .right-block .head-block .right-block .title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
display: block;
}
.rule-app-section .body-block .right-block .head-block .right-block .text {
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #667085;
}
.rule-app-section .body-block .right-block .list-block {
background: #ffffff;
border: solid 1px #ECEDEF;
border-radius: 16px;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 16px;
}
.rule-app-section .body-block .right-block .list-block .block-ittem {
border: solid 1px #D9DADD;
border-radius: 8px;
padding: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .icon-block {
min-width: 48px;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .icon-block .icon {
width: 48px;
height: 48px;
min-width: 48px;
background-color: #083573;
border-radius: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .icon-block .icon img {
display: block;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 12px
}
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block .title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block .text {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #667085;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block .tags .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 24px;
padding: 4px 10px;
gap: 5px;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block .tags .tag .icon {
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block .tags .tag .icon img {
display: block;
max-width: 10px;
height: auto;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block .tags .tag .name {
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #222222;
}
@media all and (max-width: 1400px) {
.rule-app-section {
padding-top: 32px;
padding-bottom: 32px;
}
.rule-app-section .container {
width: 926px;
}
.rule-app-section .title-block h2 {
font-size: 40px;
}
.rule-app-section .text-block p {
font-size: 18px;
line-height: 28px;
max-width: 636px;
}
.rule-app-section .text-block {
margin-bottom: 51px;
}
.rule-app-section .body-block {
gap: 20px;
}
.rule-app-section .body-block .right-block .head-block .right-block {
width: 100%;
}
.rule-app-section .body-block .left-block .button-block a {
padding: 13px 28px;
gap: 8px;
font-size: 16px;
line-height: 20px;
}
.rule-app-section .body-block .left-block .button-block a svg {
width: 20px;
height: 20px;
}
}
@media all and (max-width: 991px) {
.rule-app-section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.rule-app-section {
padding-top: 40px;
padding-bottom: 40px;
}
.rule-app-section .title-block {
margin-bottom: 20px;
}
.rule-app-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.rule-app-section .text-block {
margin-bottom: 40px;
}
.rule-app-section .text-block p {
font-size: 16px;
line-height: 24px;
max-width: 636px;
}
.rule-app-section .body-block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding-bottom: 64px;
}
.rule-app-section .body-block .left-block,
.rule-app-section .body-block .right-block {
width: 100%;
}
.rule-app-section .body-block .left-block .head-block,
.rule-app-section .body-block .right-block .head-block {
margin-bottom: 16px;
}
.rule-app-section .body-block .left-block .button-block {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.rule-app-section .body-block .left-block .button-block a {
padding: 11px 16px;
gap: 8px;
font-size: 12px;
line-height: 18px;
}
.rule-app-section .body-block .left-block .button-block a svg {
width: 16px;
height: 16px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem,
.rule-app-section .body-block .right-block .list-block .block-ittem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rule-app-section .body-block .left-block .head-block .right-block .text,
.rule-app-section .body-block .right-block .head-block .right-block .text {
line-height: 20px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block .title,
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block .title {
text-align: center;
}
.rule-app-section .body-block .right-block .list-block .block-ittem .icon-block,
.rule-app-section .body-block .left-block .list-block .block-ittem .icon-block {
min-width: 40px;
}
.rule-app-section .body-block .left-block .head-block .icon,
.rule-app-section .body-block .left-block .list-block .block-ittem .icon-block .icon img,
.rule-app-section .body-block .left-block .list-block .block-ittem .icon-block .icon,
.rule-app-section .body-block .right-block .head-block .icon,
.rule-app-section .body-block .right-block .list-block .block-ittem .icon-block .icon {
width: 40px;
height: 40px;
min-width: 40px;
padding: 10px;
}
.rule-app-section .body-block .left-block .list-block .block-ittem .info-block .tags,
.rule-app-section .body-block .right-block .list-block .block-ittem .info-block .tags {
gap: 8px;
}
}
/* RULE APP */
/* HOW WORKS */
.how-works-section {
background-color: #083573;
padding-top: 48px;
padding-bottom: 48px;
}
.how-works-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.how-works-section .title {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
margin-bottom: 24px;
}
.how-works-section .title>* {
font-size: 48px;
line-height: 1;
font-weight: 700;
color: #FFFFFF;
}
.how-works-section .text {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
margin-bottom: 56px;
position: relative;
}
.how-works-section .text p {
max-width: 828px;
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
text-align: center;
}
.how-works-section .text svg {
position: absolute;
right: 30%;
top: 50px;
}
.how-works-section .info_block {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.how-works-section .info_block .titl-bg {
background-color: #3A88F8;
border-top-right-radius: 36px;
border-bottom-right-radius: 36px;
padding: 21px 22px;
padding-left: 0px;
position: relative;
margin-bottom: 32px;
}
.how-works-section .info_block .titl-bg>* {
font-size: 36px;
line-height: 28px;
color: #FFFFFF;
font-weight: 700;
}
.how-works-section .info_block .titl-bg:before {
content: '';
display: block;
background-color: #3A88F8;
position: absolute;
top: 0px;
right: 100%;
height: 100%;
width: 1000px;
}
.how-works-section .info_block .num-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 20px;
max-width: 535px;
width: 100%;
margin-bottom: 45px;
}
.how-works-section .info_block .num-list .num_i {
background: #FFFFFF;
border-radius: 8px;
border: solid 1px #D9DADD;
padding: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
cursor: pointer;
}
.how-works-section .info_block .num-list .num_i * {
opacity: 0.5;
}
.how-works-section .info_block .num-list .num_i.active * {
opacity: 1;
}
.how-works-section .info_block .num-list .num_i .num {
width: 48px;
height: 48px;
min-width: 48px;
background: #083573;
border-radius: 24px;
color: #FFFFFF;
text-align: center;
font-size: 22px;
line-height: 1;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.how-works-section .info_block .num-list .num_i .info-block {
display: block;
}
.how-works-section .info_block .num-list .num_i .info-block .titl {
font-size: 20px;
line-height: 28px;
color: #222222;
font-weight: 700;
margin-bottom: 4px;
}
.how-works-section .info_block .num-list .num_i .info-block .text-block {
font-size: 16px;
line-height: 22px;
font-weight: 400;
color: #667085;
}
.how-works-section .info_block .mobile-images {
display: none;
margin-bottom: 36px;
}
.how-works-section .info_block .mobile-images .video-body {
position: relative;
margin-bottom: 24px;
display: none;
}
.how-works-section .info_block .mobile-images .video-body.active {
display: block;
}
.how-works-section .info_block .mobile-images .video-body img {
width: 100%;
height: auto;
}
.how-works-section .info_block .dot-list {
width: 100%;
max-width: 535px;
background-color: #51B4A0;
border-radius: 8px;
padding: 16px;
}
.how-works-section .info_block .dot-list .titl-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.how-works-section .info_block .dot-list .titl-block svg {
width: 24px;
height: 18px;
display: block;
}
.how-works-section .info_block .dot-list .titl-block span {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #FFFFFF;
}
.how-works-section .info_block .dot-list .list {
margin-top: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 8px;
}
.how-works-section .info_block .dot-list .list .ittem {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.how-works-section .info_block .dot-list .list .ittem:before {
content: '';
display: block;
width: 5px;
height: 5px;
min-width: 5px;
background: #ffffff;
border-radius: 3px;
margin-left: 10px;
}
.how-works-section .video_block {
width: 50%;
padding-top: 107px;
max-width: 584px;
margin-left: auto;
}
.how-works-section .video_block .video-body {
position: relative;
margin-bottom: 24px;
display: none;
}
.how-works-section .video_block .video-body.active {
display: block;
}
.how-works-section .video_block .video-body img {
width: 100%;
height: auto;
}
.how-works-section .video_block .video-body button {
position: absolute;
z-index: 2;
left: 0;
top: 0;
margin: auto;
background: unset;
border: unset;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.how-works-section .video_block .video-body button svg {
display: block;
}
.how-works-section .video_block .video-body button svg circle {
transition: 0.3s;
}
.how-works-section .video_block .video-body button svg path {
transition: 0.3s;
}
.how-works-section .video_block .video-body button:hover svg circle {
fill: #ffffff;
}
.how-works-section .video_block .video-body button:hover svg path {
fill: #3A88F8;
}
.how-works-section .video_block iframe {
border-radius: 16px;
border: solid 8px #FFFFFF;
display: block;
}
.how-works-section .video_block video {
border-radius: 16px;
border: solid 8px #FFFFFF;
display: block;
}
.how-works-section .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 14px 10px;
}
.how-works-section .tags button {
display: block;
border: dashed 1px #D8E7FE;
border-radius: 24px;
padding: 11px 12px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #FFFFFF;
background: unset;
}
@media all and (max-width: 1400px) {
.how-works-section {
padding-top: 32px;
padding-bottom: 32px;
}
.how-works-section .container {
width: 926px;
}
.how-works-section .title>* {
font-size: 40px;
line-height: 48px;
}
.how-works-section .text p {
max-width: 588px;
font-size: 18px;
line-height: 24px;
}
.how-works-section .text svg {
right: 15%;
}
.how-works-section .info_block {
width: 57%;
}
.how-works-section .video_block {
padding-top: 100px;
max-width: 360px;
}
.how-works-section .video_block .video-body img,
.how-works-section .video_block iframe,
.how-works-section .video_block video {
width: 100%!important;
height: 208px!important;
border-width: 5px;
}
.how-works-section .video_block .video-body button svg {
width: 48px;
height: 48px;
}
.how-works-section .tags span {
padding: 7px 12px;
font-size: 12px;
}
.how-works-section .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.how-works-section .tags button {
padding: 7px 12px;
}
}
@media all and (max-width: 991px) {
.how-works-section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.how-works-section {
padding-top: 40px;
padding-bottom: 40px;
}
.how-works-section .title {
margin-bottom: 20px;
}
.how-works-section .title>* {
font-size: 28px;
line-height: 36px;
text-align: center;
}
.how-works-section .text p {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.how-works-section .text svg {
right: 0%;
transform: rotate(45deg);
top: 96px;
width: 58px;
height: 49px;
}
.how-works-section .info_block {
width: 100%;
padding-top: 36px;
}
.how-works-section .info_block .titl-bg {
padding: 9px 20px;
padding-left: 0px;
margin-bottom: 40px;
}
.how-works-section .info_block .titl-bg>* {
font-size: 24px;
line-height: 28px;
}
.how-works-section .info_block .num-list {
max-width: 100%;
width: 100%;
margin-bottom: 32px;
}
.how-works-section .info_block .num-list .num_i {
flex-direction: column;
}
.how-works-section .info_block .mobile-images {
display: block;
}
.how-works-section .info_block .dot-list {
width: 100%;
max-width: 100%;
}
.how-works-section .video_block {
padding-top: 40px;
max-width: 100%;
width: 100%;
display: none;
}
.how-works-section .video_block .video-body {
position: relative;
margin-bottom: 32px;
margin-left: -16px;
margin-right: -16px;
}
.how-works-section .video_block .video-body img,
.how-works-section .video_block iframe,
.how-works-section .video_block video {
width: 100% !important;
height: 184px !important;
border-radius: 0px;
border-right-width: 0px;
border-left-width: 0px;
}
.how-works-section .video_block iframe,
.how-works-section .video_block video {
margin-left: -16px;
margin-right: -16px;
width: calc(100% + 32px) !important;
height: 190px !important;
min-width: 100%;
border: solid 4px #FFFFFF;
border-right-width: 0px;
border-left-width: 0px;
}
.how-works-section .video_block .video-body button svg {
width: 40px;
height: 40px;
}
.how-works-section .info_block .num-list .num_i .num {
width: 40px;
height: 40px;
min-width: 40px;
font-size: 20px;
}
}
/* HOW WORKS */
/* DATA QUARITY TMPL */
/* OBSERVABILITI TMPL */
/* HERO SECTION */
.ob-hero-section {
background-color: #F2F5F8;
padding-top: 30px;
padding-bottom: 40px;
}
.ob-hero-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ob-hero-section .left-block {
width: 50%;
}
.ob-hero-section .left-block .title-block {
margin-bottom: 20px;
}
.ob-hero-section .left-block .title-block h1 {
font-size: 60px;
line-height: 72px;
font-weight: 700;
color: #3A88F8;
margin: 0;
}
.ob-hero-section .left-block .title-block h1 span {
background-color: #3A88F8;
color: #F2F5F8;
padding-right: 24px;
border-radius: 50px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
position: relative;
}
.ob-hero-section .left-block .title-block h1 span:before {
content: '';
position: absolute;
top: 0;
right: 100%;
width: 1000px;
height: 100%;
background-color: #3A88F8;
}
.ob-hero-section .left-block .text-block {
max-width: 587px;
}
.ob-hero-section .left-block .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
}
.ob-hero-section .left-block .button-block {
margin-top: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ob-hero-section .left-block .button-block a {
border-radius: 50px;
background-color: #083573;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
padding: 18px 32px;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
transition: 0.3s;
}
.ob-hero-section .left-block .button-block a:hover {
background-color: #FFFFFF;
color: #083573;
}
.ob-hero-section .left-block .button-block a svg {
display: block;
}
.ob-hero-section .left-block .button-block a svg path {
transition: 0.3s;
}
.ob-hero-section .left-block .button-block a:hover svg path {
fill: #083573;
}
.ob-hero-section .image-block {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ob-hero-section .image-block .img {
max-width: 554px;
min-height: 380px;
width: 100%;
background-color: #ffffff;
border-radius: 16px;
box-shadow: 0px 4px 2px 2px rgba(34, 34, 34, 0.1);
padding: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.ob-hero-section .image-block .img img {
display: block;
max-width: 100%;
height: auto;
}
@media all and (max-width: 1400px) {
.ob-hero-section .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 926px;
}
.ob-hero-section .left-block .title-block h1 {
font-size: 48px;
line-height: 56px;
}
.ob-hero-section .left-block .text-block p {
font-size: 18px;
line-height: 28px;
}
.ob-hero-section .left-block .button-block {
margin-top: 32px;
}
.ob-hero-section .left-block .button-block a {
padding: 12px 26px;
font-size: 16px;
line-height: 24px;
gap: 8px;
}
.ob-hero-section .image-block {
margin-bottom: auto;
}
.ob-hero-section .image-block #agentic-animation {
max-height: 250px;
}
.ob-hero-section .image-block .img {
max-width: 340px;
min-height: 232px;
}
.ob-hero-section .image-block .img img {
max-width: 232px;
}
}
@media all and (max-width: 991px) {
.ob-hero-section .left-block .title-block h1 {
font-size: 43px;
line-height: 50px;
}
}
@media all and (max-width: 767px) {
.ob-hero-section {
padding-top: 8px;
padding-bottom: 96px;
position: relative;
}
.ob-hero-section .container {
position: unset;
}
.ob-hero-section .left-block {
width: 100%;
}
.ob-hero-section .left-block .title-block h1 {
font-size: 32px;
line-height: 36px;
}
.ob-hero-section .left-block .text-block p {
font-size: 16px;
line-height: 24px;
}
.ob-hero-section .left-block .button-block {
margin-top: 0px;
position: absolute;
bottom: 32px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.ob-hero-section .left-block .button-block a {
padding: 10px 16px;
font-size: 12px;
line-height: 20px;
gap: 8px;
}
.ob-hero-section .left-block .button-block a svg {
display: block;
width: 16px;
height: 16px;
}
.ob-hero-section .image-block {
width: 100%;
margin-top: 32px;
}
.ob-hero-section .image-block .img {
max-width: 100%;
min-height: 176px;
}
.ob-hero-section .image-block .img img {
max-width: 196px;
}
}
@media all and (max-width: 420px) {
.ob-hero-section .image-block #agentic-animation {
max-height: 160px;
}
}
/* HERO SECTION */
/* STRUCTURED MONITORING */
.sm-section {
padding-top: 40px;
padding-bottom: 40px;
}
.sm-section .container {
width: 1342px;
}
.sm-section .title-block {
margin-bottom: 24px;
}
.sm-section .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #222222;
text-align: center;
}
.sm-section .text-block {
margin-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sm-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #222222;
max-width: 840px;
text-align: center;
}
.sm-section .image-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 48px;
}
.sm-section .image-block img {
max-width: 100%;
width: 762px;
height: 256px;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border: solid 2px #C4DCFD;
}
.sm-section .list-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 24px 2%;
}
.sm-section .list-block .ittem-block {
width: 49%;
background-color: #F2F5F8;
border-radius: 12px;
border: solid 2px #ECEDEF;
padding: 24px;
padding-left: 52px;
}
.sm-section .list-block .ittem-block .titl {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #083573;
position: relative;
margin-bottom: 8px;
}
.sm-section .list-block .ittem-block .titl:before {
content: '';
display: block;
position: absolute;
top: 7px;
left: -28px;
width: 12px;
height: 12px;
border-radius: 6px;
background: #76ACFB;
}
.sm-section .list-block .ittem-block .text {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
.sm-section .button {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sm-section .button a {
background: #083573;
border-radius: 50px;
padding: 18px 32px;
color: #ffffff;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
transition: 0.3s;
}
.sm-section .button a:hover {
color: #083573;
background: #ffffff;
}
.sm-section .button a svg {
display: block;
}
.sm-section .button a svg path {
transition: 0.3s;
}
.sm-section .button a:hover svg path {
fill: #083573;
}
@media all and (max-width: 1400px) {
.sm-section {
padding-top: 32px;
padding-bottom: 32px;
}
.sm-section .container {
width: 926px;
}
.sm-section .title-block h2 {
font-size: 40px;
line-height: 40px;
}
.sm-section .text-block p {
font-size: 18px;
line-height: 24px;
max-width: 722px;
}
.sm-section .image-block {
margin-bottom: 32px;
}
.sm-section .list-block .ittem-block {
width: 49%;
padding: 20px;
padding-left: 48px;
}
.sm-section .list-block .ittem-block .titl {
font-size: 20px;
line-height: 28px;
}
.sm-section .list-block .ittem-block .text {
margin-left: -28px;
}
.sm-section .button a {
border-radius: 50px;
padding: 13px 28px;
font-size: 16px;
line-height: 20px;
gap: 8px;
}
}
@media all and (max-width: 991px) {
}
@media all and (max-width: 767px) {
.sm-section .title-block {
margin-bottom: 16px;
}
.sm-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.sm-section .text-block p {
font-size: 16px;
line-height: 24px;
max-width: 100%;
}
.sm-section .image-block {
margin-bottom: 24px;
}
.sm-section .image-block img {
height: 88px;
}
.sm-section .list-block {
gap: 16px;
}
.sm-section .list-block .ittem-block {
width: 100%;
padding: 20px;
padding-left: 44px;
}
.sm-section .list-block .ittem-block .text {
margin-left: -24px;
}
.sm-section .button {
margin-top: 32px;
}
.sm-section .button a {
padding: 10px 16px;
font-size: 12px;
line-height: 20px;
}
.sm-section .button a svg {
width: 20px;
height: 20px;
}
}
/* STRUCTURED MONITORING */
/* KEY PILLARS */
.key-pilars-section {
padding: 40px 0px;
background-color: #F2F5F8;
}
.key-pilars-section .container {
width: 1342px;
}
.key-pilars-section .title-block {
margin-bottom: 48px;
}
.key-pilars-section .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
text-align: center;
}
.key-pilars-section .blocks-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 20px;
}
.key-pilars-section .blocks-list .block {
width: 25%;
background-color: #FFFFFF;
border-radius: 12px;
border: solid 2px #ECEDEF;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.key-pilars-section .blocks-list .block .icon {
width: 48px;
height: 48px;
border-radius: 24px;
background-color: #395D8F;
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.key-pilars-section .blocks-list .block .icon img {
display: block;
}
.key-pilars-section .blocks-list .block .titl {
margin-bottom: 8px;
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
}
.key-pilars-section .blocks-list .block .text {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
@media all and (max-width: 1400px) {
.key-pilars-section {
padding: 32px 0px;
}
.key-pilars-section .container {
width: 926px;
}
.key-pilars-section .title-block {
margin-bottom: 32px;
}
.key-pilars-section .title-block h2 {
font-size: 40px;
line-height: 40px;
}
.key-pilars-section .blocks-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px 2%;
}
.key-pilars-section .blocks-list .block {
width: 49%;
padding: 24px;
}
}
@media all and (max-width: 991px) {
}
@media all and (max-width: 767px) {
.key-pilars-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.key-pilars-section .blocks-list {
gap: 16px;
}
.key-pilars-section .blocks-list .block {
width: 100%;
padding: 20px;
}
.key-pilars-section .blocks-list .block .icon {
width: 40px;
height: 40px;
padding: 10px;
}
}
/* KEY PILLARS */
/* PROACTIVE ALERTS */
.proactive-alerts-section {
padding: 40px 0px;
background-color: #083573;
}
.proactive-alerts-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.proactive-alerts-section .left-block {
width: 50%;
max-width: 538px;
}
.proactive-alerts-section .left-block .title-block {
margin-bottom: 32px;
}
.proactive-alerts-section .left-block .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #FFFFFF;
}
.proactive-alerts-section .left-block .list-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
.proactive-alerts-section .left-block .list-block .block {
background-color: #F2F5F8;
border-radius: 12px;
border: solid 2px #ECEDEF;
width: 100%;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.proactive-alerts-section .left-block .list-block .block .icon {
width: 48px;
min-width: 48px;
height: 48px;
border-radius: 24px;
background-color: #76ACFB;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.proactive-alerts-section .left-block .list-block .block .text {
font-size: 20px;
line-height: 28px;
color: #083573;
font-weight: 400;
}
.proactive-alerts-section .left-block .button {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.proactive-alerts-section .left-block .button a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
background-color: #3A88F8;
padding: 18px 32px;
border-radius: 50px;
transition: 0.3s;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
}
.proactive-alerts-section .left-block .button a:hover {
color: #3A88F8;
background-color: #FFFFFF;
}
.proactive-alerts-section .left-block .button a svg {
display: block;
}
.proactive-alerts-section .left-block .button a svg path {
transition: 0.3s;
}
.proactive-alerts-section .left-block .button a:hover svg path {
fill: #3A88F8;
}
.proactive-alerts-section .right-block {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.proactive-alerts-section .right-block .video-body {
width: 580px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.proactive-alerts-section .right-block .video-body img {
width: 580px;
height: 580px;
border-radius: 12px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.proactive-alerts-section .right-block .video-body video,
.proactive-alerts-section .right-block .video-body iframe {
width: 580px;
height: 580px;
border-radius: 16px;
border: solid 9px #FFFFFF;
background-color: #ffffff;
}
.proactive-alerts-section .right-block .video-body button {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: unset;
background: unset;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.proactive-alerts-section .right-block .video-body button svg {
display: block;
}
@media all and (max-width: 1400px) {
.proactive-alerts-section .container {
width: 926px;
}
.proactive-alerts-section .left-block .title-block h2 {
font-size: 40px;
line-height: 48px;
}
.proactive-alerts-section .left-block {
max-width: 438px;
}
.proactive-alerts-section .left-block .list-block .block .icon {
width: 32px;
min-width: 32px;
height: 32px;
border-radius: 16px;
}
.proactive-alerts-section .left-block .list-block .block .text {
font-size: 16px;
line-height: 24px;
}
.proactive-alerts-section .left-block .button {
margin-top: 32px;
}
.proactive-alerts-section .left-block .button a {
gap: 8px;
font-size: 16px;
line-height: 20px;
padding: 12px 28px;
}
.proactive-alerts-section .right-block .video-body {
width: 360px;
margin-top: 16px;
}
.proactive-alerts-section .right-block .video-body img {
width: 360px;
height: 360px;
border-radius: 12px;
}
.proactive-alerts-section .right-block .video-body video,
.proactive-alerts-section .right-block .video-body iframe {
width: 360px;
height: 360px;
border-radius: 10px;
}
}
@media all and (max-width: 991px) {
}
@media all and (max-width: 767px) {
.proactive-alerts-section .left-block {
max-width: 100%;
width: 100%;
}
.proactive-alerts-section .left-block .title-block h2 {
font-size: 28px;
line-height: 36px;
text-align: center;
}
.proactive-alerts-section .left-block .list-block .block {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.proactive-alerts-section .left-block .list-block .block .icon {
width: 24px;
min-width: 24px;
height: 24px;
border-radius: 16px;
padding: 2px;
}
.proactive-alerts-section .left-block .list-block .block .icon svg {
width: 7px;
height: 10px;
}
.proactive-alerts-section .left-block .list-block .block .text {
font-size: 16px;
line-height: 20px;
margin-top: 2px;
}
.proactive-alerts-section .left-block .button {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.proactive-alerts-section .left-block .button a {
gap: 8px;
font-size: 12px;
line-height: 18px;
padding: 11px 16px;
}
.proactive-alerts-section .left-block .button a svg {
width: 16px;
height: 16px;
}
.proactive-alerts-section .right-block {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.proactive-alerts-section .right-block .video-body img {
width: 100%;
height: 288px;
border-radius: 8px;
}
.proactive-alerts-section .right-block .video-body button svg {
width: 40px;
height: 40px;
}
}
@media all and (max-width: 560px) {
.proactive-alerts-section .right-block .video-body {
width: 100%;
margin-top: 40px;
}
.proactive-alerts-section .right-block .video-body img {
width: 100%;
}
}
/* PROACTIVE ALERTS */
/* OBSERVABILITI TMPL */
/* META STORE */
/* HERO SECTION */
.ms-hero-section {
background-color: #F2F5F8;
padding-top: 15px;
padding-bottom: 40px;
}
.ms-hero-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ms-hero-section .info-block {
max-width: 587px;
}
.ms-hero-section .info-block .title {
margin-bottom: 20px;
}
.ms-hero-section .info-block .title h1 {
margin: 0px;
font-size: 60px;
line-height: 72px;
font-weight: 700;
color: #083573;
}
.ms-hero-section .info-block .title h1 span {
background-color: #3A88F8;
color: #ffffff;
padding-right: 20px;
border-radius: 37px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0;
position: relative;
display: inline-block;
}
.ms-hero-section .info-block .title h1 span:before {
content: '';
display: block;
width: 1000px;
height: 100%;
position: absolute;
right: 100%;
top: 0px;
background-color: #3A88F8;
}
.ms-hero-section .info-block .text {
margin-bottom: 49px;
}
.ms-hero-section .info-block .text p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
}
.ms-hero-section .info-block .button {
display: flex;
}
.ms-hero-section .info-block .button a {
background: #083573;
border-radius: 50px;
color: #ffffff;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
padding: 18px 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.ms-hero-section .info-block .button a:hover {
background: #ffffff;
color: #083573;
}
.ms-hero-section .info-block .button a svg {
display: block;
}
.ms-hero-section .info-block .button a svg path {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.ms-hero-section .info-block .button a:hover svg path {
fill: #083573;
}
.ms-hero-section .image-block {
width: 554px;
height: 380px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ms-hero-section .image-block img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.ms-hero-section .animation-block #agentic-animation {
height: 352px !important;
}
@media all and (max-width: 1400px) {
.ms-hero-section {
padding-top: 40px;
padding-bottom: 40px;
}
.ms-hero-section .container {
width: 926px;
}
.ms-hero-section .info-block {
max-width: 514px;
}
.ms-hero-section .info-block .title h1 {
font-size: 48px;
line-height: 56px;
}
.ms-hero-section .info-block .text {
margin-bottom: 44px;
max-width: 486px;
}
.ms-hero-section .info-block .text p {
font-size: 18px;
line-height: 24px;
}
.ms-hero-section .info-block .button a {
font-size: 16px;
line-height: 20px;
padding: 14px 26px;
gap: 8px;
}
.ms-hero-section .info-block .button a svg {
width: 20px;
height: 20px;
}
.ms-hero-section .image-block {
width: 340px;
height: 208px;
padding-top: 8px;
padding-bottom: 5px;
margin-top: 27px;
margin-bottom: auto;
}
.ms-hero-section .animation-block {
width: 340px;
height: auto;
}
.ms-hero-section .animation-block #agentic-animation {
max-width: 100%;
max-height: 100%;
height: auto!important;
}
}
@media all and (max-width: 991px) {
.ms-hero-section .info-block {
max-width: 379px;
}
.ms-hero-section .info-block .title h1 {
font-size: 32px;
line-height: 36px;
}
.ms-hero-section .info-block .text p {
font-size: 16px;
line-height: 24px;
}
.ms-hero-section .info-block .button a {
font-size: 12px;
line-height: 18px;
padding: 11px 16px;
}
.ms-hero-section .info-block .button a svg {
width: 16px;
height: 16px;
}
}
@media all and (max-width: 767px) {
.ms-hero-section {
padding-bottom: 104px;
padding-top: 24px;
position: relative;
}
.ms-hero-section .info-block .title h1 {
font-size: 32px;
line-height: 36px;
}
.ms-hero-section .info-block .text {
margin-bottom: 0px;
}
.ms-hero-section .info-block .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: 32px;
left: 0;
width: 100%;
}
.ms-hero-section .image-block {
width: 340px;
height: 176px;
border-radius: 8px;
margin-top: 32px;
}
.ms-hero-section .animation-block {
margin-top: 39px;
width: 100%;
height: auto;
}
}
/* HERO SECTION */
/* CENTRAL HUB */
.ms-central-hub-section {
padding-top: 40px;
padding-bottom: 40px;
}
.ms-central-hub-section .container {
width: 1342px;
}
.ms-central-hub-section .title-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 24px;
}
.ms-central-hub-section .title-block h2 {
max-width: 868px;
font-size: 48px;
line-height: 1;
font-weight: 700;
color: #083573;
text-align: center;
}
.ms-central-hub-section .text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ms-central-hub-section .text-block p {
max-width: 868px;
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #222222;
text-align: center;
}
.ms-central-hub-section .blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 20px;
margin-top: 48px;
}
.ms-central-hub-section .blocks .block {
width: 25%;
background-color: #FFFFFF;
border-radius: 12px;
border: solid 2px #ECEDEF;
padding: 24px;
}
.ms-central-hub-section .blocks .block .icon {
width: 40px;
height: 40px;
padding: 10px;
background: #395D8F;
border-radius: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.ms-central-hub-section .blocks .block .icon img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.ms-central-hub-section .blocks .block .title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
margin-bottom: 8px;
}
.ms-central-hub-section .blocks .block .text {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
@media all and (max-width: 1400px) {
.ms-central-hub-section {
padding-top: 32px;
padding-bottom: 32px;
}
.ms-central-hub-section .container {
width: 926px;
}
.ms-central-hub-section .title-block {
margin-bottom: 16px;
}
.ms-central-hub-section .title-block h2 {
font-size: 40px;
}
.ms-central-hub-section .blocks {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px 2%;
margin-top: 40px;
}
.ms-central-hub-section .blocks .block {
width: 49%;
padding: 24px;
}
.ms-central-hub-section .blocks .block .icon {
width: 48px;
height: 48px;
}
}
@media all and (max-width: 991px) {
.ms-central-hub-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.ms-central-hub-section .text-block p {
max-width: 868px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
text-align: center;
}
}
@media all and (max-width: 767px) {
.ms-central-hub-section .blocks {
gap: 20px;
margin-top: 32px;
}
.ms-central-hub-section .blocks .block {
width: 100%;
padding: 20px;
}
.ms-central-hub-section .blocks .block .icon {
width: 40px;
height: 40px;
}
}
/* CENTRAL HUB */
/* DEFINE DATA */
.ms-define-data-section {
padding-top: 40px;
padding-bottom: 40px;
}
.ms-define-data-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.ms-define-data-section .left-block {
width: 57%;
max-width: 700px;
}
.ms-define-data-section .left-block .title {
margin-bottom: 24px;
}
.ms-define-data-section .left-block .title h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
}
.ms-define-data-section .left-block .text {
margin-bottom: 100px;
}
.ms-define-data-section .left-block .text p {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #222222;
max-width: 593px;
}
.ms-define-data-section .left-block .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ms-define-data-section .left-block .button a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
text-transform: uppercase;
background-color: #3A88F8;
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
border-radius: 50px;
padding: 18px 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
transition: 0.3s;
}
.ms-define-data-section .left-block .button a:hover {
background-color: #FFFFFF;
color: #3A88F8;
}
.ms-define-data-section .left-block .button a svg {
display: block;
}
.ms-define-data-section .left-block .button a svg path {
transition: 0.3s;
}
.ms-define-data-section .left-block .button a:hover svg path {
fill: #3A88F8;
}
.ms-define-data-section .right-block {
width: 43%;
max-width: 555px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ms-define-data-section .right-block .video-body {
width: 580px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ms-define-data-section .right-block .video-body img {
width: 576px;
height: 417px;
object-fit: cover;
border-radius: 12px;
border: solid 4px #3A88F8;
}
.ms-define-data-section .right-block .video-body video,
.ms-define-data-section .right-block .video-body iframe {
width: 100%;
height: auto;
}
.ms-define-data-section .right-block .video-body button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none;
border: none;
cursor: pointer;
}
@media all and (max-width: 1400px) {
.ms-define-data-section {
padding-top: 32px;
padding-bottom: 32px;
}
.ms-define-data-section .container {
width: 926px;
}
.ms-define-data-section .left-block {
width: 50%;
max-width: 440px;
}
.ms-define-data-section .left-block .title {
margin-bottom: 8px;
}
.ms-define-data-section .left-block .title h2 {
font-size: 32px;
line-height: 38px;
}
.ms-define-data-section .left-block .text {
margin-bottom: 58px;
}
.ms-define-data-section .left-block .text p {
font-size: 16px;
line-height: 20px;
}
.ms-define-data-section .left-block .button a {
font-size: 16px;
line-height: 20px;
padding: 14px 28px;
gap: 8px;
}
.ms-define-data-section .left-block .button a svg {
width: 20px;
height: 20px;
}
.ms-define-data-section .right-block {
width: 50%;
max-width: 438px;
}
.ms-define-data-section .right-block .video-body {
width: 438px;
}
.ms-define-data-section .right-block .video-body img,
.ms-define-data-section .right-block .video-body iframe,
.ms-define-data-section .right-block .video-body video {
width: 438px;
height: 252px;
border-radius: 8px;
}
.ms-define-data-section .right-block .video-body button svg {
width: 56px;
height: 56px;
}
}
@media all and (max-width: 991px) {
.ms-define-data-section .left-block .title h2 {
font-size: 28px;
line-height: 36px;
}
.ms-define-data-section .left-block .text p {
font-size: 18px;
line-height: 24px;
}
.ms-define-data-section .left-block {
padding-right: 32px;
}
}
@media all and (max-width: 767px) {
.ms-define-data-section {
padding-top: 32px;
padding-bottom: 104px;
position: relative;
}
.ms-define-data-section .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ms-define-data-section .left-block {
padding-right: 0px;
width: 100%;
max-width: 100%;
}
.ms-define-data-section .left-block .title {
margin-bottom: 16px;
}
.ms-define-data-section .left-block .title h2 {
text-align: center;
}
.ms-define-data-section .left-block .text {
margin-bottom: 32px;
}
.ms-define-data-section .left-block .text p {
text-align: center;
font-size: 16px;
line-height: 20px;
}
.ms-define-data-section .left-block .button {
position: absolute;
bottom: 32px;
left: 0px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ms-define-data-section .left-block .button a {
font-size: 12px;
line-height: 18px;
padding: 11px 16px;
gap: 8px;
}
.ms-define-data-section .left-block .button a svg {
width: 16px;
height: 16px;
}
.ms-define-data-section .right-block {
width: 100%;
max-width: 100%;
display: block;
}
.ms-define-data-section .right-block .video-body {
width: auto;
margin-left: -16px;
margin-right: -16px;
}
.ms-define-data-section .right-block .video-body img,
.ms-define-data-section .right-block .video-body iframe,
.ms-define-data-section .right-block .video-body video {
width: 100%;
height: 184px;
border-radius: 0px;
border: solid 6px #ffffff;
}
.ms-define-data-section .right-block .video-body button svg {
width: 40px;
height: 40px;
}
}
@media all and (max-width: 460px) {
.ms-define-data-section .right-block .video-body img,
.ms-define-data-section .right-block .video-body iframe,
.ms-define-data-section .right-block .video-body video {
border: unset;
}
}
/* DEFINE DATA */
/* META STORE */
/* DATA GOVERNANCE ENRICHMENT */
/* HERO SECTION */
.dg-hero-section {
padding-top: 17px;
padding-bottom: 40px;
background-color: #F2F5F8;
}
.dg-hero-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
}
.dg-hero-section .left-block {
max-width: 587px;
}
.dg-hero-section .left-block .title {
margin-bottom: 20px;
}
.dg-hero-section .left-block h1 {
margin: 0;
font-size: 60px;
line-height: 72px;
font-weight: 700;
color: #3A88F8;
}
.dg-hero-section .left-block h1 span {
position: relative;
color: #F2F5F8;
background-color: #3A88F8;
border-top-right-radius: 37px;
border-bottom-right-radius: 37px;
padding-right: 24px;
}
.dg-hero-section .left-block h1 span:before {
content: '';
display: block;
width: 1000px;
height: 100%;
background-color: #3A88F8;
position: absolute;
right: 100%;
top: 0;
}
.dg-hero-section .left-block .text {
margin-bottom: 64px;
}
.dg-hero-section .left-block .text p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
}
.dg-hero-section .left-block .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dg-hero-section .left-block .button a {
background-color: #083573;
padding: 18px 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: #ffffff;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
border-radius: 50px;
box-shadow: 0px 7px 10px 0px rgba(34, 34, 34, 0.1);
transition: 0.3s;
}
.dg-hero-section .left-block .button a:hover {
background-color: #ffffff;
color: #083573;
}
.dg-hero-section .left-block a svg {
display: block;
}
.dg-hero-section .left-block a svg path {
transition: 0.3s;
}
.dg-hero-section .left-block a:hover svg path {
fill: #083573;
}
.dg-hero-section .right-block {
width: 610px;
height: 380px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.dg-hero-section .right-block img {
width: auto;
max-width: 100%;
max-height: 100%;
height: auto;
}
.dg-hero-section .right-block .animation-block {
max-width: 100%;
}
.dg-hero-section .right-block .animation-block #agentic-animation {
max-width: 100%;
}
@media all and (max-width: 1400px) {
.dg-hero-section .container {
width: 928px;
padding: 0px 16px;
}
.dg-hero-section .left-block {
max-width: 514px;
}
.dg-hero-section .left-block h1 {
font-size: 48px;
line-height: 56px;
color: #222222;
}
.dg-hero-section .left-block .text {
margin-bottom: 44px;
}
.dg-hero-section .left-block .button a {
padding: 13px 26px;
gap: 8px;
font-size: 16px;
line-height: 20px;
}
.dg-hero-section .left-block a svg {
width: 20px;
height: 20px;
}
.dg-hero-section .right-block {
width: 340px;
height: 208px;
}
.dg-hero-section .right-block .animation-block #agentic-animation {
max-height: 192px;
}
}
@media all and (max-width: 991px) {
.dg-hero-section .left-block {
max-width: 455px;
}
}
@media all and (max-width: 767px) {
.dg-hero-section {
padding-bottom: 104px;
position: relative;
}
.dg-hero-section .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dg-hero-section .left-block {
max-width: 100%;
width: 100%;
}
.dg-hero-section .left-block h1 {
font-size: 32px;
line-height: 36px;
}
.dg-hero-section .left-block h1 span {
padding-right: 10px;
margin-right: -10px;
}
.dg-hero-section .left-block .text {
margin-bottom: 0px;
}
.dg-hero-section .left-block .text p {
font-size: 16px;
line-height: 24px;
}
.dg-hero-section .left-block .button {
position: absolute;
bottom: 32px;
left: 0px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0px 16px;
}
.dg-hero-section .left-block .button a {
padding: 11px 16px;
gap: 8px;
font-size: 12px;
line-height: 18px;
}
.dg-hero-section .left-block .button a svg {
width: 16px;
height: 16px;
}
.dg-hero-section .right-block {
width: 100%;
height: auto;
}
}
/* HERO SECTION */
/* FOUNDATIONAL ELEMENTS */
.dg-fe-section {
padding-top: 40px;
padding-bottom: 40px;
}
.dg-fe-section .container {
width: 1342px;
}
.dg-fe-section .title-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 24px;
}
.dg-fe-section .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
text-align: center;
max-width: 868px;
}
.dg-fe-section .text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dg-fe-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #222222;
text-align: center;
max-width: 868px;
}
.dg-fe-section .blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 20px 1%;
margin-top: 56px;
}
.dg-fe-section .blocks .block {
width: 24.25%;
padding: 24px;
border-radius: 12px;
border: solid 2px #ECEDEF;
background: #FFFFFF;
}
.dg-fe-section .blocks .block .icon {
width: 48px;
height: 48px;
border-radius: 100%;
background-color: #395D8F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dg-fe-section .blocks .block .icon img {
display: block;
}
.dg-fe-section .blocks .block .title {
margin-top: 16px;
}
.dg-fe-section .blocks .block .title h3 {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
}
.dg-fe-section .blocks .block .text {
margin-top: 8px;
}
.dg-fe-section .blocks .block .text p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
@media all and (max-width: 1400px) {
.dg-fe-section {
padding-top: 32px;
padding-bottom: 32px;
}
.dg-fe-section .container {
width: 928px;
padding: 0px 16px;
}
.dg-fe-section .title-block {
margin-bottom: 16px;
}
.dg-fe-section .title-block h2 {
font-size: 40px;
line-height: 40px;
max-width: 100%;
}
.dg-fe-section .blocks {
gap: 20px 2%;
margin-top: 48px;
}
.dg-fe-section .blocks .block {
width: 49%;
}
}
@media all and (max-width: 991px) {
}
@media all and (max-width: 767px) {
.dg-fe-section .title-block h2 {
font-size: 28px;
line-height: 36px;
max-width: 100%;
}
.dg-fe-section .text-block p {
font-size: 16px;
line-height: 24px;
max-width: 100%;
}
.dg-fe-section .blocks {
gap: 20px 2%;
margin-top: 32px;
}
.dg-fe-section .blocks .block {
width: 100%;
}
.dg-fe-section .blocks .block .icon {
width: 40px;
height: 40px;
padding: 10px;
}
}
/* FOUNDATIONAL ELEMENTS */
/* SEE GOOVERNANCE */
.dg-sg-section {
padding-top: 40px;
padding-bottom: 42px;
background-color: #F2F5F8;
}
.dg-sg-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.dg-sg-section .title-block {
margin-bottom: 24px;
}
.dg-sg-section .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
display: block;
text-align: center;
}
.dg-sg-section .text-block {
margin-bottom: 72px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dg-sg-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
text-align: center;
max-width: 828px;
}
.dg-sg-section .video-block {
width: 50%;
max-width: 632px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dg-sg-section .video-block .video-body {
position: relative;
display: none;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 12px;
border: solid 4px #3A88F8;
overflow: hidden;
background: #ffffff;
width: 100%;
}
.dg-sg-section .video-block .video-body.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dg-sg-section .video-block .video-body img {
max-width: 632px;
width: 100%;
height: 364px;
max-height: 364px;
object-fit: cover;
object-position: center;
}
.dg-sg-section .video-block .video-body iframe,
.dg-sg-section .video-block .video-body video {
max-width: 632px;
width: 100%;
height: 364px;
max-height: 364px;
object-fit: cover;
object-position: center;
}
.dg-sg-section .video-block .video-body button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none;
border: none;
cursor: pointer;
}
.dg-sg-section .video-block .video-body button svg {
display: block;
}
.dg-sg-section .list-block {
width: 50%;
max-width: 646px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 20px;
}
.dg-sg-section .list-block .block {
width: 100%;
padding: 16px;
background-color: #FFFFFF;
border-radius: 8px;
border: solid 2px #ECEDEF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 16px;
opacity: 0.6;
cursor: pointer;
transition: 0.3s;
}
.dg-sg-section .list-block .block.active {
opacity: 1;
}
.dg-sg-section .list-block .block .num {
width: 48px;
height: 48px;
min-width: 48px;
background-color: #395D8F;
border-radius: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
.dg-sg-section .list-block .block .right-block {
display: block;
}
.dg-sg-section .list-block .block .right-block .titl {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
margin-bottom: 4px;
width: 100%;
}
.dg-sg-section .list-block .block .right-block .text {
font-size: 16px;
line-height: 22px;
font-weight: 400;
color: #667085;
}
@media all and (max-width: 1400px) {
.dg-sg-section {
padding-top: 40px;
padding-bottom: 40px;
}
.dg-sg-section .container {
width: 928px;
padding: 0px 16px;
}
.dg-sg-section .title-block {
margin-bottom: 24px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dg-sg-section .title-block h2 {
font-size: 40px;
line-height: 40px;
max-width: 868px;
}
.dg-sg-section .text-block {
margin-bottom: 64px;
}
.dg-sg-section .video-block {
width: 50%;
max-width: 423px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.dg-sg-section .list-block {
width: 50%;
max-width: 438px;
}
.dg-sg-section .video-block .video-body img,
.dg-sg-section .video-block .video-body video,
.dg-sg-section .video-block .video-body iframe {
max-width: 423px;
width: 423px;
height: 224px;
max-height: 224px;
}
.dg-sg-section .video-block .video-body button svg {
display: block;
width: 48px;
height: 48px;
}
}
@media all and (max-width: 991px) {
.dg-sg-section .video-block {
width: 49%;
}
.dg-sg-section .list-block {
width: 49%;
}
}
@media all and (max-width: 767px) {
.dg-sg-section {
padding-top: 32px;
padding-bottom: 32px;
}
.dg-sg-section .title-block h2 {
font-size: 28px;
line-height: 36px;
max-width: 100%;
color: #222222;
}
.dg-sg-section .title-block {
margin-bottom: 16px;
order: 1;
}
.dg-sg-section .text-block {
margin-bottom: 32px;
order: 2;
}
.dg-sg-section .text-block p {
font-size: 16px;
line-height: 20px;
max-width: 100%;
}
.dg-sg-section .video-block {
width: 100%;
margin-top: 32px;
order: 4;
}
.dg-sg-section .list-block {
width: 100%;
order: 3;
}
.dg-sg-section .video-block .video-body {
border-radius: 0px;
border: solid 6px #FFFFFF;
width: auto;
min-width: 100%;
margin-left: -15px;
margin-right: -15px;
}
}
/* SEE GOOVERNANCE */
/* DATA GOVERNANCE ENRICHMENT */
/* DATA LINEAGE */
/* HERO SECTION */
.dl-hero-section {
padding-top: 48px;
padding-bottom: 40px;
}
.dl-hero-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.dl-hero-section .left-block {
max-width: 570px;
}
.dl-hero-section .left-block .title {
margin-bottom: 20px;
}
.dl-hero-section .left-block .title h1 {
font-size: 60px;
line-height: 72px;
font-weight: 700;
color: #083573;
margin: 0px;
}
.dl-hero-section .left-block .title h1 span {
display: block;
background-color: #3A88F8;
color: #F2F5F8;
border-top-right-radius: 37px;
border-bottom-right-radius: 37px;
position: relative;
}
.dl-hero-section .left-block .title h1 span:before {
content: '';
display: block;
z-index: 1;
position: absolute;
right: 99.999%;
top: 0px;
height: 100%;
width: 1000px;
background-color: #3A88F8;
}
.dl-hero-section .left-block .text {
margin-bottom: 64px;
}
.dl-hero-section .left-block .text p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
}
.dl-hero-section .left-block .button-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.dl-hero-section .left-block .button-block a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
background-color: #083573;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
border-radius: 50px;
padding: 18px 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.dl-hero-section .left-block .button-block a:hover {
background-color: #ffffff;
color: #083573;
}
.dl-hero-section .left-block .button-block a svg {
display: block;
}
.dl-hero-section .left-block .button-block a svg path {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.dl-hero-section .left-block .button-block a:hover svg path {
fill: #083573;
}
.dl-hero-section .image-block {
max-width: 554px;
}
.dl-hero-section .image-block .image {
width: 554px;
height: 380px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dl-hero-section .image-block .image img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
@media all and (max-width: 1400px) {
.dl-hero-section {
padding-top: 56px;
padding-bottom: 56px;
}
.dl-hero-section .container {
width: 926px;
}
.dl-hero-section .left-block {
max-width: 487px;
}
.dl-hero-section .left-block .title h1 {
font-size: 48px;
line-height: 56px;
}
.dl-hero-section .left-block .text {
margin-bottom: 44px;
}
.dl-hero-section .left-block .button-block a {
font-size: 16px;
line-height: 21px;
padding: 13.5px 26px;
gap: 8px;
}
.dl-hero-section .left-block .button-block a svg {
width: 20px;
height: 20px;
}
.dl-hero-section .image-block {
max-width: 40%;
width: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 37px;
}
.dl-hero-section .image-block .image {
width: 243px;
height: 187px;
}
.dl-hero-section .image-block .animation-block {
max-width: 100%;
}
.dl-hero-section .image-block .animation-block #agentic-animation {
max-width: 100%;
height: auto!important;
}
}
@media all and (max-width: 991px) {
.dl-hero-section {
padding-top: 40px;
padding-bottom: 40px;
}
.dl-hero-section .left-block {
max-width: 320px;
}
.dl-hero-section .left-block .title h1 {
font-size: 32px;
line-height: 36px;
}
.dl-hero-section .left-block .text p {
font-size: 16px;
line-height: 24px;
}
.dl-hero-section .left-block .button-block a {
font-size: 12px;
line-height: 18px;
padding: 11px 16px;
}
.dl-hero-section .left-block .button-block a svg {
width: 16px;
height: 16px;
}
}
@media all and (max-width: 767px) {
.dl-hero-section {
padding-top: 40px;
padding-bottom: 120px;
position: relative;
}
.dl-hero-section .left-block .title h1 span {
max-width: 60%;
}
.dl-hero-section .left-block .title h1 {
color: #222222;
}
.dl-hero-section .left-block .text {
margin-bottom: 40px;
}
.dl-hero-section .left-block .button-block {
position: absolute;
bottom: 40px;
left: 0px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dl-hero-section .image-block {
max-width: 100%;
width: 100%;
padding-top: 0px;
}
.dl-hero-section .image-block .animation-block {
max-width: 100%;
}
.dl-hero-section .image-block .animation-block #agentic-animation {
max-width: 100%;
height: auto!important;
}
.dl-hero-section .image-block .image {
width: 206px;
height: 159px;
}
}
@media (max-width: 460px) {
.dl-hero-section .image-block .animation-block #agentic-animation {
max-width: 270px;
}
}
/* HERO SECTION */
/* UNCOVER EVERY SECTION */
.dl-uncovered-section {
padding-top: 56px;
padding-bottom: 56px;
}
.dl-uncovered-section .container {
width: 1342px;
}
.dl-uncovered-section .title-block {
margin-bottom: 24px;
}
.dl-uncovered-section .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
margin: 0px;
display: block;
width: 100%;
text-align: center;
}
.dl-uncovered-section .text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px;
}
.dl-uncovered-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #222222;
text-align: center;
max-width: 868px;
margin: 0px;
}
.dl-uncovered-section .blocks-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 20px;
}
.dl-uncovered-section .blocks-list .block {
width: 33.333%;
border: solid 2px #ECEDEF;
background-color: #ffffff;
border-radius: 12px;
padding: 24px;
}
.dl-uncovered-section .blocks-list .block .icon {
width: 48px;
height: 48px;
background-color: #395D8F;
border-radius: 24px;
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dl-uncovered-section .blocks-list .block .icon img {
display: block;
}
.dl-uncovered-section .blocks-list .block .title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
margin-bottom: 8px;
}
.dl-uncovered-section .blocks-list .block .text {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
@media all and (max-width: 1400px) {
.dl-uncovered-section {
padding-top: 48px;
padding-bottom: 48px;
}
.dl-uncovered-section .container {
width: 926px;
}
.dl-uncovered-section .title-block {
margin-bottom: 16px;
}
.dl-uncovered-section .title-block h2 {
font-size: 40px;
line-height: 40px;
}
.dl-uncovered-section .text-block {
margin-bottom: 32px;
}
.dl-uncovered-section .text-block p {
max-width: 676px;
}
.dl-uncovered-section .blocks-list .block .title {
margin-bottom: 16px;
}
}
@media all and (max-width: 991px) {
.dl-uncovered-section {
padding-top: 40px;
padding-bottom: 40px;
}
.dl-uncovered-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.dl-uncovered-section .text-block p {
font-size: 16px;
}
.dl-uncovered-section .blocks-list .block .icon {
width: 40px;
height: 40px;
padding: 10px;
}
}
@media all and (max-width: 767px) {
.dl-uncovered-section .blocks-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dl-uncovered-section .blocks-list .block {
width: 100%;
}
}
/* UNCOVER EVERY SECTION */
/* SEE LINEAGE */
.dl-see-lineage-section {
padding: 56px 0px;
background-color: #F2F5F8;
}
.dl-see-lineage-section .container {
width: 1342px;
}
.dl-see-lineage-section .title-block {
margin-bottom: 24px;
}
.dl-see-lineage-section .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
margin: 0px;
display: block;
width: 100%;
text-align: center;
}
.dl-see-lineage-section .text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dl-see-lineage-section .text-block p {
max-width: 828px;
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
text-align: center;
}
.dl-see-lineage-section .blocks {
margin-top: 72px;
display: flex;
}
.dl-see-lineage-section .blocks .left-block {
width: 50%;
}
.dl-see-lineage-section .blocks .left-block .video-block {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 12px;
border: solid 4px #3A88F8;
overflow: hidden;
background: #ffffff;
width: 632px;
height: 364px;
}
.dl-see-lineage-section .blocks .left-block .video-block img,
.dl-see-lineage-section .blocks .left-block .video-block video,
.dl-see-lineage-section .blocks .left-block .video-block iframe {
max-width: 632px;
width: 100%;
height: 364px;
max-height: 364px;
object-fit: cover;
object-position: center;
border-radius: 8px;
overflow: hidden;
max-height: 100%;
}
.dl-see-lineage-section .blocks .left-block .video-block button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none;
border: none;
cursor: pointer;
}
.dl-see-lineage-section .blocks .left-block .video-block button svg {
display: block;
}
.dl-see-lineage-section .blocks .list-block {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 20px;
padding-left: 16px;
}
.dl-see-lineage-section .blocks .list-block .ittem {
background-color: #F2F5F8;
border: solid 2px #ECEDEF;
border-radius: 12px;
padding: 20px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.dl-see-lineage-section .blocks .list-block .ittem:before {
content: '';
width: 12px;
height: 12px;
display: block;
border-radius: 6px;
background-color: #76ACFB;
}
.dl-see-lineage-section .blocks .list-block .ittem span {
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: #222222;
}
@media all and (max-width: 1400px) {
.dl-see-lineage-section {
padding: 48px 0px;
}
.dl-see-lineage-section .container {
width: 926px;
}
.dl-see-lineage-section .title-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dl-see-lineage-section .title-block h2 {
font-size: 40px;
line-height: 48px;
color: #222222;
width: 85%;
}
.dl-see-lineage-section .text-block p {
max-width: 744px;
}
.dl-see-lineage-section .blocks {
margin-top: 40px;
}
.dl-see-lineage-section .blocks .left-block {
width: 49%;
padding-right: 16px;
}
.dl-see-lineage-section .blocks .left-block .video-block {
border-radius: 8px;
border: solid 6px #FFFFFF;
width: 423px;
height: 244px;
max-width: 100%;
}
.dl-see-lineage-section .blocks .left-block .video-block img,
.dl-see-lineage-section .blocks .left-block .video-block video,
.dl-see-lineage-section .blocks .left-block .video-block iframe {
max-width: 411px;
width: 100%;
height: 232px;
max-height: 364px;
border-radius: 5px;
}
.dl-see-lineage-section .blocks .left-block .video-block button svg {
display: block;
width: 56px;
height: 56px;
}
.dl-see-lineage-section .blocks .list-block {
width: 51%;
}
}
@media all and (max-width: 991px) {
.dl-see-lineage-section {
padding: 40px 0px;
}
.dl-see-lineage-section .title-block {
margin-bottom: 16px;
}
.dl-see-lineage-section .title-block h2 {
font-size: 28px;
line-height: 36px;
width: 100%;
}
.dl-see-lineage-section .text-block p {
max-width: 100%;
font-size: 16px;
}
.dl-see-lineage-section .blocks {
margin-top: 32px;
}
.dl-see-lineage-section .blocks .left-block {
width: 50%;
padding-right: 8px;
}
.dl-see-lineage-section .blocks .list-block {
width: 50%;
padding-left: 8px;
}
.dl-see-lineage-section .blocks .list-block .ittem {
padding: 16px;
}
.dl-see-lineage-section .blocks .list-block .ittem span {
font-size: 16px;
line-height: 24px;
}
}
@media all and (max-width: 767px) {
.dl-see-lineage-section .blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.dl-see-lineage-section .blocks .list-block {
width: 100%;
padding-left: 0px;
margin-bottom: 32px;
}
.dl-see-lineage-section .blocks .list-block .ittem:before {
min-width: 12px;
}
.dl-see-lineage-section .blocks .left-block {
width: unset;
padding-right: 0px;
margin-left: -16px;
margin-right: -16px;
}
.dl-see-lineage-section .blocks .left-block .video-block {
border-radius: 0px;
width: 100%;
height: 196px;
}
.dl-see-lineage-section .blocks .left-block .video-block img,
.dl-see-lineage-section .blocks .left-block .video-block video,
.dl-see-lineage-section .blocks .left-block .video-block iframe {
max-width: 100%;
width: 100%;
height: 184px;
max-height: 364px;
border-radius: 0px;
}
.dl-see-lineage-section .blocks .left-block .video-block button svg {
width: 40px;
height: 40px;
}
}
/* SEE LINEAGE */
/* DATA LINEAGE */
/* TRANSFORMATION FLOW */
/* HERO SECTION */
.tf-hero-section {
padding-top: 56px;
padding-bottom: 56px;
}
.tf-hero-section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tf-hero-section .info-block {
max-width: 646px;
}
.tf-hero-section .info-block .title-block {
margin-bottom: 20px;
}
.tf-hero-section .info-block .title-block h1 {
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: #222222;
margin: 0px;
}
.tf-hero-section .info-block .title-block h1 span {
color: #FFFFFF;
background-color: #3A88F8;
border-top-right-radius: 37px;
border-bottom-right-radius: 37px;
display: block;
position: relative;
}
.tf-hero-section .info-block .title-block h1 span:before {
content: '';
display: block;
position: absolute;
right: 99.99%;
top: 0px;
height: 100%;
width: 1000px;
background-color: #3A88F8;
}
.tf-hero-section .info-block .text-block {
display: block;
}
.tf-hero-section .info-block .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
}
.tf-hero-section .image-block {
max-width: 534px;
}
.tf-hero-section .image-block img {
display: block;
}
.tf-hero-section .button-block {
margin-top: 64px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tf-hero-section .button-block a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
padding: 16px 32px;
background-color: #083573;
border-radius: 50px;
text-transform: uppercase;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
transition: 0.3s;
}
.tf-hero-section .button-block a:hover {
background-color: #FFFFFF;
color: #083573;
}
.tf-hero-section .button-block a svg {
display: block;
}
.tf-hero-section .button-block a svg path {
transition: 0.3s;
}
.tf-hero-section .button-block a:hover svg path {
fill: #083573;
}
@media all and (max-width: 1400px) {
.tf-hero-section {
padding-top: 48px;
padding-bottom: 48px;
}
.tf-hero-section .container {
width: 926px;
}
.tf-hero-section .info-block {
max-width: 509px;
}
.tf-hero-section .info-block .title-block h1 {
font-size: 48px;
line-height: 48px;
}
.tf-hero-section .animation-block {
max-width: 343px;
}
.tf-hero-section .animation-block #agentic-animation {
max-width: 100%;
}
.tf-hero-section .image-block {
max-width: 343px;
}
.tf-hero-section .button-block {
margin-top: 32px;
}
.tf-hero-section .button-block a {
gap: 8px;
font-size: 16px;
line-height: 22px;
padding: 13px 28px;
}
.tf-hero-section .button-block a svg {
width: 20px;
height: 20px;
}
}
@media all and (max-width: 991px) {
.tf-hero-section {
padding-top: 24px;
padding-bottom: 40px;
}
.tf-hero-section .info-block {
max-width: 340px;
}
.tf-hero-section .info-block .title-block {
margin-bottom: 12px;
}
.tf-hero-section .info-block .title-block h1 {
font-size: 32px;
line-height: 36px;
}
.tf-hero-section .info-block .text-block p {
font-size: 16px;
}
.tf-hero-section .button-block a {
font-size: 12px;
line-height: 18px;
padding: 11px 16px;
}
.tf-hero-section .button-block a svg {
width: 16px;
height: 16px;
}
}
@media all and (max-width: 767px) {
.tf-hero-section .info-block {
margin-bottom: 48px;
}
.tf-hero-section .image-block {
max-width: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tf-hero-section .button-block {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media all and (max-width: 460px) {
.tf-hero-section .animation-block {
max-width: 100%;
}
.tf-hero-section .animation-block #agentic-animation {
max-height: 150px;
}
.tf-hero-section .info-block .title-block {
max-width: 210px;
}
}
/* HERO SECTION */
/* COMPREHENSIVE SECTION */
.tf-comprehensive-section {
padding-top: 56px;
padding-bottom: 56px;
background-color: #3A88F8;
}
.tf-comprehensive-section .container {
width: 1342px;
}
.tf-comprehensive-section .title-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
}
.tf-comprehensive-section .title-block h2 {
max-width: 868px;
text-align: center;
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #FFFFFF;
}
.tf-comprehensive-section .text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
.tf-comprehensive-section .text-block p {
max-width: 868px;
text-align: center;
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
}
.tf-comprehensive-section .block-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 20px 1.5%;
}
.tf-comprehensive-section .block-list .block {
width: 32.333333%;
padding: 24px;
background-color: #FFFFFF;
border: solid 2px #ECEDEF;
border-radius: 12px;
gap: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.tf-comprehensive-section .block-list .block .top-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.tf-comprehensive-section .block-list .block .top-line .icon {
width: 48px;
height: 48px;
min-width: 48px;
border-radius: 24px;
background-color: #3A88F8;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.tf-comprehensive-section .block-list .block .top-line .icon img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.tf-comprehensive-section .block-list .block .top-line .titl {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
}
.tf-comprehensive-section .block-list .block .text {
display: block;
}
.tf-comprehensive-section .block-list .block .text p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
@media all and (max-width: 1400px) {
.tf-comprehensive-section {
padding-top: 48px;
padding-bottom: 48px;
}
.tf-comprehensive-section .container {
width: 926px;
}
.tf-comprehensive-section .block-list {
gap: 16px 1.5%;
}
.tf-comprehensive-section .block-list .block {
padding: 16px;
}
}
@media all and (max-width: 991px) {
.tf-comprehensive-section {
padding-top: 40px;
padding-bottom: 40px;
}
.tf-comprehensive-section .title-block {
margin-bottom: 16px;
}
.tf-comprehensive-section .title-block h2 {
max-width: 100%;
font-size: 28px;
line-height: 36px;
}
.tf-comprehensive-section .text-block {
margin-bottom: 32px;
}
.tf-comprehensive-section .text-block p {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.tf-comprehensive-section .block-list {
gap: 20px 3%;
}
.tf-comprehensive-section .block-list .block {
width: 48.5%;
gap: 16px;
}
}
@media all and (max-width: 767px) {
.tf-comprehensive-section .block-list .block {
width: 100%;
}
.tf-comprehensive-section .block-list .block .top-line .icon {
width: 40px;
height: 40px;
min-width: 40px;
}
}
/* COMPREHENSIVE SECTION */
/* SIMPLIFY SECTION */
.tf-simplify-section {
background-color: #F2F5F8;
padding-top: 56px;
padding-bottom: 56px;
}
.tf-simplify-section .container {
max-width: 1110px;
}
.tf-simplify-section .title-block {
margin-bottom: 24px;
}
.tf-simplify-section .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
text-align: center;
}
.tf-simplify-section .text-block {
margin-bottom: 36px;
}
.tf-simplify-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
text-align: center;
}
.tf-simplify-section .img-block {
width: 100%;
}
.tf-simplify-section .img-block #myCompare {
border: solid 2px #E2E2E2;
border-radius: 12px;
}
.tf-simplify-section .img-block #myCompare img {
display: block;
height: auto;
max-width: 1076px;
}
.tf-simplify-section .img-block #myCompare .icv__control-line {
background-color: #3A88F8!important;
}
.tf-simplify-section .img-block #myCompare .icv__arrow-wrapper svg path {
fill: #3A88F8 !important;
}
@media all and (max-width: 1400px) {
.tf-simplify-section {
padding-top: 48px;
padding-bottom: 48px;
}
.tf-simplify-section .container {
max-width: 926px;
}
.tf-simplify-section .title-block {
margin-bottom: 16px;
}
.tf-simplify-section .text-block {
margin-bottom: 40px;
}
.tf-simplify-section .img-block #myCompare img {
max-width: 892px;
}
}
@media all and (max-width: 991px) {
.tf-simplify-section {
padding-top: 40px;
padding-bottom: 40px;
}
.tf-simplify-section .title-block {
margin-bottom: 12px;
}
.tf-simplify-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.tf-simplify-section .text-block {
margin-bottom: 24px;
}
.tf-simplify-section .text-block p {
font-size: 16px;
line-height: 24px;
}
.tf-simplify-section .img-block {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tf-simplify-section .img-block #myCompare {
border: solid 1px #E2E2E2;
border-radius: 8px;
max-width: 640px;
}
.tf-simplify-section .img-block #myCompare img {
max-width: 638px;
}
}
@media all and (max-width: 767px) {
.tf-simplify-section .img-block #myCompare img {
max-width: 430px;
}
}
@media all and (max-width: 460px) {
.tf-simplify-section .img-block {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.tf-simplify-section .img-block #myCompare {
border-radius: 0px;
}
.tf-simplify-section .img-block #myCompare img {
max-width: 100%;
}
}
@media all and (max-width: 360px) {
.tf-simplify-section .img-block {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
}
/* SIMPLIFY SECTION */
/* SEE TRANSFORMATION SECTION */
.tf-transformation-section {
padding-top: 56px;
padding-bottom: 56px;
}
.tf-transformation-section .container {
max-width: 898px;
}
.tf-transformation-section .title-block {
margin-bottom: 24px;
}
.tf-transformation-section .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
text-align: center;
}
.tf-transformation-section .text-block {
margin-bottom: 46px;
}
.tf-transformation-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #222222;
text-align: center;
}
.tf-transformation-section .video-block {
display: block;
}
.tf-transformation-section .video-block .video-body {
width: 868px;
height: 500px;
border: solid 1px #FFFFFF;
border-radius: 16px;
position: relative;
overflow: hidden;
}
.tf-transformation-section .video-block .video-body img,
.tf-transformation-section .video-block .video-body video,
.tf-transformation-section .video-block .video-body iframe {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.tf-transformation-section .video-block .video-body button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none;
border: none;
cursor: pointer;
}
.tf-transformation-section .video-block .video-body button svg {
display: block;
}
.tf-transformation-section .tags-block {
margin-top: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.tf-transformation-section .tags-block .tag {
background-color: #083573;
border-radius: 24px;
padding: 12px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: #FFFFFF;
}
@media all and (max-width: 1400px) {
.tf-transformation-section {
padding-top: 48px;
padding-bottom: 48px;
}
.tf-transformation-section .container {
max-width: 926px;
}
.tf-transformation-section .title-block {
margin-bottom: 16px;
}
.tf-transformation-section .text-block {
margin-bottom: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tf-transformation-section .text-block p {
max-width: 680px;
}
}
@media all and (max-width: 991px) {
.tf-transformation-section {
padding-top: 40px;
padding-bottom: 40px;
}
.tf-transformation-section .title-block {
margin-bottom: 12px;
}
.tf-transformation-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.tf-transformation-section .text-block {
margin-bottom: 40px;
}
.tf-transformation-section .text-block p {
font-size: 16px;
line-height: 24px;
}
.tf-transformation-section .video-block .video-body {
width: 100%;
height: 400px;
}
}
@media all and (max-width: 767px) {
.tf-transformation-section .tags-block {
margin-top: 24px;
gap: 12px;
}
.tf-transformation-section .tags-block .tag {
border-radius: 24px;
padding: 7px 12px;
font-size: 14px;
line-height: 18px;
}
.tf-transformation-section .video-block {
margin-left: -15px;
margin-right: -15px;
}
.tf-transformation-section .video-block .video-body {
width: 100%;
height: 184px;
border-radius: 0;
border: unset;
}
.tf-transformation-section .video-block .video-body button svg {
width: 40px;
height: 40px;
}
}
/* SEE TRANSFORMATION SECTION */
/* TRANSFORMATION FLOW */
/* AGENTIC */
/* HERO SECTION */
.page-template-agentic .new-header {
background: -webkit-gradient(linear, left top, right top, from(#083573), to(#395D8F));
background: -o-linear-gradient(left, #083573, #395D8F);
background: linear-gradient(90deg, #083573, #395D8F);
}
.page-template-agentic .new-header.scroll {
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
background: -o-linear-gradient(left, #ffffff, #ffffff);
background: linear-gradient(90deg, #ffffff, #ffffff);
}
.page-template-agentic .new-header .logo-block {
background-image: url(https://dataparq.com/wp-content/uploads/2025/08/ColorWhite.svg);
background-size: cover;
}
.page-template-agentic .new-header .logo-block a img {
opacity: 0;
}
.page-template-agentic .new-header.scroll .logo-block {
background-image: unset;
background-size: cover;
}
.page-template-agentic .new-header.scroll .logo-block a img {
opacity: 1;
}
.ag-hero-section {
background: -webkit-gradient(linear, left top, right top, from(#083573), to(#395D8F));
background: -o-linear-gradient(left, #083573, #395D8F);
background: linear-gradient(90deg, #083573, #395D8F);
padding-top: 88px;
padding-bottom: 56px;
}
.ag-hero-section .container {
max-width: 1342px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.ag-hero-section .partnership {
position: absolute;
left: 15px;
top: -88px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.ag-hero-section .partnership span {
font-size: 20px;
line-height: 32px;
font-weight: 400;
color: #FFFFFF;
}
.ag-hero-section .partnership img {
width: 161px;
height: auto;
}
.ag-hero-section .info-block {
max-width: 667px;
}
.ag-hero-section .info-block .title-block {
margin-bottom: 20px;
}
.ag-hero-section .info-block .title-block h1 {
margin: 0;
font-size: 60px;
line-height: 73px;
font-weight: 700;
color: #FFFFFF;
}
.ag-hero-section .info-block .title-block h1 span {
position: relative;
display: inline-block;
background-color: #3A88F8;
border-top-right-radius: 37px;
border-bottom-right-radius: 37px;
padding-right: 25px;
}
.ag-hero-section .info-block .title-block h1 span:before {
content: '';
display: block;
position: absolute;
top: 0px;
right: 99.999%;
height: 100%;
width: 1000px;
background-color: #3A88F8;
}
.ag-hero-section .info-block .text-block {
margin-bottom: 20px;
}
.ag-hero-section .info-block .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
}
.ag-hero-section .image-block {
display: block;
}
.ag-hero-section .image-block .image {
background-color: #ffffff;
width: 554px;
height: 380px;
border-radius: 16px;
-webkit-box-shadow: 0px 2px 4px 2px rgba(34, 34, 34, 0.1);
box-shadow: 0px 2px 4px 2px rgba(34, 34, 34, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ag-hero-section .image-block .image img {
display: block;
}
.ag-hero-section .image-block .animation-block {
background-color: #ffffff;
width: 554px;
height: 322px;
border-radius: 16px;
-webkit-box-shadow: 0px 2px 4px 2px rgba(34, 34, 34, 0.1);
box-shadow: 0px 2px 4px 2px rgba(34, 34, 34, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ag-hero-section .image-block .animation-block #agentic-animation {
display: block;
}
.ag-hero-section .button-block {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ag-hero-section .button-block a {
background-color: #FFFFFF;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #083573;
padding: 16px 32px;
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
text-transform: uppercase;
border-radius: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
transition: 0.3s;
}
.ag-hero-section .button-block a:hover {
background-color: #3A88F8;
color: #ffffff;
}
.ag-hero-section .button-block a svg {
display: block;
}
.ag-hero-section .button-block a svg path {
transition: 0.3s;
}
.ag-hero-section .button-block a:hover svg path {
fill: #ffffff;
}
@media all and (max-width: 1400px) {
.ag-hero-section {
padding-top: 80px;
padding-bottom: 48px;
}
.ag-hero-section .container {
max-width: 926px;
}
.ag-hero-section .partnership {
top: -80px;
}
.ag-hero-section .info-block {
max-width: 487px;
}
.ag-hero-section .info-block .title-block h1 {
font-size: 48px;
line-height: 56px;
}
.ag-hero-section .info-block .title-block h1 span {
max-width: 240px;
display: block;
}
.ag-hero-section .image-block .animation-block,
.ag-hero-section .image-block .image {
width: 340px;
height: 208px;
padding: 10px;
}
.ag-hero-section .image-block .animation-block #agentic-animation,
.ag-hero-section .image-block .image img {
display: block;
max-width: 100%;
max-height: 100%;
}
.ag-hero-section .button-block a {
font-size: 16px;
line-height: 24px;
padding: 12px 26px;
gap: 8px;
margin-top: 0px;
}
}
@media all and (max-width: 991px) {
.ag-hero-section .info-block {
max-width: 350px;
}
.page-template-agentic .new-header .right-block .menu-mob-buttom .button {
background: #ffffff;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
}
.page-template-agentic .new-header .right-block .menu-mob-buttom .button span {
background: #083573;
}
.page-template-agentic .new-header.scroll .right-block .menu-mob-buttom .button {
background: #083573;
}
.page-template-agentic .new-header.scroll .right-block .menu-mob-buttom .button span {
background: #ffffff;
}
}
@media all and (max-width: 767px) {
.ag-hero-section {
padding-top: 64px;
padding-bottom: 40px;
}
.ag-hero-section .partnership span {
font-size: 16px;
line-height: 20px;
}
.ag-hero-section .partnership img {
width: 121px;
height: auto;
}
.ag-hero-section .partnership {
top: -64px;
}
.ag-hero-section .info-block {
max-width: 100%;
}
.ag-hero-section .info-block .title-block h1 {
font-size: 32px;
line-height: 36px;
}
.ag-hero-section .info-block .title-block h1 span {
max-width: 170px;
display: block;
}
.ag-hero-section .info-block .text-block {
margin-bottom: 32px;
}
.ag-hero-section .info-block .text-block p {
font-size: 16px;
line-height: 24px;
}
.ag-hero-section .image-block .animation-block,
.ag-hero-section .image-block .image {
width: 100%;
height: 176px;
padding: 10px;
}
.ag-hero-section .image-block .animation-block #agentic-animation,
.ag-hero-section .image-block .image img {
display: block;
width: 100% !important;
max-width: 100%;
max-height: 100%;
}
.ag-hero-section .button-block {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 32px;
}
.ag-hero-section .button-block a {
font-size: 12px;
line-height: 18px;
padding: 11px 16px;
gap: 8px;
margin-top: 0px;
}
.ag-hero-section .button-block a svg {
width: 16px;
height: 16px;
}
}
/* HERO SECTION */
/* INTELLIGENT */
.ag-intelligent-section {
background-color: #F2F5F8;
padding-top: 56px;
padding-bottom: 56px;
}
.ag-intelligent-section .container {
max-width: 1342px;
width: 100%;
}
.ag-intelligent-section .title-block {
margin-bottom: 32px;
width: 100%;
}
.ag-intelligent-section .title-block h2 {
display: block;
width: 100%;
text-align: center;
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
}
.ag-intelligent-section .blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 1.5%;
}
.ag-intelligent-section .blocks .block {
width: 32.3%;
padding: 20px;
border: solid 2px #ECEDEF;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
border-radius: 12px;
}
.ag-intelligent-section .blocks .block .icon {
width: 48px;
height: 48px;
border-radius: 24px;
background-color: #395D8F;
padding: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ag-intelligent-section .blocks .block .icon img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.ag-intelligent-section .blocks .block .title {
display: block;
width: 100%;
margin-bottom: -8px;
}
.ag-intelligent-section .blocks .block .title h4 {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
text-align: center;
}
.ag-intelligent-section .blocks .block .text {
display: block;
}
.ag-intelligent-section .blocks .block .text p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
text-align: center;
}
.ag-intelligent-section .blocks .block .blu-text {
display: block;
}
.ag-intelligent-section .blocks .block .blu-text p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #3A88F8;
text-align: center;
}
.ag-intelligent-section .blocks .block .blu-text strong {
font-weight: 700;
}
@media all and (max-width: 1400px) {
.ag-intelligent-section {
padding-top: 48px;
padding-bottom: 48px;
}
.ag-intelligent-section .container {
max-width: 926px;
}
.ag-intelligent-section .title-block h2 {
font-size: 40px;
line-height: 40px;
}
.ag-intelligent-section .blocks {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px 2%;
}
.ag-intelligent-section .blocks .block {
width: 49%;
}
}
@media all and (max-width: 991px) {
}
@media all and (max-width: 767px) {
.ag-intelligent-section {
padding-top: 40px;
padding-bottom: 40px;
}
.ag-intelligent-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.ag-intelligent-section .blocks .block {
width: 100%;
}
.ag-intelligent-section .blocks .block .icon {
width: 40px;
height: 40px;
padding: 10px;
border-radius: 20px;
}
}
/* INTELLIGENT */
/* SEE ASK */
.ag-seeask-section {
padding-top: 56px;
padding-bottom: 55px;
background-color: #FFFFFF;
}
.ag-seeask-section .container {
max-width: 1342px;
width: 100%;
}
.ag-seeask-section .title-block {
margin-bottom: 24px;
}
.ag-seeask-section .title-block h2 {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
display: block;
width: 100%;
text-align: center;
}
.ag-seeask-section .text-block {
position: relative;
max-width: 828px;
margin-left: auto;
margin-right: auto;
margin-bottom: 72px;
}
.ag-seeask-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
text-align: center;
}
.ag-seeask-section .text-block svg {
position: absolute;
left: -101px;
top: 13px;
}
.ag-seeask-section .blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.ag-seeask-section .blocks .left-block {
width: 48.2%;
}
.ag-seeask-section .blocks .left-block .video-body {
display: none;
}
.ag-seeask-section .blocks .left-block .video-body.active {
display: block;
position: relative;
}
.ag-seeask-section .blocks .left-block .video-body img,
.ag-seeask-section .blocks .left-block .video-body video,
.ag-seeask-section .blocks .left-block .video-body iframe {
width: 100%;
height: 364px;
object-fit: cover;
object-position: center;
border-radius: 12px;
display: block;
border: solid 4px #3A88F8;
}
.ag-seeask-section .blocks .left-block .video-body button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none;
border: none;
cursor: pointer;
}
.ag-seeask-section .blocks .left-block .video-body button svg {
display: block;
}
.ag-seeask-section .blocks .list-block {
width: 49.3%;
}
.ag-seeask-section .blocks .list-block .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 20px;
}
.ag-seeask-section .blocks .list-block .list .ittem {
border: solid 2px #ECEDEF;
border-radius: 8px;
padding: 15px 16px;
gap: 16px;
display: flex;
opacity: 0.5;
transition: 0.3s;
cursor: pointer;
}
.ag-seeask-section .blocks .list-block .list .ittem.active,
.ag-seeask-section .blocks .list-block .list .ittem:hover {
opacity: 1;
}
.ag-seeask-section .blocks .list-block .list .num {
min-width: 48px;
}
.ag-seeask-section .blocks .list-block .list .num span {
border-radius: 24px;
width: 48px;
min-width: 48px;
height: 48px;
background-color: #083573;
font-size: 24px;
line-height: 33px;
font-weight: 700;
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ag-seeask-section .blocks .list-block .list .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 4px;
}
.ag-seeask-section .blocks .list-block .list .info .title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
}
.ag-seeask-section .blocks .list-block .list .info .text {
font-size: 16px;
line-height: 21px;
font-weight: 400;
color: #667085;
}
.ag-seeask-section .button-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-top: 48px;
}
.ag-seeask-section .button-block a {
padding: 18px 32px;
border-radius: 50px;
background-color: #083573;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
text-transform: uppercase;
box-shadow: 0px 7px 10px 0px rgba(34, 34, 34, 0.1);
transition: 0.3s;
}
.ag-seeask-section .button-block a:hover {
background-color: #FFFFFF;
color: #083573;
}
.ag-seeask-section .button-block a svg {
display: block;
}
.ag-seeask-section .button-block a svg path {
transition: 0.3s;
}
.ag-seeask-section .button-block a:hover svg path {
fill: #083573;
}
@media all and (max-width: 1400px) {
.ag-seeask-section {
padding-top: 48px;
padding-bottom: 48px;
}
.ag-seeask-section .container {
max-width: 926px;
}
.ag-seeask-section .title-block h2 {
font-size: 40px;
line-height: 40px;
}
.ag-seeask-section .text-block {
max-width: 744px;
margin-bottom: 80px;
}
.ag-seeask-section .text-block svg {
left: -60px;
top: 0px;
transform: rotate(-40deg);
}
.ag-seeask-section .blocks .left-block .video-body img,
.ag-seeask-section .blocks .left-block .video-body video,
.ag-seeask-section .blocks .left-block .video-body iframe {
width: 100%;
height: 252px;
}
.ag-seeask-section .button-block {
margin-top: -48px;
width: 48%;
}
.ag-seeask-section .button-block a {
padding: 13.5px 27px;
line-height: 21px;
gap: 8px;
}
}
@media all and (max-width: 991px) {
}
@media all and (max-width: 767px) {
.ag-seeask-section {
padding-top: 40px;
padding-bottom: 40px;
}
.ag-seeask-section .title-block {
margin-bottom: 16px;
}
.ag-seeask-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.ag-seeask-section .text-block {
max-width: 100%;
margin-bottom: 32px;
}
.ag-seeask-section .text-block p {
font-size: 16px;
line-height: 24px;
}
.ag-seeask-section .text-block svg {
display: none;
}
.ag-seeask-section .blocks {
gap: 32px;
}
.ag-seeask-section .blocks .left-block {
width: calc(100% + 32px);
min-width: 100%;
margin-left: -16px;
margin-right: -16px;
order: 2;
}
.ag-seeask-section .blocks .left-block .video-body img,
.ag-seeask-section .blocks .left-block .video-body video,
.ag-seeask-section .blocks .left-block .video-body iframe {
width: 100%;
min-width: 100%;
height: 184px;
border-radius: 0px;
border: solid 6px #ffffff;
}
.ag-seeask-section .blocks .left-block .video-body button svg {
display: block;
width: 40px;
height: 40px;
}
.ag-seeask-section .blocks .list-block {
width: 100%;
order: 1;
}
.ag-seeask-section .blocks .list-block .list .ittem {
padding: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.ag-seeask-section .blocks .list-block .list .num span {
width: 40px;
min-width: 40px;
height: 40px;
font-size: 24px;
line-height: 33px;
}
.ag-seeask-section .blocks .list-block .list .info .text {
font-size: 16px;
line-height: 22px;
}
.ag-seeask-section .button-block {
margin-top: 32px;
width: 100%;
}
.ag-seeask-section .button-block a {
padding: 11px 16px;
font-size: 12px;
line-height: 18px;
}
.ag-seeask-section .button-block a svg {
width: 16px;
height: 16px;
}
}
/* SEE ASK */
/* AGENTIC */
/* USER MANAGEMENT */
/* HERO SECTION */
.page-template-user-management .new-header {
background: -webkit-gradient(linear, left top, right top, from(#083573), to(#395D8F));
background: -o-linear-gradient(left, #083573, #395D8F);
background: linear-gradient(90deg, #083573, #395D8F);
}
.page-template-user-management .new-header.scroll {
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
background: -o-linear-gradient(left, #ffffff, #ffffff);
background: linear-gradient(90deg, #ffffff, #ffffff);
}
.page-template-user-management .new-header .logo-block {
background-image: url(https://dataparq.com/wp-content/uploads/2025/08/ColorWhite.svg);
background-size: cover;
}
.page-template-user-management .new-header .logo-block a img {
opacity: 0;
}
.page-template-user-management .new-header.scroll .logo-block {
background-image: unset;
background-size: cover;
}
.page-template-user-management .new-header.scroll .logo-block a img {
opacity: 1;
}
.um-hero-section {
background: -webkit-gradient(linear, left top, right top, from(#083573), to(#395D8F));
background: -o-linear-gradient(left, #083573, #395D8F);
background: linear-gradient(90deg, #083573, #395D8F);
padding-top: 56px;
padding-bottom: 56px;
}
.um-hero-section .container {
max-width: 1342px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.um-hero-section .info-block {
width: 667px;
}
.um-hero-section .info-block .title-block {
margin-bottom: 20px;
}
.um-hero-section .info-block .title-block h1 {
font-size: 60px;
line-height: 73px;
font-weight: 700;
color: #FFFFFF;
margin: 0px;
}
.um-hero-section .info-block .title-block h1 span {
position: relative;
display: inline-block;
background-color: #3A88F8;
border-top-right-radius: 37px;
border-bottom-right-radius: 37px;
padding-right: 25px;
}
.um-hero-section .info-block .title-block h1 span:before {
content: '';
display: block;
position: absolute;
top: 0px;
right: 99.999%;
height: 100%;
width: 1000px;
background-color: #3A88F8;
}
.um-hero-section .info-block .text-block {
margin-bottom: 20px;
}
.um-hero-section .info-block .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
}
.um-hero-section .media-block {
width: 554px;
height: 380px;
background-color: #FFFFFF;
border-radius: 16px;
box-shadow: 0px 2px 4px 2px rgba(34, 34, 34, 0.1);
}
.um-hero-section .media-block .image {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.um-hero-section .media-block .image img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.um-hero-section .media-block .animation-block {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.um-hero-section .media-block .animation-block #agentic-animation {
display: block;
}
.um-hero-section .button-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: -60px;
}
.um-hero-section .button-block a {
background: #FFFFFF;
border-radius: 50px;
padding: 18px 32px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #083573;
text-decoration: unset;
text-transform: uppercase;
gap: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.um-hero-section .button-block a:hover {
background: #3A88F8;
color: #FFFFFF;
}
.um-hero-section .button-block a svg {
display: block;
}
.um-hero-section .button-block a svg path {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.um-hero-section .button-block a:hover svg path {
fill: #FFFFFF;
}
@media all and (max-width: 1400px) {
.um-hero-section {
padding-top: 48px;
padding-bottom: 48px;
}
.um-hero-section .container {
max-width: 928px;
padding: 0px 16px;
}
.um-hero-section .info-block {
width: 505px;
}
.um-hero-section .info-block .title-block h1 {
font-size: 48px;
line-height: 56px;
}
.um-hero-section .info-block .title-block h1 span {
padding-right: 18px;
}
.um-hero-section .info-block .text-block {
margin-bottom: 48px;
}
.um-hero-section .media-block {
width: 340px;
height: 232px;
margin-top: 16px;
}
.um-hero-section .media-block .animation-block #agentic-animation {
max-width: 100%;
max-height: 100%;
}
.um-hero-section .button-block {
margin-top: 0px;
width: 100%;
}
.um-hero-section .button-block a {
padding: 14px 26px;
font-size: 16px;
line-height: 20px;
gap: 8px;
}
.um-hero-section .button-block a svg {
width: 20px;
height: 20px;
}
}
@media all and (max-width: 991px) {
.page-template-user-management .new-header .right-block .menu-mob-buttom .button {
background: #ffffff;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
}
.page-template-user-management .new-header .right-block .menu-mob-buttom .button span {
background: #083573;
}
.page-template-user-management .new-header.scroll .right-block .menu-mob-buttom .button {
background: #083573;
}
.page-template-user-management .new-header.scroll .right-block .menu-mob-buttom .button span {
background: #ffffff;
}
.um-hero-section {
padding-top: 40px;
padding-bottom: 40px;
}
.um-hero-section .info-block {
width: 350px;
}
.um-hero-section .info-block .title-block h1 {
font-size: 32px;
line-height: 36px;
}
.um-hero-section .info-block .text-block {
margin-bottom: 40px;
}
.um-hero-section .info-block .text-block p {
font-size: 16px;
line-height: 24px;
}
.um-hero-section .button-block a {
padding: 11px 16px;
font-size: 11px;
line-height: 18px;
}
.um-hero-section .button-block a svg {
width: 16px;
height: 16px;
}
}
@media all and (max-width: 767px) {
.um-hero-section .media-block {
width: 100%;
height: 196px;
margin-top: 0px;
}
.um-hero-section .button-block {
width: 100%;
}
.um-hero-section .button-block {
width: 100%;
margin-top: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/* HERO SECTION */
/* CENTRALISED SECTION */
.um-centralised-section {
padding-top: 56px;
padding-bottom: 56px;
background-color: #F2F5F8;
}
.um-centralised-section .container {
max-width: 1342px;
width: 100%;
}
.um-centralised-section .title-block {
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.um-centralised-section .title-block h2 {
max-width: 868px;
text-align: center;
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
margin: 0px;
}
.um-centralised-section .text-block {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.um-centralised-section .text-block p {
max-width: 868px;
text-align: center;
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
.um-centralised-section .blocks-list {
gap: 1.55%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.um-centralised-section .blocks-list .block-ittem {
width: 32.3%;
background-color: #FFFFFF;
border-radius: 12px;
border: solid 1px #ECEDEF;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 8px;
}
.um-centralised-section .blocks-list .block-ittem .icon {
width: 48px;
height: 48px;
border-radius: 24px;
background-color: #395D8F;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.um-centralised-section .blocks-list .block-ittem .icon img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.um-centralised-section .blocks-list .block-ittem .title {
padding-top: 8px;
}
.um-centralised-section .blocks-list .block-ittem .title h4 {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
}
.um-centralised-section .blocks-list .block-ittem .text {
display: block;
}
.um-centralised-section .blocks-list .block-ittem .text p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
@media all and (max-width: 1400px) {
.um-centralised-section {
padding-top: 48px;
padding-bottom: 48px;
}
.um-centralised-section .container {
max-width: 928px;
padding: 0px 16px;
}
.um-centralised-section .title-block {
margin-bottom: 16px;
}
.um-centralised-section .title-block h2 {
max-width: 868px;
font-size: 40px;
line-height: 40px;
margin: 0px;
}
.um-centralised-section .text-block {
margin-bottom: 44px;
}
.um-centralised-section .blocks-list {
gap: 20px 2%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.um-centralised-section .blocks-list .block-ittem {
width: 49%;
}
}
@media all and (max-width: 991px) {
.um-centralised-section {
padding-top: 40px;
padding-bottom: 40px;
}
.um-centralised-section .title-block h2 {
max-width: 100%;
font-size: 28px;
line-height: 36px;
}
.um-centralised-section .text-block {
margin-bottom: 32px;
}
.um-centralised-section .text-block p {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.um-centralised-section .blocks-list .block-ittem {
padding: 20px;
}
.um-centralised-section .blocks-list .block-ittem .icon {
width: 40px;
height: 40px;
padding: 5px;
}
}
@media all and (max-width: 767px) {
.um-centralised-section .blocks-list {
gap: 16px;
}
.um-centralised-section .blocks-list .block-ittem {
width: 100%;
}
}
/* CENTRALISED SECTION */
/* GRANURAL SECTION */
.um-granular-section {
padding-top: 56px;
padding-bottom: 56px;
}
.um-granular-section .container {
max-width: 1342px;
width: 100%;
}
.um-granular-section .title-block {
margin-bottom: 24px;
}
.um-granular-section .title-block h2 {
margin: 0px;
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
text-align: center;
}
.um-granular-section .text-block {
margin-bottom: 72px;
max-width: 612px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.um-granular-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #667085;
text-align: center;
max-width: 612px;
}
.um-granular-section .text-block svg {
position: absolute;
left: -130px;
top: 10px;
}
.um-granular-section .tabs-block {
display: block;
}
.um-granular-section .tabs-block .tabs-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.um-granular-section .tabs-block .tabs-nav .tab {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #083573;
padding: 18px 17px;
background-color: #F2F5F8;
min-width: 248px;
text-align: center;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.um-granular-section .tabs-block .tabs-nav .tab:hover {
background-color: #CED7E3;
}
.um-granular-section .tabs-block .tabs-nav .tab.active {
background-color: #083573;
color: #FFFFFF;
}
.um-granular-section .tabs-block .tabs-nav .tab:first-child {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
.um-granular-section .tabs-block .tabs-nav .tab:last-child {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
.um-granular-section .tabs-block .tabs-content {
margin-top: 56px;
}
.um-granular-section .tabs-block .tabs-content .tab-content {
display: none;
}
.um-granular-section .tabs-block .tabs-content .tab-content.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block {
max-width: 555px;
width: 100%;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .title {
font-size: 32px;
line-height: 38px;
font-weight: 700;
color: #083573;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .text {
margin-top: 8px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .text p {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #222222;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block {
margin-top: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
padding: 18px 32px;
border-radius: 50px;
text-transform: uppercase;
background-color: #3A88F8;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block a:hover {
background-color: #ffffff;
color: #083573;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block a svg {
display: block;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block a svg path {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block a:hover svg path {
fill: #083573;
}
.um-granular-section .tabs-block .tabs-content .tab-content .image-block {
max-width: 632px;
width: 100%;
}
.um-granular-section .tabs-block .tabs-content .tab-content .image-block img {
width: 100%;
height: 364px;
object-fit: cover;
border-radius: 12px;
border: solid 4px #3A88F8;
}
@media all and (max-width: 1400px) {
.um-granular-section {
padding-top: 48px;
padding-bottom: 48px;
}
.um-granular-section .container {
max-width: 928px;
padding: 0px 16px;
}
.um-granular-section .title-block h2 {
font-size: 40px;
line-height: 40px;
}
.um-granular-section .text-block {
margin-bottom: 40px;
max-width: 524px;
}
.um-granular-section .text-block p {
max-width: 524px;
}
.um-granular-section .text-block svg {
left: -170px;
top: 0px;
height: 80px;
}
.um-granular-section .tabs-block .tabs-content {
margin-top: 111px;
}
.um-granular-section .tabs-block .tabs-content {
margin-top: 111px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .image-block {
max-width: 438px;
width: 100%;
}
.um-granular-section .tabs-block .tabs-content .tab-content .image-block img {
height: 252px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block {
max-width: 440px;
width: 100%;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block {
margin-top: 32px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block a {
font-size: 16px;
line-height: 20px;
padding: 14px 28px;
gap: 8px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block a svg {
display: block;
width: 20px;
height: 20px;
}
}
@media all and (max-width: 991px) {
.um-granular-section {
padding-top: 40px;
padding-bottom: 40px;
}
.um-granular-section .title-block {
margin-bottom: 16px;
}
.um-granular-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.um-granular-section .text-block {
margin-bottom: 32px;
}
.um-granular-section .text-block p {
font-size: 16px;
line-height: 24px;
}
.um-granular-section .text-block svg {
display: none;
}
.um-granular-section .tabs-block .tabs-nav .tab {
font-size: 16px;
line-height: 20px;
padding: 14px 8px;
}
.um-granular-section .tabs-block .tabs-content {
margin-top: 34px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .text {
margin-top: 12px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .text p {
font-size: 16px;
line-height: 20px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block a {
font-size: 12px;
line-height: 18px;
padding: 11px 16px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block a svg {
width: 18px;
height: 18px;
}
}
@media all and (max-width: 767px) {
.um-granular-section {
padding-bottom: 112px;
position: relative;
}
.um-granular-section .text-block p {
font-size: 16px;
line-height: 24px;
padding: 0px 35px;
}
.um-granular-section .tabs-block .tabs-nav {
margin-left: -16px;
margin-right: -16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.um-granular-section .tabs-block .tabs-nav .tab {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.um-granular-section .tabs-block .tabs-nav .tab:first-child {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.um-granular-section .tabs-block .tabs-nav .tab:last-child {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block {
max-width: 100%;
width: 100%;
}
.um-granular-section .tabs-block .tabs-content .tab-content .image-block {
max-width: calc(100% + 32px);
width: calc(100% + 32px);
margin-left: -16px;
margin-right: -16px;
}
.um-granular-section .tabs-block .tabs-content .tab-content.active {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 32px;
}
.um-granular-section .tabs-block .tabs-content .tab-content .image-block img {
height: 184px;
border-radius: 0px;
border: solid 6px #FFFFFF;
}
.um-granular-section .tabs-block .tabs-content .tab-content .info-block .button-block {
margin-top: 0px;
position: absolute;
bottom: 40px;
left: 0px;
right: 0px;
width: 100%;
justify-content: center;
}
}
/* GRANURAL SECTION */
/* USER MANAGEMENT */
/* AUTO DATA */
/* HERO SECTION */
.page-template-auto-data-modeling .new-header {
background: -webkit-gradient(linear, left top, right top, from(#083573), to(#395D8F));
background: -o-linear-gradient(left, #083573, #395D8F);
background: linear-gradient(90deg, #083573, #395D8F);
}
.page-template-auto-data-modeling .new-header.scroll {
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ffffff));
background: -o-linear-gradient(left, #ffffff, #ffffff);
background: linear-gradient(90deg, #ffffff, #ffffff);
}
.page-template-auto-data-modeling .new-header .logo-block {
background-image: url(https://dataparq.com/wp-content/uploads/2025/08/ColorWhite.svg);
background-size: cover;
}
.page-template-auto-data-modeling .new-header .logo-block a img {
opacity: 0;
}
.page-template-auto-data-modeling .new-header.scroll .logo-block {
background-image: unset;
background-size: cover;
}
.page-template-auto-data-modeling .new-header.scroll .logo-block a img {
opacity: 1;
}
.ad-hero-section {
background: -webkit-gradient(linear, left top, right top, from(#083573), to(#395D8F));
background: -o-linear-gradient(left, #083573, #395D8F);
background: linear-gradient(90deg, #083573, #395D8F);
padding-top: 56px;
padding-bottom: 56px;
}
.ad-hero-section .container {
max-width: 1342px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.ad-hero-section .info-block {
max-width: 684px;
}
.ad-hero-section .info-block .title-block {
margin-bottom: 24px;
}
.ad-hero-section .info-block .title-block h1 {
font-size: 60px;
line-height: 73px;
font-weight: 700;
color: #FFFFFF;
margin: 0px;
}
.ad-hero-section .info-block .title-block h1 span {
position: relative;
display: inline-block;
background-color: #3A88F8;
border-top-right-radius: 37px;
border-bottom-right-radius: 37px;
padding-right: 25px;
}
.ad-hero-section .info-block .title-block h1 span:after {
content: '';
display: block;
position: absolute;
top: 0px;
right: 99.999%;
height: 100%;
width: 1000px;
background-color: #3A88F8;
}
.ad-hero-section .info-block .text-block {
margin-bottom: 24px;
}
.ad-hero-section .info-block .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
}
.ad-hero-section .media-block {
max-width: 554px;
}
.ad-hero-section .media-block .image-block {
width: 554px;
height: 380px;
background-color: #FFFFFF;
border-radius: 16px;
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.ad-hero-section .media-block .image-block img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
display: block;
}
.ad-hero-section .media-block .animation-block {
width: 554px;
height: 380px;
background-color: #FFFFFF;
border-radius: 16px;
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.ad-hero-section .media-block .animation-block #agentic-animation {
display: block;
}
.ad-hero-section .button-block {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ad-hero-section .button-block a {
margin-top: -60px;
background: #FFFFFF;
border-radius: 50px;
padding: 18px 32px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #083573;
text-decoration: unset;
text-transform: uppercase;
gap: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.ad-hero-section .button-block a:hover {
background: #3A88F8;
color: #FFFFFF;
}
.ad-hero-section .button-block a svg {
display: block;
}
.ad-hero-section .button-block a svg path {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.ad-hero-section .button-block a:hover svg path {
fill: #FFFFFF;
}
@media all and (max-width: 1400px) {
.ad-hero-section {
padding-top: 48px;
padding-bottom: 48px;
}
.ad-hero-section .container {
width: 928px;
padding: 0px 16px;
}
.ad-hero-section .info-block {
max-width: 533px;
}
.ad-hero-section .info-block .title-block {
margin-bottom: 20px;
}
.ad-hero-section .info-block .title-block h1 {
font-size: 48px;
line-height: 56px;
}
.ad-hero-section .media-block {
max-width: 340px;
}
.ad-hero-section .media-block .animation-block {
width: 340px;
height: 232px;
}
.ad-hero-section .media-block .animation-block #agentic-animation {
max-width: 100%;
max-height: 100%;
}
.ad-hero-section .button-block {
margin-top: 28px;
}
.ad-hero-section .button-block a {
margin-top: 0px;
padding: 14px 26px;
font-size: 16px;
line-height: 20px;
gap: 8px;
}
.ad-hero-section .button-block a svg {
width: 20px;
height: 20px;
}
}
@media all and (max-width: 991px) {
.page-template-auto-data-modeling .new-header .right-block .menu-mob-buttom .button {
background: #ffffff;
-webkit-box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.11);
}
.page-template-auto-data-modeling .new-header .right-block .menu-mob-buttom .button span {
background: #083573;
}
.page-template-auto-data-modeling .new-header.scroll .right-block .menu-mob-buttom .button {
background: #083573;
}
.page-template-auto-data-modeling .new-header.scroll .right-block .menu-mob-buttom .button span {
background: #ffffff;
}
.ad-hero-section {
padding-top: 40px;
padding-bottom: 40px;
}
.ad-hero-section .container {
width: 100%;
padding: 0px 16px;
}
.ad-hero-section .info-block {
max-width: 330px;
}
.ad-hero-section .info-block .title-block h1 {
font-size: 32px;
line-height: 36px;
}
.ad-hero-section .info-block .text-block p {
font-size: 16px;
line-height: 24px;
}
.ad-hero-section .button-block {
margin-top: 16px;
}
.ad-hero-section .button-block a {
padding: 11px 16px;
font-size: 12px;
line-height: 18px;
gap: 8px;
}
.ad-hero-section .button-block a svg {
width: 18px;
height: 18px;
}
}
@media all and (max-width: 767px) {
.ad-hero-section .media-block .animation-block {
width: 100%;
height: 327px;
}
.ad-hero-section .media-block .animation-block #agentic-animation {
max-width: 100%;
max-height: 100%;
width: 100% !important;
height: 327px !important;
overflow: hidden;
}
.ad-hero-section .media-block .animation-block #agentic-animation svg {
width: 130%!important;
margin-left: -15%;
}
.ad-hero-section .button-block {
margin-top: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/* HERO SECTION */
/* ACCELERATE SECTION */
.ad-accelerate-section {
background-color: #F2F5F8;
padding-top: 56px;
padding-bottom: 56px;
}
.ad-accelerate-section .container {
max-width: 1342px;
width: 100%;
}
.ad-accelerate-section .title-blocks {
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ad-accelerate-section .title-blocks h2 {
margin: 0px;
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
text-align: center;
max-width: 868px;
}
.ad-accelerate-section .text-block {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ad-accelerate-section .text-block p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #222222;
text-align: center;
max-width: 868px;
}
.ad-accelerate-section .block-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 1.6%;
}
.ad-accelerate-section .block-list .block {
width: 23.8%;
background: #FFFFFF;
border: solid 2px #ECEDEF;
border-radius: 12px;
padding: 24px;
}
.ad-accelerate-section .block-list .block .icon {
width: 48px;
height: 48px;
border-radius: 24px;
background-color: #395D8F;
padding: 12px;
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.ad-accelerate-section .block-list .block .icon img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.ad-accelerate-section .block-list .block .title {
margin-bottom: 8px;
}
.ad-accelerate-section .block-list .block .title h4 {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #222222;
}
.ad-accelerate-section .block-list .block .text {
display: block;
}
.ad-accelerate-section .block-list .block .text p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
@media all and (max-width: 1400px) {
.ad-accelerate-section {
padding-top: 48px;
padding-bottom: 48px;
}
.ad-accelerate-section .container {
width: 928px;
padding: 0px 16px;
}
.ad-accelerate-section .title-blocks {
margin-bottom: 16px;
}
.ad-accelerate-section .title-blocks h2 {
font-size: 40px;
line-height: 40px;
max-width: 100%;
}
.ad-accelerate-section .text-block {
margin-bottom: 32px;
}
.ad-accelerate-section .text-block p {
max-width: 722px;
}
.ad-accelerate-section .block-list {
gap: 20px 2%;
}
.ad-accelerate-section .block-list .block {
width: 49%;
}
}
@media all and (max-width: 991px) {
.ad-accelerate-section {
padding-top: 40px;
padding-bottom: 40px;
}
.ad-accelerate-section .container {
width: 100%;
padding: 0px 16px;
}
.ad-accelerate-section .title-blocks h2 {
font-size: 28px;
line-height: 36px;
max-width: 100%;
}
.ad-accelerate-section .text-block p {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.ad-accelerate-section .block-list {
gap: 20px 3%;
}
.ad-accelerate-section .block-list .block {
width: 48.5%;
}
.ad-accelerate-section .block-list .block .icon {
width: 40px;
height: 40px;
padding: 10px;
}
}
@media all and (max-width: 767px) {
.ad-accelerate-section .block-list .block {
width: 100%;
}
}
/* ACCELERATE SECTION */
/* SEE HOW SECTION */
.ad-see-how-section {
padding-top: 56px;
padding-bottom: 56px;
}
.ad-see-how-section .container {
max-width: 906px;
width: 100%;
}
.ad-see-how-section .title-block {
width: 100%;
margin-bottom: 24px;
}
.ad-see-how-section .title-block h2 {
width: 100%;
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #083573;
margin: 0px;
text-align: center;
}
.ad-see-how-section .text-block {
margin-bottom: 40px;
margin: 0px 58px;
position: relative;
margin-bottom: 40px;
}
.ad-see-how-section .text-block p {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #222222;
text-align: center;
}
.ad-see-how-section .text-block svg {
position: absolute;
top: 10px;
left: -120px;
z-index: 1;
}
.ad-see-how-section .image-block {
width: 100%;
border: solid 4px #3A88F8;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom: unset;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ad-see-how-section .image-block img {
max-width: 100%;
max-height: 500px;
object-fit: contain;
}
.ad-see-how-section .list-block {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
overflow: hidden;
}
.ad-see-how-section .list-block .ittem {
width: 33.333333%;
padding: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
.ad-see-how-section .list-block .ittem:nth-child(1) {
background-color: #B0CFFC;
}
.ad-see-how-section .list-block .ittem:nth-child(2) {
background-color: #C4DCFD;
}
.ad-see-how-section .list-block .ittem:nth-child(3) {
background-color: #D8E7FE;
}
.ad-see-how-section .list-block .ittem .num {
width: 48px;
min-width: 48px;
height: 48px;
border-radius: 24px;
background-color: #083573;
font-size: 24px;
line-height: 1;
font-weight: 700;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ad-see-how-section .list-block .ittem .text {
font-size: 16px;
line-height: 22px;
font-weight: 400;
color: #222222;
}
@media all and (max-width: 1400px) {
.ad-see-how-section {
padding-top: 48px;
padding-bottom: 48px;
}
.ad-see-how-section .container {
width: 928px;
padding: 0px 16px;
}
.ad-see-how-section .title-block {
margin-bottom: 16px;
}
.ad-see-how-section .text-block svg {
top: 0px;
left: -60px;
width: 35px;
height: 76px;
}
}
@media all and (max-width: 991px) {
.ad-see-how-section {
padding-top: 40px;
padding-bottom: 40px;
}
.ad-see-how-section .container {
width: 100%;
padding: 0px 16px;
}
.ad-see-how-section .title-block h2 {
font-size: 28px;
line-height: 36px;
}
.ad-see-how-section .text-block {
margin: 0px 0px;
margin-bottom: 32px;
}
.ad-see-how-section .text-block p {
font-size: 16px;
line-height: 24px;
}
.ad-see-how-section .text-block svg {
display: none;
}
.ad-see-how-section .image-block img {
max-width: 100%;
max-height: 300px;
object-fit: contain;
}
.ad-see-how-section .list-block .ittem .num {
width: 40px;
min-width: 40px;
height: 40px;
border-radius: 20px;
font-size: 20px;
}
}
@media all and (max-width: 767px) {
.ad-see-how-section .image-block {
width: auto;
margin-left: -16px;
margin-right: -16px;
border: solid 2px #3A88F8;
border-bottom: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ad-see-how-section .list-block {
width: auto;
margin-left: -16px;
margin-right: -16px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.ad-see-how-section .image-block img {
max-height: 210px;
}
.ad-see-how-section .list-block .ittem {
width: 100%;
padding: 12px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
}
/* SEE HOW SECTION */
/* AUTO DATA */
/* HOME PAGE */
/* VIDEO SECTION */
@media all and (max-width: 1400px) {
.home .video .container {
padding: 0px;
}
.home .video .video__container {
border-radius: 0px;
}
.home .video .video__container .video__poster {
border-radius: 0px;
}
.home .video .video__container h2 {
font-size: 40px;
line-height: 48px;
}
}
/* VIDEO SECTION */
/* ABOUT SECTION */
.about__content h2 {
max-width: 907px;
}
/* ABOUT SECTION */
/* HUB SECTION */
.h-hub-section {
background-color: #F4F8FB;
padding-top: 56px;
padding-bottom: 56px;
margin-top: 56px;
}
.h-hub-section .container {
width: 1342px;
}
.h-hub-section .title {
margin-bottom: 24px;
}
.h-hub-section .title h2 {
font-size: 64px;
line-height: 76px;
color: #3A88F8;
font-weight: 700;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.h-hub-section .text-block {
margin-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.h-hub-section .text-block p {
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #222222;
max-width: 868px;
text-align: center;
}
.h-hub-section .list-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.h-hub-section .list-body .left-block {
width: 42.1%;
background-color: #FFFFFF;
border-radius: 16px;
overflow: hidden;
}
.h-hub-section .list-body .left-block .list-nav-i {
background-color: #ffffff;
padding: 24px;
border-bottom: solid 2px #E2E2E2;
cursor: pointer;
}
.h-hub-section .list-body .left-block .list-nav-i.active {
cursor: default;
border-radius: 16px;
border: solid 2px #3A88F8;
}
.h-hub-section .list-body .left-block .list-nav-i .head-b {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 12px;
}
.h-hub-section .list-body .left-block .list-nav-i .head-b .icon {
width: 40px;
height: 40px;
background-color: #083573;
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.h-hub-section .list-body .left-block .list-nav-i .head-b .icon img {
max-width: 100%;
height: auto;
display: block;
}
.h-hub-section .list-body .left-block .list-nav-i .head-b .titl {
font-size: 20px;
line-height: 24px;
font-weight: 400;
color: #222222;
}
.h-hub-section .list-body .left-block .list-nav-i.active .head-b .titl {
font-weight: 700;
}
.h-hub-section .list-body .left-block .list-nav-i .head-b .arrow {
margin-left: auto;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-line-pack: center;
align-content: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.h-hub-section .list-body .left-block .list-nav-i.active .head-b .arrow,
.h-hub-section .list-body .left-block .list-nav-i:hover .head-b .arrow {
opacity: 1;
}
.h-hub-section .list-body .left-block .list-nav-i .text_b {
margin-top: 20px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222222;
display: none;
}
.h-hub-section .list-body .left-block .list-nav-i.active .text_b {
display: block;
}
.h-hub-section .list-body .left-block .list-nav-i .text_b .mob_list {
display: none;
}
.h-hub-section .list-body .left-block .list-nav-i .text_b .mob_list span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
font-size: 16px;
line-height: 22px;
}
.h-hub-section .list-body .left-block .list-nav-i .text_b .mob_list span svg {
min-width: 19px;
}
.h-hub-section .list-body .left-block .list-nav-i .text_b .mob-image {
display: none;
}
.h-hub-section .list-body .left-block .list-nav-i .text_b .mob-image img {
display: block;
width: 100%;
}
.h-hub-section .list-body .cont_list {
width: 54.9%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.h-hub-section .list-body .cont_list .content_i {
display: none;
background-color: #D8E7FE;
padding: 24px 32px;
border-radius: 16px;
margin-top: auto;
}
.h-hub-section .list-body .cont_list .content_i:nth-child(1) {
margin-top: 0px;
}
.h-hub-section .list-body .cont_list .content_i:nth-child(2) {
margin-top: 90px;
}
.h-hub-section .list-body .cont_list .content_i:nth-child(3) {
margin-top: 180px;
}
.h-hub-section .list-body .cont_list .content_i:nth-child(4) {
margin-top: 270px;
}
.h-hub-section .list-body .cont_list .content_i.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.h-hub-section .list-body .cont_list .content_i img {
order: 2;
margin: auto;
margin-bottom: 40px;
max-width: 100%;
display: block;
height: auto;
}
.h-hub-section .list-body .cont_list .content_i .top_check {
width: auto;
max-width: 50%;
margin-left: 0;
margin-right: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
border-radius: 16px;
padding: 16px;
background-color: #FFFFFF;
border: solid 1px #E2E2E2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0px 2px 6px 0px rgba(34, 34, 34, 0.1);
box-shadow: 0px 2px 6px 0px rgba(34, 34, 34, 0.1);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
margin-bottom: 40px;
}
.h-hub-section .list-body .cont_list .content_i .top_check.invert {
margin-left: auto;
margin-right: 0;
}
.h-hub-section .list-body .cont_list .content_i .bottom_check {
width: auto;
max-width: 50%;
margin-left: auto;
margin-right: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
border-radius: 16px;
padding: 16px;
background-color: #FFFFFF;
border: solid 1px #E2E2E2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0px 2px 6px 0px rgba(34, 34, 34, 0.1);
box-shadow: 0px 2px 6px 0px rgba(34, 34, 34, 0.1);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
}
.h-hub-section .list-body .cont_list .content_i .bottom_check.invert {
margin-left: 0;
margin-right: auto;
}
.h-hub-section .list-body .cont_list .content_i span {
font-size: 18px;
line-height: 20px;
font-weight: 400;
color: #222222;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.h-hub-section .list-body .cont_list .content_i span svg {
display: block;
}
@media all and (max-width: 1400px) {
.h-hub-section {
padding-bottom: 32px;
}
.h-hub-section .container {
width: 926px;
}
.h-hub-section .title h2 {
font-size: 49px;
line-height: 56px;
}
.h-hub-section .list-body .left-block {
width: 48.9%;
}
.h-hub-section .list-body .cont_list {
width: 48.9%;
}
.h-hub-section .list-body .cont_list .content_i .top_check,
.h-hub-section .list-body .cont_list .content_i .bottom_check {
max-width: 70%;
}
.h-hub-section .list-body .cont_list .content_i span svg {
min-width: 19px;
}
}
@media all and (max-width: 991px) {
.h-hub-section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.h-hub-section {
padding-bottom: 40px;
padding-top: 40px;
}
.h-hub-section .title h2 {
font-size: 32px;
line-height: 38px;
text-align: center;
margin-bottom: 32px;
}
.h-hub-section .list-body .cont_list {
display: none;
}
.h-hub-section .list-body .left-block {
width: 100%;
border-radius: 0px;
}
.h-hub-section .list-body .left-block .list-nav-i {
padding: 16px;
}
.h-hub-section .list-body .left-block .list-nav-i.active {
border-radius: 0px;
}
.h-hub-section .list-body .left-block .list-nav-i .head-b .icon {
min-width: 40px;
}
.h-hub-section .list-body .left-block .list-nav-i .head-b .titl {
font-size: 18px;
line-height: 22px;
}
.h-hub-section .list-body .left-block .list-nav-i .text_b {
margin-top: 16px;
font-size: 16px;
line-height: 22px;
}
.h-hub-section .list-body .left-block .list-nav-i .text_b .mob_list {
margin-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4px;
}
.h-hub-section .list-body .left-block .list-nav-i .text_b .mob-image {
display: block;
margin-top: 16px;
}
}
/* HUB SECTION */
/* FAQ */
.page-template-page-home section.faq {
margin-top: 0px;
}
/* FAQ */
/* LAKE HOUSE */
.home .lakehouse {
padding-top: 56px;
padding-bottom: 55px;
}
.lakehouse .container {
width: 1338px;
}
.lakehouse .lakehouse__top h2 {
color: #083573;
font-size: 32px;
line-height: 40px;
width: 534px;
}
.lakehouse .lakehouse__subtitle {
padding-top: 0px;
}
.lakehouse .lakehouse__top h3 {
color: #222222;
font-size: 32px;
line-height: 40px;
max-width: 312px;
margin-bottom: 12px;
}
.lakehouse .lakehouse__top .lakehouse-svg-container {
margin-right: 65px;
}
.lakehouse .lakehouse__icon {
width: calc(16.66% - 40px);
}
@media only screen and (max-width: 1400px) {
.lakehouse .container {
width: 926px;
}
.lakehouse .lakehouse__icon {
width: calc(16.66% - 12px);
padding: 18px 11px;
}
.lakehouse .lakehouse__top h2 {
font-size: 44px;
line-height: 48px;
width: 485px;
}
.lakehouse .lakehouse__top .lakehouse-svg-container {
margin-right: 10px;
}
.lakehouse .lakehouse__top h3 {
font-size: 24px;
line-height: 40px;
max-width: 330px;
margin-bottom: 2px;
}
.lakehouse .lakehouse__icon img {
margin-bottom: 19px;
}
.lakehouse .lakehouse__icon span {
font-size: 14px;
line-height: 18px;
}
}
@media only screen and (max-width: 992px) {
.lakehouse .lakehouse__top h2 {
font-size: 32px;
line-height: 42px;
width: unset;
}
}
@media only screen and (max-width: 768px) {
.lakehouse .lakehouse__top h3 {
max-width: 100%;
}
.lakehouse .lakehouse__top .lakehouse-svg-container {
margin-right: 0px;
}
.lakehouse .lakehouse__icon {
width: calc(50% - 6px);
margin-bottom: 22px;
}
}
/* LAKE HOUSE */
/* */
/* HOME PAGE */
/* CONTACT PAGE */
.page-template-page-contact section.contact {
min-height: calc(100vh - 205px);
}
.admin-bar.page-template-page-contact section.contact {
min-height: calc(100vh - 237px);
}
.page-template-page-contact .new-header .right-block .button-block {
display: none;
}
.page-template-page-contact .footer-content .social-icons a {
width: 32px;
height: 32px;
line-height: 32px;
background-color: #fff;
text-align: center;
border-radius: 50%;
display: table;
margin-right: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px;
}
.page-template-page-contact section.contact .container {
width: 1330px;
}
.page-template-page-contact section.contact .contact__content h1 {
margin: 0 0 16px;
color: #222222;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 56px;
}
.page-template-page-contact section.contact .contact__content h1 strong {
color: #083573;
font-weight: 700;
}
.page-template-page-contact section.contact .contact__content h1 b {
color: #3A88F8;
font-weight: 700;
}
.page-template-page-contact section.contact .contact__content p {
font-size: 20px;
line-height: 24px;
}
.page-template-page-contact section.contact .contact__content h3 {
color: #3a88f8;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 29px;
letter-spacing: .48px;
margin: 51px 0 16px 0px;
}
.page-template-page-contact section.contact .contact__content ul li {
margin-bottom: 16px;
max-width: 625px;
}
.page-template-page-contact section.contact .contact__content ul li:before {
top: 3px;
transform: translateY(0%);
}
.page-template-page-contact section.contact .contact__content {
padding-right: 140px;
}
.page-template-page-contact section.contact .contact__form {
min-width: 458px;
}
.page-template-page-contact .contact__form form input::placeholder {
color: #C6C8CD;
}
.page-template-page-contact .contact__form form [type=submit] {
margin-bottom: 8px;
}
.page-template-page-contact .contact__form form .wpcf7-spinner {
display: none;
}
.page-template-page-contact .contact__form form .form-descr p {
max-width: 316px;
margin: auto;
}
@media all and (max-width: 1400px) {
.page-template-page-contact section.contact .container {
width: 928px;
padding: 0px 16px;
}
.page-template-page-contact section.contact .contact__content {
padding-right: 32px;
}
.page-template-page-contact section.contact .contact__form {
min-width: 365px;
}
}
@media all and (max-width: 767px) {
.page-template-page-contact section.contact .contact__content h1 {
margin: 0 0 11px;
font-size: 28px;
line-height: 36px;
}
.page-template-page-contact section.contact .contact__content p {
font-size: 18px;
line-height: 21px;
}
.page-template-page-contact section.contact .contact__content h3 {
font-size: 24px;
line-height: 29px;
margin: 41px 0 11px 0px;
}
.page-template-page-contact section.contact .contact__content ul li {
margin-bottom: 12px;
max-width: 100%;
}
.page-template-page-contact section.contact .contact__form {
min-width: 100%;
}
.page-template-page-contact section.contact .contact__content {
padding-right: 0px;
}
}
/* CONTACT PAGE */
/* CTA */
.cta_section {
padding-top: 138px;
padding-bottom: 138px;
background-color: #3A88F8;
}
.cta_section .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta_section .left-block {
max-width: 566px;
}
.cta_section .title {
position: relative;
}
.cta_section .title span {
font-size: 72px;
line-height: 78px;
font-weight: 900;
color: #FFFFFF;
display: block;
position: relative;
z-index: 2;
}
.cta_section .title svg {
position: absolute;
left: -6px;
top: 71px;
z-index: 1;
}
.cta_section .title svg.desc-block {
display: block;
}
.cta_section .title svg.tablet-block {
display: none;
}
.cta_section .title svg.mobile-block {
display: none;
}
.cta_section .right-block {
max-width: 580px;
}
.cta_section .text {
font-size: 24px;
line-height: 28px;
font-weight: 400;
color: #FFFFFF;
max-width: 499px;
}
.cta_section .button {
margin-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta_section .button a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
text-transform: uppercase;
background-color: #083573;
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
border-radius: 50px;
padding: 18px 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
transition: 0.3s;
}
.cta_section .button a:hover {
background-color: #FFFFFF;
color: #083573;
}
.cta_section .button a svg {
display: block;
}
.cta_section .button a svg path {
transition: 0.3s;
}
.cta_section .button a:hover svg path {
fill: #083573;
}
@media all and (max-width: 1400px) {
.cta_section {
padding-top: 128px;
padding-bottom: 128px;
}
.cta_section .container {
width: 926px;
}
.cta_section .left-block {
max-width: 500px;
}
.cta_section .title {
margin-bottom: 0px;
max-width: 100%;
}
.cta_section .title span {
font-size: 56px;
line-height: 58px;
}
.cta_section .title svg {
left: 0px;
top: 55px;
}
.cta_section .title svg.desc-block {
display: none;
}
.cta_section .title svg.tablet-block {
display: block;
}
.cta_section .title svg.mobile-block {
display: none;
}
.cta_section .right-block {
max-width: 396px;
}
.cta_section .text {
font-size: 24px;
line-height: 28px;
}
.cta_section .button {
margin-top: 44px;
}
.cta_section .button a {
font-size: 16px;
line-height: 21px;
padding: 13.5px 28px;
gap: 8px;
}
.cta_section .button a svg {
display: block;
width: 20px;
height: 20px;
}
}
@media all and (max-width: 991px) {
.cta_section {
padding-top: 40px;
padding-bottom: 40px;
}
.cta_section .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
gap: 24px;
}
.cta_section .left-block {
max-width: 100%;
width: 100%;
}
.cta_section .title {
margin-bottom: 0px;
max-width: 288px;
margin-left: auto;
margin-right: auto;
}
.cta_section .title span {
font-size: 40px;
line-height: 36px;
text-align: center;
max-width: 288px;
}
.cta_section .title svg.desc-block {
display: none;
}
.cta_section .title svg.tablet-block {
display: none;
}
.cta_section .title svg.mobile-block {
display: block;
left: 10px;
top: 35px;
}
.cta_section .text {
font-size: 20px;
line-height: 24px;
text-align: center;
}
.cta_section .button a {
margin-left: auto;
margin-right: auto;
}
}
@media all and (max-width: 767px) {
.cta_section {
padding-top: 32px;
padding-bottom: 32px;
}
.cta_section .title {
max-width: 288px;
}
.cta_section .title span {
font-size: 28px;
line-height: 38px;
}
.cta_section .title svg {
left: 0px;
top: 34px;
width: 100%;
}
.cta_section .title {
margin-bottom: 16px;
}
.cta_section .text {
font-size: 16px;
line-height: 24px;
max-width: 288px;
}
.cta_section .button {
margin-top: 32px;
}
.cta_section .button a {
font-size: 12px;
line-height: 18px;
padding: 11px 16px;
}
.cta_section .button a svg {
width: 16px;
height: auto;
}
}
/* CTA */
/* FOOTER */
.new-footer {
background-color: #093573;
}
.new-footer .container {
width: 1342px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
}
.new-footer .top-line {
padding-top: 56px;
padding-bottom: 59px;
border-bottom: solid 0.5px #FFFFFF;
}
.new-footer .top-line .left-block {
display: block;
}
.new-footer .top-line .left-block .logo {
display: block;
margin-bottom: 40px;
}
.new-footer .top-line .left-block .logo img {
display: block;
max-width: 230px;
}
.new-footer .top-line .left-block .text {
font-size: 20px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
max-width: 424px;
}
.new-footer .top-line .menu-block {
max-width: 428px;
}
.new-footer .top-line .menu-block .title-block {
margin-bottom: 47px;
}
.new-footer .top-line .menu-block .title-block h4 {
font-size: 28px;
line-height: 32px;
font-weight: 700;
color: #FFFFFF;
}
.new-footer .top-line .menu-block ul {
width: 434px;
list-style: none;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
list-style: none;
padding: 0;
margin: 0;
margin-bottom: -15px;
}
.new-footer .top-line .menu-block ul li {
margin-bottom: 15px;
max-width: 195px;
}
.new-footer .top-line .menu-block ul li a {
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #FFFFFF;
text-decoration: none;
display: block;
transition: 0.3s;
}
.new-footer .top-line .menu-block ul li a:hover {
color: #3A88F8;
}
.new-footer .top-line .right-block {
display: block;
}
.new-footer .top-line .right-block .get-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.new-footer .top-line .right-block .get-block span {
font-size: 28px;
line-height: 32px;
font-weight: 700;
color: #FFFFFF;
}
.new-footer .top-line .right-block .get-block a {
text-decoration: none;
}
.new-footer .top-line .right-block .get-block a:hover {
text-decoration: none;
}
.new-footer .top-line .right-block .get-block a svg {
display: block;
}
.new-footer .top-line .right-block .button-block {
margin-top: 48px;
}
.new-footer .top-line .right-block .button-block a {
background: #3A88F8;
border-radius: 50px;
padding: 16px 32px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
text-transform: uppercase;
box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
transition: 0.3s;
}
.new-footer .top-line .right-block .button-block a:hover {
background: #FFFFFF;
color: #3A88F8;
}
.new-footer .top-line .right-block .button-block a svg path {
transition: 0.3s;
}
.new-footer .top-line .right-block .button-block a:hover svg path {
fill: #3A88F8
}
.new-footer .top-line .right-block .button-block a svg {
display: block;
}
.new-footer .bottom-line {
padding: 36px 0px;
}
.new-footer .bottom-line .left-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.new-footer .bottom-line .left-block span {
font-size: 20px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF;
}
.new-footer .bottom-line .left-block img {
display: block;
}
.new-footer .bottom-line .right-block {
margin-top: auto;
}
.new-footer .bottom-line .right-block span {
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
font-weight: 300;
}
@media all and (max-width: 1400px) {
.new-footer .container {
width: 926px;
}
.new-footer .top-line .left-block {
max-width: 280px;
}
.new-footer .top-line .left-block .text {
font-size: 16px;
line-height: 24px;
max-width: 100%;
}
.new-footer .top-line .menu-block {
max-width: 341px;
}
.new-footer .top-line .menu-block .title-block {
margin-bottom: 32px;
}
.new-footer .top-line .menu-block ul {
width: 100%;
-webkit-column-gap: 36px;
-moz-column-gap: 36px;
column-gap: 36px;
}
.new-footer .top-line .menu-block ul li {
margin-bottom: 16px;
max-width: 155px;
}
.new-footer .top-line .menu-block ul li a {
font-size: 16px;
line-height: 24px;
}
.new-footer .top-line .right-block .button-block a {
background: #3A88F8;
border-radius: 50px;
padding: 13.5px 34px;
font-size: 16px;
line-height: 21px;
gap: 8px;
}
.new-footer .top-line .right-block .button-block a svg {
display: block;
width: 20px;
height: 20px;
}
}
@media all and (max-width: 991px) {
.new-footer .container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media all and (max-width: 767px) {
.new-footer .top-line {
padding-top: 32px;
padding-bottom: 36px;
}
.new-footer .top-line .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 48px;
}
.new-footer .top-line .left-block .logo {
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.new-footer .top-line .left-block .logo img {
width: 133px;
height: auto;
display: block;
}
.new-footer .top-line .left-block .text {
font-size: 16px;
line-height: 24px;
max-width: 100%;
text-align: center;
}
.new-footer .top-line .menu-block .title-block {
margin-bottom: 24px;
}
.new-footer .top-line .menu-block .title-block h4 {
font-size: 20px;
line-height: 32px;
text-align: center;
}
.new-footer .top-line .menu-block ul {
margin-bottom: 0px;
}
.new-footer .top-line .menu-block ul li {
margin-bottom: 12px;
}
.new-footer .top-line .right-block {
width: 100%;
}
.new-footer .top-line .right-block .get-block span {
font-size: 20px;
line-height: 32px;
}
.new-footer .top-line .right-block .get-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.new-footer .top-line .right-block .button-block {
margin-top: 24px;
}
.new-footer .top-line .right-block .button-block a {
width: 100%;
padding: 11px 32px;
font-size: 12px;
line-height: 18px;
}
.new-footer .top-line .right-block .button-block a svg {
width: 16px;
height: auto;
}
.new-footer .bottom-line {
padding-top: 24px;
padding-bottom: 22px;
}
.new-footer .bottom-line .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.new-footer .bottom-line .left-block span {
font-size: 12px;
line-height: 14px;
}
.new-footer .bottom-line .left-block img {
display: block;
max-width: 97px;
height: auto;
}
.new-footer .bottom-line .right-block span {
font-size: 10px;
line-height: 12px;
}
}
/* FOOTER */