html,
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-family: "Inter", sans-serif;
margin: 0;
padding: 0;
border: 0;
outline: 0;
min-height: 90vh;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
display: block;
width: 100%;
overflow-x: auto;
}
th,
td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
vertical-align: middle;
}
th {
background-color: #f2f2f2;
}
.post-text-wrap a:hover {
color: #18BFF2 !important;
}
ul[role="list"],
ol[role="list"] {
list-style: none;
}
.post-text-wrap ul{
margin: 1.5em 0 0.5em 3em;
list-style: disc;
}
.post-text-wrap a{
color:#18BFF2;
}
html:focus-within {
scroll-behavior: smooth;
}
a:not([class]) {
text-decoration-skip-ink: auto;
}
img,
picture,
svg,
video,
canvas {
max-width: 100%;
height: auto;
vertical-align: middle;
font-style: italic;
background-repeat: no-repeat;
background-size: cover;
}
input,
button,
textarea,
select {
font: inherit;
}
ol,
ul {
list-style: none;
}
a {
text-decoration: none;
outline: none;
color: inherit;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.btn-all {
background-color: #18BFF2;
color: #fff;
border-radius: 8px;
width: 10.25rem;
height: 3rem;
/* Auto layout */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0.875rem 3rem 0.875rem 3rem;
}
.btn-all:hover {
background-color: #2B9EF1;
}
.btn-form {
border-bottom: 2px solid #fff;
color: #fff;
font-weight: 700;
}
.btn-form:hover {
border-bottom: 2px solid #18BFF2;
color: #18BFF2;
}
.all-h1 {
color: #2A2A2A;
font-family: Inter;
font-size: 3rem;
font-weight: 700;
line-height: 3.625rem;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
}
.all-h4 {
color: #2A2A2A;
font-family: Inter;
font-size: 1.5rem;
font-weight: 600;
line-height: 2rem;
letter-spacing: 0%;
}
.all-p {
color: #2A2A2A;
font-family: Inter;
font-size: 1rem;
font-weight: 400;
line-height: 1.3125rem;
letter-spacing: 0%;
text-align: left;
}
.all-margin {
margin-top:2rem;
}
.section-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 80%;
margin: 0 auto;
margin-top: 5rem;
/*overflow: hidden;*/
}
.burger_btn {
display: none;
}
header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(#03022e), to(#000466));
background: linear-gradient(90deg, #03022e, #000466 100%);
position: fixed;
z-index: 999999999;
}
header .header-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80%;
margin: 0 auto;
}
header .header-wrap .header-logo-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 20%;
margin-top: 1rem;
margin-bottom: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
header .header-wrap .header-logo-wrap .header-logo-text p {
font-size: 2rem;
font-weight: 400;
line-height: 2.4375rem;
letter-spacing: 0%;
text-align: left;
color: #fff;
text-transform: uppercase;
}
header .header-wrap .header-logo-wrap .header-logo-text p span {
text-transform: uppercase;
font-weight: 800;
}
header .header-wrap .header-menu-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
margin: 0;
}
header .header-wrap .header-menu-wrap .header-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
header .header-wrap .header-menu-wrap .header-menu-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
header .header-wrap .header-menu-wrap .header-menu-contact .header-menu-element {
cursor: pointer;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.25rem;
letter-spacing: 0%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.875rem 0 1.875rem;
}
header .header-wrap .header-menu-wrap .header-menu .menu-item-has-children {
position: relative;
}
header .header-wrap .header-menu-wrap .header-menu .menu-item-has-children:hover .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
width: max-content;
}
header .header-wrap .header-menu-wrap .header-menu .menu-item-has-children:hover .sub-menu-lng {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element {
cursor: pointer;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.25rem;
letter-spacing: 0%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1.875rem 0 1.875rem;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element a {
color: #fff !important;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element a .arrow-down-menu {
padding-left: 0.5rem;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element a:hover {
color: #18BFF2 !important;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element a:hover .arrow-down-menu path {
fill: #18BFF2;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu {
width: fit-content;
height: fit-content;
/* Auto layout */
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
/* Inside Auto Layout */
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 1.75rem 0rem;
border-radius: 0.5rem;
background: #13188E;
position: absolute;
top: 1.875rem;
left: -0.9375rem;
z-index: 999;
gap: 10px;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu li{
font-weight:400;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu-lng {
width: 4.625rem;
height: 7.125rem;
/* Auto layout */
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 1.75rem;
/* Inside Auto Layout */
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 1.75rem 0rem;
border-radius: 8px;
background: #13188E;
position: absolute;
top: 1.875rem;
left: 0.0625rem;
z-index: 999;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu-lng .header-menu-element {
padding: 0;
}
.main-page-header-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/*height: 105vh;*/
height: 120vh
}
.main-page-header-section .header-banner {
/*background-image: url(../img/Banner-bg-svg.svg);*/
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
width: 100%;
}
.main-page-header-section .header-banner .header-banner-text-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 80%;
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-h1{
width:70%;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-h1 h1 {
font-size: 3.75rem;
font-weight: 700;
line-height: 4.5625rem;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
color: #fff;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-p {
margin-top: 3rem;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-p p {
font-family: Inter;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.8125rem;
letter-spacing: 0%;
text-align: left;
color: #fff;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 3rem;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-btn a {
margin-right: 2rem;
}
.main-page-header-section .header-os-block-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
height: 20vh;
background-color: #DDEFFC;
}
.main-page-header-section .header-os-block-wrap .header-os-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 80%;
margin: 0 auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-page-header-section .header-os-block-wrap .header-os-block .os-element {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: fit-content;
}
.main-page-header-section .header-os-block-wrap .header-os-block .os-element a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.main-page-header-section .header-os-block-wrap .header-os-block .os-element a p {
padding-left: 1rem;
}
.main-page-header-section .header-os-block-wrap .header-os-block .os-element a:hover img {
filter: brightness(0) saturate(100%) invert(47%) sepia(76%) saturate(1122%) hue-rotate(180deg) brightness(99%) contrast(92%);
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.main-page-header-section .header-os-block-wrap .header-os-block .os-element a:hover p {
color: #2B9EF1;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.section-cases .cases-p {
width: 60%;
margin-top: 3rem;
}
.section-cases .cases-list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 3rem;
}
.section-cases .cases-list .cases-list-text {
width: 50%;
}
.section-cases .cases-list .cases-list-text .cases-list-element {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 2rem;
}
.section-cases .cases-list .cases-list-text .cases-list-element .cases-list-element-icon {
width: 10%;
}
.section-cases .cases-list .cases-list-text .cases-list-element .cases-list-element-text {
width: 90%;
padding-left: 2rem;
}
.section-cases .cases-list .cases-list-text .cases-list-element .cases-list-element-text p {
margin-top: 0.8rem;
}
.section-cases .cases-list .cases-list-graphic {
width: 48%;
max-width: 45%;
}
.section-cases .cases-list .cases-list-graphic img {
width: 100%;
}
.section-benefits .benefits-h1 {
position: relative;
}
.section-benefits .benefits-h1::after {
content: '';
background: url(../img/Hashtag-3d-svg.svg) no-repeat;
background-size: 150px 150px;
width: 150px;
height: 150px;
top: -2rem;
left: 35rem;
position: absolute;
}
.section-benefits .benefits-list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 3rem;
}
.section-benefits .benefits-list .benefits-list-item-wrap {
width: 23.5%;
height: 17.5625rem;
border-radius: 0.75rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #DFF1FD;
}
.section-benefits .benefits-list .benefits-list-item-wrap .benefits-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 85%;
margin: 0 auto;
padding-top: 4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 90%;
gap:10px;
}
.section-benefits .benefits-list .benefits-list-item-wrap .benefits-list-item span {
margin-bottom: 1rem;
text-align: center;
}
.section-benefits .benefits-list .benefits-list-item-wrap .benefits-list-item p {
text-align: center;
}
.section-benefits .benefits-list .benefits-list-item-wrap:nth-child(3) {
position: relative;
}
.section-benefits .benefits-list .benefits-list-item-wrap:nth-child(3)::after {
content: '';
background: url(../img/extrude-group-svg.svg) no-repeat;
background-size: 120px 120px;
width: 120px;
height: 130px;
bottom: -60px;
right: -25px;
-webkit-transform: translate(50%, -10%);
transform: translate(50%, -10%);
position: absolute;
}
.section-services {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/*height: 100vh;*/
height: fit-content;
margin-top: 10rem;
}
.section-services .services-banner-bg {
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
}
.section-services .services-banner-bg .services-banner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 80%;
margin: 0 auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
margin-top: 5rem;
margin-bottom: 5rem;
}
.section-services .services-banner-bg .services-banner-wrap span {
font-size: 3.75rem;
font-weight: 700;
line-height: 4.5625rem;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
color: #fff;
}
.section-services .services-banner-bg .services-banner-wrap .services-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
margin-top: 3rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
flex-direction: column;
gap: 20px;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-add{
display:flex;
flex-direction: column;
gap: 30px;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-add p{
color:#fff;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-add a{
cursor:pointer;
width:fit-content;
align-self: flex-end;
/*margin-right: 10px;*/
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-columns{
display: flex;
flex-direction: row;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
height:fit-content;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-1 .services-text-element {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 90%;
height: 30%;
border-radius: 0.5rem;
-webkit-box-shadow: 15px 10px 40px 0px rgba(0, 0, 0, 0.1);
box-shadow: 15px 10px 40px 0px rgba(0, 0, 0, 0.1);
background: #02044E;
margin-bottom: 3rem;
padding: 3rem 2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-1 .services-text-element img {
position: absolute;
top: -15px;
left: 30px;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-1 .services-text-element p {
color: #fff;
min-height: 3rem;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
margin-left: 2rem;
height:fit-content;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-2 .services-text-element {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 90%;
height: 30%;
border-radius: 0.5rem;
-webkit-box-shadow: 15px 10px 40px 0px rgba(0, 0, 0, 0.1);
box-shadow: 15px 10px 40px 0px rgba(0, 0, 0, 0.1);
background: #02044E;
margin-top: 3rem;
padding: 3rem 2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-2 .services-text-element img {
position: absolute;
top: -15px;
left: 30px;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-2 .services-text-element p {
color: #fff;
min-height: 3rem;
}
.section-services .services-banner-bg .services-banner-wrap .services-text-graphic {
width: 45%;
max-width: 45%;
}
.section-services .services-banner-bg .services-banner-wrap .services-text-graphic img {
width: 100%;
}
.section-blog {
margin-bottom: 10rem;
margin-top: 10rem;
}
.section-blog .blog-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.section-blog .blog-wrap .blog-item {
margin-top: 3rem;
width: 30%;
}
.section-blog .blog-wrap .blog-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: normal;
}
.section-blog .blog-wrap .blog-item a .blog-item-image {
height: 45%;
}
.section-blog .blog-wrap .blog-item a .blog-item-image img {
width: 100%;
height: 100%;
border-radius: 12px;
}
.section-blog .blog-wrap .blog-item a .blog-item-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 80%;
}
.section-blog .blog-wrap .blog-item a .blog-item-text h4 {
margin-top: 2rem;
}
.section-blog .blog-wrap .blog-item a .blog-item-text p {
margin-top: 1rem;
}
.section-blog .blog-wrap .blog-item a .blog-item-text span {
margin-top: 0.5rem;
font-weight: 500;
}
.section-contact-us {
margin-top: 5rem;
}
.section-contact-us .contact-us-bg {
background-image: url(../img/contact-bg-svg.svg);
background-repeat: no-repeat;
background-size: cover;
height: fit-content;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-contact-us .contact-us-bg .contact-us-banner-wrap {
display:flex;
flex-direction:column;
width: 80%;
margin: 0 auto;
padding-top: 5rem;
padding-bottom: 5rem;
gap:20px;
}
.section-contact-us .contact-us-bg .contact-us-banner-wrap .banner-h1 {
width: 70%;
color: #fff;
font-family: Inter;
font-size: 2.5rem;
font-weight: 700;
line-height: 3rem;
letter-spacing: 0%;
text-align: left;
/*padding-bottom: 1.5rem;*/
}
.section-contact-us .contact-us-bg .contact-us-banner-wrap p {
width: 70%;
color: #B9BAC1;
font-family: Inter;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.8125rem;
letter-spacing: 0%;
text-align: left;
/*padding-bottom: 1.5rem;*/
}
.section-contact-us .contact-us-bg .contact-us-banner-wrap a {
width: 14.25rem;
}
.section-footer {
width: 100%;
}
.section-footer .footer-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 80%;
margin: 0 auto;
margin-top: 5rem;
margin-bottom: 5rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-footer .footer-wrap .footer-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: fit-content;
}
.section-footer .footer-wrap .footer-col img {
padding-bottom: 1rem;
width: fit-content;
}
.section-footer .footer-wrap .footer-col ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
margin-top: 0;
text-align: left;
}
.section-footer .footer-wrap .footer-col .footer-h4 {
color: #737376;
font-family: Inter;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.3125rem;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
padding-bottom: 1.5rem;
width:100%;
}
.section-footer .footer-wrap .footer-col .footer-p {
font-family: Inter;
color: #2A2A2A;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.3125rem;
letter-spacing: 0%;
text-align: left;
padding-bottom: 1rem;
}
.section-footer .footer-wrap .footer-col .footer-social {
width:50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-footer .footer-wrap .f-col-2, .section-footer .footer-wrap .f-col-3 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-footer .footer-wrap .f-col-4 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.section-footer .footer-copyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
background-color: #02044E;
}
.section-footer .footer-copyright .f-copy-wrap {
width: 80%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-item-align: center;
align-self: center;
padding-top: 1rem;
padding-bottom: 1rem;
}
.section-footer .footer-copyright .f-copy-wrap p {
font-family: Inter;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.3125rem;
letter-spacing: 0%;
text-align: left;
color: #FFFFFF;
}
.section-footer .footer-copyright .f-copy-wrap p span {
font-family: Inter;
font-weight: 800;
color: #FFFFFF;
}
.dark-p {
color: #2A2A2A !important;
font-weight: 600;
}
.section-bread {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 7rem !important;
}
.section-bread .bread-crumb-item {
color: #737376;
font-family: Inter;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0%;
text-align: left;
margin-right: 0.5rem;
}
.section-bread .active-breadcrumb {
color: #B9BAC1;
white-space: nowrap;
overflow: hidden;
}
.section-test-drive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.section-test-drive .test-drive-h1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
margin-bottom: 2rem;
}
.section-test-drive .test-drive-p {
width: 50%;
margin-top: 1rem;
}
.section-test-drive .test-drive-graphic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
right: 15px;
max-width: 45%;
}
.example-marg {
margin-top: 1rem;
}
.section-example .example-text {
width: 50%;
}
.section-example .example-text h3 {
color: #2A2A2A;
font-family: Inter;
font-size: 2.25rem;
font-weight: 700;
line-height: 2.75rem;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
margin-bottom: 3rem;
}
.section-example .example-text p {
margin-bottom: 1rem;
}
.section-example .example-list .example-item .example-item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.section-example .example-list .example-item .example-item-wrap img{
width:2%;
}
.section-example .example-list .example-item .example-item-wrap p {
margin-left: 0.5rem;
word-break: break-all;
}
.section-example .example-list .example-item .example-item-wrap p:hover {
border-bottom:1px solid #18BFF2;
transition:0.1s;
}
.section-example .test-drive-note-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 35rem;
border-radius: 0.75rem;
background: #DEEFFD;
padding: 2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 2rem;
}
.section-example .test-drive-note-wrap .test-drive-note {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-example .test-drive-note-wrap .test-drive-note span {
color: #57B8FF;
font-family: Inter;
font-size: 2.5rem;
font-weight: 700;
line-height: 3rem;
letter-spacing: 0%;
text-align: left;
width: 20%;
}
.section-example .test-drive-note-wrap .test-drive-note p {
color: #2A2A2A;
font-family: Inter;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.3125rem;
letter-spacing: 0%;
text-align: left;
width: 75%;
}
.section-example .test-drive-note-wrap::after {
content: '';
background: url(../img/Hashtag-3d.png) no-repeat;
background-size: 140px 140px;
width: 140px;
height: 140px;
top: -65px;
left: 490px;
position: absolute;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
/*-----------------------------------------------------------------------------*/
/*--------------------- O N E P O S T ---------------------*/
/*-----------------------------------------------------------------------------*/
.section-post {
margin-top: 3rem;
}
.section-post .post-content-wrap .post-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 2rem;
}
.section-post .post-content-wrap .post-detail .post-author, .section-post .post-content-wrap .post-detail .post-date {
color: #737376 !important;
}
.section-post .post-content-wrap .post-detail .post-separator {
padding: 0 0.2rem;
color: #737376;
}
.section-post .post-content-wrap h1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start;
width: 75%;
margin-bottom: 2rem;
}
.section-post .post-content-wrap .post-img-wrap {
width: 80%;
margin: 0 auto;
height: 30rem;
}
.section-post .post-content-wrap .post-img-wrap img {
width: 100%;
height: -webkit-fill-available;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
height:100%;
}
.section-post .post-content-wrap .post-text-wrap {
width: 60%;
margin: 0 auto;
margin-top: 2rem;
display: flex;
flex-direction: column;
}
.section-post .post-content-wrap .post-text-wrap h2 {
color: #2A2A2A;
font-family: Inter;
font-size: 2rem;
font-weight: 600;
line-height: 2.625rem;
letter-spacing: 0%;
text-align: left;
margin-top: 2rem;
}
.section-post .post-content-wrap .post-text-wrap h3 {
color: #2A2A2A;
font-family: Inter;
font-size: 1.5rem;
font-weight: 600;
line-height: 2.625rem;
letter-spacing: 0%;
text-align: left;
margin-top: 2rem;
}
.section-post .post-content-wrap .post-text-wrap h4 {
color: #2A2A2A;
font-family: Inter;
font-size: 1rem;
font-weight: 600;
line-height: 2.625rem;
letter-spacing: 0%;
text-align: left;
margin-top: 2rem;
}
.section-post .post-content-wrap .post-text-wrap p {
margin-top: 2rem;
}
.section-post .post-content-wrap .post-text-wrap h4 {
color: #2A2A2A;
font-family: Inter;
font-size: 2rem;
font-weight: 600;
line-height: 3.375rem;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
margin-top: 2rem;
}
.section-post .post-content-wrap .post-text-wrap h5 {
color: #2A2A2A;
font-family: Inter;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.8125rem;
letter-spacing: 0%;
text-align: left;
margin-top: 2rem;
}
.news-page-marg {
margin-top: 5rem !important;
}
/*-----------------------------------------------------------------------------*/
/*----------------- U P D A T E P A G E ---------------------*/
/*-----------------------------------------------------------------------------*/
.update-item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 55%;
margin-top: 1.5rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.update-item-wrap .update-date {
color: #2A2A2A;
font-family: Inter;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.8125rem;
letter-spacing: 0%;
text-align: left;
}
.update-item-wrap .update-description {
margin-top: 1rem;
}
.update-item-wrap .update-list .update-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 1rem 0;
gap: 15px;
}
.update-item-wrap .update-list .update-list-item .update-list-span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 0.625rem;
height: 0.625rem;
min-width:0.625rem;
background-color: #57B8FF;
border-radius: 6.25rem;
/*margin: 0 1rem;*/
}
/*-----------------------------------------------------------------------------*/
/*-------------- P R O D U C T P A G E ---------------------*/
/*-----------------------------------------------------------------------------*/
.section-product .product-item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 50%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 2rem;
}
.section-product .product-item-wrap .product-item-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 6%;
}
.section-product .product-item-wrap .product-item-icon img {
width: 100%;
}
.section-product .product-item-wrap .product-item-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 90%;
}
.section-product .product-item-wrap .product-item-text .product-page-h3 {
color: #2A2A2A;
font-family: Inter;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.8125rem;
letter-spacing: 0%;
text-align: left;
margin-bottom: 1rem;
}
.section-product .product-item-wrap .product-item-text .product-description {
margin-bottom: 1rem;
}
.section-product .product-item-wrap .product-item-text .product-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 1rem;
}
.section-product .product-item-wrap .product-item-text .product-list-item img {
width: 6%;
}
.section-product .product-item-wrap .product-item-text .product-list-item p {
width: 85%;
margin-left: 1rem;
}
.section-product .product-datasheet-wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.section-product .product-datasheet-wrap img {
width: 100%;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
/*-----------------------------------------------------------------------------*/
/*---------------- A B O U T P A G E ---------------------*/
/*-----------------------------------------------------------------------------*/
.section-about h1 {
position: relative;
}
.section-about h1::after {
content: '';
background: url(../img/Hashtag-3d-blue.svg) no-repeat;
background-size: 165px 165px;
width: 165px;
height: 165px;
top: -20px;
left: 255px;
position: absolute;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
z-index: 888;
}
.section-about .about-us-image-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 2rem;
position: relative;
}
.section-about .about-us-image-wrap img {
width: 100%;
height: -webkit-fill-available;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.section-about .about-us-image-wrap::after {
content: '';
background: url(../img/extrude-group.png) no-repeat;
background-size: 110px 110px;
width: 110px;
height: 110px;
bottom: -50px;
left: 850px;
position: absolute;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.section-about .about-text-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 65%;
margin-top: 3rem;
}
.section-about .about-text-wrap h4 {
margin-top: 3rem;
margin-bottom: 2rem;
}
.section-about .about-text-wrap .update-list .update-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 1rem 0;
}
.section-about .about-text-wrap .update-list .update-list-item .update-list-span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 0.625rem;
height: 0.625rem;
background-color: #57B8FF;
border-radius: 6.25rem;
margin: 0 1rem;
}
/*-----------------------------------------------------------------------------*/
/*--------------------- F A Q P A G E ---------------------*/
/*-----------------------------------------------------------------------------*/
.section-faq p {
width: 50%;
margin-top: 2rem;
}
.section-faq .faq-accordion-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 2rem;
}
.section-faq .faq-accordion-wrap .faq-accordion-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 45%;
}
.section-faq .faq-accordion-wrap .faq-accordion-col .accordion {
background-color: #fff;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 12px;
margin-bottom: 1rem;
}
.section-faq .faq-accordion-wrap .faq-accordion-col .active {
background-color: #DEEFFD;
border-radius: 12px 12px 0 0;
margin-bottom: 0;
}
.section-faq .faq-accordion-wrap .faq-accordion-col .accordion:hover {
background-color: #DEEFFD;
border-radius: 12px;
}
.section-faq .faq-accordion-wrap .faq-accordion-col .panel {
padding: 0 18px;
background-color: #DEEFFD;
display: none;
overflow: hidden;
border-radius: 0 0 12px 12px;
max-height: 100%;
-webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
}
.section-faq .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 12px;
width: 100%;
flex-wrap: wrap;
}
.section-faq .accordion {
background-color: #fff;
border-radius: 12px;
margin-bottom: 1rem;
cursor: pointer;
width: 48%;
}
.section-faq .accordion-header {
appearance: none;
border: none;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
background-color: transparent;
font-size: 16px;
font-weight: bold;
cursor: pointer;
padding: 1rem;
transition-duration: .1s;
}
.section-faq .accordion-header span {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color:#2A2A2A;
}
.section-faq .accordion-body {
color: #2A2A2A;
font-size: 0.875rem;
opacity: 0;
height: 0;
overflow: hidden;
transition-duration: .1s;
padding: 1rem;
}
.section-faq .accordion-body p {
height:0;
}
.section-faq .accordion-header.active-head {
background-color: #DEEFFD;
border-radius: 12px 12px 0 0;
}
.section-faq .accordion-body.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
opacity: 1;
background-color: #DEEFFD;
border-radius: 0 0 12px 12px;
margin-bottom: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-faq .accordion-body.active p {
width: 100%;
margin-top: 0;
line-height: 1.3125rem;
height:100%;
}
.section-faq .faq-accordion-wrap .container .accordion .accordion-header:after {
content: '\02795';
/* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #2A2A2A;
float: right;
margin-left: 5px;
}
.section-faq .faq-accordion-wrap .container .accordion .active-head:after {
content: "\2796";
/* Unicode character for "minus" sign (-) */
}
.accordion-item {
border: 1px solid #ccc;
margin-bottom: 10px;
}
.accordion-title {
background-color: #f1f1f1;
padding: 10px;
cursor: pointer;
}
.accordion-content {
padding: 10px;
display: none;
}
.accordion-column {
width: 50%;
float: left;
}
/*-----------------------------------------------------------------------------*/
/*------------ T I C K E T P A G E ---------------------*/
/*-----------------------------------------------------------------------------*/
.section-submit-ticket {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.section-submit-ticket input {
border: none;
}
.section-submit-ticket .submit-ticket-h1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
margin-bottom: 2rem;
}
.section-submit-ticket .submit-ticket-p {
width: 50%;
margin-top: 1rem;
}
.section-submit-ticket .submit-ticket-graphic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
right: 0;
max-width: 45%;
}
.section-submit-ticket .ticket-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 45%;
margin: 2rem 0;
}
.section-submit-ticket .ticket-form .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 1rem 0;
}
.section-submit-ticket .ticket-form .form-group .form-name-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width:100%;
}
.section-submit-ticket .ticket-form .form-group .form-name-wrap .form-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 1rem 0;
padding: 0.7rem 0.4rem;
border-radius: 8px;
border: none;
background-color: #E9F5FF;
}
.section-submit-ticket .ticket-form .form-group .form-name-wrap span{
width: 48%;
}
.section-submit-ticket .ticket-form .form-group .form-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 1rem 0;
padding: 0.7rem 0.4rem;
border-radius: 8px;
border: none;
background-color: #E9F5FF;
}
.section-submit-ticket .ticket-form .form-group .label-text {
color: #7F8B99;
font-family: Inter;
font-size: 1rem;
font-weight: 400;
line-height: 1.3125rem;
letter-spacing: 0%;
text-align: left;
}
.section-submit-ticket .ticket-form .form-group .color-label {
color: #2A2A2A;
}
.section-submit-ticket .ticket-form .form-group .radio-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.section-submit-ticket .ticket-form .form-group .radio-group .radio-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
}
.section-submit-ticket .ticket-form .btn {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: none;
cursor: pointer;
}
/* ------------------------------------------------------------------------------------------------------------------------
// ------------------------------------------------------------------------------------------------------------------------
// ------------------------------------------------------------------------------------------------------------------------
// ------------------------------------------------------------------------------------------------------------------------
// --------------------------------------------- M O B I L E -------------------------------------------------------
// ------------------------------------------------------------------------------------------------------------------------
// ------------------------------------------------------------------------------------------------------------------------
// ------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 1112px) and (orientation:landscape) {
header .header-wrap .header-menu-wrap .header-menu .header-menu-element {
cursor: pointer;
font-size: 0.6rem;
line-height: 1.25rem;
}
header .header-wrap .header-menu-wrap .header-menu-contact .header-menu-element {
cursor: pointer;
font-size: 0.6rem;
line-height: 1.25rem;
}
.burger_btn {
background-color: transparent;
border: none;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
position: absolute;
right: 30px;
top: 5px;
}
.line {
fill: none;
stroke: #fff;
stroke-width: 5px;
-webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
stroke-dasharray: 60 207;
stroke-width: 5px;
}
.line2 {
stroke-dasharray: 60 60;
stroke-width: 5px;
}
.line3 {
stroke-dasharray: 60 207;
stroke-width: 5px;
}
.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 5px;
stroke: #fff;
}
.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 5px;
stroke: #fff;
}
.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 5px;
stroke: #fff;
}
.header-menu-wrap {
position: absolute;
top: 54px;
right: -200%;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 999;
width: 100%;
background-color: #00035b;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.header-menu-wrap .header-menu {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.open {
position: absolute;
right: 0 !important;
top: 55px !important;
z-index: 9999;
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.no-scroll {
overflow: hidden;
}
header{
background: #00035b;
}
header .header-wrap .header-logo-wrap {
width: 35%;
}
header .header-wrap .header-menu-wrap .header-menu {
height: fit-content;
/*-webkit-box-pack: justify;*/
/* -ms-flex-pack: justify;*/
/* justify-content: space-between;*/
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
margin-top:5rem;
}
header .header-wrap .header-menu-wrap .header-menu-contact .header-menu-element {
width:100%;
}
header .header-wrap .header-menu-wrap .header-menu-contact .header-menu-element a{
width:100%;
background-color: #18BFF2;
color: #fff;
border-radius: 8px;
/*width: 10.25rem;*/
height: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0.875rem 3rem 0.875rem 3rem;
border-bottom:none;
margin-top:2rem;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element {
cursor: pointer;
font-size: 0.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu {
width: fit-content;
height: fit-content;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
padding: 0.9375rem 0 0 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 0;
border-radius: 0.5rem;
background: none;
position: relative;
top: 0;
left: 0;
z-index: 999;
gap: 10px;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu li a{
color:#B9BAC1!important;
}
}
@media screen and (max-width: 1112px) and (orientation:portrait) {
header .header-wrap .header-menu-wrap .header-menu .header-menu-element {
cursor: pointer;
font-size: 0.6rem;
line-height: 1.25rem;
}
header .header-wrap .header-menu-wrap .header-menu-contact .header-menu-element {
cursor: pointer;
font-size: 0.6rem;
line-height: 1.25rem;
}
.burger_btn {
background-color: transparent;
border: none;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
position: absolute;
right: 30px;
top: 5px;
}
.line {
fill: none;
stroke: #fff;
stroke-width: 5px;
-webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
stroke-dasharray: 60 207;
stroke-width: 5px;
}
.line2 {
stroke-dasharray: 60 60;
stroke-width: 5px;
}
.line3 {
stroke-dasharray: 60 207;
stroke-width: 5px;
}
.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 5px;
stroke: #fff;
}
.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 5px;
stroke: #fff;
}
.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 5px;
stroke: #fff;
}
.header-menu-wrap {
position: absolute;
top: 54px;
right: -200%;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 999;
width: 100%;
background-color: #00035b;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.header-menu-wrap .header-menu {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.open {
position: absolute;
right: 0 !important;
top: 55px !important;
z-index: 9999;
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.no-scroll {
overflow: hidden;
}
header{
background: #00035b;
}
header .header-wrap .header-logo-wrap {
width: 35%;
}
header .header-wrap .header-menu-wrap .header-menu {
height: fit-content;
/*-webkit-box-pack: justify;*/
/* -ms-flex-pack: justify;*/
/* justify-content: space-between;*/
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
margin-top:5rem;
}
header .header-wrap .header-menu-wrap .header-menu-contact .header-menu-element {
width:100%;
}
header .header-wrap .header-menu-wrap .header-menu-contact .header-menu-element a{
width:100%;
background-color: #18BFF2;
color: #fff;
border-radius: 8px;
/*width: 10.25rem;*/
height: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0.875rem 3rem 0.875rem 3rem;
border-bottom:none;
margin-top:2rem;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element {
cursor: pointer;
font-size: 0.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu {
width: fit-content;
height: fit-content;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
padding: 0.9375rem 0 0 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 0;
border-radius: 0.5rem;
background: none;
position: relative;
top: 0;
left: 0;
z-index: 999;
gap: 10px;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu li a{
color:#B9BAC1!important;
}
}
@media screen and (max-width: 767.98px) and (orientation:portrait) {
.btn-all {
width: 10.25rem;
height: 3rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.all-h1 {
font-size: 2.1rem;
line-height: normal;
}
.all-p {
font-size: 1rem;
font-weight: 400;
line-height: 1.3125rem;
text-align: justify;
}
.text-align-left{
text-align: left;
}
.section-wrap {
margin-top: 2rem;
overflow: hidden;
}
.burger_btn {
background-color: transparent;
border: none;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
position: absolute;
right: 30px;
top: 5px;
}
.line {
fill: none;
stroke: #fff;
stroke-width: 5px;
-webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
stroke-dasharray: 60 207;
stroke-width: 5px;
}
.line2 {
stroke-dasharray: 60 60;
stroke-width: 5px;
}
.line3 {
stroke-dasharray: 60 207;
stroke-width: 5px;
}
.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 5px;
stroke: #fff;
}
.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 5px;
stroke: #fff;
}
.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 5px;
stroke: #fff;
}
.header-menu-wrap {
position: absolute;
top: 54px;
right: -200%;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 999;
width: 100%;
background-color: #00035b;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.header-menu-wrap .header-menu {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.open {
position: absolute;
right: 0 !important;
top: 55px !important;
z-index: 9999;
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.no-scroll {
overflow: hidden;
}
header{
background: #00035b;
}
header .header-wrap .header-logo-wrap {
width: 35%;
}
header .header-wrap .header-menu-wrap .header-menu {
height: fit-content;
/*-webkit-box-pack: justify;*/
/* -ms-flex-pack: justify;*/
/* justify-content: space-between;*/
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
margin-top:5rem;
}
header .header-wrap .header-menu-wrap .header-menu-contact .header-menu-element {
width:100%;
}
header .header-wrap .header-menu-wrap .header-menu-contact .header-menu-element a{
width:100%;
background-color: #18BFF2;
color: #fff;
border-radius: 8px;
/*width: 10.25rem;*/
height: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0.875rem 3rem 0.875rem 3rem;
border-bottom:none;
margin-top:2rem;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element {
cursor: pointer;
font-size: 0.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu {
width: fit-content;
height: fit-content;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
padding: 0.9375rem 0 0 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 0;
border-radius: 0.5rem;
background: none;
position: relative;
top: 0;
left: 0;
z-index: 999;
gap: 10px;
}
header .header-wrap .header-menu-wrap .header-menu .header-menu-element .sub-menu li a{
color:#B9BAC1!important;
}
.main-page-header-section {
height: auto;
}
.main-page-header-section .header-banner {
height: auto;
position:relative;
}
.main-page-header-section .header-banner::before{
/*background-color: #00035bb8;*/
background: linear-gradient(#00035b, transparent), linear-gradient(#00035b, transparent);
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
}
.main-page-header-section .header-banner .header-banner-text-wrap {
margin: 8rem auto 2rem auto;
position:relative;
z-index:999;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-h1 {
width: 100%;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-h1 h1 {
font-size: 2.3rem;
font-weight: 700;
line-height: 3rem;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-h1 .main-page-header-section .header-banner .header-banner-text-wrap .banner-p p {
font-size: 1.2rem;
line-height: 1.8125rem;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-p p {
font-size: 1rem;
font-weight: 400;
line-height: 1.4rem;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin: 2rem auto 2rem auto;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-btn a {
margin: 0;
width: 100%;
}
.main-page-header-section .header-banner .header-banner-text-wrap .banner-btn .btn-form {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
text-align: center;
margin-top: 2rem;
}
.main-page-header-section .header-os-block-wrap .header-os-block {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-page-header-section .header-os-block-wrap .header-os-block .os-element {
width: 14%;
}
.main-page-header-section .header-os-block-wrap .header-os-block .os-element a {
width: 100%;
}
.main-page-header-section .header-os-block-wrap .header-os-block .os-element a p {
display: none;
}
.main-page-header-section .header-os-block-wrap .header-os-block .os-element a svg {
width: 2rem;
}
.section-cases .cases-p {
width: 100%;
}
.section-cases .cases-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-cases .cases-list .cases-list-text {
width: 100%;
}
.section-cases .cases-list .cases-list-text .cases-list-element {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-cases .cases-list .cases-list-text .cases-list-element .cases-list-element-text {
width: 100%;
padding-left: 0;
margin-top: 1rem;
}
.section-cases .cases-list .cases-list-graphic {
width: 100%;
max-width: 100%;
}
.section-benefits .benefits-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-benefits .benefits-list .benefits-list-item-wrap {
width: 100%;
height: 13.5625rem;
margin-bottom: 2rem;
}
.section-benefits .benefits-list .benefits-list-item-wrap:nth-child(3)::after {
background-size: 90px 90px;
width: 90px;
height: 90px;
bottom: -60px;
right: 60px;
}
.section-services {
margin-top: 3rem;
height: auto;
}
.section-services .services-banner-bg{
position:relative;
}
.section-services .services-banner-bg::before{
background: linear-gradient(#00035b, transparent), linear-gradient(#00035b, transparent);
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
}
.section-services .services-banner-bg .services-banner-wrap{
position: relative;
z-index:999;
}
.section-services .services-banner-bg .services-banner-wrap span {
font-size: 2.3rem;
line-height: 3.5625rem;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-graphic {
display: none;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-columns {
display: flex;
flex-direction: column;
gap: 20px;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-1 {
width: 100%;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-1 .services-text-element {
width: 100%;
display: flex;
gap: 20px;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-1 .services-text-element {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 90%;
height: fit-content;
border-radius: none;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
margin-bottom: 0;
padding: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
flex-direction: column;
gap: 20px;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-1 .services-text-element img {
position: relative;
top: 0;
left: 0;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-2 {
width: 100%;
margin-left: 0;
display: flex;
gap: 20px;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-2 .services-text-element {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 90%;
height: fit-content;
border-radius: none;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
flex-direction: column;
gap: 20px;
}
.section-services .services-banner-bg .services-banner-wrap .services-text .services-text-cards .services-text-cards-col-2 .services-text-element img {
position: relative;
top: 0;
left: 0;
}
.section-blog {
margin-bottom: 2rem;
}
.section-blog .blog-wrap .blog-item {
margin-top: 3rem;
width: 100%;
}
.section-blog .blog-wrap .blog-item a .blog-item-text {
width: 100%;
}
.section-blog .blog-wrap .blog-item a .blog-item-text p {
margin-top: 1rem;
margin-bottom: 1rem;
}
.section-contact-us .contact-us-bg .contact-us-banner-wrap .banner-h1 {
width: 100%;
font-size: 1.8rem;
line-height: 2rem;
padding-bottom: 0;
}
.section-contact-us .contact-us-bg .contact-us-banner-wrap p {
width: 100%;
}
.section-contact-us .contact-us-bg .contact-us-banner-wrap a {
width: 100%;
}
.section-footer .footer-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 80%;
margin: 0 auto;
margin-top: 3rem;
}
.section-footer .footer-wrap .footer-col {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1rem;
gap: 10px;
}
.section-footer .footer-wrap .footer-col ul {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap:10px;
}
.section-footer .footer-wrap .f-col-4 {
display: none;
}
.section-footer .footer-copyright .f-copy-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-footer .footer-copyright .f-copy-wrap .copy-mob-hide {
display: none;
}
.section-footer .footer-wrap .footer-col .footer-h4 {
font-size: 0.875rem;
line-height: 1.3125rem;
padding-bottom: 0.5rem;
padding-top: 1rem;
text-align:center;
}
/*----------------------------------------------------------------------------*/
.section-wrap .test-drive-graphic {
display: none;
}
.section-wrap .test-drive-h1 {
width: 100%;
margin-bottom: 2rem;
}
.section-wrap .test-drive-p {
width: 100%;
margin-top: 1rem;
}
.section-wrap .example-text {
width: 100%;
}
.section-example .test-drive-note-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border-radius: 0.75rem;
background: #DEEFFD;
padding: 2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2rem;
}
.section-example .test-drive-note-wrap .test-drive-note {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.section-example .test-drive-note-wrap .test-drive-note h3 {
text-align: left;
width: 100%;
}
.section-example .test-drive-note-wrap .test-drive-note p {
width: 100%;
margin-top: 1rem;
}
.news-page-marg {
margin-top: 2rem !important;
}
/*----------------------------------------------------------------------------*/
.section-post .post-content-wrap h1 {
width: 100%;
font-size: 1.5rem;
}
.section-post .post-content-wrap .post-detail {
margin-bottom: 1rem;
}
.section-post .post-content-wrap .post-detail p {
text-align: left;
font-size: 0.8rem;
}
.section-post .post-content-wrap .post-text-wrap {
width: 100%;
}
.section-post .post-content-wrap .post-text-wrap .post-p {
text-align: justify;
}
/*----------------------------------------------------------------------------*/
.section-wrap .update-item-wrap {
width: 100%;
}
.section-wrap .update-item-wrap .update-list-item {
width: 100%;
}
.section-wrap .update-item-wrap .update-list-item p {
width: 90%;
}
/*----------------------------------------------------------------------------*/
.section-product .product-item-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 2rem;
}
.section-product .product-item-wrap .product-item-icon {
width: 12%;
margin-bottom: 1rem;
}
.section-product .product-item-wrap .product-item-text .product-list-item svg {
width: 12%;
}
/*----------------------------------------------------------------------------*/
.section-about h1::after {
background-size: 100px 100px;
width: 146px;
height: 165px;
top: -4px;
left: 220px;
}
.section-about .about-text-wrap {
width: 100%;
}
.section-about .about-text-wrap .update-list .update-item-wrap {
width: 100%;
}
.section-about .about-text-wrap .update-list .update-item-wrap .update-list-item {
width: 100%;
}
.section-about .about-text-wrap .update-list .update-item-wrap .update-list-item p {
width: 90%;
}
/*----------------------------------------------------------------------------*/
.section-post .post-content-wrap .post-img-wrap {
width: 100%;
margin: 0 auto;
height: 15rem;
}
.section-post .post-content-wrap .post-text-wrap .post-header {
font-size: 1.5rem;
line-height: 1.8rem;
}
.section-post .post-content-wrap .post-text-wrap .post-h1 {
font-size: 2rem;
line-height: 2.375rem;
margin-top: 2rem;
}
/*----------------------------------------------------------------------------*/
.section-faq p {
width: 100%;
}
.section-faq .faq-accordion-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-faq .faq-accordion-wrap .container {
width: 100%;
}
.section-faq .accordion-header span {
max-width: 100%;
white-space: normal;
text-align: left;
overflow: auto;
text-align: left;
}
/*----------------------------------------------------------------------------*/
.section-benefits .benefits-h1::after {
background-size: 100px 100px;
width: 100px;
height: 100px;
/*top: 50px;*/
top: 70px;
left: 10px;
}
.section-benefits .after-extrude::after {
background-size: 80px 80px;
width: 80px;
height: 80px;
bottom: -80px;
right: 45px;
}
.section-contact-us .contact-us-bg {
background-image: url(../img/contact-bg-mobile.svg);
background-repeat: no-repeat;
background-size: cover;
height: fit-content;
width: 100%;
}
.section-example .test-drive-note-wrap .test-drive-note span {
width: 100%;
}
.section-example .test-drive-note-wrap::after {
background-size: 100px 100px;
width: 100px;
height: 100px;
top: -40px;
left: 210px;
}
.section-example .example-list .example-item .example-item-wrap img {
width: 8%;
}
.section-submit-ticket .submit-ticket-graphic {
display: none;
}
.section-submit-ticket .submit-ticket-h1 {
width: 100%;
margin-bottom: 2rem;
}
.section-submit-ticket .submit-ticket-p {
width: 100%;
margin-top: 1rem;
}
.section-submit-ticket .ticket-form {
width: 100%;
margin: 2rem 0;
}
.codedropz-upload-inner{
overflow:visible !important;
gap: 5px !important;
}
.codedropz-upload-inner h3::before {
background-size: 20px 20px;
width: 20px;
height: 20px;
top: 0.3rem;
left: -1.5rem;
}
.drop-down-arrow>a::after {
top: 0 !important;
right:unset !important;
margin-left:10px;
}
.section-bread{
margin-top: 5rem !important;
}
.section-faq .accordion {
width: 100%;
}
.wpcf7-checkbox {
display: flex;
flex-direction: column;
gap: 10px;
}
}
/*--------------------G L O B A L S T Y L E S-------------------------------*/
.page-numbers{
display: flex;
justify-content: flex-end;
margin: 2rem 0;
gap: 15px;
font-weight:700;
color:#2A2A2A;
}
.page-numbers.current{
color:#18BFF2;
}
.wrapper{
overflow:hidden;
min-height:90vh;
position:relative;
}
.radio-group{
list-style-type: none;
position: relative;
padding: 0;
margin: 0;
}
.radio-item {
width: 100%;
display: block;
position: relative;
/*border-bottom: 1px solid #444;*/
}
.radio-item input[type=radio] {
position: absolute;
visibility: hidden;
}
.radio-item label {
display: block;
position: relative;
cursor:pointer;
z-index: 5;
transition: all .25s linear;
margin-left: 2rem;
}
.radio-item:hover label {
}
.radio-item .check {
display: block;
position: absolute;
border: 4px solid #eee;
border-radius: 100%;
height: 15px;
width: 15px;
top: calc(50% - 7px);
z-index: 5;
transition: border .25s linear;
cursor:pointer;
}
.radio-item:hover .check {
border: 4px solid #18BFF2;
}
.radio-item .check::before {
content: '';
display: block;
position: absolute;
border-radius: 100%;
height: 16px;
width: 16px;
top: calc(50% - 8px);
left: calc(50% - 8px);
margin: auto;
transition: background .25s linear;
}
/************************************************************/
.wpcf7-radio{
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.wpcf7-list-item-label{
cursor:pointer;
}
.wpcf7-form-control-wrap{
width:100%;
}
input, textarea{
outline: none !important;
}
.wpcf7-not-valid-tip{
width:100% !important;
}
.codedropz-upload-container{
background-color:#E9F5FF;
}
.codedropz-upload-inner {
overflow: hidden;
width: 100%;
/* white-space: nowrap; */
text-align: center;
font-size: 0.8rem;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
color:#7F8B99;
position:relative;
}
.codedropz-upload-inner h3 {
margin: 5px 0;
font-size: 0.8rem;
font-weight: 400;
line-height: 32px;
word-break: break-word;
color:#7F8B99;
position:relative;
}
.codedropz-upload-inner h3::before{
content: '';
background: url(../img/Icon_upload.svg) no-repeat;
background-size: 25px 25px;
width: 25px;
height: 25px;
top: 0.3rem;
left: -2rem;
position: absolute;
}
.dnd-upload-status .dnd-upload-image {
display:none;
}
.dnd-upload-status .dnd-upload-details {
padding-left: 0;
width: calc(100%);
}
.dnd-upload-status .dnd-upload-details .name {
color: #7F8B99;
padding: 4px 0;
padding-right: 60px;
display: flex;
}
.dnd-upload-status .dnd-upload-details .name em {
color: #7F8B99;
font-weight: 400;
font-size: 1rem;
font-style: normal;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #E9F5FF;
display: block;
font-size: 11px;
text-align: right;
color: #7F8B99;
height: 100%;
width: 0;
line-height: 14px;
}
input[type=radio] {
width: 15px;
height: 15px;
margin-right: 10px;
border-radius: 50%;
border: 2px solid #18BFF2;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
input[type=radio]:checked {
background-color: #18BFF2;
border: #18BFF2;
}
.blur {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(30px);
background: #1f1f1fcc;
z-index: 99998;
display: none;
}
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99999;
width: 70%;
height: auto;
border-radius: 20px;
box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.5);
background-color: #fff;
}
.drop-down-arrow{
position:relative;
}
.drop-down-arrow>a::after{
content:'';
background: url(../img/arrow-down.svg) no-repeat;
background-size: 15px 15px;
width: 15px;
height: 15px;
top: 40%;
right: 5%;
position: absolute;
}
.wpcf7-checkbox{
display:flex;
}
.wpcf7-checkbox .wpcf7-list-item{
display: flex;
margin: 0 0 0 1em;
flex-direction: row;
gap: 15px;
}
input[type="checkbox"] {
position:relative;
cursor: pointer;
}
input[type="checkbox"]:before {
position: relative;
display: block;
width: 20px;
height: 20px;
border: 1px solid #18BFF2;
content: "";
background: #fff;
top: 0px;
border-radius: 5px;
}
input[type="checkbox"]:after {
position: relative;
display: block;
left: 0px;
top: -21px;
content: "";
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
}
input[type="checkbox"]:checked:after {
content:'\2714';
color:#18BFF2;
display: flex;
align-items: center;
justify-content: center;
}
/*# sourceMappingURL=style.css.map */
/*block technologies */
.section-wrap {
display: flex;
flex-direction: column;
width: 80%;
margin: 5rem auto 0 auto;
}
/* header */
.technologies-header {
margin-bottom: 3rem;
text-align: left;
}
.technologies-header .all-h1 {
color: #2A2A2A;
font-family: 'Inter', sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 3.625rem;
letter-spacing: 0;
text-transform: uppercase;
margin: 0;
}
/* grid */
.technologies-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px 20px;
justify-items: stretch; /*center */
align-items: start;
}
@media (max-width: 1024px) {
.technologies-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.technologies-grid {
grid-template-columns: repeat(2, 1fr);
}
}
/* item */
.technology-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
/* max-width: 180px; */
width: 100%;
}
/* icon container */
.technology-icon {
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
/* icon image */
.technology-icon img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
/* text */
.technology-text .all-h4 {
font-family: 'Inter', sans-serif;
font-size: 18px;
line-height: 26px;
font-weight: 400;/*500*/
color: #2A2A2A;
margin: 0;
word-break: break-word;
transition: color 0.3s ease;
}
.technology-item:hover .all-h4 {
color: #18BFF2;
}
/* and block technologies */
/*block seo text */
.section-text-toggle {
display: flex;
flex-direction: column;
width: 80%;
margin: 5rem auto 0 auto;
}
.text-toggle-content {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: clip;
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 300;
color: #2A2A2A;
}
.text-toggle-content.expanded {
-webkit-line-clamp: unset;
overflow: visible;
}
.text-toggle-button {
background: none;
border: none;
font-family: 'Inter', sans-serif;
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #2A2A2A;
text-decoration: underline;
cursor: pointer;
margin-top: 15px;
padding: 0;
transition: color 0.3s ease;
}
.text-toggle-button:hover {
color: #18BFF2;
}
@media (max-width: 768px) {
width: 90%;
.text-toggle-content,
.text-toggle-button {
font-size: 16px;
line-height: 24px;
}
}
}
/*and block seo text */