@charset "UTF-8";


@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css);
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Krona+One&display=swap");
:root {
--bs-primary: #133C43;
--bs-secondary: #2C8993;
--bs-gray: #4E4E4E;
--bs-dark: #114E54;
--bs-body-color: #051719;
--bs-gray-light: #EAEAEA;
--bs-white: #ffffff;
--bs-black: #232323;
--bs-body-font-family: "Lato", serif;
--bs-font-sans-serif: "Plus Jakarta Sans", serif;
--bs-font-monospace: "Montserrat", serif;
--bs-body-font-size: 16px;
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
img {
border: 0;
height: auto;
max-width: 100%;
} a {
transition: all 0.3s ease-in-out;
color: var(--bs-primary);
}
a:hover, a:focus {
text-decoration: none;
outline: 0;
}
label {
cursor: pointer;
} body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
.heading {
font-size: 14px;
font-weight: 700;
font-family: var(--bs-body-font-family);
text-transform: uppercase;
letter-spacing: 6px;
color: var(--bs-gray);
}
@media (min-width: 576px) {
.heading {
font-size: 16px;
}
}
@media (min-width: 992px) {
.heading {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.heading {
font-size: 23px;
}
}
.title {
font-size: 20px;
font-weight: 600;
font-family: var(--bs-font-monospace);
color: var(--bs-black);
line-height: 1.12;
margin-bottom: 16px;
}
@media (min-width: 992px) {
.title {
font-size: 22px;
}
}
@media (min-width: 1200px) {
.title {
font-size: 30px;
}
}
@media (min-width: 1400px) {
.title {
font-size: 40px;
}
}
.clear::after {
content: "";
display: block;
clear: both;
}
.container {
max-width: 1164px;
}
@media (min-width: 1400px) {
.container {
max-width: 1562px;
}
}
.btn {
transition: all 0.3s ease-in-out;
--bs-btn-font-size: 16px;
--bs-btn-font-weight: 500;
--bs-btn-padding-x: 20px;
--bs-btn-padding-y: 10px;
}
.btn-primary {
border: 0;
color: var(--bs-white);
background-color: transparent;
--bs-btn-active-bg: none;
background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%);
border-color: transparent;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
.btn-primary:hover {
transform: scale(1.02);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
background: linear-gradient(161deg, #26A5B2 -104.89%, #000404 211.6%);
}
.btn-primary.active, .btn-primary:active, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
border-color: transparent;
box-shadow: none;
}
.btn-primary--white {
--bs-btn-color: #333333;
font-weight: 600;
font-family: var(--bs-font-monospace);
background: var(--bs-white);
transition: all 0.2s ease-in-out;
}
.btn-primary--white:hover {
transform: scale(1.01);
background: var(--bs-white);
color: var(--bs-primary);
}
.btn-primary span {
position: relative;
display: block;
}
.btn-outline-primary {
color: var(--bs-primary);
background-color: transparent;
border: 3px solid var(--bs-primary);
border-radius: 100px;
font-size: 16px;
}
.btn-outline-primary:hover {
color: var(--bs-white);
background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%);
border-color: var(--bs-primary);
box-shadow: none;
}
.btn-outline-primary:active {
color: var(--bs-white) !important;
background-color: transparent !important;
border-color: var(--bs-primary) !important;
}
.form-control {
border-radius: 16px;
color: var(--bs-gray);
padding: 18px 15px 18px;
border-color: transparent;
background-color: rgba(240, 240, 240, 0.4);
color: var(--bs-white);
}
@media (min-width: 992px) {
.form-control {
padding: 23px 21px 23px;
}
}
.form-control::-webkit-input-placeholder {
color: var(--bs-white);
}
.form-control:-moz-placeholder {
color: var(--bs-white);
}
.form-control::-moz-placeholder {
color: var(--bs-white);
}
.form-control:-ms-input-placeholder {
color: var(--bs-white);
}
@media (min-width: 1400px) {
.form-control {
font-size: 18px;
}
}
.form-control:focus {
background-color: var(--bs-white);
border-color: var(--bs-white);
box-shadow: none;
color: var(--bs-black);
}
.inputSelect {
max-width: 80px;
border-radius: none;
margin-right: 10px;
padding: 12px 12px;
}
.iti {
width: 100%;
}
.iti .iti__country-container .iti__selected-country .iti__selected-country-primary {
padding: 0px 12px;
}
.iti .iti__country-container .iti__selected-country .iti__selected-country-primary:hover {
background-color: transparent !important;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
overflow: hidden;
}
.iti .iti__country-container .iti__dropdown-content .iti__search-input {
border: 1px solid #cdcdcd;
padding: 8px 5px;
outline: none;
}
.iti__arrow {
border-left: var(--iti-triangle-border) solid transparent;
border-right: var(--iti-triangle-border) solid transparent;
border-top: var(--iti-arrow-height) solid var(--bs-white);
}
.iti__arrow--up {
border-bottom: var(--bs-white) solid var(--bs-white);
}
.iti__country-container {
position: absolute;
top: 0;
height: 72PX;
bottom: 0;
padding: var(--iti-border-width);
}
.custom-select {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23F0F0F0%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right 20px;
border-color: transparent;
background-color: rgba(240, 240, 240, 0.4);
}
.custom-select::-ms-expand {
display: none;
}
.custom-select:focus {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20transform%3D%22rotate(180%208%204.5)%22%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23F0F0F0%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right 20px;
background-color: var(--bs-white);
color: var(--bs-black);
}
.custom-select.form-control {
font-size: 16px;
}
@media (min-width: 1400px) {
.custom-select.form-control {
font-size: 17px !important;
}
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.error-message {
position: relative;
color: #ff907d;
font-size: 16px;
font-weight: 500;
}
input[type=number] {
-moz-appearance: textfield;
}
textarea.form-control {
min-height: 123px;
padding-top: 10px;
}
blockquote {
margin: 12px 0 12px 20px;
position: relative;
padding: 10px 60px 10px 30px;
font-size: 16px;
line-height: 1.5;
}
blockquote:before {
top: 6px;
left: 0;
content: "“";
}
blockquote:after {
bottom: 0;
right: 0;
content: "”";
}
blockquote:before, blockquote:after {
position: absolute;
width: 60px;
color: #133C43;
height: 60px;
font-size: 60px;
line-height: 1;
}
@media (min-width: 992px) {
blockquote {
font-size: 18px;
}
}
@media (min-width: 1400px) {
blockquote {
font-size: 20px;
}
}
.accordion {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
--bs-accordion-btn-icon-width: 20px;
--bs-accordion-btn-color: #232323;
--bs-accordion-active-color: #232323;
--bs-accordion-active-bg: transparent;
--bs-accordion-border-color: none;
--bs-accordion-border-radius: none;
--bs-accordion-btn-padding-x: 0;
--bs-accordion-body-padding-x: 0;
}
@media (min-width: 768px) {
.accordion {
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-body-padding-x: 1.25rem;
}
}
.accordion-button {
font-weight: 600;
}
@media (min-width: 992px) {
.accordion-button {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.accordion-button {
font-size: 20px;
}
}
@media (min-width: 1400px) {
.accordion-button {
padding-top: 26px;
font-size: 26px;
}
}
.accordion-button:after {
background-size: contain;
}
.accordion-button:focus {
box-shadow: none;
}
.accordion-button:not(.collapsed) {
background-color: transparent;
border: 0;
outline: 0;
}
.accordion-item {
color: var(--bs-gray);
}
.accordion-item:not(:last-child) {
border-bottom: 1px solid var(--bs-black);
}
@media (min-width: 992px) {
.accordion-item {
font-size: 18px;
padding-top: 18px;
padding-bottom: 18px;
border-top: 1px solid var(--bs-black);
}
.accordion-item:last-child {
border-bottom: 1px solid var(--bs-black);
}
}
@media (min-width: 1400px) {
.accordion-item {
font-size: 24px;
padding-bottom: 26px;
padding-top: 26px;
}
}
.header {
position: fixed;
background-color: var(--bs-white);
box-shadow: 0px 4px 13.1px rgba(0, 0, 0, 0.1);
z-index: 9;
}
@media (min-width: 992px) {
.header {
-webkit-backdrop-filter: blur(86px);
backdrop-filter: blur(86px);
}
}
.header .topbar {
background: var(--brand, linear-gradient(235deg, #26a5b2 -96.56%, #000404 170.05%));
height: 40px;
transition: all 0.3s ease-in-out;
}
.header .topbar ul {
list-style: none;
margin: 0;
padding: 0;
}
.header .topbar ul li {
font-size: var(--bs-body-font-size);
font-family: var(--bs-body-font-family);
}
.header .topbar ul li a {
color: var(--bs-white);
text-decoration: none;
gap: 10px;
}
.header__sitelogo a {
display: inline-block;
}
.header__sitelogo a img {
max-width: 120px;
transition: all 0.3s ease-in-out;
}
@media (min-width: 576px) {
.header__sitelogo a img {
max-width: 160px;
}
}
@media (min-width: 1400px) {
.header__sitelogo a img {
max-width: 230px;
}
}
.header__sitelogo--mobile {
display: flex;
justify-content: center;
padding: 15px 20px;
background-color: #fff;
}
.header__sitelogo--mobile img {
max-width: 120px;
transition: all 0.3s ease-in-out;
}
.header .btn-primary {
text-wrap: nowrap;
}
@media (min-width: 992px) {
.header .btn-primary {
font-size: 14px;
}
}
@media (min-width: 1200px) {
.header .btn-primary {
font-size: 16px;
}
}
@media (min-width: 1400px) {
.header .btn-primary {
font-size: 22px;
padding: 14px 47px 13px;
}
}
.header--sticky .topbar {
height: 0;
overflow: hidden;
opacity: 0;
}
.header--sticky .header__sitelogo a img {
max-width: 125px;
}
@media (min-width: 1400px) {
.header--sticky .header__sitelogo a img {
max-width: 180px;
}
}
@media (min-width: 992px) {
.header--sticky .navbar .navbar-nav > .nav-item {
padding: 16px 0;
}
}
.header--sticky .btn-primary {
font-size: 18px;
padding: 8px 18px 8px;
}
.navbar-expand-lg .navbar-collapse {
padding: 10px 0;
} .navbar-nav .nav-link.active {
font-weight: 600 !important;
}
.navbar {
--bs-navbar-padding-y: 10px;
--bs-nav-link-font-size: 16px;
--bs-navbar-active-color: var(--bs-secondary);
transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
.navbar {
--bs-navbar-padding-y: 0;
}
}
@media (min-width: 1400px) {
.navbar {
--bs-nav-link-font-size: 18px;
}
}
.navbar .navbar-toggler {
border-radius: 0 !important;
padding: 0;
margin: 0 !important;
outline: 0 !important;
border: 0 !important;
z-index: 9;
box-shadow: none !important;
background-color: transparent !important;
}
.navbar .navbar-toggler .menu_icon {
margin: 0;
padding-top: 1px;
float: left;
width: 30px;
height: 22px;
position: relative;
cursor: pointer;
}
.navbar .navbar-toggler .menu_icon .icon-bar {
display: block;
position: absolute;
opacity: 1;
width: 30px;
height: 3px;
background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%);
margin: 0 auto;
left: 0;
transition: all 0.25s ease-in-out;
}
.navbar .navbar-toggler .menu_icon .icon-bar:nth-child(1) {
top: 0;
transform: rotate(0deg);
}
.navbar .navbar-toggler .menu_icon .icon-bar:nth-child(2) {
top: 9px;
left: 0;
opacity: 1;
}
.navbar .navbar-toggler .menu_icon .icon-bar:nth-child(3) {
top: 18px;
transform: rotate(0deg);
}
.navbar .navbar-toggler:after {
position: fixed;
top: 0;
left: 300px;
z-index: 1;
content: "";
display: none;
width: 100%;
height: 100vh;
}
.navbar .navbar-toggler.collapsed:after {
display: block;
}
.navbar .navbar-toggler.collapsed .icon-bar:nth-child(1) {
top: 8px;
transform: rotate(45deg);
}
.navbar .navbar-toggler.collapsed .icon-bar:nth-child(2) {
top: 8px;
left: -10px;
opacity: 0;
}
.navbar .navbar-toggler.collapsed .icon-bar:nth-child(3) {
top: 8px;
transform: rotate(-45deg);
}
@media (max-width: 991px) {
.navbar .navbar-collapse {
position: fixed;
top: 0;
left: -100%;
bottom: 0;
background-color: var(--bs-white);
height: 100%;
width: 300px;
z-index: 4;
transition: all 0.3s ease-in-out;
display: block;
overflow: auto;
scrollbar-color: transparent;
scrollbar-width: thin;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.navbar .navbar-collapse::-webkit-scrollbar-track {
border-radius: 10px;
background-color: transparent;
}
.navbar .navbar-collapse::-webkit-scrollbar {
width: 4px;
background-color: transparent;
}
.navbar .navbar-collapse::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.3);
}
.navbar .navbar-collapse.open, .navbar .navbar-collapse.show {
left: 0;
}
}
.navbar .navbar-nav {
--bs-nav-link-padding-y: 8px;
--bs-nav-link-padding-x: 15px;
}
@media (min-width: 992px) {
.navbar .navbar-nav {
--bs-nav-link-padding-y: 0;
--bs-nav-link-padding-x: 0;
}
}
.navbar .navbar-nav > .nav-item {
position: relative;
}
.navbar .navbar-nav > .nav-item::before {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
content: "";
background-color: var(--bs-primary);
transition: 0.5s;
}
.navbar .navbar-nav > .nav-item:hover::before, .navbar .navbar-nav > .nav-item.active::before {
width: 100%;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item {
padding: 26px 0;
transition: all 0.3s ease-in-out;
}
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item:not(:last-child) {
margin-right: 20px;
}
}
@media (min-width: 1200px) {
.navbar .navbar-nav > .nav-item:not(:last-child) {
margin-right: 20px;
}
}
@media (min-width: 1400px) {
.navbar .navbar-nav > .nav-item:not(:last-child) {
margin-right: 40px;
}
}
.navbar .navbar-nav > .nav-item > a.nav-link {
display: flex;
align-items: center;
text-wrap: nowrap;
color: var(--bs-black);
font-family: var(--bs-body-font-family);
transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item > a.nav-link {
display: block;
}
}
.navbar .navbar-nav > .nav-item > a.nav-link.dropdown-toggle::after {
content: "";
vertical-align: middle;
}
@media (max-width: 991px) {
.navbar .navbar-nav > .nav-item > a.nav-link.dropdown-toggle::after {
display: none;
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu {
padding: 0;
width: auto;
border-radius: 0;
border: 0;
margin: 0;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu {
max-height: 300px;
overflow-x: auto;
display: block;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
transition: all 0.3s ease-in-out;
transform: translateY(25px);
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu {
background-color: transparent !important;
padding: 0;
box-shadow: none;
overflow: visible;
max-height: none;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu {
position: fixed;
top: 100%;
left: 0;
width: 100%;
}
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu.services {
position: absolute;
top: 100% !important;
width: 775px;
left: -200px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
}
@media (min-width: 1200px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu.services {
left: -100px;
}
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg {
padding: 10px 15px;
background-color: var(--bs-white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .text .bdr {
height: 100%;
border-right: 1px solid #d1d6d8;
padding-right: 15px;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .text .bdr img {
margin-bottom: 15px;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .text .bdr .imgTitle {
font-size: 24px;
font-weight: 900;
color: var(--bs-primary);
font-family: var(--bs-body-font-family);
margin-bottom: 0;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox {
padding-top: 15px;
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item {
margin-bottom: 10px;
padding: 5px calc(var(--bs-gutter-x) / 2);
background-color: transparent;
display: flex;
align-items: center;
transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item:hover .navtext {
background: linear-gradient(235.09deg, #26A5B2 -96.56%, #000404 170.05%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item.col-lg-4 {
max-width: 33.33%;
}
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item.col-lg-6 {
max-width: 50%;
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item .icn {
width: 21px;
height: 20px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item .navtext {
font-size: 16px;
font-family: var(--bs-body-font-family);
padding-left: 8px;
letter-spacing: -0.5px;
display: block;
transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item .navtext {
font-size: 16px;
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services {
padding: 0;
overflow: hidden;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .text {
background-color: var(--bs-primary);
flex: 0 0 250px;
max-width: 200px;
--bs-nav-pills-border-radius: 0;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .text .nav-link {
--bs-navbar-nav-link-padding-x: 5px;
--bs-nav-link-padding-y: 15px;
--bs-nav-link-padding-x: 5px;
--bs-nav-link-color: var(--bs-white);
--bs-nav-link-hover-color: var(--bs-white);
--bs-navbar-active-color: var(--bs-primary);
--bs-nav-pills-link-active-bg: var(--bs-white);
--bs-nav-link-font-size: 15px;
--bs-nav-link-font-weight: 600;
font-family: var(--bs-body-font-family);
background-color: transparent !important;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .text .nav-link.active {
color: var(--bs-primary) !important;
background-color: var(--bs-white) !important;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .text .nav-link {
--bs-nav-link-font-size: 16px;
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox {
flex: 1;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox {
padding: var(--bs-dropdown-item-padding-x);
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane {
display: block;
opacity: 1;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane:not(:last-child) {
border-bottom: 1px solid #909090;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane:not(:last-child) {
border-bottom: 0;
}
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane {
display: none;
opacity: 0;
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane.active {
display: block;
opacity: 1;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane .btn-toggle {
width: 100%;
--bs-border-width: 0;
--bs-btn-padding-x: 15px;
--bs-btn-color: var(--bs-primary);
color: var(--bs-primary);
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane .btn-toggle:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9%209.2c-.4-.4-1-.4-1.4%200L12%2012.7L8.5%209.2c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4l4.2%204.2c.2.2.4.3.7.3s.5-.1.7-.3l4.2-4.2c.4-.4.4-1%200-1.4%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 24px;
height: 24px;
vertical-align: middle;
margin-left: auto;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane .btn-toggle.active:after {
transform: rotateX(180deg);
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane > .row {
display: none;
padding: 0 15px;
}
@media (min-width: 992px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane > .row {
display: flex;
padding: 0;
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane > .row.show {
display: flex;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li {
font-weight: 300;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li > a.dropdown-item {
border-bottom: 0;
--bs-dropdown-link-color: #133c43;
--bs-dropdown-item-padding-y: 10px;
--bs-dropdown-item-padding-x: 19px;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li > a.dropdown-item.dropdown-toggle {
display: flex;
align-items: center;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li > a.dropdown-item.dropdown-toggle::after {
height: 2px !important;
background-color: cyan;
opacity: 1;
flex: 1;
border: 0;
margin-left: 10px;
display: block;
}
@media (max-width: 991px) {
.navbar .navbar-nav > .nav-item ul.dropdown-menu li > a.dropdown-item.dropdown-toggle::after {
display: none;
}
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li:hover > a, .navbar .navbar-nav > .nav-item ul.dropdown-menu li.active > a, .navbar .navbar-nav > .nav-item ul.dropdown-menu li.current-menu-ancestor > a.dropdown-toggle {
font-weight: 500;
color: var(--bs-white);
background-color: var(--bs-primary) !important;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li:hover > a.dropdown-toggle::after {
opacity: 1;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li ul.dropdown-menu {
padding: 0;
}
@media (max-width: 991px) {
.navbar .navbar-nav .caret {
margin-left: auto;
}
.navbar .navbar-nav .caret::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9%209.2c-.4-.4-1-.4-1.4%200L12%2012.7L8.5%209.2c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4l4.2%204.2c.2.2.4.3.7.3s.5-.1.7-.3l4.2-4.2c.4-.4.4-1%200-1.4%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 24px;
height: 24px;
vertical-align: middle;
}
}
.dropdown-item.active,
.dropdown-item:active {
color: var(--bs-primary) !important;
font-weight: 600 !important;
}
@media only screen and (min-width: 992px) { .navbar .navbar-collapse ul li {
position: relative;
}
.navbar .navbar-collapse ul li:hover > ul {
display: block;
transform: translateY(0) !important;
opacity: 1;
visibility: visible;
}
.navbar .navbar-collapse ul ul {
position: absolute;
top: 100%;
left: 0;
min-width: 250px;
display: block;
background-color: #f3fcff;
opacity: 0;
visibility: hidden;
} .navbar .navbar-collapse ul ul li {
position: relative;
}
.navbar .navbar-collapse ul ul li:hover > ul {
display: block;
}
.navbar .navbar-collapse ul ul ul {
position: absolute;
top: 0;
left: 100%;
min-width: 250px;
display: none;
background-color: aqua;
} .navbar .navbar-collapse ul ul ul li {
position: relative;
}
.navbar .navbar-collapse ul ul ul li:hover ul {
display: block;
}
.navbar .navbar-collapse ul ul ul ul {
position: absolute;
top: 0;
left: -100%;
min-width: 250px;
display: none;
z-index: 1;
background-color: bisque;
} .navbar .navbar-collapse ul ul ul ul li {
position: relative;
}
.navbar .navbar-collapse ul ul ul ul li:hover ul {
display: block;
}
.navbar .navbar-collapse ul ul ul ul ul {
position: absolute;
top: 0;
left: -100%;
min-width: 250px;
display: none;
z-index: 1;
background-color: fuchsia;
}
} #contentArea {
overflow: hidden;
} .banner {
padding-top: 160px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.banner {
padding-top: 180px;
padding-bottom: 80px;
}
}
@media (min-width: 992px) {
.banner {
padding-top: 271px;
padding-bottom: 149px;
}
}
@media (min-width: 1400px) {
.banner {
padding-top: 287px;
padding-bottom: 141px;
}
}
.banner .container {
z-index: 1;
position: relative;
}
@media (min-width: 1400px) {
.banner .container {
left: -14px;
}
}
.banner .lightImg {
transform: rotate(180deg);
}
.banner img.lightImg {
display: none;
}
.banner__main {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
.banner__top {
position: absolute;
top: 104px;
left: 0;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 992px) {
.banner__top {
top: 119px;
}
}
.banner__bottom {
position: absolute;
bottom: 0;
-o-object-fit: contain;
object-fit: contain;
left: 0;
width: 100%;
}
.banner__ttl {
background: linear-gradient(235.09deg, #26a5b2 -96.56%, #000404 170.05%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 20px;
font-family: var(--bs-font-monospace);
line-height: 1.2;
margin-bottom: 34px;
}
@media (min-width: 768px) {
.banner__ttl {
font-size: 30px;
margin-bottom: 8px;
}
}
@media (min-width: 1400px) {
.banner__ttl {
font-size: 40px;
}
}
.banner__ttl_below {
margin-bottom: 13px;
}
@media (min-width: 1400px) {
.banner__ttl_below {
font-size: 38px;
}
}
.banner__subTtl {
font-size: 22px;
margin-bottom: 16px;
background: linear-gradient(252.11deg, #26a5b2 -16.7%, #000404 193.98%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-bottom: 16px;
}
@media (min-width: 1400px) {
.banner__subTtl {
font-size: 100px;
margin-bottom: 21px;
}
}
.banner__des {
line-height: 1.5;
color: var(--bs-gray);
margin-bottom: 20px;
}
@media (min-width: 992px) {
.banner__des {
font-size: 18px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 31px;
}
}
@media (min-width: 1400px) {
.banner__des {
font-size: 20px;
margin-bottom: 51px;
}
}
.banner__cta {
font-size: 16px;
padding-bottom: 20px;
}
@media (min-width: 992px) {
.banner__cta {
padding-bottom: 40px;
}
}
@media (min-width: 1400px) {
.banner__cta {
padding-bottom: 60px;
}
}
.banner__cta .btn {
font-weight: 700;
}
@media (min-width: 992px) {
.banner__cta .btn {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.banner__cta .btn {
border-width: 4px;
font-size: 20px;
padding: 12px 30px 10px;
}
}
.banner__cta_arrow {
height: 53px;
width: 53px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: linear-gradient(160.63deg, #26a5b2 -104.89%, #000404 211.6%);
}
@media (min-width: 1400px) {
.banner__cta_arrow {
height: 62px;
width: 62px;
margin-right: -8px;
}
}
.banner__cta_arrow svg {
cursor: pointer;
}
.banner__growth {
font-family: var(--bs-font-monospace);
font-size: 40px;
line-height: 1.2;
margin-top: -20px;
background: linear-gradient(252.11deg, #26a5b2 -16.7%, #000404 193.98%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.banner__growth {
font-size: 60px;
margin-bottom: 2px;
}
}
@media (min-width: 992px) {
.banner__growth {
font-size: 100px;
}
}
.banner__growth form {
width: 120px;
height: 48px;
background: linear-gradient(180deg, #1b7780 0%, #0d3b40 100%);
border-radius: 120px;
padding: 6px;
margin: 0 9px;
}
@media (min-width: 768px) {
.banner__growth form {
width: 142px;
height: 54px;
}
}
@media (min-width: 992px) {
.banner__growth form {
width: 182px;
padding: 10px;
height: 79px;
}
}
@media (min-width: 1400px) {
.banner__growth form {
margin-bottom: -15px;
}
}
.banner__growth form .toggleWrap {
height: 100%;
border-radius: inherit;
background: linear-gradient(255.13deg, #26a5b2 -43.12%, #000404 153.52%);
padding: 6px;
}
@media (min-width: 768px) {
.banner__growth form .toggleWrap {
padding: 8px;
}
}
@media (min-width: 992px) {
.banner__growth form .toggleWrap {
padding: 12px;
}
}
.banner__growth form input {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 100%;
background-color: var(--bs-white);
border-radius: inherit;
box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.0901960784) inset;
border: 0;
margin: 0;
position: relative;
cursor: pointer;
}
.banner__growth form input::before {
opacity: 1;
display: block;
position: absolute;
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.0901960784) inset;
top: -6px;
left: -6px;
width: 36px;
height: 36px;
background-color: var(--bs-white);
content: "";
transform: none;
border-radius: 50%;
margin: 0;
border: 0;
transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
.banner__growth form input::before {
width: 42px;
height: 42px;
left: -8px;
top: -8px;
}
}
@media (min-width: 992px) {
.banner__growth form input::before {
width: 59px;
height: 59px;
left: -12px;
top: -12px;
}
}
.banner__growth form input:checked {
background-color: #132628;
}
.banner__growth form input:checked::before {
left: calc(100% - 32px);
}
@media (min-width: 768px) {
.banner__growth form input:checked::before {
left: calc(100% - 38px);
}
}
@media (min-width: 992px) {
.banner__growth form input:checked::before {
left: calc(100% - 46px);
}
}
.banner .bannerSlider {
position: relative;
margin: auto;
}
@media (min-width: 1400px) {
.banner .bannerSlider .list {
padding: 0 20px;
}
}
@media (min-width: 992px) {
.banner .bannerSlider .list {
padding: 0 30px;
}
}
@media (min-width: 1400px) {
.banner .bannerSlider .list {
padding: 0 40px;
}
}
.banner__logo {
list-style: none;
padding: 0;
margin: 0;
gap: 20px;
}
@media (min-width: 992px) {
.banner__logo {
gap: 52px;
}
}
@media (min-width: 1400px) {
.banner__logo {
margin-right: -10px;
}
}
.banner__logo img,
.banner__logo svg {
height: 60px;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 768px) {
.banner__logo img,
.banner__logo svg {
height: 70px;
}
}
@media (min-width: 992px) {
.banner__logo img,
.banner__logo svg {
height: 90px;
}
}
@media (min-width: 1400px) {
.banner__logo img,
.banner__logo svg {
height: 120px;
}
}
.banner__logo .dark {
display: none;
}
.banner__design {
bottom: -60px;
left: -12px;
width: 100px;
}
@media (min-width: 992px) {
.banner__design {
width: 180px;
bottom: -89px;
}
}
@media (min-width: 1400px) {
.banner__design {
width: 200px;
bottom: -112px;
}
}
.banner img.darkImg {
display: none;
}
.banner img.lightImg {
display: block;
}
.banner.dark-mode {
background: #132628;
color: var(--bs-white);
}
.banner.dark-mode p,
.banner.dark-mode span,
.banner.dark-mode h2,
.banner.dark-mode a {
color: var(--bs-white);
}
.banner.dark-mode img.lightImg {
display: none;
}
.banner.dark-mode img.darkImg {
display: block;
}
.banner.dark-mode .banner__ttl,
.banner.dark-mode .banner__growth,
.banner.dark-mode .banner__subTtl {
-webkit-text-fill-color: var(--bs-white);
background: none;
}
.banner.dark-mode .banner__logo .dark {
display: inline-block;
}
.banner.dark-mode .banner__logo .light {
display: none;
}
.custom-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
-webkit-mask: none;
mask: none;
}
.custom-arrow svg path {
fill: var(--bs-primary);
}
.dark-mode .custom-arrow svg path {
fill: var(--bs-white);
}
.about {
padding-top: 40px;
padding-bottom: 44px;
overflow: hidden;
}
@media (min-width: 992px) {
.about {
padding-top: 80px;
padding-bottom: 64px;
}
}
@media (min-width: 1200px) {
.about {
padding-top: 115px;
padding-bottom: 94px;
}
}
@media (min-width: 1400px) {
.about {
padding-top: 125px;
padding-bottom: 116px;
}
}
.about .container {
position: relative;
z-index: 1;
}
.about .heading {
margin-bottom: 16px;
}
.about .title {
margin-bottom: 18px;
text-wrap-style: balance;
}
@media (min-width: 992px) {
.about .title {
margin-bottom: 22px;
}
}
@media (min-width: 1400px) {
.about .title {
margin-bottom: 32px;
}
}
.about__des {
color: var(--bs-gray);
letter-spacing: 0.1px;
margin-bottom: 16px;
}
@media (min-width: 992px) {
.about__des {
margin-bottom: 23px;
}
}
@media (min-width: 1400px) {
.about__des {
font-size: 20px;
margin-bottom: 33px;
}
}
.about__info {
list-style: none;
padding: 0 15px;
margin: 0 auto;
gap: 10px;
}
@media (min-width: 576px) {
.about__info {
padding: 0 50px;
}
}
@media (min-width: 768px) {
.about__info {
gap: 20px;
padding: 0 0;
}
}
@media (min-width: 1400px) {
.about__info {
gap: 40px;
}
}
.about__info li {
flex: 1;
transform: skew(-16deg);
background-color: #f0f0f0;
padding-top: 24px;
padding-bottom: 16px;
}
.about__info li:first-child {
border-radius: 15px 0 0 0;
}
.about__info li:last-child {
border-radius: 0 0 15px 0;
}
.about__info li > * {
transform: skew(16deg);
}
.about__info li h3 {
font-size: 24px;
font-family: var(--bs-font-monospace);
line-height: 1.1;
}
@media (min-width: 992px) {
.about__info li h3 {
font-size: 34px;
}
}
@media (min-width: 1400px) {
.about__info li h3 {
font-size: 44px;
}
}
.about__info li h3 small {
font-size: inherit;
}
.about__info li span {
font-family: var(--bs-font-monospace);
font-style: italic;
color: var(--bs-gray);
font-size: 14px;
margin-top: 10px;
font-weight: 500;
}
@media (min-width: 768px) {
.about__info li span {
font-size: 17px;
margin-top: 0;
}
}
.about__img {
width: 100%;
max-width: 588px;
}
@media (min-width: 1400px) {
.about__img {
margin-right: 6px;
}
}
.about .row {
row-gap: 24px;
}
@media (min-width: 1200px) {
.about__boxOne {
margin-top: -26px;
}
}
.about__boxOne img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (min-width: 1400px) {
.about__boxOne img {
margin-left: -35px;
max-width: -moz-max-content;
max-width: max-content;
width: auto;
}
}
.about__boxTwo {
width: 100%;
background-color: rgba(35, 35, 35, 0.07);
border-radius: 20px;
padding: 12px 16px;
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.about__boxTwo {
padding: 12px 20px;
max-width: 261px;
margin-left: 20px;
margin-top: 20px;
}
}
@media (min-width: 1400px) {
.about__boxTwo {
padding: 16px 24px 30px 24px;
}
}
.about__boxTwo h3 {
color: #232323;
font-size: 32px;
margin-bottom: 0;
font-family: var(--bs-font-sans-serif);
letter-spacing: -0.03em;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.about__boxTwo h3 {
font-size: 43px;
}
}
@media (min-width: 992px) {
.about__boxTwo h3 {
font-size: 53px;
}
}
@media (min-width: 1400px) {
.about__boxTwo h3 {
font-size: 84px;
}
}
.about__boxTwo h3 small {
font-size: inherit;
}
.about__boxTwo p {
font-family: var(--bs-font-sans-serif);
font-weight: 500;
color: #5c5d5f;
}
@media (min-width: 992px) {
.about__boxTwo p {
margin-bottom: 15px;
font-size: 18px;
}
}
.about__boxTwo span {
display: block;
height: 6px;
background-color: #d9d9d9;
margin-top: auto;
}
.about__boxTwo span:after {
width: 75%;
height: 100%;
content: "";
background-color: var(--bs-black);
display: block;
}
.about__boxThree {
background-color: #010205;
border-radius: 20px;
padding: 42px 33px 43px;
}
.about__boxThree > div {
z-index: 1;
max-width: 280px;
width: 100%;
}
.about__boxThree span {
font-size: 14px;
font-family: var(--bs-font-sans-serif);
color: var(--bs-white);
margin-bottom: 20px;
}
.about__boxThree span::before {
display: block;
background-color: currentColor;
content: "";
width: 54px;
height: 2px;
margin-right: 13px;
}
.about__boxThree .drive {
color: var(--bs-white);
font-size: 32px;
line-height: 1.2;
}
.about__boxThree .shadow {
top: 0;
left: 0;
}
.about__boxThree .bar {
opacity: 0.4;
bottom: 0;
right: 22px;
}
@media (min-width: 1400px) {
.about__boxThree .bar {
opacity: 1;
}
}
.service {
background-color: #fafafa;
padding-bottom: 40px;
padding-top: 36px;
}
@media (min-width: 992px) {
.service {
padding-bottom: 80px;
padding-top: 42px;
}
}
@media (min-width: 1200px) {
.service {
padding-bottom: 120px;
padding-top: 52px;
}
}
@media (min-width: 1400px) {
.service {
padding-top: 42px;
padding-bottom: 175px;
}
}
.service__design {
top: -121px;
left: 0;
width: 150px;
}
@media (min-width: 1400px) {
.service__design {
width: auto;
top: -160px;
}
}
.service__design__right {
bottom: -152px;
right: -18px;
}
.service a {
color: var(--bs-primary);
}
.service .heading {
margin-bottom: 12px;
}
.service .title {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.service .title {
margin-bottom: 40px;
}
}
@media (min-width: 1200px) {
.service .title {
margin-bottom: 70px;
}
}
@media (min-width: 1400px) {
.service .title {
margin-bottom: 95px;
}
}
.service .container {
max-width: 1690px;
}
.service__item {
clip-path: polygon(78% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
border-radius: 20px;
position: relative;
overflow: hidden;
cursor: pointer;
margin: 0 30px;
background-color: #c9c9c9;
}
@media (min-width: 576px) {
.service__item {
margin: 0 20px;
}
}
@media (min-width: 992px) {
.service__item {
margin: 0 15px;
}
}
.service__item:hover {
background: linear-gradient(235.09deg, #26a5b2 -96.56%, #000404 170.05%);
}
.service__item:hover .service__label,
.service__item:hover .service__des,
.service__item:hover a,
.service__item:hover .btn-link {
color: #ffffff;
}
.service__item:hover .hover {
display: block;
}
.service__item:hover .default {
display: none;
}
.service__item .hover {
display: none;
}
.service__item_inner {
clip-path: polygon(78% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
border-radius: 20px;
margin: 2px;
padding: 15px;
position: relative;
overflow: hidden;
cursor: pointer;
background-color: var(--bs-white);
}
@media (min-width: 992px) {
.service__item_inner {
padding: 35px 20px 38px;
}
}
@media (min-width: 1400px) {
.service__item_inner {
padding-left: 28px;
padding-right: 28px;
}
}
.service__item_inner:hover {
background: linear-gradient(235.09deg, #26a5b2 -96.56%, #000404 170.05%);
}
.service__item_inner:hover .service__label,
.service__item_inner:hover .service__des,
.service__item_inner:hover .btn-link {
color: #ffffff;
}
.service__item_inner:hover .hover {
display: block;
}
.service__item_inner:hover .default {
display: none;
}
.service__item_inner .hover {
display: none;
}
.service__icon {
position: relative;
margin-bottom: 15px;
min-height: 70px;
}
@media (min-width: 992px) {
.service__icon {
margin-left: 20px;
}
}
.service__icon:after {
position: absolute;
bottom: 0;
left: 6px;
content: "";
width: 40px;
height: 40px;
display: block;
background-color: rgba(161, 161, 161, 0.1);
border-radius: 50%;
}
@media (min-width: 992px) {
.service__icon:after {
bottom: -13px;
left: 12px;
width: 55px;
height: 55px;
}
}
.service__icon img {
width: 50px;
}
@media (min-width: 992px) {
.service__icon img {
width: auto;
}
}
.service__label {
color: #323232;
font-weight: 700;
font-family: var(--bs-font-monospace);
margin-bottom: 14px;
line-height: 1.4;
font-size: 22px;
}
@media (min-width: 768px) {
.service__label {
min-height: 78px;
}
}
.service__label::after {
content: "";
display: block;
width: 78px;
height: 3px;
background-color: var(--bs-secondary);
margin-top: 15px;
}
.service__des {
letter-spacing: -0.02em;
color: var(--bs-gray);
line-height: 1.4;
overflow: hidden;
}
@media (min-width: 1400px) {
.service__des {
font-size: 18px;
}
}
.service .btn-link {
color: var(--bs-black);
align-items: center;
gap: 5px;
font-weight: 600;
display: none;
}
.service .slick-arrow {
top: 25px;
}
@media (min-width: 768px) {
.service .slick-arrow {
top: 10px;
}
}
@media (min-width: 992px) {
.service .slick-arrow {
top: 15px;
}
}
@media (min-width: 1400px) {
.service .slick-arrow {
top: 0;
}
}
.service .slick-arrow.slick-prev {
top: 50%;
left: 0;
}
@media (min-width: 768px) {
.service .slick-arrow.slick-prev {
left: auto;
margin-left: 30px;
right: 100px;
top: -90px;
}
.service .slick-arrow.slick-prev svg {
height: 30px;
}
}
@media (min-width: 768px) and (min-width: 992px) {
.service .slick-arrow.slick-prev svg {
height: 60px;
}
}
.service .slick-arrow.slick-next {
top: 50%;
right: 0;
}
@media (min-width: 768px) {
.service .slick-arrow.slick-next {
right: 20px;
top: -90px;
}
.service .slick-arrow.slick-next svg {
height: 30px;
}
}
@media (min-width: 768px) and (min-width: 992px) {
.service .slick-arrow.slick-next svg {
height: 60px;
}
} .partner {
padding-top: 30px;
padding-bottom: 20px;
}
@media (min-width: 992px) {
.partner {
padding-top: 50px;
padding-bottom: 40px;
}
}
@media (min-width: 1200px) {
.partner {
padding-top: 80px;
padding-bottom: 90px;
}
}
.partner .heading {
margin-bottom: 28px;
}
.partner__sliderPartners {
-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 32.5%, rgb(0, 0, 0) 67.5%, rgba(224, 83, 83, 0) 100%);
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 32.5%, rgb(0, 0, 0) 67.5%, rgba(224, 83, 83, 0) 100%);
padding-top: 27px;
padding-bottom: 26px;
margin-bottom: 30px;
}
@media (min-width: 1400px) {
.partner__sliderPartners {
padding-top: 27px;
padding-bottom: 26px;
margin-bottom: 34px;
}
}
.partner__sliderPartners .item {
margin: 0 16px;
}
.partner__sliderPartners .item img {
height: 40px;
-o-object-fit: contain;
object-fit: contain;
}
.whyChoose {
padding-bottom: 44px;
overflow: hidden;
}
@media (min-width: 992px) {
.whyChoose {
padding-bottom: 64px;
}
}
.whyChoose .container {
position: relative;
z-index: 1;
}
.whyChoose .heading {
margin-bottom: 16px;
}
.whyChoose .title {
margin-bottom: 18px;
text-wrap-style: balance;
}
@media (min-width: 992px) {
.whyChoose .title {
margin-bottom: 22px;
}
}
@media (min-width: 1400px) {
.whyChoose .title {
margin-bottom: 32px;
}
}
.whyChoose__des {
color: var(--bs-gray);
}
@media (min-width: 992px) {
.whyChoose__des {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.whyChoose__des {
font-size: 20px;
}
}
.whyChoose__list {
padding-left: 20px;
}
.whyChoose__list li {
color: var(--bs-gray);
padding-bottom: 16px;
}
@media (min-width: 1400px) {
.whyChoose__list li {
font-size: 20px;
}
}
.whyChoose__list li b {
font-size: 18px;
}
@media (min-width: 1400px) {
.whyChoose__list li b {
font-size: 24px;
}
}
.whyChoose img {
max-width: 200px;
}
@media (min-width: 768px) {
.whyChoose img {
max-width: 100%;
}
}
@media (min-width: 1400px) {
.whyChoose img {
max-width: 500px;
}
}
.portfolioSec .heading {
margin-bottom: 8px;
}
.portfolioSec .title {
margin-bottom: 22px;
}
@media (min-width: 992px) {
.portfolioSec .title {
margin-bottom: 58px;
}
}
.portfolioSec .slick-list {
overflow: visible;
}
.portfolioSec .slick-arrow.slick-disabled {
opacity: 0.5;
cursor: default;
}
@media (min-width: 1400px) {
.portfolioSec .slick-prev {
left: -15px;
}
}
.portfolioSec .item {
margin-right: 20px;
}
@media (min-width: 1400px) {
.portfolioSec .item {
margin-right: 38px;
}
}
.portfolioSec .item .inner {
background-color: #efefef;
border: 4px solid #ededed;
border-radius: 20px;
display: flex !important;
align-items: center;
flex-direction: column-reverse;
padding-top: 16px;
width: 360px;
}
@media (min-width: 768px) {
.portfolioSec .item .inner {
width: 600px;
}
}
@media (min-width: 992px) {
.portfolioSec .item .inner {
flex-direction: row;
width: 1086px;
}
}
@media (min-width: 768px) {
.portfolioSec .item .inner > div {
flex: 0 0 50%;
}
}
.portfolioSec .item__text {
padding: 20px 40px 30px;
}
@media (min-width: 1400px) {
.portfolioSec .item__text {
padding-top: 44px;
padding-left: 60px;
padding-right: 60px;
}
}
.portfolioSec .item__text img {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.portfolioSec .item__text img {
margin-left: 25px;
margin-bottom: 30px;
}
}
.portfolioSec .item__text h3 {
color: #191d26;
font-weight: 700;
font-family: var(--bs-font-monospace);
font-size: 25px;
line-height: 1.35;
letter-spacing: -0.4px;
margin-bottom: 20px;
}
.portfolioSec .item__text ul {
list-style: none;
padding: 0;
margin: 0;
}
.portfolioSec .item__text ul li {
font-size: 16px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_1770_855%29%22%3E%3Cpath%20d%3D%22M8.5105%208.5098H2.3105C1.8105%208.5098%200.910499%207.8798%200.600499%207.4898C-0.899501%205.5598%200.590499%202.8398%202.9905%202.9998C2.8305%200.589797%205.5605%20-0.900203%207.4905%200.599797C7.8805%200.899797%208.5105%201.8198%208.5105%202.3098V8.5098Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M9.49023%202.30981C9.57023%201.71981%2010.0402%200.959808%2010.5102%200.599808C12.4402%20-0.900192%2015.1602%200.599808%2015.0002%202.98981C17.6102%202.78981%2019.0502%206.05981%2017.0802%207.81981C16.8202%208.04981%2016.0202%208.49981%2015.6902%208.49981H9.49023V2.30981Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M8.50904%209.49023V15.6902C8.50904%2016.0202%208.05904%2016.8202%207.82904%2017.0802C6.06904%2019.0502%202.78904%2017.6102%202.99904%2015.0002C0.609035%2015.1502%20-0.900965%2012.4402%200.609035%2010.5102C0.919035%2010.1202%201.81904%209.49023%202.31904%209.49023H8.51904H8.50904Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M15.69%209.48998C16.44%209.57998%2017.28%2010.22%2017.64%2010.87C18.73%2012.85%2017.21%2015.12%2015.01%2015C15.17%2017.49%2012.21%2018.98%2010.34%2017.24C10.03%2016.95%209.5%2016.1%209.5%2015.68V9.47998H15.7L15.69%209.48998Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1770_855%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 27px;
}
.portfolioSec .item__text ul li:not(:last-child) {
margin-bottom: 14px;
}
.portfolioSec .item__text .cta {
padding-top: 30px;
display: flex;
gap: 20px;
}
@media (min-width: 1400px) {
.portfolioSec .item__text .cta {
padding-top: 36px;
gap: 30px;
}
}
.portfolioSec .item__text .cta a img {
border-radius: 4px;
filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.4));
margin: 0;
}
.portfolioSec .item__img img {
width: 100%;
}
.review {
padding-top: 25px;
padding-bottom: 27px;
}
@media (min-width: 992px) {
.review {
padding-top: 35px;
padding-bottom: 47px;
}
}
@media (min-width: 1200px) {
.review {
padding-top: 45px;
padding-bottom: 67px;
}
}
@media (min-width: 1400px) {
.review {
padding-top: 120px;
padding-bottom: 137px;
}
}
.review .heading {
color: var(--bs-primary);
margin-bottom: 14px;
}
.review .title {
margin-bottom: 28px;
}
@media (min-width: 1400px) {
.review .subTitle {
margin-bottom: 17px;
}
}
.review .slick-dots {
display: none;
}
@media (min-width: 768px) {
.review .slick-dots {
display: block;
}
}
@media (min-width: 1400px) {
.review .slick-dots {
bottom: -95px;
}
}
.review .slick-arrow {
top: -100px;
bottom: 0 !important;
}
.review .slick-arrow::before {
display: none;
}
@media (min-width: 768px) {
.review .slick-arrow {
top: auto;
}
}
@media (min-width: 1400px) {
.review .slick-arrow {
bottom: 0;
}
}
.review .slick-arrow svg {
height: 30px;
}
@media (min-width: 768px) {
.review .slick-arrow svg {
height: 60px;
}
}
.review .slick-prev {
left: 75%;
}
@media (min-width: 768px) {
.review .slick-prev {
left: calc(50% - 170px);
}
}
.review .slick-next {
right: 0;
}
@media (min-width: 768px) {
.review .slick-next {
right: calc(50% - 170px);
}
}
.review .review .slick-arrow {
bottom: 0;
top: 100% !important;
}
.review .slider-for-reviews > .slick-arrow {
bottom: -80px !important;
}
@media (min-width: 1400px) {
.review .slider-for-reviews > .slick-arrow {
bottom: -150px !important;
}
}
.review .slider-for-reviews .slick-prev::before,
.review .slider-for-reviews .slick-next::before {
display: none;
}
@media (min-width: 1400px) {
.review__item {
padding-left: 25px;
padding-right: 25px;
}
}
.review__des {
font-size: 16px;
color: var(--bs-gray);
font-style: italic;
}
@media (min-width: 1400px) {
.review__des {
font-size: 18px;
line-height: 1.2;
}
}
.review__des > * {
margin: 0;
}
.review__image {
margin-bottom: 16px;
width: 100%;
padding: 4px;
overflow: hidden;
border-radius: 0 0 40px 0;
background: linear-gradient(234deg, rgba(255, 255, 255, 0.8) -97.35%, rgba(153, 153, 153, 0.5019607843) 92.08%);
}
.review__image .playIcon {
height: 60px;
width: 60px;
transition: all 0.1s ease-in-out;
top: 26px;
right: 34px;
}
@media (min-width: 1400px) {
.review__image .playIcon {
height: 115px;
width: 115px;
}
}
.review__image img {
width: 100%;
border-radius: 0 0 40px 0;
}
.review__image .label {
background: rgba(0, 77, 85, 0.6);
height: 56px;
width: 140px;
padding: 6px 0;
position: absolute;
bottom: 30px;
left: 4px;
line-height: 22px;
color: var(--bs-white);
}
.review__image .label .name {
font-size: 18px;
}
@media (min-width: 992px) {
.review__image .label .name {
font-size: 22px;
}
}
@media (min-width: 1400px) {
.review__image .label .name {
font-size: 29px;
}
}
.review__image .label .city {
font-size: 14px;
font-weight: 500;
font-style: italic;
}
@media (min-width: 1400px) {
.review__image .label .city {
font-size: 16px;
}
}
.reviews .slick-dots li button {
width: 20px;
height: 4px;
}
.idea {
background-color: #1c2425;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.idea {
margin-bottom: 50px;
}
}
@media (min-width: 1400px) {
.idea {
margin-bottom: 83px;
}
}
.idea__ttl {
font-family: var(--bs-font-monospace);
color: var(--bs-white);
font-size: 22px;
margin-bottom: 15px;
}
@media (min-width: 992px) {
.idea__ttl {
font-size: 30px;
margin-bottom: 20px;
}
}
@media (min-width: 1400px) {
.idea__ttl {
font-size: 40px;
line-height: 1.2;
font-weight: 600;
margin-bottom: 28px;
}
}
.idea__img {
height: 300px;
}
@media (min-width: 1200px) {
.idea__img {
height: 400px;
}
}
@media (min-width: 1400px) {
.idea__img {
height: 450px;
}
}
.idea__imgCase {
height: 240px;
}
@media (min-width: 1200px) {
.idea__imgCase {
height: 350px;
}
}
@media (min-width: 1400px) {
.idea__imgCase {
height: 450px;
}
}
.idea__left img {
-o-object-fit: cover;
object-fit: cover;
height: 190px;
right: 0;
}
@media (min-width: 992px) {
.idea__left img {
height: 260px;
}
}
@media (min-width: 1200px) {
.idea__left img {
height: 290px;
}
}
@media (min-width: 1400px) {
.idea__left img {
height: 420px;
right: 0;
}
}
.idea__image img {
max-height: 400px;
}
.idea__des {
color: var(--bs-white);
font-size: 16px;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.idea__des {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.idea__des {
font-size: 22px;
}
}
@media (min-width: 1400px) {
.idea__des {
font-size: 25px;
}
}
.idea__des > * {
margin-bottom: 0;
}
@media (min-width: 992px) {
.idea .btn {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.idea .btn {
padding: 12px 35px;
}
}
@media (min-width: 1400px) {
.idea .btn {
font-size: 22px;
}
}
.idea__ellipseOne {
right: 0;
top: 10%;
}
.idea__ellipseTwo {
bottom: 4px;
}
@media (min-width: 992px) {
.idea__ellipseTwo {
right: -10%;
}
}
.idea__ellipseTwo svg {
height: 100px;
}
.idea__ellipseThree {
bottom: 70px;
left: 34%;
}
.idea__ellipseFour {
bottom: 143px;
left: 28%;
}
.idea .text {
position: relative;
padding-top: 20px;
padding-bottom: 25px;
}
@media (min-width: 768px) {
.idea .text {
padding-top: 75px;
padding-bottom: 65px;
}
}
.industries__design {
top: -184px;
width: 190px;
}
.industries .title {
padding-right: 100px;
margin-bottom: 18px;
font-weight: 700;
}
@media (min-width: 992px) {
.industries .title {
margin-bottom: 20px;
}
}
.industries__des {
color: var(--bs-gray);
margin-bottom: 30px;
}
@media (min-width: 992px) {
.industries__des {
font-size: 20px;
margin-bottom: 50px;
}
}
@media (min-width: 1400px) {
.industries__des {
margin-bottom: 82px;
}
}
.industries__item {
padding-left: 8px;
padding-right: 8px;
}
@media (min-width: 992px) {
.industries__item {
padding-left: 16px;
padding-right: 16px;
}
}
.industries .card {
position: relative;
overflow: hidden;
background-color: transparent;
border: 0;
}
@media (min-width: 992px) {
.industries .card {
max-width: 327px;
margin-bottom: 0;
}
}
.industries .card img {
border: 5px solid rgba(0, 0, 0, 0.3019607843) !important;
border-radius: 28px;
-o-object-fit: cover;
object-fit: cover;
position: relative;
transition: 0.3s;
width: 100%;
}
.industries .card__ttl {
font-size: 16px;
font-family: var(--bs-font-monospace);
text-transform: capitalize;
font-weight: 700;
color: var(--bs-black);
}
@media (min-width: 1200px) {
.industries .card__ttl {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.industries .card__ttl {
font-size: 22px;
}
}
.industries .card:hover .overlay {
top: 0;
}
.industries .card:hover .card__ttl {
display: none;
}
.industries .overlay {
padding: 16px;
position: absolute;
background: rgba(0, 0, 0, 0.5);
border-radius: 24px;
border: 5px solid #ddd;
left: 0;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
top: 100%;
width: 100%;
height: 100%;
z-index: 1;
transition: 0.3s;
color: #fff;
}
@media (min-width: 1200px) {
.industries .overlay {
padding: 20px 25px;
}
}
@media (min-width: 1400px) {
.industries .overlay {
padding: 34px 44px;
}
}
.industries .overlay h3 {
color: var(--bs-white);
font-size: 22px;
}
@media (min-width: 576px) {
.industries .overlay h3 {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.industries .overlay h3 {
font-size: 20px;
}
}
.industries .overlay p {
font-size: 16px;
}
@media (min-width: 1400px) {
.industries .overlay p {
font-size: 18px;
}
}
.industries .industrieSlider {
position: static;
}
.industries .slick-arrow {
top: 25px;
}
@media (min-width: 768px) {
.industries .slick-arrow {
top: 10px;
}
}
@media (min-width: 992px) {
.industries .slick-arrow {
top: 15px;
}
}
@media (min-width: 1400px) {
.industries .slick-arrow {
top: 25px;
}
}
.industries .slick-arrow.slick-prev {
left: auto;
margin-left: 30px;
right: 50px;
top: 5px;
}
.industries .slick-arrow.slick-prev svg {
height: 30px;
}
@media (min-width: 992px) {
.industries .slick-arrow.slick-prev svg {
height: 60px;
}
}
.industries .slick-arrow.slick-next {
right: 0;
top: 5px;
}
.industries .slick-arrow.slick-next svg {
height: 30px;
}
@media (min-width: 992px) {
.industries .slick-arrow.slick-next svg {
height: 60px;
}
}
.wrapper {
background-color: #fbffff;
}
.wrapper .tech {
margin-bottom: 28px;
}
@media (min-width: 992px) {
.wrapper .tech {
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.wrapper .tech {
margin-bottom: 100px;
}
}
@media (min-width: 1400px) {
.wrapper .tech {
margin-bottom: 148px;
}
}
.wrapper .tech .container {
max-width: 1040px;
}
@media (min-width: 1400px) {
.wrapper .tech .container {
max-width: 1320px;
}
}
.wrapper .tech .title {
line-height: 1.5;
padding: 0 30px;
}
@media (min-width: 992px) {
.wrapper .tech .title {
margin-bottom: 31px;
}
}
@media (min-width: 1400px) {
.wrapper .tech .title {
font-size: 42px;
margin-bottom: 69px;
}
}
.wrapper .tech__design {
top: -40px;
}
.wrapper .tech__wrapper {
background-color: var(--bs-white);
border: 4px solid #eaeaea;
border-radius: 8px;
overflow: hidden;
position: relative;
z-index: 1;
}
.wrapper .tech__wrapper .nav {
background-color: #1a3537;
z-index: 1;
border-radius: 8px 0 0 8px;
width: 100%;
padding: 24px 0 8px;
}
@media (min-width: 992px) {
.wrapper .tech__wrapper .nav {
max-width: 400px;
}
}
@media (min-width: 1400px) {
.wrapper .tech__wrapper .nav {
gap: 16px;
max-width: 478px;
}
}
.wrapper .tech__wrapper .nav .nav-link {
color: var(--bs-white);
width: 100%;
border-radius: 0;
padding-right: 40px;
text-align: left;
padding-left: 15px;
}
@media (min-width: 992px) {
.wrapper .tech__wrapper .nav .nav-link {
width: calc(100% - 18px);
line-height: 2.5;
padding-left: 20px;
}
}
@media (min-width: 1400px) {
.wrapper .tech__wrapper .nav .nav-link {
font-size: 22px;
padding-left: 30px;
padding-right: 50px;
}
}
.wrapper .tech__wrapper .nav .nav-link img {
height: 30px;
width: 30px;
}
@media (min-width: 1400px) {
.wrapper .tech__wrapper .nav .nav-link img {
height: 35px;
width: 35px;
}
}
.wrapper .tech__wrapper .nav .nav-link.active {
background-color: #31494b;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg  viewBox="0 0 23 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.7071 8.70711C23.0976 8.31658 23.0976 7.68342 22.7071 7.2929L16.3431 0.928934C15.9526 0.538409 15.3195 0.538409 14.9289 0.928933C14.5384 1.31946 14.5384 1.95262 14.9289 2.34315L20.5858 8L14.9289 13.6569C14.5384 14.0474 14.5384 14.6805 14.9289 15.0711C15.3195 15.4616 15.9526 15.4616 16.3431 15.0711L22.7071 8.70711ZM-8.74228e-08 9L22 9L22 7L8.74228e-08 7L-8.74228e-08 9Z" fill="white"/></svg>');
background-repeat: no-repeat;
background-position: center right 20px;
background-size: 22px;
}
@media (min-width: 1400px) {
.wrapper .tech__wrapper .nav .nav-link.active {
background-position: center right 30px;
}
}
.wrapper .tech__wrapper .tab-content {
width: 100%;
padding: 10px 20px 10px;
max-height: 296px;
overflow: auto;
}
@media (min-width: 1400px) {
.wrapper .tech__wrapper .tab-content {
max-height: 538px;
padding: 30px 45px 30px;
}
}
.wrapper .tech__mobileView .accordion {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20viewBox%3D%220%200%209%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.70711%208.70711C9.09763%208.31658%209.09763%207.68342%208.70711%207.29289L2.34315%200.928933C1.95262%200.538408%201.31946%200.538408%200.928932%200.928933C0.538407%201.31946%200.538407%201.95262%200.928932%202.34315L6.58579%208L0.928933%2013.6569C0.538408%2014.0474%200.538408%2014.6805%200.928933%2015.0711C1.31946%2015.4616%201.95262%2015.4616%202.34315%2015.0711L8.70711%208.70711ZM7%209L8%209L8%207L7%207L7%209Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20viewBox%3D%220%200%209%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.70711%208.70711C9.09763%208.31658%209.09763%207.68342%208.70711%207.29289L2.34315%200.928933C1.95262%200.538408%201.31946%200.538408%200.928932%200.928933C0.538407%201.31946%200.538407%201.95262%200.928932%202.34315L6.58579%208L0.928933%2013.6569C0.538408%2014.0474%200.538408%2014.6805%200.928933%2015.0711C1.31946%2015.4616%201.95262%2015.4616%202.34315%2015.0711L8.70711%208.70711ZM7%209L8%209L8%207L7%207L7%209Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
--bs-accordion-btn-icon-transform: rotate(90deg);
--bs-accordion-btn-icon-width: 16px;
--bs-accordion-btn-icon-color: white;
--bs-accordion-btn-color: var(--bs-white);
--bs-accordion-active-color: var(--bs-white);
--bs-accordion-btn-padding-x: 20px;
}
.wrapper .tech__mobileView .accordion .accordion-item {
border-top: 0;
border-bottom: 1px solid var(--bs-white);
}
.wrapper .tech__mobileView .accordion .accordion-button {
background-color: #1a3537;
color: var(--bs-white);
}
.wrapper .tech__mobileView .accordion .accordion-button img {
height: 40px;
}
.wrapper .tech__item {
background-color: #f5f5f5;
padding: 10px;
border: 1px solid #f5f5f5;
border-radius: 16px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.wrapper .tech__item:hover {
font-weight: 700;
border-color: var(--bs-secondary);
}
@media (min-width: 992px) {
.wrapper .tech__item {
padding: 10px 15px;
}
}
@media (min-width: 1400px) {
.wrapper .tech__item {
min-height: 88px;
font-size: 18px;
padding: 18px 26px;
}
}
.wrapper .tech__item img {
width: 20px;
}
@media (min-width: 992px) {
.wrapper .tech__item img {
width: 40px;
}
}
@media (min-width: 1400px) {
.wrapper .tech__item img {
width: 50px;
}
}
.wrapper .tech__item span {
color: var(--bs-black);
font-size: 16px;
}
.cost {
padding: 30px 0 0;
}
@media (min-width: 992px) {
.cost {
padding: 60px 0 30px;
}
}
.cost__des {
padding-bottom: 30px;
max-width: 1283px;
line-height: 1.5;
margin: auto;
color: var(--bs-black);
}
@media (min-width: 992px) {
.cost__des {
font-size: 18px;
}
}
.cost__box {
background-color: #f5f5f5;
padding: 15px;
width: 100%;
border-radius: 25px;
margin-bottom: 15px;
}
@media (min-width: 992px) {
.cost__box {
margin-bottom: 30px;
max-width: 410px;
}
.cost__box:last-child {
margin-bottom: 0;
}
}
@media (min-width: 1400px) {
.cost__box {
margin-bottom: 60px;
}
}
.cost__box img {
width: 40px;
height: 40px;
}
.cost__box span {
font-weight: 700;
color: #2d3748;
font-family: var(--bs-font-monospace);
padding-left: 17px;
}
.cost__box p {
text-transform: capitalize;
color: #2d3748;
}
@media (min-width: 992px) {
.cost__box p {
font-size: 18px;
}
}
.cost img.animate1 {
animation: mover 2s infinite alternate;
margin-top: -50px;
max-height: 400px;
}
@media (min-width: 1400px) {
.cost img.animate1 {
margin-top: -30px;
max-height: none;
}
}
.cost img.animate2 {
animation: mover 2s infinite alternate;
margin-top: -50px;
max-height: 400px;
}
@media (min-width: 1400px) {
.cost img.animate2 {
margin-top: -30px;
max-height: none;
}
}
@keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-20px);
}
}
.cost img.animate2 {
animation: up 2s infinite alternate;
}
.cost img.animate2 {
animation: up 2s infinite alternate;
}
@keyframes up {
0% {
transform: translateY(0);
}
100% {
transform: translateY(30px);
}
}
.blog {
padding: 40px 0;
}
@media (min-width: 1200px) {
.blog {
padding: 60px 0 80px;
}
}
@media (min-width: 1400px) {
.blog {
padding: 80px 0 120px;
}
}
.blog .heading {
color: var(--bs-primary);
margin-bottom: 17px;
}
.blog .title {
font-weight: 700;
margin-bottom: 22px;
text-transform: capitalize;
}
@media (min-width: 992px) {
.blog .title {
margin-bottom: 39px;
}
}
@media (min-width: 1400px) {
.blog .title {
margin-bottom: 75px;
}
}
@media (min-width: 1400px) {
.blog .row {
margin-left: -25px;
margin-right: -25px;
}
.blog .row > div {
padding-left: 25px;
padding-right: 25px;
}
}
.blog__box {
background-color: var(--bs-white);
box-shadow: 0px 4px 4px 0px rgba(192, 189, 189, 0.2509803922);
border-radius: 5px;
overflow: hidden;
}
.blog__box img {
width: 100%;
}
.blog__txt {
padding: 20px 15px;
}
.blog__txt_ttl {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.03em;
font-family: var(--bs-font-monospace);
color: var(--bs-black);
font-weight: 700;
margin-bottom: 15px;
}
@media (min-width: 1400px) {
.blog__txt_ttl {
font-size: 18px;
margin-bottom: 10px;
}
}
.blog__txt_des {
color: var(--bs-gray);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 30px;
line-height: 1.4;
}
.blog__txt a {
text-decoration: none;
}
.blog__txt_dtl span {
font-size: 14px;
font-weight: 600;
color: #000000;
}
.blog__txt .btn-primary {
white-space: nowrap;
padding: 6px 14px;
border-radius: 30px;
}
.blog__txt .btn-primary svg {
transform: rotate(-45deg);
width: 16px;
height: 16px;
}
.contact {
padding: 40px 10px;
overflow: hidden;
}
@media (min-width: 1200px) {
.contact {
padding-top: 58px;
padding-bottom: 46px;
}
}
@media (min-width: 1400px) {
.contact {
padding: 55px 22px 55px;
}
}
.contact__design {
top: 124px;
width: 150px;
}
@media (min-width: 992px) {
.contact__left {
padding-left: 90px;
padding-right: 40px;
}
}
.contact__left .title {
font-weight: 700;
font-family: var(--bs-font-monospace);
text-transform: capitalize;
}
@media (min-width: 992px) {
.contact__left .title {
margin-bottom: 28px;
}
}
@media (min-width: 1400px) {
.contact__left .title {
margin-bottom: 38px;
}
}
.contact__left_des, .contact__left_list li {
font-size: 16px;
color: var(--bs-white);
letter-spacing: -0.02px;
line-height: 1.25;
}
@media (min-width: 992px) {
.contact__left_des, .contact__left_list li {
font-size: 20px;
}
}
@media (min-width: 1400px) {
.contact__left_des, .contact__left_list li {
font-size: 24px;
}
}
.contact__left_des {
margin-bottom: 25px;
}
.contact__left_list {
list-style: none;
padding: 0;
margin: 0;
padding-bottom: 20px;
}
@media (min-width: 992px) {
.contact__left_list {
padding-bottom: 30px;
}
}
@media (min-width: 1400px) {
.contact__left_list {
padding-bottom: 50px;
}
}
.contact__left_list li:not(:last-child) {
margin-bottom: 12px;
}
@media (min-width: 992px) {
.contact__left_list li:not(:last-child) {
margin-bottom: 18px;
}
}
@media (min-width: 1400px) {
.contact__left_list li:not(:last-child) {
margin-bottom: 26px;
}
}
.contact__left_list li svg {
margin-right: 8px;
}
.contact__left_socialIcon {
list-style: none;
padding: 0;
margin: 0;
}
.contact__left_socialIcon li a {
background-color: var(--bs-white);
border-radius: 10px;
width: 35px;
height: 35px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
color: var(--bs-primary);
}
@media (min-width: 992px) {
.contact__left_socialIcon li a {
width: 55px;
height: 55px;
}
}
.contact .form {
padding-left: 14px;
}
.contact .form label {
font-weight: 600;
font-size: 16px;
line-height: 2.5;
color: var(--bs-white);
}
@media (min-width: 992px) {
.contact .form label {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.contact .form label {
font-size: 22px;
margin-top: -10px;
margin-bottom: 8px;
}
}
.contact .form__grp {
margin-bottom: 6px;
}
@media (min-width: 992px) {
.contact .form__grp {
margin-bottom: 16px;
}
}
@media (min-width: 1400px) {
.contact .form__grp {
margin-bottom: 45px;
}
}
@media (min-width: 1400px) {
.contact .form textarea {
min-height: 150px;
}
}
.contact__cta {
padding-top: 18px;
}
@media (min-width: 992px) {
.contact__cta {
padding-top: 39px;
}
}
.contact__cta .btn:hover {
background-color: white;
color: var(--bs-primary);
}
@media (min-width: 992px) {
.contact__cta .btn {
padding: 16px auto;
font-size: 20px;
}
}
@media (min-width: 1400px) {
.contact__cta .btn {
padding: 20px 51px 22px;
font-size: 21px;
}
}
.faq {
background-color: #f6feff;
padding: 40px 0;
}
@media (min-width: 1200px) {
.faq {
padding-top: 42px;
padding-bottom: 67px;
}
}
@media (min-width: 1400px) {
.faq {
padding-top: 62px;
padding-bottom: 87px;
}
}
.faq__card {
box-shadow: 6px 3px 29.3px 0px rgba(0, 0, 0, 0.1098039216);
border-radius: 28px;
background-color: var(--bs-white);
padding: 22px 16px 28px;
}
@media (min-width: 992px) {
.faq__card {
padding: 30px 20px 42px;
}
}
@media (min-width: 1200px) {
.faq__card {
padding: 46px 30px 51px;
}
}
@media (min-width: 1400px) {
.faq__card {
padding: 66px 40px 81px;
}
}
.faq__card img {
border-radius: 12px;
}
.faq .title {
margin-bottom: 16px;
}
@media (min-width: 992px) {
.faq .title {
margin-bottom: 20px;
}
}
@media (min-width: 1400px) {
.faq .title {
margin-bottom: 36px;
}
}
.faq__des {
font-weight: 500;
color: #4e4e4e;
letter-spacing: -0.03em;
margin-bottom: 18px;
}
@media (min-width: 992px) {
.faq__des {
font-size: 18px;
margin-bottom: 28px;
}
}
@media (min-width: 1400px) {
.faq__des {
font-size: 24px;
margin-bottom: 36px;
}
}
.faq__cta {
margin-bottom: 18px;
}
@media (min-width: 992px) {
.faq__cta {
margin-bottom: 25px;
}
}
@media (min-width: 1400px) {
.faq__cta {
margin-bottom: 35px;
}
}
@media (min-width: 1400px) {
.faq__right {
padding-left: 80px;
}
} .termCards {
padding: 10px 0 40px;
margin-top: 120px;
}
@media (min-width: 992px) {
.termCards {
padding-top: 40px;
padding-bottom: 80px;
margin-top: 110px;
}
}
.termCards h2 {
font-size: 24px;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.termCards h2 {
font-size: 30px;
}
}
.termCards .subtitle {
font-size: 18px;
}
@media (min-width: 992px) {
.termCards .subtitle {
font-size: 20px;
}
}
.termCards .row {
row-gap: 30px;
}
.termCards .box .bg {
padding: 30px 15px;
height: 100%;
border: 1px solid #ebebeb;
transition: 0.5s;
border-radius: 5px;
cursor: pointer;
}
.termCards .box .bg:hover {
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.termCards .box .bg:hover img {
top: -10px;
}
.termCards .box .bg img {
position: relative;
top: 0;
transition: 0.5s;
margin-bottom: 15px;
max-width: 75px;
width: 100%;
}
.termCards .box .bg h4 {
background: linear-gradient(235.09deg, #26A5B2 -96.56%, #000404 170.05%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 20px;
font-weight: 600;
font-family: var(--bs-font-monospace);
} .Termside {
padding-bottom: 40px;
}
.Termside h2 {
font-size: 26px;
font-family: var(--bs-font-monospace);
font-weight: 700;
line-height: 1.4;
text-wrap-style: balance;
background: linear-gradient(235.09deg, #26A5B2 -96.56%, #000404 170.05%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.Termside h3 {
font-size: 22px;
font-family: var(--bs-font-monospace);
font-weight: 700;
line-height: 1.4;
text-wrap-style: balance;
background: linear-gradient(235.09deg, #26A5B2 -96.56%, #000404 170.05%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.Termside img {
animation: 5s infinite move-up-down;
}
.Termside ul {
list-style: none;
margin: 0;
padding: 0;
}
.Termside ul li {
position: relative;
padding-left: 20px;
padding-bottom: 15px;
}
.Termside ul li::before {
position: absolute;
top: 10px;
left: 5px;
width: 5px;
height: 5px;
content: "";
background-color: var(--bs-secondary);
display: block;
border-radius: 50%;
} .Hackingside {
background-color: #f7f7f7;
padding-top: 40px;
padding-bottom: 40px;
}
.Hackingside h2 {
font-size: 24px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.Hackingside h2 {
font-size: 28px;
font-weight: 600;
font-family: var(--bs-font-monospace);
background: linear-gradient(235.09deg, #26A5B2 -96.56%, #000404 170.05%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.Hackingside ul {
list-style: none;
margin: 0;
padding: 0 0 30px;
}
.Hackingside ul li {
position: relative;
padding-left: 20px;
}
.Hackingside ul li:not(:last-child) {
padding-bottom: 15px;
}
.Hackingside ul li::before {
position: absolute;
top: 10px;
left: 5px;
width: 5px;
height: 5px;
content: "";
background-color: var(--bs-secondary);
display: block;
border-radius: 50%;
}
.Hackingside p {
margin: 0;
}
.Hackingside p a {
color: var(--bs-secondary);
text-decoration: none;
}
.Hackingside img {
max-width: 400px;
}
.Hackingside .row {
row-gap: 30px;
} .Siteside {
padding-bottom: 20px;
}
@media (min-width: 992px) {
.Siteside {
padding-bottom: 50px;
}
}
.Siteside .title {
padding-bottom: 70px;
}
.Siteside .title a {
padding: 10px 35px;
background-color: var(--bs-primary);
color: var(--bs-white);
border-radius: 30px;
font-size: 18px;
max-width: 180px;
text-decoration: none;
}
.Siteside .title a:after {
position: absolute;
top: 100%;
left: 50%;
content: "";
width: 4px;
height: 50px;
display: inline-block;
background-color: var(--bs-primary);
}
.Siteside .title a:before {
position: absolute;
bottom: -50px;
left: 50%;
margin-left: -8px;
content: "";
width: 20px;
height: 20px;
transform: rotate(-45deg);
border: 4px solid transparent;
border-left-color: var(--bs-primary);
border-bottom-color: var(--bs-primary);
display: inline-block;
transition: 0.5s;
z-index: 1;
}
.Siteside .mainTitle {
padding: 10px 15px;
font-size: 18px;
font-weight: 600;
background-color: var(--bs-secondary);
color: var(--bs-white);
border-radius: 7px;
margin-bottom: 15px;
text-decoration: none;
display: block;
}
.Siteside .mainSubTitle {
padding-bottom: 20px;
font-size: 17px;
font-weight: 600;
color: #282828;
margin-bottom: 19px;
border-bottom: 1px solid #ccc;
}
.Siteside .boxs .list {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 30px;
}
.Siteside .boxs .list .item {
flex: 0 0 50%;
max-width: 50%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.Siteside .boxs .list .item {
flex: 0 0 33.33%;
max-width: 33.33%;
}
}
.Siteside .boxs .list .item a {
display: flex;
color: #282828;
text-decoration: none;
}
.Siteside .boxs .list .item a::before {
content: "";
margin-top: 10px;
width: 10px;
height: 3px;
border-radius: 10px;
margin-right: 10px;
background-color: var(--bs-secondary);
transition: all 0.3s ease-in-out;
}
.Siteside .boxs .list .item a:hover {
color: var(--bs-primary);
}
.Siteside .boxs .list .item a:hover::before {
width: 20px;
}
@keyframes move-up-down {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-15px);
}
}
.contact-us {
z-index: -1;
}
.contact-us .contactForm {
margin: 0 15px 34px;
position: relative;
padding-bottom: -60px;
}
@media (min-width: 992px) {
.contact-us .contactForm {
padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.contact-us .contactForm {
padding-bottom: 100px;
}
}
@media (min-width: 1400px) {
.contact-us .contactForm {
margin-top: -58px;
padding-bottom: 142px;
}
}
.contact-us .contactForm .container {
background-color: var(--bs-white);
}
@media (min-width: 992px) {
.contact-us .contactForm .container {
max-width: 1408px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922);
border-radius: 10px;
}
}
@media (min-width: 1400px) {
.contact-us .contactForm .container {
padding-left: 0;
}
}
@media (min-width: 1400px) {
.contact-us .contactForm__image {
position: absolute;
top: -40px;
bottom: -58px;
}
}
.contact-us .contactForm__card {
padding: 20px 0px 20px 0px;
}
.contact-us .contactForm__card_ttl {
color: var(--bs-black);
font-family: var(--bs-font-monospace);
font-size: 22px;
}
@media (min-width: 992px) {
.contact-us .contactForm__card_ttl {
font-size: 30px;
}
}
@media (min-width: 1400px) {
.contact-us .contactForm__card_ttl {
font-size: 40px;
}
}
@media (min-width: 992px) {
.contact-us .contactForm__card {
padding: 40px 47px 0 37px;
margin-bottom: 24px;
margin-left: -22px;
}
}
@media (min-width: 1400px) {
.contact-us .contactForm__card {
padding: 60px 57px 0 123px;
margin-bottom: 34px;
}
}
.contact-us .contactForm .form {
padding-left: 14px;
}
.contact-us .contactForm .form__grp {
background-color: var(--bs-white) !important;
}
.contact-us .contactForm .form__grp .form-control {
color: var(--bs-primary);
border: 1px solid #ced4da;
background-color: var(--bs-white);
}
.contact-us .contactForm .form__grp .form-control::-moz-placeholder {
color: var(--bs-primary);
}
.contact-us .contactForm .form__grp .form-control::placeholder {
color: var(--bs-primary);
}
@media (min-width: 992px) {
.contact-us .contactForm .form__grp .form-control {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.contact-us .contactForm .form__grp .form-control {
font-size: 20px;
padding: 20px 17px;
}
}
.contact-us .contactForm .form__grp .custom-select {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23000000%22/%3E%3C/svg%3E");
}
.contact-us .contactForm .form__grp .custom-select:focus {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20transform%3D%22rotate(180%208%204.5)%22%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23000000%22/%3E%3C/svg%3E");
}
.contact-us .contactForm .form .btn {
color: var(--bs-white);
max-width: 482px;
width: 100%;
}
.contact-us .contactForm .form textarea {
color: var(--bs-primary);
border: 1px solid #ced4da;
background-color: var(--bs-white);
}
.contact-us .contactForm .form textarea::-moz-placeholder {
color: var(--bs-primary);
}
.contact-us .contactForm .form textarea::placeholder {
color: var(--bs-primary);
}
@media (min-width: 1400px) {
.contact-us .contactForm .form textarea {
min-height: 150px;
}
}
.contact-us .contactForm .form .btn-primary {
position: relative;
}
.contact-us .contactInfo {
padding-bottom: 40px;
}
@media (min-width: 992px) {
.contact-us .contactInfo {
padding-bottom: 60px;
}
}
@media (min-width: 1200px) {
.contact-us .contactInfo {
padding-bottom: 80px;
}
}
@media (min-width: 1400px) {
.contact-us .contactInfo {
padding-bottom: 120px;
}
}
.contact-us .contactInfo__card {
background-color: var(--bs-white);
border: 1px solid #eaeaea;
display: flex;
min-height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 8px;
padding: 16px;
text-align: center;
transition: 0.3s ease;
transform: scale(0.9);
}
@media (min-width: 992px) {
.contact-us .contactInfo__card {
padding: 20px;
}
}
@media (min-width: 1400px) {
.contact-us .contactInfo__card {
padding: 40px;
}
}
.contact-us .contactInfo__card:hover {
transform: scale(1);
}
.contact-us .contactInfo__card_icon {
margin-bottom: 14px;
}
@media (min-width: 992px) {
.contact-us .contactInfo__card_icon {
margin-bottom: 24px;
}
}
@media (min-width: 1400px) {
.contact-us .contactInfo__card_icon {
margin-bottom: 34px;
}
}
.contact-us .contactInfo__card_ttl {
font-family: var(--bs-font-monospace);
font-weight: 600;
}
@media (min-width: 1400px) {
.contact-us .contactInfo__card_ttl {
font-size: 30px;
}
}
.contact-us .contactInfo__card a {
text-decoration: none;
color: #0f181a;
text-align: center;
font-size: 18px;
line-height: 1.3;
}
@media (min-width: 992px) {
.contact-us .contactInfo__card a {
font-size: 22px;
}
}
@media (min-width: 1400px) {
.contact-us .contactInfo__card a {
font-size: 30px;
}
}
.faqSection {
padding-bottom: 40px;
}
@media (min-width: 992px) {
.faqSection {
padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.faqSection {
padding-bottom: 120px;
}
}
@media (min-width: 1400px) {
.faqSection {
padding-bottom: 205px;
}
}
.faqSection__ttl {
font-size: 20px;
font-weight: 700;
font-family: var(--bs-font-monospace);
margin-bottom: 18px;
}
@media (min-width: 992px) {
.faqSection__ttl {
font-size: 25px;
margin-bottom: 24px;
}
}
@media (min-width: 1200px) {
.faqSection__ttl {
font-size: 32px;
margin-bottom: 34px;
}
}
@media (min-width: 1400px) {
.faqSection__ttl {
font-size: 36px;
margin-bottom: 34px;
}
}
.faqSection__des {
font-size: 18px;
color: var(--bs-gray);
}
@media (min-width: 992px) {
.faqSection__des {
font-size: 18px;
margin-bottom: 26px;
}
}
@media (min-width: 1200px) {
.faqSection__des {
margin-bottom: 36px;
}
}
@media (min-width: 1400px) {
.faqSection__des {
font-size: 24px;
margin-bottom: 46px;
}
}
.faqSection .faqcontact {
border-radius: 32px;
padding: 25px 10px;
}
@media (min-width: 768px) {
.faqSection .faqcontact {
padding: 32px 20px;
}
}
@media (min-width: 1200px) {
.faqSection .faqcontact {
padding: 40px 30px;
}
}
.faqSection .accordion {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
--bs-accordion-btn-icon-width: 20px;
--bs-accordion-btn-color: #232323;
--bs-accordion-active-color: #232323;
--bs-accordion-active-bg: transparent;
--bs-accordion-border-color: none;
--bs-accordion-btn-padding-x: 0;
--bs-accordion-body-padding-x: 0;
}
@media (min-width: 768px) {
.faqSection .accordion {
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-body-padding-x: 1.25rem;
}
}
.faqSection .accordion-button {
font-weight: 600;
}
@media (min-width: 992px) {
.faqSection .accordion-button {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.faqSection .accordion-button {
font-size: 20px;
}
}
@media (min-width: 1400px) {
.faqSection .accordion-button {
padding-top: 26px;
font-size: 26px;
}
}
.faqSection .accordion-button:after {
background-size: contain;
}
.faqSection .accordion-button:focus {
box-shadow: none;
}
.faqSection .accordion-button:not(.collapsed) {
background-color: transparent;
border: 0;
outline: 0;
}
.faqSection .accordion-item {
color: var(--bs-gray);
border: 2px solid #ced4da;
border-radius: 7px;
margin-bottom: 20px;
padding-left: 20px;
}
@media (min-width: 992px) {
.faqSection .accordion-item {
font-size: 18px;
padding-top: 18px;
padding-bottom: 18px;
}
}
@media (min-width: 1400px) {
.faqSection .accordion-item {
font-size: 24px;
padding-bottom: 22px;
padding-top: 22px;
}
}
.faqSection .right {
max-width: 540px;
}
.faqSection .form {
padding-left: 0px;
}
.faqSection .form__grp {
background-color: var(--bs-white) !important;
margin-bottom: 6px;
}
@media (min-width: 992px) {
.faqSection .form__grp {
margin-bottom: 16px;
}
}
@media (min-width: 1400px) {
.faqSection .form__grp {
margin-bottom: 30px;
}
}
.faqSection .form__grp .form-control {
color: var(--bs-primary);
border: 1px solid #ced4da;
background-color: var(--bs-white);
}
.faqSection .form__grp .form-control::-moz-placeholder {
color: var(--bs-primary);
}
.faqSection .form__grp .form-control::placeholder {
color: var(--bs-primary);
}
@media (min-width: 992px) {
.faqSection .form__grp .form-control {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.faqSection .form__grp .form-control {
font-size: 20px;
padding: 20px 17px;
}
}
.faqSection .form .btn {
color: var(--bs-primary);
max-width: 482px;
}
.faqSection .form textarea {
color: var(--bs-primary);
}
.faqSection .form textarea::-moz-placeholder {
color: var(--bs-white);
}
.faqSection .form textarea::placeholder {
color: var(--bs-white);
}
@media (min-width: 1400px) {
.faqSection .form textarea {
min-height: 150px;
}
}
.aboutMain {
background-color: #f6feff;
}
.aboutSec {
padding-top: 36px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.aboutSec {
padding-top: 46px;
padding-bottom: 60px;
}
}
@media (min-width: 992px) {
.aboutSec {
padding-top: 66px;
}
}
@media (min-width: 1400px) {
.aboutSec__designOne {
left: 88px;
bottom: -88px;
}
}
@media (min-width: 1400px) {
.aboutSec__designTwo {
top: -108px;
right: 108px;
}
}
@media (min-width: 992px) {
.aboutSec .right {
padding-left: 60px;
}
}
.aboutSec__des {
font-size: 18px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.aboutSec__des {
margin-bottom: 31px;
}
}
@media (min-width: 1200px) {
.aboutSec__des {
margin-bottom: 41px;
}
}
@media (min-width: 1400px) {
.aboutSec__des {
font-size: 20px;
color: var(--bs-gray);
margin-bottom: 61px;
}
}
.aboutSec__mkt {
margin-bottom: 28px;
padding: 20px 29px;
}
@media (min-width: 992px) {
.aboutSec__mkt {
padding: 40px 79px;
margin-bottom: 88px;
}
}
@media (min-width: 1400px) {
.aboutSec__mkt {
padding: 60px 119px;
margin-bottom: 108px;
}
}
.aboutSec__mkt_head {
border-bottom: 1px solid #1d808a;
padding-bottom: 14px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.aboutSec__mkt_head {
padding-bottom: 18px;
margin-bottom: 30px;
}
}
@media (min-width: 1400px) {
.aboutSec__mkt_head {
padding-bottom: 24px;
margin-bottom: 40px;
}
}
.aboutSec__mkt_ttl {
color: var(--bs-white);
font-size: 22px;
max-width: 1200px;
}
@media (min-width: 768px) {
.aboutSec__mkt_ttl {
font-size: 27px;
}
}
@media (min-width: 1200px) {
.aboutSec__mkt_ttl {
font-size: 32px;
}
}
@media (min-width: 1400px) {
.aboutSec__mkt_ttl {
font-size: 44px;
}
}
.aboutSec__mkt_list {
list-style: none;
padding-left: 0;
color: var(--bs-white);
}
.aboutSec__mkt_list h3 {
font-size: 28px;
}
@media (min-width: 768px) {
.aboutSec__mkt_list h3 {
font-size: 34px;
}
}
@media (min-width: 1200px) {
.aboutSec__mkt_list h3 {
font-size: 40px;
}
}
@media (min-width: 1400px) {
.aboutSec__mkt_list h3 {
font-size: 44px;
}
}
.aboutSec__mkt_list h3:not(:last-child) {
padding-right: 10px;
margin-right: 18px;
border-right: 1px solid #fff;
}
.aboutSec__mkt_list span {
font-size: 18px;
}
@media (min-width: 992px) {
.aboutSec__mkt_list span {
font-size: 24px;
}
}
@media (min-width: 1400px) {
.aboutSec__mkt_list span {
font-size: 26px;
}
}
.aboutSec__mkt_list li {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.aboutSec__mkt_list li:not(:last-child)::after {
content: url('data:image/svg+xml;utf8,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.8889 0.223633L27.6885 15.8969L43.3618 21.6965L27.6885 27.4961L21.8889 43.1693L16.0893 27.4961L0.416077 21.6965L16.0893 15.8969L21.8889 0.223633Z" fill="white"/></svg>');
margin-right: 30px;
padding-left: 20px;
}
}
.aboutSec__item {
background-color: #f5f5f5;
padding: 12px 20px;
border-radius: 10px;
}
.team {
padding-bottom: 40px;
}
@media (min-width: 992px) {
.team {
padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.team {
padding-bottom: 120px;
}
}
.team .title {
margin-bottom: 24px;
}
@media (min-width: 992px) {
.team .title {
margin-bottom: 54px;
}
}
@media (min-width: 1400px) {
.team .title {
margin-bottom: 74px;
}
}
@media (min-width: 768px) {
.team .row > .col-md-3:nth-child(even) {
padding-top: 51px;
}
}
.team__profile {
margin-bottom: 28px;
}
@media (min-width: 992px) {
.team__profile {
margin-bottom: 58px;
}
}
@media (min-width: 1400px) {
.team__profile {
margin-bottom: 68px;
}
}
.team__profile img {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.team__profile img {
max-width: 200px;
margin-bottom: 33px;
}
}
@media (min-width: 1400px) {
.team__profile img {
max-width: 100%;
}
}
.team__profile_name {
font-size: 22px;
font-family: var(--bs-font-monospace);
font-weight: 600;
}
@media (min-width: 1400px) {
.team__profile_name {
font-size: 36px;
}
}
.team__profile_dgn {
font-style: italic;
color: var(--bs-gray);
}
@media (min-width: 992px) {
.team__profile_dgn {
font-size: 18px;
}
}
.aboutService {
background-color: #1c2425;
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 992px) {
.aboutService {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 1400px) {
.aboutService {
padding-top: 40px;
padding-bottom: 40px;
}
}
.aboutService__item {
margin-right: 40px;
}
.aboutService__item::after {
margin-left: 30px;
}
@media (min-width: 992px) {
.aboutService__item::after {
content: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.8889 0.223633L27.6885 15.8969L43.3618 21.6965L27.6885 27.4961L21.8889 43.1693L16.0893 27.4961L0.416077 21.6965L16.0893 15.8969L21.8889 0.223633Z" fill="white"/></svg>');
}
}
.aboutService__item_ttl {
text-decoration: none;
color: var(--bs-white);
font-size: 18px;
}
@media (min-width: 992px) {
.aboutService__item_ttl {
font-size: 20px;
}
}
@media (min-width: 1400px) {
.aboutService__item_ttl {
font-size: 22px;
}
}
.testimonials {
padding-top: 20px;
}
.testimonials__wrap {
margin: 0 auto 20px;
padding: 25px 24px 26px 25px;
flex-direction: column;
border: 3px solid rgba(36, 42, 66, 0.0784313725);
border-radius: 12px;
box-shadow: 0px 20px 70px -10px rgba(36, 42, 66, 0.0784313725);
text-align: center;
max-width: 100%;
}
@media (min-width: 768px) {
.testimonials__wrap {
padding: 34px 37px 34px 82px;
display: flex;
text-align: left;
max-width: 90%;
margin: 0 auto 50px;
}
}
.testimonials__reviewImg {
border-radius: 50%;
border: 5px solid #0d7372;
background-color: #fff;
margin: 0 auto 10px;
height: 110px;
width: 110px;
overflow: hidden;
}
@media (min-width: 768px) {
.testimonials__reviewImg {
position: absolute;
top: 30%;
left: -50px;
}
}
.testimonials__reviewImg img {
height: 100px;
width: 100px;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
}
.testimonials__ttl {
font-size: 20px;
font-weight: 700;
color: var(--bs-black);
}
@media (min-width: 992px) {
.testimonials__ttl {
font-size: 22px;
}
}
@media (min-width: 1400px) {
.testimonials__ttl {
font-size: 24px;
}
}
.testimonials__name {
font-size: 20px;
color: #8a8a8a;
}
@media (min-width: 992px) {
.testimonials__name {
font-size: 18px;
}
}
@media (min-width: 992px) {
.testimonials__name {
font-size: 22px;
}
}
.testimonials__dt {
font-size: 16px;
font-style: italic;
color: #8a8a8a;
}
@media (min-width: 992px) {
.testimonials__dt {
font-size: 18px;
}
}
.testimonials__desc {
font-size: 16px;
font-weight: 500;
color: var(--bs-gray);
}
@media (min-width: 992px) {
.testimonials__desc {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.testimonials__desc {
font-size: 20px;
}
}
.testimonials__icon {
display: flex;
justify-content: end;
align-items: center;
width: 100%;
}
.testimonials .slick-dots {
display: none;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 40px;
padding-top: 40px;
}
@media (min-width: 768px) {
.pagination {
padding-bottom: 60px;
}
}
.pagination .page-item {
list-style: none;
}
.pagination .active > .page-link {
color: #fff;
background-color: #003d41;
border-color: #003d41;
}
.pagination .page-link {
display: block;
color: #0f181a;
font-size: 14px;
text-decoration: none;
padding: 8px 8px 8px 10px;
}
@media (min-width: 992px) {
.pagination .page-link {
font-size: 20px;
padding: 10px 15px 12px 10px;
}
}
.pagination .page-link:hover {
background-color: #f3f3f3;
color: #0f181a;
}
.pagination .page-link:focus {
color: #fff;
background-color: #003d41;
box-shadow: none;
}
.techbnr {
padding-top: 120px;
}
@media (min-width: 992px) {
.techbnr {
padding-top: 150px;
}
}
.techbnr__cover {
background-image: none;
border-radius: 19px;
padding: 66px 23px 63px;
background-size: cover;
background-position: center right;
}
.techbnr__cover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 1;
border-radius: 19px;
}
.techbnr__cover > * {
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.techbnr__cover::before {
background: rgba(0, 0, 0, 0);
}
}
@media (min-width: 992px) {
.techbnr__cover {
background-image: block;
padding: 90px 40px 80px;
}
}
@media (min-width: 1400px) {
.techbnr__cover {
padding: 141px 80px 139px;
background-position: center right;
}
}
.whatMakes {
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 992px) {
.whatMakes {
padding-top: 120px;
}
}
.whatMakes__wrap {
width: 100%;
margin: 0 auto;
padding-top: 25px;
}
@media (min-width: 1400px) {
.whatMakes__wrap {
width: 80%;
}
}
.whatMakes__feature {
display: flex;
align-items: center;
flex-direction: column;
padding: 0 20px;
margin-bottom: 12px;
}
@media (min-width: 992px) {
.whatMakes__feature {
flex-direction: row;
align-items: center;
margin: 20px 0;
}
}
.whatMakes__icon {
margin-right: 14px;
flex-shrink: 0;
}
.whatMakes__icon svg,
.whatMakes__icon img {
height: 60px;
width: 60px;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.whatMakes__icon svg,
.whatMakes__icon img {
margin-bottom: 0;
}
}
.whatMakes__desc {
text-align: center;
color: #282828;
}
@media (min-width: 992px) {
.whatMakes__desc {
font-size: 18px;
text-align: left;
margin: 0;
}
}
.whatMakes__ttl {
font-size: 18px;
}
@media (min-width: 992px) {
.whatMakes__ttl {
font-size: 20px;
}
}
.vision {
background-color: #fafafa;
padding-top: 45px;
padding-bottom: 45px;
}
@media (min-width: 992px) {
.vision {
padding-top: 48px;
padding-bottom: 48px;
}
}
.vision .title {
padding-bottom: 20px;
}
@media (min-width: 992px) {
.vision .title {
padding-bottom: 30px;
}
}
@media (min-width: 1400px) {
.vision .title {
padding-bottom: 50px;
}
}
.vision__Innerbox {
padding: 20px 20px;
background-color: #fff;
border-radius: 24px;
border: 3px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
.vision__Innerbox {
padding: 30px 30px;
}
}
@media (min-width: 1400px) {
.vision__Innerbox {
padding: 45px 53px;
}
}
.vision__Innerbox .ttl {
font-family: var(--bs-font-monospace);
font-weight: 600;
font-size: 18px;
text-transform: capitalize;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.vision__Innerbox .ttl {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.vision__Innerbox .ttl {
font-size: 26px;
}
}
@media (min-width: 1400px) {
.vision__Innerbox .ttl {
font-size: 32px;
}
}
.vision__Innerbox .desc {
font-family: var(--bs-body-font-family);
font-weight: 500;
font-size: 14px;
color: #4e4e4e;
}
@media (min-width: 768px) {
.vision__Innerbox .desc {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.vision__Innerbox .desc {
font-size: 18px;
}
}
.dedicatedTeam__card {
background: #e6f2f2;
padding: 24px 24px;
border-radius: 12px;
color: var(--bs-gray);
}
.dedicatedTeam__subtitle {
font-family: var(--bs-font-monospace);
font-weight: 600;
font-size: 20px;
text-transform: capitalize;
color: #000;
}
@media (min-width: 992px) {
.dedicatedTeam__subtitle {
font-size: 25px;
}
}
@media (min-width: 1400px) {
.dedicatedTeam__subtitle {
font-size: 34px;
}
}
.dedicatedTeam__desc {
font-size: 16px;
}
@media (min-width: 1200px) {
.dedicatedTeam__desc {
font-size: 18px;
}
}
.dedicatedTeam__list {
font-size: 16px;
}
@media (min-width: 1200px) {
.dedicatedTeam__list {
font-size: 18px;
}
}
.dedicatedTeam__teamImg {
height: auto;
}
@media (min-width: 768px) {
.dedicatedTeam__teamImg {
height: 220px;
}
}
@media (min-width: 1200px) {
.dedicatedTeam__teamImg {
height: 240px;
}
}
@media (min-width: 1400px) {
.dedicatedTeam__teamImg {
height: 260px;
}
}
.contactSec {
padding-bottom: 40px;
}
@media (min-width: 992px) {
.contactSec {
padding-bottom: 60px;
}
}
@media (min-width: 1200px) {
.contactSec {
padding-bottom: 80px;
}
}
@media (min-width: 1400px) {
.contactSec {
padding-bottom: 120px;
}
}
.contactSec__leftcard .cardsList {
background-color: #e6f0f2;
}
.contactSec__leftcard .cardsList h3 {
font-size: 24px;
}
@media (min-width: 992px) {
.contactSec__leftcard .cardsList h3 {
font-size: 28px;
}
}
@media (min-width: 1200px) {
.contactSec__leftcard .cardsList h3 {
font-size: 32px;
}
}
@media (min-width: 1400px) {
.contactSec__leftcard .cardsList h3 {
font-size: 40px;
}
}
.contactSec__leftcard .cardsList span {
font-size: 10px;
padding: 0px 5px;
}
@media (min-width: 992px) {
.contactSec__leftcard .cardsList span {
font-size: 14px;
}
}
@media (min-width: 1400px) {
.contactSec__leftcard .cardsList span {
font-size: 16px;
}
}
.contactSec__innerCards {
padding-bottom: 30px;
}
@media (min-width: 1400px) {
.contactSec__innerCards {
padding-bottom: 35px;
}
}
.contactSec .title {
padding-bottom: 22px;
font-size: 24px;
}
@media (min-width: 768px) {
.contactSec .title {
padding-bottom: 25px;
font-size: 28px;
}
}
@media (min-width: 1400px) {
.contactSec .title {
padding-bottom: 22px;
font-size: 38px;
}
}
.contactSec .subtitle {
font-size: 20px;
padding-bottom: 10px;
}
@media (min-width: 1200px) {
.contactSec .subtitle {
font-size: 25px;
padding-bottom: 20px;
}
}
@media (min-width: 1400px) {
.contactSec .subtitle {
font-size: 30px;
padding-bottom: 25px;
}
}
.contactSec .cardtitle {
font-family: var(--bs-body-font-family);
color: var(--bs-gray);
}
@media (min-width: 1200px) {
.contactSec .cardtitle {
font-size: 20px;
}
}
.contactSec__listItem {
font-weight: 500;
padding-bottom: 18px;
font-size: 16px;
color: var(--bs-gray);
}
@media (min-width: 992px) {
.contactSec__listItem {
padding-bottom: 18px;
}
}
@media (min-width: 1400px) {
.contactSec__listItem {
padding-bottom: 20px;
font-size: 20px;
}
}
.contactSec span {
font-family: var(--bs-body-font-family);
font-weight: 500;
font-size: 16px;
color: var(--bs-gray);
}
@media (min-width: 1400px) {
.contactSec span {
font-size: 18px;
}
}
.contactSec__rightcard {
border-radius: 36px;
overflow: hidden;
padding: 15px 15px;
}
@media (min-width: 768px) {
.contactSec__rightcard {
padding: 30px 25px;
}
}
@media (min-width: 1200px) {
.contactSec__rightcard {
padding: 30px 35px;
}
}
@media (min-width: 1400px) {
.contactSec__rightcard {
padding: 60px 50px;
}
}
.contactSec__rightcard .headttl {
font-size: 22px;
}
@media (min-width: 768px) {
.contactSec__rightcard .headttl {
font-size: 25px;
}
}
@media (min-width: 1200px) {
.contactSec__rightcard .headttl {
font-size: 28px;
}
}
@media (min-width: 1400px) {
.contactSec__rightcard .headttl {
font-size: 32px;
}
}
.contactSec__rightcard .borderWhite {
display: block;
width: 100%;
height: 2px;
background-color: #fff;
margin: 15px 0px;
}
@media (min-width: 768px) {
.contactSec__rightcard .borderWhite {
margin: 20px 0px;
}
}
@media (min-width: 1200px) {
.contactSec__rightcard .borderWhite {
margin: 30px 0px;
}
}
@media (min-width: 1400px) {
.contactSec__rightcard .borderWhite {
margin: 40px 0px;
}
}
.contactSec__rightcard .rightList li {
display: flex;
align-items: center;
padding: 6px 0px;
}
@media (min-width: 768px) {
.contactSec__rightcard .rightList li {
padding: 10px 0px;
}
}
@media (min-width: 1200px) {
.contactSec__rightcard .rightList li {
padding: 10px 0px;
}
}
.contactSec__rightcard .rightList li span {
color: var(--bs-white);
font-size: 18px;
padding-left: 10px;
}
@media (min-width: 992px) {
.contactSec__rightcard .rightList li span {
font-size: 20px;
}
}
@media (min-width: 1400px) {
.contactSec__rightcard .rightList li span {
font-size: 24px;
}
}
.mobileCost__left {
padding-right: 10px;
}
@media (min-width: 768px) {
.mobileCost__left {
padding-bottom: 25px;
}
}
@media (min-width: 1200px) {
.mobileCost__left {
padding-right: 50px;
}
}
.mobileCost__listItem {
padding-bottom: 18px;
}
@media (min-width: 992px) {
.mobileCost__listItem {
padding-bottom: 20px;
}
}
.mobileCost__cardtitle {
font-family: var(--bs-body-font-family);
color: var(--bs-gray);
font-size: 18px;
}
@media (min-width: 1400px) {
.mobileCost__cardtitle {
font-size: 22px;
}
}
.mobileCost span {
font-family: var(--bs-body-font-family);
font-weight: 500;
font-size: 16px;
color: var(--bs-gray);
}
@media (min-width: 1400px) {
.mobileCost span {
font-size: 18px;
}
}
.mobileCost .btn-primary {
border-radius: 25px;
margin-left: 25px;
text-transform: capitalize;
}
@media (min-width: 992px) {
.thanks {
padding: 20px 0;
}
}
.thanks .title {
color: var(--bs-primary);
}
.thanks h4 {
font-size: 18px;
}
@media (min-width: 992px) {
.thanks p {
font-size: 20px;
margin-bottom: 30px;
}
}
.contactMap {
padding-bottom: 40px;
}
@media (min-width: 992px) {
.contactMap {
padding-bottom: 60px;
}
}
@media (min-width: 1200px) {
.contactMap {
padding-bottom: 80px;
}
}
@media (min-width: 1400px) {
.contactMap {
padding-bottom: 120px;
}
}
.contactMap .map .cover .item:hover .address {
display: block;
}
.contactMap .map .cover .item {
width: 7px;
height: 7px;
background-color: var(--bs-secondary);
cursor: pointer;
}
.contactMap .map .cover .item:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -17px;
margin-left: -16px;
width: 32px;
height: 32px;
content: "";
background-color: var(--bs-secondary);
opacity: 0.5;
border-radius: 50%;
animation: 1.2s ease-in-out infinite phonering-alo-circle-anim;
transform-origin: 50% 50%;
}
.contactMap .map .cover .item.est {
top: 43%;
left: 22%;
}
.contactMap .map .cover .item.wst {
top: 43%;
left: 25%;
}
.contactMap .map .cover .item.cent {
top: 46%;
left: 18%;
}
.contactMap .map .cover .item.australia .address,
.contactMap .map .cover .item.cent .address {
left: auto;
right: 100%;
margin-left: auto;
margin-right: 10px;
}
.contactMap .map .cover .item.australia .address:after,
.contactMap .map .cover .item.cent .address:after {
right: auto;
left: 100%;
border-right-color: transparent;
border-left-color: var(--bs-white);
}
.contactMap .map .cover .item.paris {
top: 39%;
left: 47.5%;
}
.contactMap .map .cover .item.london {
top: 34%;
left: 46%;
}
.contactMap .map .cover .item.dubai {
top: 52%;
right: 36%;
}
.contactMap .map .cover .item.india {
top: 51%;
right: 29%;
}
.contactMap .map .cover .item.australia {
bottom: 19%;
right: 12%;
}
.contactMap .map .cover .item .address {
padding: 10px 5px;
top: -12px;
left: 100%;
margin-left: 10px;
background-color: var(--bs-white);
width: 135px;
display: none;
z-index: 1;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.contactMap .map .cover .item .address:after {
right: 100%;
top: 10px;
border: 5px solid rgba(255, 255, 255, 0);
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: var(--bs-white);
}
.contactMap .map .cover .item .address h5 {
color: var(--bs-primary);
font-size: 16px;
margin-bottom: 5px;
font-weight: 600;
}
.contactMap .map .cover .item .address address {
font-size: 15px;
color: #313131;
}
@keyframes phonering-alo-circle-anim {
0% {
transform: rotate(0) scale(0.5) skew(1deg);
opacity: 0.1;
}
30% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.5;
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.1;
}
}
@keyframes phonering-alo-circle-fill-anim {
0%, 100% {
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.2;
}
}
@keyframes phonering-alo-circle-img-anim {
0%, 100%, 50% {
transform: rotate(0) scale(1) skew(1deg);
}
10%, 30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20%, 40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
}
.contactMap__ttl {
font-size: 18px;
font-weight: 900;
color: var(--bs-primary);
margin-bottom: 10px;
}
@media (min-width: 768px) {
.contactMap__ttl {
font-size: 24px;
margin-bottom: 15px;
}
}
@media (min-width: 1200px) {
.contactMap__ttl {
font-size: 30px;
margin-bottom: 20px;
}
}
@media (min-width: 1400px) {
.contactMap__ttl {
font-size: 36px;
margin-bottom: 20px;
}
}
.contactMap__subheading {
font-size: 16px;
}
@media (min-width: 1400px) {
.contactMap__subheading {
font-size: 20px;
}
}
.contactMap__text {
padding-left: 40px;
}
@media (min-width: 992px) {
.contactMap__text {
padding-left: 75px;
}
}
@media (min-width: 1400px) {
.contactMap__text {
padding-left: 120px;
}
}
.contactMap__rightList {
padding: 0;
list-style: none;
}
.contactMap__rightList li {
font-size: 16px;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.contactMap__rightList li {
font-size: 18px;
margin-bottom: 15px;
}
}
@media (min-width: 1400px) {
.contactMap__rightList li {
font-size: 20px;
margin-bottom: 15px;
}
}
.contactMap__rightList li span {
padding-left: 15px;
}
.contactMap__rightList li svg {
background: var(--bs-primary);
border-radius: 50%;
padding: 6px;
}
.error {
padding-top: 150px;
padding-bottom: 40px;
}
@media (min-width: 992px) {
.error {
padding-top: 180px;
padding-bottom: 80px;
}
}
.error p {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.error p {
font-size: 18px;
}
}
.error img {
max-width: 280px;
padding: 20px;
}
@media (min-width: 1400px) {
.error img {
max-width: 500px;
}
}
.toast {
--bs-toast-header-color: #fff;
background-clip: border-box;
--bs-toast-border-radius: 12px;
font-weight: 400;
border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important;
font-size: 16px;
overflow: hidden;
}
.toast-header {
background-color: rgba(30, 102, 23, 0.6784313725);
}
.toast-header strong {
font-weight: 400;
}
.toast-header strong::before {
content: "✔ ";
color: var(--bs-white);
margin-right: 6px;
height: 20px;
font-weight: bold;
}
.toast-header .btn-close {
height: 12px;
width: 3px;
}
.toast-error {
background-color: rgba(255, 45, 45, 0.6509803922);
padding: 20px 12px;
}
.toast-error strong {
color: white;
font-weight: 400;
}
.toast-error strong::before {
content: "X";
color: var(--bs-white);
margin-right: 6px;
height: 26px;
font-weight: bold;
}
.toast-error .btn-close {
height: 12px;
width: 3px;
float: right;
}
.toast-body {
display: none;
}
.loader {
position: absolute;
width: 30px;
margin-left: 10px;
height: 30px;
border: 4px solid #9d9e9d;
border-top: 4px solid var(--bs-white);
border-radius: 50%;
animation: loader 1s linear infinite;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.elementor-5 .elementor-element.elementor-element-a2cd01b .elementor-button {
background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%) !important;
font-size: 18px;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
color: #ffffff !important;
}
.elementor-5 .elementor-element.elementor-element-a2cd01b .elementor-button:hover {
transform: scale(1.02);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
background: linear-gradient(161deg, #26A5B2 -104.89%, #000404 211.6%);
}
.elementor-203 .elementor-element.elementor-element-44c132a8 .elementor-heading-title {
font-weight: 600;
font-family: var(--bs-font-monospace);
color: var(--bs-primary);
line-height: 1.12;
font-style: normal;
padding-top: 65px !important;
}
@media (min-width: 768px) {
.elementor-203 .elementor-element.elementor-element-44c132a8 .elementor-heading-title {
padding: 0;
}
}
.sidebar .elementor-widget-search-form .elementor-search-form__submit {
background-color: var(--bs-primary) !important;
}
.Blogside .eael-post-grid .eael-grid-post .eael-entry-content:after,
.BlogRecent .eael-post-grid .eael-grid-post .eael-entry-content:after {
background-color: var(--bs-primary) !important;
}
.a2a_kit a span {
background-color: var(--bs-primary) !important;
}
.elementor-203 .elementor-element.elementor-element-6b13773 .elementor-author-box__name {
color: var(--bs-primary);
}
.elementor-203 .elementor-element.elementor-element-6cc5f60 .elementor-heading-title {
color: var(--bs-primary) !important;
}
.elementor-203 .elementor-element.elementor-element-16bc755 .elementor-icon-list-icon i {
color: var(--bs-primary) !important;
}
.single-post .elementor-widget-theme-post-content p a {
color: var(--bs-primary) !important;
}
.single-post .elementor-widget-theme-post-content h3 {
color: var(--bs-primary) !important;
}
.single-post .elementor-widget-theme-post-content h2 {
color: var(--bs-primary) !important;
}
.sidebar .elementor-widget-wp-widget-categories h5,
.sidebar .eael-post-list-header .header-title .title {
background-color: rgba(166, 202, 205, 0.4901960784) !important;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: #fff;
color: var(--bs-primary) !important;
outline: none !important;
}
.sidebar .elementor-widget-wp-widget-categories ul li a:focus {
background-color: var(--bs-white) !important;
color: var(--bs-primary) !important;
}
.elementor-5 .elementor-element.elementor-element-90046cb .eael-load-more-button {
background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%) !important;
box-shadow: none !important;
}
.Blogside .elementor-element.elementor-element-90046cb .eael-entry-meta > span {
background-color: rgba(0, 0, 0, 0.76) !important;
}
.BlogRecent .elementor-element .eael-entry-meta > span {
background-color: rgba(0, 0, 0, 0.76) !important;
}
ul:after {
display: none;
}
.elementor-5 .elementor-element.elementor-element-90046cb .eael-grid-post-holder {
overflow: hidden !important;
}
.Blogside .eael-grid-post .eael-entry-footer, .Blogside .eael-grid-post .eael-entry-header-after, .BlogRecent .eael-grid-post .eael-entry-header-after {
right: 11px !important;
border-top-right-radius: 15px;
}
.elementor-203 .elementor-element.elementor-element-01daf5e .eael-grid-post-holder {
border-radius: 15px;
overflow: hidden;
}
.elementor-203 .elementor-element.elementor-element-01daf5e .eael-grid-post .eael-entry-footer {
top: 11px;
border-top-left-radius: 15px;
}
.abt {
padding-top: 40px;
padding-bottom: 44px;
overflow: hidden;
}
@media (min-width: 992px) {
.abt {
padding-top: 80px;
padding-bottom: 64px;
}
}
@media (min-width: 1200px) {
.abt {
padding-top: 115px;
padding-bottom: 94px;
}
}
@media (min-width: 1400px) {
.abt {
padding-top: 125px;
padding-bottom: 116px;
}
}
.abt .title {
margin-bottom: 18px;
}
@media (min-width: 992px) {
.abt .title {
margin-bottom: 22px;
}
}
@media (min-width: 1400px) {
.abt .title {
margin-bottom: 34px;
}
}
.abt__wrap {
border-radius: 24px;
background: rgba(255, 255, 255, 0.2);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
padding: 12px 14px;
bottom: 14px;
left: 15px;
right: 15px;
color: var(--bs-white);
position: absolute;
}
@media (min-width: 992px) {
.abt__wrap {
padding: 17px 24px;
bottom: 16px;
left: 22px;
right: 22px;
}
}
.abt__wrap .subtitle {
font-size: 16px;
}
@media (min-width: 992px) {
.abt__wrap .subtitle {
font-size: 20px;
}
}
.abt__wrap .des {
font-size: 14px;
}
@media (min-width: 992px) {
.abt__wrap .des {
font-size: 16px;
}
}
.abt__desc {
font-size: 14px;
color: var(--bs-gray);
}
@media (min-width: 768px) {
.abt__desc {
font-size: 16px;
margin-bottom: 25px;
}
}
@media (min-width: 1400px) {
.abt__desc {
font-size: 18px;
margin-bottom: 40px;
}
}
.abt__list_listItem {
position: relative;
font-size: 14px;
list-style: none;
color: var(--bs-gray);
margin-bottom: 18px;
padding-left: 30px;
}
@media (min-width: 768px) {
.abt__list_listItem {
font-size: 16px;
}
}
@media (min-width: 1400px) {
.abt__list_listItem {
font-size: 18px;
margin-bottom: 35px;
}
}
.abt__list_listItem .ttl {
font-weight: 700;
font-family: var(--bs-font-monospace);
font-size: 16px;
color: var(--bs-black);
}
@media (min-width: 768px) {
.abt__list_listItem .ttl {
font-size: 18px;
margin-bottom: 4px;
}
}
@media (min-width: 1400px) {
.abt__list_listItem .ttl {
font-size: 20px;
margin-bottom: 8px;
}
}
.abt__list_listItem::after {
content: url(//www.eitbiz.com/assets/images/li-icon.png);
position: absolute;
top: 7px;
left: -7px;
height: 100%;
width: 100%;
}
.line {
position: absolute;
opacity: 0;
}
.downward {
top: -50%;
animation: dropDown 2s infinite;
}
.upward {
bottom: -50%;
animation: dropUp 2s infinite;
}
.line:nth-child(1) {
left: 10%;
animation-delay: 0s;
}
.line:nth-child(2) {
left: 30%;
animation-delay: 0.3s;
}
.line:nth-child(3) {
left: 50%;
animation-delay: 0s;
}
.line:nth-child(4) {
left: 70%;
animation-delay: 0.3s;
}
.line:nth-child(5) {
left: 90%;
animation-delay: 0s;
}
@keyframes dropDown {
0% {
top: -50%;
opacity: 0;
}
50% {
opacity: 0.4;
}
100% {
top: 100%;
opacity: 0;
}
}
@keyframes dropUp {
0% {
bottom: -50%;
opacity: 0;
}
50% {
opacity: 0.4;
}
100% {
bottom: 100%;
opacity: 0;
}
}
.ctaBanner {
background-color: #1C2425;
padding-top: 38px;
padding-bottom: 36px;
}
@media (min-width: 992px) {
.ctaBanner {
padding-top: 98px;
padding-bottom: 66px;
}
}
.ctaBanner .topCircle {
position: absolute;
top: 0;
height: 30px;
display: flex;
width: calc(100% - 75px);
background-color: var(--bs-white);
}
@media (min-width: 576px) {
.ctaBanner .topCircle {
width: calc(100% - 225px);
height: 50px;
}
}
@media (min-width: 1400px) {
.ctaBanner .topCircle {
height: 66px;
}
}
.ctaBanner .topCircle::before, .ctaBanner .topCircle::after {
content: "";
}
.ctaBanner .topCircle::before {
width: 100%;
background-color: #1C2425;
border-radius: 0 15px 0 0;
}
@media (min-width: 576px) {
.ctaBanner .topCircle::before {
border-radius: 0 20px 0 0;
}
}
@media (min-width: 1400px) {
.ctaBanner .topCircle::before {
border-radius: 0 25px 0 0;
}
}
.ctaBanner .topCircle::after {
position: absolute;
top: 0;
height: 100%;
left: 100%;
width: 75px;
border-radius: 0 0 0 15px;
background-color: var(--bs-white);
}
@media (min-width: 576px) {
.ctaBanner .topCircle::after {
border-radius: 0 0 0 20px;
width: 225px;
}
}
@media (min-width: 1400px) {
.ctaBanner .topCircle::after {
border-radius: 0 0 0 25px;
}
}
.ctaBanner .bottomRightCircle {
position: absolute;
bottom: 0;
height: 38px;
display: flex;
width: calc(100% - 59px);
background-color: var(--bs-body-bg);
}
@media (min-width: 576px) {
.ctaBanner .bottomRightCircle {
width: calc(100% - 119px);
}
}
@media (min-width: 1400px) {
.ctaBanner .bottomRightCircle {
height: 52px;
}
}
.ctaBanner .bottomRightCircle::before, .ctaBanner .bottomRightCircle::after {
content: "";
}
.ctaBanner .bottomRightCircle::before {
width: 100%;
background-color: #1C2425;
border-radius: 0 0 15px 0;
}
@media (min-width: 576px) {
.ctaBanner .bottomRightCircle::before {
border-radius: 0 0 20px 0;
}
}
@media (min-width: 1400px) {
.ctaBanner .bottomRightCircle::before {
border-radius: 0 0 25px 0;
}
}
.ctaBanner .bottomRightCircle::after {
position: absolute;
top: 0;
height: 100%;
left: 100%;
width: 59px;
border-radius: 15px 0 0 0;
background-color: var(--bs-body-bg);
}
@media (min-width: 576px) {
.ctaBanner .bottomRightCircle::after {
width: 119px;
border-radius: 20px 0 0 0;
}
}
@media (min-width: 1400px) {
.ctaBanner .bottomRightCircle::after {
border-radius: 25px 0 0 0;
}
}
.ctaBanner .bottomLeftCircle {
position: absolute;
bottom: 0;
left: 81px;
height: 19px;
display: flex;
width: calc(50% - 81px);
background-color: var(--bs-body-bg);
}
@media (min-width: 576px) {
.ctaBanner .bottomLeftCircle {
left: 241px;
width: calc(50% - 241px);
}
}
@media (min-width: 1400px) {
.ctaBanner .bottomLeftCircle {
height: 29px;
}
}
.ctaBanner .bottomLeftCircle::before, .ctaBanner .bottomLeftCircle::after {
content: "";
}
.ctaBanner .bottomLeftCircle::before {
position: absolute;
top: 3px;
height: 100%;
right: 100%;
width: 81px;
border-radius: 0 10px 0 0;
background-color: var(--bs-body-bg);
}
@media (min-width: 576px) {
.ctaBanner .bottomLeftCircle::before {
width: 241px;
}
}
@media (min-width: 1400px) {
.ctaBanner .bottomLeftCircle::before {
border-radius: 0 15px 0 0;
}
}
.ctaBanner .bottomLeftCircle::after {
width: 100%;
background-color: #1C2425;
border-radius: 0 0 0 10px;
}
@media (min-width: 1400px) {
.ctaBanner .bottomLeftCircle::after {
border-radius: 0 0 0 15px;
}
}
.ctaBanner__bg {
left: 50%;
transform: translateX(-50%);
bottom: 0;
z-index: 1;
max-height: 200px;
display: none;
}
@media (min-width: 992px) {
.ctaBanner__bg {
display: block;
}
}
@media (min-width: 1400px) {
.ctaBanner__bg {
max-height: -moz-max-content;
max-height: max-content;
}
}
.ctaBanner .aiImg {
max-width: 120px;
}
@media (min-width: 1400px) {
.ctaBanner .aiImg {
max-width: 100%;
}
}
.ctaBanner .aiImage {
max-width: 200px;
bottom: 0;
right: 5%;
}
@media (min-width: 1400px) {
.ctaBanner .aiImage {
max-width: 250px;
}
}
.ctaBanner .mlImg {
max-height: 280px;
}
.ctaBanner .mlImgRgt {
right: -50px;
top: 15%;
max-width: 300px;
}
@media (min-width: 1400px) {
.ctaBanner .mlImgRgt {
max-width: 390px;
}
}
.ctaBanner .iotImage {
right: 60px;
max-height: 250px;
}
@media (min-width: 1400px) {
.ctaBanner .iotImage {
max-height: 300px;
}
}
.ctaBanner__img {
bottom: 0;
z-index: 1;
right: 0;
max-width: 170px;
transform: rotateY(180deg);
}
@media (min-width: 576px) {
.ctaBanner__img {
max-width: 250px;
}
}
@media (min-width: 992px) {
.ctaBanner__img {
left: 0;
bottom: 16px;
transform: none;
max-width: 300px;
}
}
@media (min-width: 1400px) {
.ctaBanner__img {
max-width: -moz-max-content;
max-width: max-content;
bottom: 27px;
}
}
@media (min-width: 992px) {
.ctaBanner .container {
padding-left: 30%;
}
}
@media (min-width: 1200px) {
.ctaBanner .container {
padding-left: 15%;
}
}
.ctaBanner__ttl {
color: var(--bs-white);
font-size: 20px;
font-family: var(--bs-font-monospace);
line-height: 1.2;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.ctaBanner__ttl {
font-size: 24px;
}
}
@media (min-width: 992px) {
.ctaBanner__ttl {
font-size: 30px;
}
}
@media (min-width: 1400px) {
.ctaBanner__ttl {
font-size: 36px;
}
}
@media (min-width: 1400px) {
.ctaBanner__ttl {
font-size: 44px;
}
}
.ctaBanner__des {
margin-bottom: 30px;
}
@media (min-width: 576px) {
.ctaBanner__des {
padding-right: 0;
}
}
@media (min-width: 992px) {
.ctaBanner__des {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.ctaBanner__des {
font-size: 24px;
max-width: 574px;
}
}
.ctaBanner .btn {
border-radius: 120px;
}
@media (min-width: 992px) {
.ctaBanner .btn {
padding: 15px 20px;
}
}
@media (min-width: 1400px) {
.ctaBanner .btn {
font-size: 18px;
}
}
.ctaBanner .btn svg {
margin-left: 8px;
}
.ctaBanner .container {
z-index: 2;
position: relative;
}
.ctaBanner__ellipseOne {
left: 0;
top: 0;
z-index: 1;
}
.ctaBanner__ellipseTwo {
bottom: 0;
right: 139px;
z-index: 1;
}
@media (min-width: 992px) {
.caseStudy {
padding-top: 28px;
}
}
@media (min-width: 1400px) {
.caseStudy {
padding-top: 38px;
}
}
.caseTab {
margin-bottom: 40px;
padding-top: 30px;
}
.caseTab .section {
margin-bottom: 40px;
}
@media (min-width: 992px) {
.caseTab .section {
margin-bottom: 60px;
}
}
@media (min-width: 1400px) {
.caseTab .section {
margin-bottom: 80px;
}
}
.caseTab__about {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 18px;
}
@media (min-width: 992px) {
.caseTab__about {
margin-bottom: 32px;
}
}
.caseTab__about .btn-primary {
border-radius: 48px;
}
.caseTab__desc {
color: var(--bs-gray);
}
@media (min-width: 992px) {
.caseTab__desc {
font-size: 18px;
margin-bottom: 32px;
}
}
@media (min-width: 1400px) {
.caseTab__desc {
font-size: 20px;
}
}
.caseTab__des {
color: var(--bs-gray);
}
@media (min-width: 992px) {
.caseTab__des {
font-size: 18px;
margin-bottom: 32px;
}
}
@media (min-width: 1400px) {
.caseTab__des {
font-size: 20px;
}
}
.caseTab__list {
list-style: none;
}
.caseTab__list li {
position: relative;
padding-left: 32px;
color: var(--bs-gray);
}
.caseTab__list li::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 23px;
height: 24px;
transform: translateY(-50%);
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'><path d='M10.0239 14.9067C10.5262 14.0367 11.7819 14.0367 12.2842 14.9067L14.6938 19.0802C15.1961 19.9502 14.5682 21.0377 13.5636 21.0377H8.74446C7.73988 21.0377 7.11201 19.9502 7.6143 19.0802L10.0239 14.9067Z' fill='%23132628'/><path d='M13.5505 13.9495C12.6986 13.4171 12.7425 12.1621 13.6295 11.6905L17.8846 9.42823C18.7716 8.95664 19.8365 9.62211 19.8014 10.6261L19.6331 15.4423C19.598 16.4463 18.4892 17.0357 17.6373 16.5034L13.5505 13.9495Z' fill='%23132628'/><path d='M9.04715 14.1487C9.89906 13.6163 9.8552 12.3613 8.96819 11.8897L4.71305 9.62745C3.82604 9.15586 2.76114 9.82133 2.79624 10.8253L2.9646 15.6415C2.9997 16.6455 4.10846 17.235 4.96037 16.7026L9.04715 14.1487Z' fill='%23132628'/><path d='M7.62907 6.92796C7.14535 6.04751 7.79614 4.97358 8.80049 4.99489L13.6186 5.09711C14.6229 5.11841 15.2276 6.21898 14.7069 7.07812L12.2094 11.1996C11.6888 12.0587 10.4333 12.0321 9.94959 11.1516L7.62907 6.92796Z' fill='%23132628'/></svg>") no-repeat center;
background-size: contain;
}
@media (min-width: 992px) {
.caseTab__list li {
font-size: 18px;
margin-bottom: 24px;
}
}
@media (min-width: 1400px) {
.caseTab__list li {
font-size: 20px;
}
}
.caseTab__dtl {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.caseTab__dtl {
margin-bottom: 60px;
}
}
@media (min-width: 1400px) {
.caseTab__dtl {
margin-bottom: 80px;
}
}
.caseTab__dtl_item {
display: flex;
align-items: center;
}
.caseTab__dtl_item:not(:last-child) {
padding-right: 20px;
}
@media (min-width: 992px) {
.caseTab__dtl_item:not(:last-child) {
padding-right: 140px;
}
}
.caseTab__dtl_icon {
background-color: #F0F0F0;
display: block;
height: 40px;
width: 40px;
border-radius: 50%;
}
@media (min-width: 992px) {
.caseTab__dtl_icon {
height: 60px;
width: 60px;
border-radius: 50%;
}
}
@media (min-width: 1400px) {
.caseTab__dtl_icon {
height: 90px;
width: 90px;
border-radius: 50%;
}
}
.caseTab__dtl_icon svg {
height: 20px;
}
@media (min-width: 992px) {
.caseTab__dtl_icon svg {
height: auto;
}
}
.caseTab__dtl_ttl {
font-size: 18px;
margin-bottom: 1;
}
@media (min-width: 992px) {
.caseTab__dtl_ttl {
font-size: 20px;
}
}
@media (min-width: 1400px) {
.caseTab__dtl_ttl {
font-size: 24px;
}
}
.caseTab__dtl_subTtl {
font-size: 16px;
}
@media (min-width: 1400px) {
.caseTab__dtl_subTtl {
font-size: 18px;
}
}
.caseTab__icon {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.caseTab__icon img {
margin-bottom: 18px;
height: 88px;
width: 88px;
}
.caseTab__icon_name {
font-size: 18px;
font-weight: 600;
color: var(--bs-primary);
}
@media (min-width: 1400px) {
.caseTab__icon_name {
font-size: 20px;
}
}
.caseTab__nav {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--bs-gray);
overflow-x: auto;
padding-left: 0;
width: 100%;
margin-bottom: 22px;
scrollbar-width: none;
}
.caseTab__nav::-webkit-scrollbar {
display: none;
}
@media (min-width: 992px) {
.caseTab__nav {
margin-bottom: 38px;
}
}
@media (min-width: 1400px) {
.caseTab__nav {
margin-bottom: 49px;
}
}
.caseTab__nav_navItem {
list-style: none;
text-wrap: nowrap;
margin-right: 20px;
}
@media (min-width: 992px) {
.caseTab__nav_navItem {
margin-right: 0;
}
}
.caseTab__nav_navItem .navLink {
font-size: 18px;
padding-bottom: 15px;
background-color: transparent;
border: 0;
width: 100%;
font-family: var(--bs-font-monospace);
font-weight: 600;
font-size: 16px;
}
@media (min-width: 992px) {
.caseTab__nav_navItem .navLink {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.caseTab__nav_navItem .navLink {
font-size: 20px;
}
}
.caseTab__nav_navItem.active {
border-bottom: 2px solid var(--bs-primary);
}
.similarPr {
padding-bottom: 20px;
}
@media (min-width: 992px) {
.similarPr {
padding-bottom: 30px;
}
}
@media (min-width: 1400px) {
.similarPr {
padding-bottom: 50px;
}
}
.similarPr__item_img {
margin-bottom: 16px;
}
@media (min-width: 992px) {
.similarPr__item_img {
margin-bottom: 26px;
}
}
@media (min-width: 1400px) {
.similarPr__item_img {
margin-bottom: 39px;
}
}
.similarPr__item_img img {
border-radius: 8px;
}
.similarPr__item_content .desc {
color: var(--bs-gray);
font-size: 16px;
}
@media (min-width: 992px) {
.similarPr__item_content .desc {
font-size: 18px;
margin-bottom: 20px;
}
}
@media (min-width: 1400px) {
.similarPr__item_content .desc {
font-size: 20px;
margin-bottom: 24px;
}
}
.similarPr__item_content .btn-primary {
border-radius: 32px;
max-width: 220px;
padding: 14px 20px;
}
.similarPr__item_content .btn-primary span {
white-space: nowrap;
}
@media (min-width: 992px) {
.similarPr__item_content .btn-primary span {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.similarPr__item_content .btn-primary span {
font-size: 20px;
}
} .footer {
position: relative;
}
.footer__tpbr {
padding: 40px 0;
}
@media (min-width: 992px) {
.footer__tpbr {
padding: 63px 0 53px;
}
}
.footer__tpbr_heading {
display: block;
font-size: 18px;
color: var(--bs-white);
margin-bottom: 15px;
}
@media (min-width: 992px) {
.footer__tpbr_heading {
font-size: 20px;
margin-bottom: 21px;
}
}
@media (min-width: 1400px) {
.footer__tpbr_heading {
font-size: 24px;
}
}
.footer__tpbr h5 {
font-size: 18px;
color: var(--bs-white);
margin-bottom: 15px;
}
@media (min-width: 992px) {
.footer__tpbr h5 {
font-size: 20px;
margin-bottom: 21px;
}
}
@media (min-width: 1400px) {
.footer__tpbr h5 {
font-size: 24px;
}
}
.footer__tpbr ul {
list-style: none;
}
.footer__tpbr ul li {
padding-left: 17px;
}
.footer__tpbr ul li:not(:last-child) {
margin-bottom: 12px;
}
.footer__tpbr ul li::before {
content: "";
width: 7px;
height: 7px;
display: block;
border-radius: 50%;
background-color: var(--bs-white);
position: absolute;
top: 9px;
left: 0;
}
.footer__tpbr ul li a {
color: var(--bs-white);
font-size: var(--bs-body-font-size);
text-decoration: none;
}
.footer__tpbr ul li a:hover {
text-decoration: underline;
}
@media (min-width: 1400px) {
.footer__tpbr ul li a {
font-size: 18px;
}
}
.footer__lctn {
background-color: rgba(217, 217, 217, 0.1019607843);
padding: 20px 0;
}
.footer__lctn img {
width: 30px;
height: 30px;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 992px) {
.footer__lctn img {
width: 42px;
height: 42px;
}
}
@media (min-width: 1400px) {
.footer__lctn img {
width: 56px;
height: 56px;
}
}
.footer__lctn address {
font-size: var(--bs-body-font-size);
color: var(--bs-white);
line-height: 1.4;
padding-left: 15px;
}
@media (min-width: 1400px) {
.footer__lctn address {
font-size: 20px;
}
}
.footer__lctn a {
font-size: var(--bs-body-font-size);
padding-left: 15px;
}
@media (min-width: 1400px) {
.footer__lctn a {
font-size: 20px;
}
}
.footer__cpyrgt {
padding-top: 25px;
padding-bottom: 10px;
}
@media (min-width: 992px) {
.footer__cpyrgt {
padding-top: 45px;
}
}
.footer__cpyrgt .copyright {
color: var(--bs-white);
font-size: 15px;
font-weight: 400;
}
.footer__cpyrgt .copyright > * {
margin: 0;
}
.footer__cpyrgt .terms {
list-style: none;
gap: 18px;
}
.footer__cpyrgt .terms li a {
font-size: 15px;
color: var(--bs-white);
text-decoration: none;
}
.footer__cpyrgt .terms li a:hover {
color: var(--bs-secondary);
}
.footer__cpyrgt .media {
align-items: center;
gap: 30px;
list-style: none;
}
.footer__cpyrgt .media li a {
color: var(--bs-white);
}
.footer__cpyrgt .media li a:hover {
color: var(--bs-secondary);
}
.NewBannerSide {
padding-top: 120px;
}
@media (min-width: 992px) {
.NewBannerSide {
padding-top: 150px;
}
}
.NewBannerSide__wrapper {
background: linear-gradient(to bottom, #1fb0be -48.54%, #0f181a 93.17%);
border-radius: 28px;
padding: 28px 20px 100px;
overflow: hidden;
}
@media (min-width: 992px) {
.NewBannerSide__wrapper {
padding: 38px 40px 100px;
}
}
@media (min-width: 1200px) {
.NewBannerSide__wrapper {
padding: 58px 60px 120px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__wrapper {
padding: 78px 80px 150px;
}
}
.NewBannerSide__appDev {
background: linear-gradient(to bottom, #1fb0be -48.54%, #0f181a 93.17%);
border-radius: 28px;
padding: 28px 20px 80px;
overflow: hidden;
}
@media (min-width: 992px) {
.NewBannerSide__appDev {
padding: 38px 40px 80px;
}
}
@media (min-width: 1200px) {
.NewBannerSide__appDev {
padding: 58px 60px 90px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__appDev {
padding: 78px 80px 0;
}
}
.NewBannerSide__trusted {
padding-bottom: 12px;
font-family: var(--bs-font-monospace);
color: var(--bs-white);
}
@media (min-width: 1400px) {
.NewBannerSide__trusted {
font-size: 22px;
}
}
.NewBannerSide__ttl {
color: var(--bs-white);
font-family: var(--bs-font-monospace);
line-height: 1.1;
margin-bottom: 9px;
font-size: 26px;
}
@media (min-width: 768px) {
.NewBannerSide__ttl {
font-size: 22px;
}
}
@media (min-width: 992px) {
.NewBannerSide__ttl {
font-size: 32px;
}
}
@media (min-width: 1200px) {
.NewBannerSide__ttl {
font-size: 30px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__ttl {
font-size: 48px;
}
}
.NewBannerSide__subTtl {
color: var(--bs-white);
font-size: 18px;
}
@media (min-width: 992px) {
.NewBannerSide__subTtl {
font-size: 20px;
padding-top: 18px;
margin-bottom: 18px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__subTtl {
font-size: 24px;
margin-bottom: 21px;
}
}
.NewBannerSide__des {
color: var(--bs-white);
font-size: 16px;
line-height: 1.2;
padding-bottom: 22px;
margin-bottom: 18px;
}
@media (min-width: 992px) {
.NewBannerSide__des {
font-size: 18px;
margin-bottom: 28px;
border-bottom: 1px solid var(--bs-white);
}
}
@media (min-width: 1400px) {
.NewBannerSide__des {
font-size: 22px;
line-height: 1.3;
}
}
.NewBannerSide__cta {
background-color: var(--bs-white);
color: var(--bs-dark);
font-size: 16px;
padding: 12px;
padding-right: 30px;
white-space: nowrap;
border-radius: 10px;
transition: all 0.3s ease-in-out;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.NewBannerSide__cta {
padding-right: 50px;
}
}
.NewBannerSide__cta::before {
content: "";
background-color: var(--bs-white);
height: 54px;
width: 54px;
transition: all 0.3s ease-in-out;
box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.2509803922);
border-radius: 50%;
position: absolute;
right: -30px;
z-index: 8;
background-image: url(//www.eitbiz.com/assets/images/forward-arrow.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 60%;
}
@media (min-width: 768px) {
.NewBannerSide__cta::before {
height: 64px;
width: 64px;
bottom: -5px;
font-size: 18px;
padding: 10px;
max-width: 306px;
}
}
.NewBannerSide__cta span {
padding-left: 8px;
color: #10494f;
transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
.NewBannerSide__cta span {
font-size: 20px;
}
}
.NewBannerSide__logo {
padding: 17px 0;
}
.NewBannerSide__logo a img {
-o-object-fit: contain;
object-fit: contain;
height: 55px;
}
@media (min-width: 992px) {
.NewBannerSide__logo a img {
height: 60px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__logo a img {
height: 80px;
}
}
.NewBannerSide__logo a .clutch {
height: 90px;
}
@media (min-width: 1400px) {
.NewBannerSide__logo a .clutch {
height: 120px;
}
}
.NewBannerSide__logo a .clutchTwo {
height: 100px;
}
@media (min-width: 1400px) {
.NewBannerSide__logo a .clutchTwo {
height: 140px;
}
}
.NewBannerSide__info {
padding: 20px 20px;
position: absolute;
transform: skew(28deg);
bottom: -16px;
background: #0f181a;
left: 0;
z-index: 9;
border-top-right-radius: 22px;
border-top: 12px solid var(--bs-white);
border-right: 12px solid var(--bs-white);
}
@media (min-width: 576px) {
.NewBannerSide__info {
padding: 20px 0;
}
}
@media (min-width: 992px) {
.NewBannerSide__info {
padding: 21px 36px;
border-top: 18px solid var(--bs-white);
border-right: 18px solid var(--bs-white);
}
}
@media (min-width: 1200px) {
.NewBannerSide__info {
padding: 21px 56px;
}
}
.NewBannerSide__info li {
color: var(--bs-white);
transform: skew(-28deg);
}
.NewBannerSide__info li span {
font-style: italic;
}
@media (min-width: 768px) {
.NewBannerSide__info li span {
font-size: 18px;
}
}
.NewBannerSide__info .digit {
font-family: "Krona One", serif;
font-size: 18px;
line-height: 1.2;
}
@media (min-width: 768px) {
.NewBannerSide__info .digit {
font-size: 20px;
}
}
@media (min-width: 992px) {
.NewBannerSide__info .digit {
font-size: 30px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__info .digit {
font-size: 40px;
}
}
.NewBannerSide__right_mobile {
z-index: 8;
height: 300px;
}
@media (min-width: 992px) {
.NewBannerSide__right_mobile {
height: 420px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__right_mobile {
height: 520px;
}
}
.NewBannerSide__right_spin {
background-color: #242424;
border: 12px solid var(--bs-white);
color: var(--bs-white);
border-radius: 50%;
height: 150px;
width: 150px;
}
@media (min-width: 992px) {
.NewBannerSide__right_spin {
height: 180px;
width: 180px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__right_spin {
height: 230px;
width: 230px;
}
}
.NewBannerSide__right_spin span {
font-family: var(--bs-font-monospace);
font-weight: 700;
}
@media (min-width: 1400px) {
.NewBannerSide__right_spin span {
font-size: 25px;
}
}
.NewBannerSide__right_spinnerOne {
max-width: 180px;
max-height: 180px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
animation: rotateCircle 22s linear infinite;
}
@media (min-width: 992px) {
.NewBannerSide__right_spinnerOne {
max-width: 250px;
max-height: 250px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__right_spinnerOne {
max-width: 480px;
max-height: 480px;
}
}
.NewBannerSide__right_spinnerTwo {
max-width: 290px;
max-height: 290px;
z-index: 1;
animation: rotateCircleReverse 22s linear infinite;
}
@media (min-width: 992px) {
.NewBannerSide__right_spinnerTwo {
max-height: 400px;
max-width: 400px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__right_spinnerTwo {
max-height: 550px;
max-width: 550px;
}
}
.NewBannerSide__right_spinnerTwo .icon {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
z-index: 1;
}
@media (min-width: 992px) {
.NewBannerSide__right_spinnerTwo .icon {
width: 83px;
height: 83px;
}
}
.NewBannerSide__right_spinnerTwo .icon img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
animation: rotateCircle 22s linear infinite;
}
.NewBannerSide__right_spinnerTwo .icon_one {
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.NewBannerSide__right_spinnerTwo .icon_two {
top: 0;
right: 0;
transform: translate(-20px, 20px);
}
.NewBannerSide__right_spinnerTwo .icon_three {
top: 50%;
right: 0;
transform: translate(50%, -50%);
}
.NewBannerSide__right_spinnerTwo .icon_four {
bottom: 0;
right: 0;
transform: translate(-20px, -15px);
}
.NewBannerSide__right_spinnerTwo .icon_five {
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}
.NewBannerSide__right_spinnerTwo .icon_six {
bottom: 0;
left: 0;
transform: translate(20px, -20px);
}
.NewBannerSide__right_spinnerTwo .icon_seven {
top: 50%;
left: 0;
transform: translate(-50%, -50%);
}
.NewBannerSide__right_spinnerTwo .icon_eight {
top: 0;
left: 0;
transform: translate(20px, 20px);
}
.NewBannerSide__right_ellipse1 {
max-width: 300px;
max-height: 300px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
animation: rotateCircle 22s linear infinite;
}
@media (min-width: 992px) {
.NewBannerSide__right_ellipse1 {
max-width: 400px;
max-height: 400px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__right_ellipse1 {
max-width: 490px;
max-height: 490px;
}
}
.NewBannerSide__right_ellipse1 .leftIcon {
left: -30px;
height: 50px;
animation: rotateOuterIcon 22s linear infinite;
}
@media (min-width: 992px) {
.NewBannerSide__right_ellipse1 .leftIcon {
height: 70px;
}
}
.NewBannerSide__right_ellipse1 .rightIcon {
right: -30px;
height: 50px;
animation: rotateOuterIcon 22s linear infinite;
}
@media (min-width: 992px) {
.NewBannerSide__right_ellipse1 .rightIcon {
height: 65px;
}
}
.NewBannerSide__right_ellipse2 {
max-width: 210px;
max-height: 210px;
z-index: 1;
animation: rotateCircleReverse 22s linear infinite;
}
@media (min-width: 992px) {
.NewBannerSide__right_ellipse2 {
max-width: 300px;
max-height: 300px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__right_ellipse2 {
max-width: 360px;
max-height: 360px;
}
}
.NewBannerSide__right_ellipse2 .leftIcon {
left: 130px;
top: -30px;
height: 50px;
animation: rotateInnerIcon 22s linear infinite;
}
@media (min-width: 992px) {
.NewBannerSide__right_ellipse2 .leftIcon {
height: 70px;
}
}
.NewBannerSide__right_ellipse2 .rightIcon {
right: 120px;
bottom: -30px;
height: 50px;
animation: rotateInnerIcon 22s linear infinite;
}
@media (min-width: 992px) {
.NewBannerSide__right_ellipse2 .rightIcon {
height: 70px;
}
}
@media (min-width: 768px) {
.NewBannerSide__personImg {
right: 0;
max-height: 350px;
}
}
@media (min-width: 992px) {
.NewBannerSide__personImg {
max-height: 500px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__personImg {
right: 100px;
max-height: none;
}
}
.NewBannerSide__img .mobile {
height: 380px;
z-index: 4;
}
@media (min-width: 992px) {
.NewBannerSide__img .mobile {
height: 500px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__img .mobile {
height: auto;
z-index: 2;
}
}
@media (min-width: 992px) {
.NewBannerSide__img .forWeb {
position: absolute;
bottom: 0;
}
}
.NewBannerSide__img .screen {
margin-left: -40px;
animation: slideIn 4s infinite;
max-height: 250px;
}
@media (min-width: 768px) {
.NewBannerSide__img .screen {
max-height: 220px;
padding-top: 30px;
}
}
@media (min-width: 992px) {
.NewBannerSide__img .screen {
max-height: 290px;
padding-top: 30px;
}
}
@media (min-width: 1200px) {
.NewBannerSide__img .screen {
max-height: 300px;
padding-top: 30px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__img .screen {
padding-top: 30px;
max-height: 400px;
}
}
.NewBannerSide__img .box {
top: 38%;
transform: translate(-50%, -50%);
animation: zoom 3s infinite;
animation-delay: 1s;
z-index: 4;
}
@media (min-width: 768px) {
.NewBannerSide__img .box {
max-width: 140px;
left: calc(50% - 20px);
}
}
@media (min-width: 992px) {
.NewBannerSide__img .box {
max-width: 160px;
left: calc(50% - 35px);
}
}
@media (min-width: 1400px) {
.NewBannerSide__img .box {
left: calc(50% - 60px);
max-width: 220px;
}
}
.NewBannerSide__img .mobileApp {
height: 450px;
animation: slideUp 1.3s ease-out;
}
@media (min-width: 992px) {
.NewBannerSide__img .mobileApp {
height: 500px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__img .mobileApp {
height: auto;
}
}
.NewBannerSide .forAndroid {
right: 20px;
}
@media (min-width: 1400px) {
.NewBannerSide .forAndroid {
right: 140px;
}
}
.NewBannerSide .hirededictd {
height: 450px;
}
@media (min-width: 992px) {
.NewBannerSide .hirededictd {
height: 500px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .hirededictd {
height: auto;
}
}
.NewBannerSide .laptopImage {
right: 0;
height: 320px;
animation: slideUp 1.3s ease-out;
}
@media (min-width: 992px) {
.NewBannerSide .laptopImage {
height: 450px;
}
}
@media (min-width: 1200px) {
.NewBannerSide .laptopImage {
right: 30px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .laptopImage {
height: 600px;
}
}
.NewBannerSide .wepApp {
height: 450px;
animation: slideUp 1.3s ease-out;
}
@media (min-width: 992px) {
.NewBannerSide .wepApp {
height: 600px;
}
}
@media (min-width: 1200px) {
.NewBannerSide .wepApp {
right: 30px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .wepApp {
height: 750px;
}
}
.NewBannerSide .uiImg {
height: 390px;
animation: slideUp 1.3s ease-out;
}
@media (min-width: 992px) {
.NewBannerSide .uiImg {
height: 550px;
}
}
@media (min-width: 1200px) {
.NewBannerSide .uiImg {
right: 30px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .uiImg {
height: 750px;
}
}
.NewBannerSide .openCartImg {
top: -48px;
right: 30px;
height: 450px;
animation: slideDown 1.3s ease-out;
}
@media (min-width: 992px) {
.NewBannerSide .openCartImg {
height: 500px;
right: 150px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .openCartImg {
height: auto;
}
}
.NewBannerSide .wooImg {
animation: slideUp 1.2s ease-out;
height: 400px;
}
@media (min-width: 992px) {
.NewBannerSide .wooImg {
height: 500px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .wooImg {
height: auto;
}
}
.NewBannerSide .hireLrvl {
animation: slideUp 1.2s ease-out;
height: 400px;
}
@media (min-width: 992px) {
.NewBannerSide .hireLrvl {
height: 530px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .hireLrvl {
height: auto;
}
}
.NewBannerSide .mktImg {
animation: slideUp 1.2s ease-out;
height: 450px;
padding-right: 20px;
}
@media (min-width: 992px) {
.NewBannerSide .mktImg {
height: 550px;
padding-right: 50px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .mktImg {
height: auto;
}
}
.NewBannerSide .slideUpImg {
animation: slideUp 1.2s ease-out;
}
.NewBannerSide .androidIcon {
animation: slideUp 1.5s ease-in-out;
height: 80px;
}
@media (min-width: 1200px) {
.NewBannerSide .androidIcon {
height: 100px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .androidIcon {
height: auto;
}
}
.NewBannerSide__roundAnimation {
right: -50px;
top: -50px;
animation: rotate 8s linear infinite;
height: 200px;
}
@media (min-width: 992px) {
.NewBannerSide__roundAnimation {
right: -80px;
top: -80px;
height: 250px;
}
}
@media (min-width: 1400px) {
.NewBannerSide__roundAnimation {
height: auto;
}
}
.NewBannerSide__circleAnimation {
animation: rotate 8s linear infinite;
right: -20%;
max-height: 300px;
}
@media (min-width: 1400px) {
.NewBannerSide__circleAnimation {
top: 20%;
right: -250px;
max-height: none;
}
}
.NewBannerSide .floatAnimation {
animation: float 4s ease-in-out infinite;
display: inline-block;
}
@keyframes float {
0%, 100% {
transform: translateX(0);
}
50% {
transform: translateX(12px);
}
}
.NewBannerSide .floatAnimationY {
animation: zoomEffect 5s ease-in-out;
display: inline-block;
}
@keyframes zoomEffect {
0% {
transform: scale(0);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.NewBannerSide .iconSpinAnimation {
top: 40px;
left: calc(100% - 131px);
width: 400px;
height: 400px;
border-radius: 50%;
animation: rotateCircle 22s linear infinite;
opacity: 0.6;
}
@media (min-width: 1200px) {
.NewBannerSide .iconSpinAnimation {
top: 111px;
}
}
.NewBannerSide .iconSpinAnimation .icon {
border-radius: 50%;
display: block;
width: 69px;
height: 69px;
overflow: hidden;
}
.NewBannerSide .iconSpinAnimation .icon img {
width: 100%;
height: 100%;
animation: rotateCircleReverse 22s linear infinite;
-o-object-fit: cover;
object-fit: cover;
}
.NewBannerSide .iconSpinAnimation .icon_one {
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.NewBannerSide .iconSpinAnimation .icon_two {
top: 0;
right: 0;
transform: translate(-75%, 0);
}
.NewBannerSide .iconSpinAnimation .icon_three {
top: 50%;
right: 0;
transform: translate(25%, -150%);
}
.NewBannerSide .iconSpinAnimation .icon_four {
top: 50%;
right: 0;
transform: translate(25%, 25%);
}
.NewBannerSide .iconSpinAnimation .icon_five {
top: 50%;
right: 0;
transform: translate(-75%, 175%);
}
.NewBannerSide .iconSpinAnimation .icon_six {
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}
.NewBannerSide .iconSpinAnimation .icon_seven {
top: 50%;
left: 0;
transform: translate(75%, 175%);
}
.NewBannerSide .iconSpinAnimation .icon_eight {
top: 50%;
left: 0;
transform: translate(-25%, 25%);
}
.NewBannerSide .iconSpinAnimation .icon_nine {
top: 50%;
left: 0;
transform: translate(-25%, -150%);
}
.NewBannerSide .iconSpinAnimation .icon_ten {
top: 0;
left: 0;
transform: translate(75%, 0);
}
.NewBannerSide .aiOne {
max-width: 90px;
top: 30px;
right: 20px;
}
@media (min-width: 992px) {
.NewBannerSide .aiOne {
top: calc(50% - 50px);
right: 17px;
}
}
@media (min-width: 1200px) {
.NewBannerSide .aiOne {
top: calc(50% - 100px);
right: 27px;
max-width: 120px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .aiOne {
right: 27px;
height: auto;
}
}
.NewBannerSide .aiTwo {
max-width: 90px;
bottom: 30px;
right: 10px;
}
@media (min-width: 992px) {
.NewBannerSide .aiTwo {
bottom: calc(30px + 10%);
}
}
@media (min-width: 1200px) {
.NewBannerSide .aiTwo {
bottom: calc(30px + 10%);
right: 18px;
max-width: 120px;
}
}
@media (min-width: 1400px) {
.NewBannerSide .aiTwo {
height: auto;
right: 24px;
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
@keyframes slideIn {
0% {
opacity: 0;
transform: translateX(-100px);
}
15% {
opacity: 0;
transform: translateX(-100px);
}
25% {
opacity: 1;
transform: translateX(10px);
}
75% {
opacity: 1;
transform: translateX(10px);
}
100% {
opacity: 1;
transform: translateX(-120px);
}
}
@keyframes slideDown {
0% {
opacity: 0;
transform: translateY(-100%);
}
50% {
opacity: 1;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideUp {
0% {
opacity: 0;
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes zoom {
0%, 100% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-60%, -50%) scale(1.1);
}
75% {
transform: translate(-60%, -50%) scale(1.1);
}
}
@media (min-width: 992px) {
@keyframes zoom {
0%, 100% {
transform: translate(-50%, -50%) scale(1);
}
50% {
transform: translate(-60%, -50%) scale(1.3);
}
75% {
transform: translate(-60%, -50%) scale(1.3);
}
}
}
@media (min-width: 1200px) {
@keyframes slideIn {
0% {
opacity: 0;
transform: translateX(-100px);
}
15% {
opacity: 0;
transform: translateX(-100px);
}
25% {
opacity: 1;
transform: translateX(10px);
}
75% {
opacity: 1;
transform: translateX(10px);
}
100% {
opacity: 1;
transform: translateX(-150px);
}
}
}
@media (min-width: 1400px) {
@keyframes slideIn {
0% {
opacity: 0;
transform: translateX(-200px);
}
15% {
opacity: 0;
transform: translateX(-200px);
}
25% {
opacity: 1;
transform: translateX(0);
}
75% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 1;
transform: translateX(-200px);
}
}
}
@keyframes rotateCircle {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotateCircleReverse {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
@keyframes rotateInnerIcon {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotateOuterIcon {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
.brd {
margin-top: 120px;
padding-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
}
@media (min-width: 992px) {
.brd {
padding-top: 29px;
}
}
@media (min-width: 1400px) {
.brd {
padding-bottom: 50px;
}
}
.brd__bg {
border-radius: 32px;
}
.brd__cover {
padding-top: 30px;
padding-bottom: 36px;
}
@media (min-width: 992px) {
.brd__cover {
padding-top: 58px;
padding-bottom: 56px;
}
}
@media (min-width: 1200px) {
.brd__cover {
padding-top: 78px;
padding-bottom: 76px;
}
}
@media (min-width: 1400px) {
.brd__cover {
padding-top: 98px;
padding-bottom: 116px;
}
}
.brd__ttl {
position: relative;
color: var(--bs-white);
font-family: var(--bs-font-monospace);
padding-bottom: 21px;
margin-bottom: 17px;
font-size: 24px;
}
@media (min-width: 768px) {
.brd__ttl {
font-size: 30px;
}
}
@media (min-width: 1400px) {
.brd__ttl {
font-size: 40px;
}
}
.brd .box {
position: absolute;
width: 150px;
height: 50px;
border: solid 3px #0d7372;
border-color: #0d7372 transparent transparent transparent;
border-radius: 50%/10px 15px 0 0;
left: 50%;
transform: translate(-50%, -50%);
}
.brd__des {
color: var(--bs-white);
margin-bottom: 27px;
}
@media (min-width: 1400px) {
.brd__des {
font-size: 18px;
margin-bottom: 47px;
}
}
.brd__lctn svg {
margin-right: 6px;
}
.brd__lctn a {
color: var(--bs-white);
text-decoration: none;
}
@media (min-width: 992px) {
.brd__lctn a {
font-size: 18px;
}
}
.brd__opacity {
background: rgba(0, 0, 0, 0.46);
border-radius: 30px;
}
.PortSide__sidebar {
max-height: 350px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 4px;
}
.PortSide__sidebar img {
width: 100%;
height: auto;
max-height: 300px;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.PortSide__Cards {
border-radius: 30px;
overflow: hidden;
box-shadow: 4px 4px 16.7px -1px rgba(0, 0, 0, 0.05);
margin-bottom: 32px;
}
@media (min-width: 992px) {
.PortSide__Cards {
margin-bottom: 48px;
}
}
@media (min-width: 1400px) {
.PortSide__Cards {
margin-bottom: 64px;
}
}
.PortSide__Cards_img {
position: relative;
}
.PortSide__Cards_img .topWrap__chip {
position: absolute;
top: 12px;
left: 12px;
padding: 6px 12px;
background: linear-gradient(235.09deg, #26a5b2 -96.56%, #000404 170.05%);
border-radius: 32px;
}
@media (min-width: 992px) {
.PortSide__Cards_img .topWrap__chip {
padding: 12px 16px;
top: 32px;
left: 32px;
}
}
.PortSide__Cards_img .topWrap__chip span {
color: var(--bs-white);
font-family: var(--bs-font-monospace);
font-weight: 600;
font-size: 12px;
}
@media (min-width: 992px) {
.PortSide__Cards_img .topWrap__chip span {
font-size: 16px;
}
}
.PortSide__Cards_img .topWrap__arrow {
position: absolute;
top: 12px;
right: 12px;
height: 45px;
width: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--bs-white);
transition: 0.3s ease;
}
@media (min-width: 1400px) {
.PortSide__Cards_img .topWrap__arrow {
top: 32px;
right: 32px;
height: 62px;
width: 62px;
margin-right: -8px;
}
}
.PortSide__Cards_img .topWrap__arrow:hover {
transform: scale(1.09);
box-shadow: 4px 4px 16.7px -1px rgba(0, 0, 0, 0.09);
}
.PortSide__Cards_img .topWrap__arrow svg {
cursor: pointer;
}
.PortSide__Cards_des {
color: var(--bs-gray);
}
@media (min-width: 992px) {
.PortSide__Cards_des {
font-size: 18px;
}
}
.PortSide__Cards_content {
padding: 16px 14px 16px;
}
@media (min-width: 992px) {
.PortSide__Cards_content {
padding: 18px 28px 22px;
}
}
@media (min-width: 1400px) {
.PortSide__Cards_content {
padding: 22px 32px 28px;
}
}
.PortSide__Cards_content .chip {
padding: 6px 8px;
background-color: #52898F;
border-radius: 8px;
}
@media (min-width: 992px) {
.PortSide__Cards_content .chip {
padding: 8px 12px;
}
}
.PortSide__Cards_content .chip span {
color: var(--bs-white);
font-family: var(--bs-font-monospace);
font-weight: 600;
font-size: 14px;
text-wrap: nowrap;
}
@media (min-width: 992px) {
.PortSide__Cards_content .chip span {
font-size: 16px;
}
}
.Portside {
padding-top: 40px;
padding-bottom: 40px;
}
.Portside .left h3 {
font-size: 18px;
color: var(--bs-primary);
margin-bottom: 15px;
font-weight: 600;
}
@media (min-width: 992px) {
.Portside .left h3 {
font-size: 22px;
}
}
@media (min-width: 1400px) {
.Portside .left h3 {
font-size: 28px;
}
}
@media (min-width: 992px) {
.Portside .left p {
font-size: 18px;
}
}
.Portside .right .nav-tabs {
margin: 0 -10px;
}
.Portside .right .nav-tabs li {
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 0 10px;
}
.Portside .right .nav-tabs li .nav-link {
padding: 0 0 0 15px;
position: relative;
color: #282828;
font-weight: 600;
transition: 0.5s;
text-align: left;
}
@media (min-width: 992px) {
.Portside .right .nav-tabs li .nav-link {
font-size: 18px;
}
}
.Portside .right .nav-tabs li .nav-link:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
height: 100%;
content: "";
transition: 0.5s;
background-color: var(--bs-secondary);
}
.Portside .box .over {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.Portside .right .nav-tabs li .nav-link.active::before {
width: 3px;
}
.Portside .box .over {
height: 100%;
border: 1px solid #ebebeb;
transition: 0.5s;
border-radius: 5px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.Portside .box .over .text .content h4 {
font-size: 16px;
font-weight: 700;
}
@media (min-width: 1400px) {
.Portside .box .over .text .content h4 {
font-size: 18px;
}
}
.Portside .box .over .text .content h4 span {
font-size: 16px;
display: inline-block;
font-weight: 400;
}
@media (min-width: 1400px) {
.Portside .box .over .text .content h4 span {
font-size: 18px;
}
}
.Portside .right .nav-tabs li .nav-link.active {
color: var(--bs-primary);
}
.Portside .box .over .text .title h3 {
color: var(--bs-primary);
font-weight: 700;
font-size: 16px;
}
@media (min-width: 992px) {
.Portside .box .over .text .title h3 {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.Portside .box .over .text .title h3 {
font-size: 22px;
}
}
.Portside .box .over .text .title span {
font-size: 16px;
font-weight: 500;
}
@media (min-width: 1400px) {
.Portside .box .over .text .title span {
font-size: 18px;
}
}
.Portside .box .over .text .content p {
margin-bottom: 15px;
}
@media (min-width: 1400px) {
.Portside .box .over .text .content p {
font-size: 18px;
}
}
.Portside .box .over .text .content {
padding-top: 15px;
}
.Portside .tab-content {
padding-top: 20px;
}
.Portside .box .over .img,
.Portside .box .over .text {
padding: 15px;
}
.Portside .box {
margin-bottom: 30px;
}
.Portside .box .over .text .row {
padding-bottom: 0;
}
@media (max-width: 991px) {
.Portside .right .nav-tabs li .nav-link {
font-size: 16px;
}
.Portside {
padding-top: 20px;
}
}
.process {
position: relative;
padding-top: 26px;
padding-bottom: 40px;
}
@media (min-width: 992px) {
.process {
padding-bottom: 80px;
}
}
@media (min-width: 1400px) {
.process {
padding-bottom: 140px;
}
}
.process .title {
margin-bottom: 16px;
}
@media (min-width: 992px) {
.process .title {
margin-bottom: 40px;
}
}
.process__item {
border-radius: 20px;
position: relative;
margin: 0 15px;
cursor: pointer;
background: linear-gradient(235.09deg, #26a5b2 -96.56%, #000404 170.05%);
padding: 35px 20px 80px;
}
@media (min-width: 768px) {
.process__item {
padding: 35px 20px 150px;
}
}
@media (min-width: 992px) {
.process__item {
min-height: 500px;
}
}
.process__item:after {
clip-path: polygon(70% 0, 100% 0%, 100% 25%);
content: "";
position: absolute;
top: -2px;
right: -2px;
width: 100%;
height: 100%;
background-color: var(--bs-white);
border-radius: 0 20px 0 0;
}
.process__item_ttl {
font-weight: 700;
font-size: 26px;
color: var(--bs-white);
}
@media (min-width: 768px) {
.process__item_ttl {
font-size: 22px;
}
}
@media (min-width: 1400px) {
.process__item_ttl {
font-size: 26px;
}
}
.process__item_des {
color: var(--bs-white);
height: 150px;
}
@media (min-width: 1400px) {
.process__item_des {
font-size: 18px;
}
}
.process__item_num {
font-family: var(--bs-font-monospace);
font-weight: 700;
color: var(--bs-white);
opacity: 0.2;
line-height: 1;
position: absolute;
right: 23px;
bottom: 0;
font-size: 97px;
}
.process .slick-arrow.slick-prev {
left: -10px;
}
@media (min-width: 992px) {
.process .slick-arrow.slick-prev {
left: -15px;
}
}
.process .slick-arrow.slick-next {
right: -10px;
}
@media (min-width: 992px) {
.process .slick-arrow.slick-next {
right: -15px;
}
}
.plan {
padding-top: 40px;
padding-bottom: 40px;
background-color: var(--bs-bg);
background-image: url(//www.eitbiz.com/assets/images/plan-bg.webp);
background-size: cover;
background-position: center;
}
@media (min-width: 992px) {
.plan {
padding-top: 80px;
padding-bottom: 50px;
}
}
@media (min-width: 1400px) {
.plan {
padding-top: 100px;
padding-bottom: 70px;
}
}
.plan .container {
max-width: 1170px;
}
.plan__ttl {
font-size: 24px;
font-weight: 600;
margin-bottom: 14px;
text-transform: capitalize;
}
@media (min-width: 992px) {
.plan__ttl {
font-size: 28px;
}
}
@media (min-width: 1400px) {
.plan__ttl {
font-size: 34px;
margin-bottom: 41px;
}
}
@media (min-width: 1400px) {
.plan__ttl {
font-size: 40px;
margin-bottom: 51px;
}
}
.plan__ttl::before {
content: attr(data-title);
display: block;
font-size: 18px;
font-weight: 600;
font-family: var(--bs-body-font-family);
margin-bottom: 18px;
text-transform: uppercase;
letter-spacing: 6.6px;
}
@media (min-width: 992px) {
.plan__ttl::before {
font-size: 22px;
margin-bottom: 20px;
}
}
.plan__des {
margin-bottom: 24px;
}
@media (min-width: 992px) {
.plan__des {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.plan__des {
font-size: 20px;
}
}
.plan__chip {
font-size: 14px;
color: #0C4A51;
padding: 4px 8px;
background-color: #F0F0F0;
margin-left: 13px;
border-radius: 12px;
display: block;
}
.plan .nav {
margin-bottom: 39px;
background-color: var(--bs-border);
border-radius: 100px;
--bs-nav-pills-border-radius:100px;
--bs-nav-pills-link-active-color:#F0F0F0;
--bs-nav-link-padding-x: 29px;
--bs-nav-link-padding-y: 14px;
--bs-nav-link-font-weight:900;
--bs-nav-link-font-size:16px;
--bs-nav-link-color: #4E4E4E;
--bs-nav-link-hover-color:var
--bs-nav-pills-link-active-bg: transparent;
}
.plan .nav.nav-pills .nav-link.active {
background: linear-gradient(235.09deg, #26A5B2 -96.56%, #000404 170.05%);
}
.plan .planSlider {
margin-top: 10px;
}
@media (min-width: 992px) {
.plan .planSlider {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.plan .planSlider .slick-track {
padding-top: 30px;
padding-bottom: 30px;
}
}
.plan .planSlider .slick-track > .item {
padding: 0 5px;
}
@media (min-width: 992px) {
.plan .planSlider .slick-track > .item {
padding: 0 15px;
}
}
.plan__card {
background: #F1F4F4;
border: 3.9px solid var(--bs-gray-light);
transition: all 0.3s ease-in-out;
padding: 15px 20px;
}
@media (min-width: 992px) {
.plan__card {
padding: 28px 30px;
}
}
@media (min-width: 1400px) {
.plan__card {
padding: 30px 35px;
}
}
@media (min-width: 992px) {
.plan__card:hover {
transform: scale(1.05);
}
}
.plan__card_ttl {
font-size: 18px;
font-family: var(--bs-font-sans-serif);
border-bottom: 2px solid #232323;
line-height: 1.2;
padding-bottom: 10px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.plan__card_ttl {
font-size: 22px;
margin-bottom: 25px;
}
}
@media (min-width: 1400px) {
.plan__card_ttl {
font-size: 25px;
margin-bottom: 30px;
}
}
.plan__card_price {
font-size: 28px;
font-family: var(--bs-font-monospace);
color: var(--bs-title);
}
@media (min-width: 992px) {
.plan__card_price {
font-size: 38px;
}
}
@media (min-width: 1200px) {
.plan__card_price {
font-size: 46px;
}
.plan__card_price small {
font-size: 22px;
}
}
@media (min-width: 1400px) {
.plan__card_price {
font-size: 50px;
}
}
.plan__card_price small {
font-size: 14px;
top: -2px;
position: relative;
}
@media (min-width: 992px) {
.plan__card_price small {
font-size: 16px;
margin-left: -10px;
}
}
@media (min-width: 1400px) {
.plan__card_price small {
font-size: 22px;
}
}
.plan__card_subtitle {
font-size: 25px;
}
.plan__card_des {
margin-bottom: 20px;
color: var(--bs-body-color);
}
@media (min-width: 1400px) {
.plan__card_des {
margin-bottom: 40px;
font-size: 20px;
}
}
.plan__dark {
background-image: url(//www.eitbiz.com/assets/images/price-bg.webp);
background-size: cover;
color: var(--bs-white);
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
@media (min-width: 768px) {
.plan__dark {
border-radius: 0;
}
}
.plan__dark .plan__card_ttl {
color: var(--bs-white);
border-bottom: 1px solid var(--bs-white);
}
.plan__dark .plan__card_price {
color: var(--bs-white);
}
.plan__dark .plan__card_des {
color: var(--bs-white);
}
.plan__dark svg {
color: var(--bs-white);
}
.plan__dark .btn-primary--white:hover {
color: var(--bs-primary) !important;
background: var(--bs-white);
}
.plan .btn {
margin-bottom: 20px;
}
.plan__first {
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
@media (min-width: 992px) {
.plan__first {
border-top-left-radius: 50px;
border-bottom-right-radius: 0;
}
}
.plan__last {
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
@media (min-width: 992px) {
.plan__last {
border-bottom-right-radius: 50px;
border-top-left-radius: 0;
}
}
.plan__list {
list-style: none;
padding-left: 0;
}
.plan__list li {
position: relative;
font-size: 16px;
}
@media (min-width: 1400px) {
.plan__list li {
font-size: 20px;
}
}
.plan__list li:not(:last-child) {
margin-bottom: 10px;
}
.plan__list li svg {
margin-right: 10px;
}
@media (max-width: 575px) {
.plan__list li svg {
fill: #4E4E4E;
}
}
.plan .slick-arrow {
top: auto;
bottom: -48px;
}
.plan .slick-arrow::before {
display: none;
}
.plan .slick-prev {
left: calc(50% - 170px);
}
.plan .slick-next {
right: calc(50% - 170px);
}
.processTwo {
background-color: #fbffff;
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 992px) {
.processTwo {
padding-top: 100px;
padding-bottom: 100px;
}
}
.processTwo__ttl {
font-size: 20px;
font-weight: 600;
line-height: 1.4;
text-wrap-style: balance;
margin-bottom: 24px;
color: #232323;
}
@media (min-width: 992px) {
.processTwo__ttl {
font-size: 28px;
}
}
@media (min-width: 1400px) {
.processTwo__ttl {
font-size: 34px;
}
}
@media (min-width: 1400px) {
.processTwo__ttl {
font-size: 40px;
}
}
.processTwo__ttl::before {
content: attr(data-title);
display: block;
font-size: 18px;
font-weight: 600;
font-family: var(--bs-body-font-family);
margin-bottom: 18px;
text-transform: uppercase;
letter-spacing: 6.6px;
}
@media (min-width: 992px) {
.processTwo__ttl::before {
font-size: 22px;
margin-bottom: 20px;
}
}
.processTwo__des {
font-weight: 500;
color: var(--bs-body-color);
max-width: 1020px;
margin: 0 auto 30px;
text-wrap-style: pretty;
}
@media (min-width: 992px) {
.processTwo__des {
font-size: 18px;
margin-bottom: 80px;
}
}
@media (min-width: 1400px) {
.processTwo__des {
font-size: 20px;
margin-bottom: 100px;
}
}
.processTwo .wrap {
position: relative;
margin-left: 10px;
}
@media (min-width: 768px) {
.processTwo .wrap {
margin-left: 0;
}
}
.processTwo .wrap .lineAnimation {
overflow: hidden;
height: 0;
transition: height 0.01s linear;
position: absolute;
top: 0;
left: 0;
content: "";
width: 7px;
border-radius: 7px;
transform: translateX(-50%);
transition: all 1s ease-in-out;
z-index: 1;
background: #26a5b2;
background: linear-gradient(-140deg, rgb(38, 165, 178) 0%, rgb(18, 64, 69) 100%);
}
@media (min-width: 768px) {
.processTwo .wrap .lineAnimation {
left: 50%;
}
}
.processTwo .wrap__item {
position: relative;
padding-left: 10px;
}
@media (min-width: 768px) {
.processTwo .wrap__item {
padding-left: 0;
}
}
.processTwo .wrap__item:not(:last-child) {
padding-bottom: 46px;
}
.processTwo .wrap__item::before {
top: 0;
left: 0;
width: 4px;
height: 100%;
content: "";
background-color: #b2b2b2;
position: absolute;
transform: translateX(-50%);
}
@media (min-width: 768px) {
.processTwo .wrap__item::before {
left: 50%;
}
}
.processTwo .wrap__item:nth-child(2n+2) .text::before {
top: 50%;
transform: translate(-50%, -50%);
}
.processTwo .wrap__item:last-child .text::before {
top: auto;
bottom: 0;
}
.processTwo .wrap__item .row {
row-gap: 20px;
}
.processTwo .wrap__item .text {
max-width: 368px;
margin: 0 30px;
}
@media (min-width: 992px) {
.processTwo .wrap__item .text {
margin: 0 auto;
}
}
.processTwo .wrap__item .text::before {
content: "";
width: 24px;
height: 24px;
border-radius: 50%;
background: #26a5b2;
background: linear-gradient(-140deg, rgb(38, 165, 178) 0%, rgb(18, 64, 69) 100%);
box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.25);
border: 3px solid var(--bs-white);
top: 0;
left: 0;
transform: translate(-50%, 0);
position: absolute;
z-index: 1;
}
@media (min-width: 768px) {
.processTwo .wrap__item .text::before {
left: 50%;
transform: translate(-50%, 0);
}
}
.processTwo .wrap__item .text h4 {
color: #232323;
font-size: 16px;
font-weight: 700;
position: relative;
}
@media (min-width: 1200px) {
.processTwo .wrap__item .text h4 {
font-size: 20px;
}
}
@media (min-width: 1400px) {
.processTwo .wrap__item .text h4 {
font-size: 22px;
}
}
.processTwo .wrap__item .text h4 span {
position: absolute;
top: 0;
right: 100%;
margin-right: 5px;
}
.processTwo .wrap__item .text p {
text-wrap-style: balance;
margin: 0;
}
@media (min-width: 992px) {
.processTwo .wrap__item .text p {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.processTwo .wrap__item .text p {
font-size: 20px;
}
}
.prjctNeed {
background-color: #FBFFFF;
padding-bottom: 40px;
}
@media (min-width: 992px) {
.prjctNeed {
padding-bottom: 80px;
}
}
@media (min-width: 1400px) {
.prjctNeed {
padding-bottom: 100px;
}
}
.prjctNeed__ttl {
font-size: 24px;
font-weight: 600;
margin-bottom: 24px;
color: #232323;
}
@media (min-width: 992px) {
.prjctNeed__ttl {
font-size: 28px;
}
}
@media (min-width: 1400px) {
.prjctNeed__ttl {
font-size: 34px;
}
}
@media (min-width: 1400px) {
.prjctNeed__ttl {
font-size: 40px;
}
}
.prjctNeed__ttl::before {
content: attr(data-title);
display: block;
font-size: 18px;
font-weight: 600;
font-family: var(--bs-body-font-family);
margin-bottom: 18px;
text-transform: uppercase;
letter-spacing: 6.6px;
}
@media (min-width: 992px) {
.prjctNeed__ttl::before {
font-size: 22px;
margin-bottom: 20px;
}
}
.prjctNeed__des {
font-weight: 500;
color: var(--bs-body-color);
max-width: 1020px;
margin: 0 auto 30px;
text-wrap-style: pretty;
}
@media (min-width: 992px) {
.prjctNeed__des {
font-size: 18px;
margin-bottom: 60px;
}
}
@media (min-width: 1400px) {
.prjctNeed__des {
font-size: 20px;
}
}
.prjctNeed__acc {
display: flex;
gap: 14px;
flex-direction: column;
counter-reset: list-counter;
}
@media (min-width: 992px) {
.prjctNeed__acc {
gap: 28px;
flex-direction: row;
}
}
.prjctNeed__item {
flex-shrink: 0;
counter-increment: list-counter;
border-radius: 12px;
background: #26A5B2;
background: linear-gradient(110deg, rgb(38, 165, 178) 0%, rgb(0, 4, 4) 100%);
overflow: hidden;
position: relative;
}
@media (max-width: 991px) {
.prjctNeed__item {
width: 100% !important;
}
}
@media (min-width: 992px) {
.prjctNeed__item {
transition: width 0.8s ease;
white-space: nowrap;
}
}
.prjctNeed__item::before {
content: counter(list-counter);
width: 36px;
height: 36px;
display: flex;
color: var(--bs-black);
font-weight: 600;
font-family: var(--bs-font-monospace);
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: var(--bs-white);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 16px;
}
@media (min-width: 992px) {
.prjctNeed__item::before {
top: 20px;
left: 50%;
transform: translateX(-50%);
font-size: 18px;
}
}
@media (min-width: 1400px) {
.prjctNeed__item::before {
font-size: 20px;
}
}
.prjctNeed__item.active {
flex-grow: 1;
border: 3px solid #EAEAEA;
background: transparent;
background-image: url(//www.eitbiz.com/assets/images/tabs-bg.webp);
}
.prjctNeed__item.active .head, .prjctNeed__item.active::before {
display: none;
}
.prjctNeed__item.active .content {
display: flex;
}
.prjctNeed__item.active ~ .prjctNeed__item .head {
pointer-events: none;
}
.prjctNeed__item .head {
width: 100%;
position: relative;
padding: 20px 20px 20px 70px;
}
@media (min-width: 992px) {
.prjctNeed__item .head {
padding: 0;
width: 76px;
min-height: 540px;
}
}
.prjctNeed__item .head label {
color: #FBFFFF;
font-weight: 600;
font-family: var(--bs-font-monospace);
margin: 0;
}
@media (min-width: 992px) {
.prjctNeed__item .head label {
min-width: 240px;
white-space: nowrap;
transform: rotate(90deg);
position: absolute;
top: 50%;
left: -100%;
z-index: 1;
margin-left: -5px;
font-size: 18px;
}
}
@media (min-width: 1400px) {
.prjctNeed__item .head label {
font-size: 20px;
}
}
.prjctNeed__item .content {
display: none;
height: 100%;
flex-direction: column;
padding: 20px 15px;
text-align: center;
}
@media (min-width: 992px) {
.prjctNeed__item .content {
padding: 26px 30px;
}
}
@media (min-width: 1400px) {
.prjctNeed__item .content {
padding: 32px 43px;
}
}
.prjctNeed__item .content__lbl {
color: var(--bs-body-color);
font-size: 16px;
font-weight: 700;
font-family: var(--bs-body-font-family);
text-transform: uppercase;
letter-spacing: 4.8px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.prjctNeed__item .content__lbl {
margin-bottom: 26px;
}
}
@media (min-width: 1400px) {
.prjctNeed__item .content__lbl {
margin-bottom: 32px;
}
}
.prjctNeed__item .content h3 {
color: #081D1C;
font-size: 18px;
font-weight: 700;
font-family: var(--bs-font-monospace);
line-height: 1.4;
text-transform: capitalize;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.prjctNeed__item .content h3 {
font-size: 20px;
}
}
@media (min-width: 1400px) {
.prjctNeed__item .content h3 {
font-size: 24px;
}
}
.prjctNeed__item .content .lookDev {
gap: 20px;
}
@media (min-width: 768px) {
.prjctNeed__item .content .lookDev {
gap: 35px;
}
}
.prjctNeed__item .content .lookDev label {
display: flex;
align-items: center;
flex-direction: column;
margin: 0;
}
.prjctNeed__item .content .lookDev label .icon {
align-items: center;
border-radius: 50%;
border: 3px solid #EAEAEA;
background-color: var(--bs-white);
width: 78px;
height: 78px;
display: flex;
justify-content: center;
color: var(--bs-body-color) !important;
box-shadow: 0 1px 3px rgba(19, 18, 66, 0.1019607843);
margin-bottom: 6px;
position: relative;
transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
.prjctNeed__item .content .lookDev label .icon {
width: 88px;
height: 88px;
}
}
@media (min-width: 1400px) {
.prjctNeed__item .content .lookDev label .icon {
width: 108px;
height: 108px;
}
}
.prjctNeed__item .content .lookDev label .icon.preference:after {
position: absolute;
top: 50%;
transition: all 0.3s ease-in-out;
left: 0;
width: 100%;
height: 3px;
background-color: var(--bs-body-color);
content: "";
transform: rotate(-45deg);
}
.prjctNeed__item .content .lookDev label .icon svg * {
transition: all 0.3s ease-in-out;
}
.prjctNeed__item .content .lookDev label .lbl {
color: var(--bs-body-color);
display: block;
font-size: 14px;
font-weight: 600;
font-family: var(--bs-font-monospace);
text-transform: capitalize;
}
@media (min-width: 576px) {
.prjctNeed__item .content .lookDev label .lbl {
font-size: 16px;
}
}
.prjctNeed__item .content .lookDev label input {
width: 0;
height: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.prjctNeed__item .content .lookDev label input:checked + .icon {
background-color: #0C4A51;
color: var(--bs-white) !important;
}
.prjctNeed__item .content .lookDev label input:checked + .icon svg .act {
fill: #0C4A51;
}
.prjctNeed__item .content .lookDev label input:checked + .icon::after {
background-color: #FBFFFF;
}
.prjctNeed__item .content .lookDev.tech label .icon {
width: 65px;
height: 65px;
}
@media (min-width: 1400px) {
.prjctNeed__item .content .lookDev.tech label .icon {
width: 95px;
height: 95px;
}
}
.prjctNeed__item .content .lookDev.devNum {
gap: 23px;
}
.prjctNeed__item .content .lookDev.devNum label .icon {
font-size: 14px;
font-weight: 600;
font-family: var(--bs-font-monospace);
width: 36px;
height: 36px;
margin-bottom: 0;
}
.prjctNeed__item .content .lookDev.devNum label .icon::after {
display: none;
}
.prjctNeed__item .content .selectType {
gap: 12px;
}
.prjctNeed__item .content .selectType label {
margin: 0;
display: flex;
}
.prjctNeed__item .content .selectType label input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.prjctNeed__item .content .selectType label input:checked + span {
border-color: #0C4A51 !important;
}
.prjctNeed__item .content .selectType label span {
border-radius: 7px;
border: 2px solid #EAEAEA;
background-color: var(--bs-white);
box-shadow: 0 2px 6px rgba(19, 18, 66, 0.1019607843);
color: var(--bs-body-color);
font-size: 12px;
font-weight: 600;
font-family: var(--bs-body-font-family);
padding: 10px 20px;
transition: all 0.3s ease-in-out;
}
.prjctNeed__item .content .step3 {
width: 100%;
max-width: 440px;
margin: 0 auto;
}
.prjctNeed__item .content .step3 .form-group {
margin-bottom: 24px;
}
.prjctNeed__item .content .step3 .form-group .ttl {
color: var(--bs-body-color);
font-size: 16px;
font-weight: 600;
font-family: var(--bs-font-monospace);
text-transform: capitalize;
margin-bottom: 12px;
}
.prjctNeed__item .content .timeSchedule {
gap: 16px;
}
.prjctNeed__item .content .timeSchedule label {
width: 100%;
max-width: 202px;
display: flex;
}
.prjctNeed__item .content .timeSchedule label input {
width: 0;
height: 0;
-webkit-appearance: 0;
-moz-appearance: 0;
appearance: 0;
}
.prjctNeed__item .content .timeSchedule label input:checked + span {
border-color: #52898F;
}
.prjctNeed__item .content .timeSchedule label input:checked + span small {
border: 0;
background: #26A5B2;
background: linear-gradient(225deg, rgb(38, 165, 178) 0%, rgb(0, 4, 4) 100%);
}
.prjctNeed__item .content .timeSchedule label span {
border-radius: 11px;
border: 2px solid #EAEAEA;
background-color: var(--bs-white);
box-shadow: 0 2px 6px rgba(19, 18, 66, 0.1019607843);
color: var(--bs-body-color);
display: flex;
align-items: center;
flex: 1;
gap: 12px;
font-size: 16px;
font-weight: 600;
font-family: var(--bs-font-monospace);
padding: 17px 25px;
}
.prjctNeed__item .content .timeSchedule label span small {
border-radius: 50%;
border: 2px solid #EAEAEA;
width: 19px;
flex: 0 0 19px;
height: 19px;
position: relative;
}
.prjctNeed__item .content .timeSchedule label span small::before {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
content: "";
border-radius: 50%;
background-color: var(--bs-white);
position: absolute;
}
.prjctNeed__item .content .form {
row-gap: 15px;
}
.prjctNeed__item .content .form > div {
row-gap: 15px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.prjctNeed__item .content .form .form-control {
border: 2px solid #EAEAEA;
background-color: var(--bs-white);
color: var(--bs-body-color) !important;
font-weight: 600;
border-radius: 6px;
font-family: var(--bs-body-font-family);
padding: 0 16px;
height: 52px;
}
@media (min-width: 992px) {
.prjctNeed__item .content .form .form-control {
border-radius: 12px;
}
}
@media (min-width: 1400px) {
.prjctNeed__item .content .form .form-control {
height: 60px;
}
}
.prjctNeed__item .content .form .form-control::-webkit-input-placeholder {
color: rgba(78, 78, 78, 0.7490196078);
}
.prjctNeed__item .content .form .form-control:-moz-placeholder {
color: rgba(78, 78, 78, 0.7490196078);
}
.prjctNeed__item .content .form .form-control::-moz-placeholder {
color: rgba(78, 78, 78, 0.7490196078);
}
.prjctNeed__item .content .form .form-control:-ms-input-placeholder {
color: rgba(78, 78, 78, 0.7490196078);
}
.prjctNeed__item .content .form textarea.form-control {
resize: none;
padding-top: 16px;
}
.prjctNeed__item .content__cta {
margin-top: auto;
padding-top: 26px;
}
.prjctNeed__item .content__cta button {
border: 0;
border-radius: 50px;
background-color: transparent;
outline: 0;
font-size: 14px;
font-weight: 600;
font-family: var(--bs-font-monospace);
text-transform: capitalize;
padding: 10px 20px;
}
@media (min-width: 768px) {
.prjctNeed__item .content__cta button {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.prjctNeed__item .content__cta button {
padding: 15px 24px;
font-size: 18px;
}
}
.prjctNeed__item .content__cta .prjctPrevBtn {
border: 2px solid var(--bs-body-color);
color: var(--bs-body-color);
}
.prjctNeed__item .content__cta .prjctNextBtn,
.prjctNeed__item .content__cta .prjctSubmitBtn {
background: #26A5B2;
background: linear-gradient(225deg, rgb(38, 165, 178) 0%, rgb(0, 4, 4) 100%);
color: var(--bs-white);
}
@media (min-width: 992px) {
.prjctNeed__item .content__cta .prjctNextBtn,
.prjctNeed__item .content__cta .prjctSubmitBtn {
min-width: 168px;
}
}
.prjctNeed__item .content__cta .prjctNextBtn svg,
.prjctNeed__item .content__cta .prjctSubmitBtn svg {
margin-left: 10px;
}
.info {
background-color: #faf9f9;
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 768px) {
.info {
padding-top: 50px;
padding-bottom: 35px;
}
}
@media (min-width: 1400px) {
.info {
padding-top: 70px;
padding-bottom: 45px;
}
}
.info .title {
line-height: 1.1;
}
@media (min-width: 1400px) {
.info .title {
font-size: 38px;
}
}
@media (min-width: 1400px) {
.info__des {
font-size: 18px;
}
}
.info__list {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 16px;
}
@media (min-width: 992px) {
.info__list {
margin-bottom: 30px;
}
}
@media (min-width: 1400px) {
.info__list li {
font-size: 18px;
margin-bottom: 8px;
}
}
.info .btn {
border-radius: 30px;
}
@media (min-width: 992px) {
.info__image {
height: 280px;
}
}
@media (min-width: 1200px) {
.info__image {
height: 350px;
}
}
@media (min-width: 1400px) {
.info__image {
height: auto;
}
}
.info .img .cover {
max-width: 200px;
}
@media (min-width: 1200px) {
.info .img .cover {
max-width: 385px;
}
}
.info .img .cover ul {
list-style: none;
}
.info .img .cover ul li {
left: 0;
padding-left: 60px;
}
@media (min-width: 1200px) {
.info .img .cover ul li {
padding-left: 80px;
}
}
@media (min-width: 1400px) {
.info .img .cover ul li {
white-space: nowrap;
}
}
.info .img .cover ul li::before {
top: calc(50% - 5px);
left: 0;
content: "";
width: 10px;
height: 10px;
border: 2px solid var(--bs-black);
position: absolute;
border-radius: 50%;
background-color: #f2f9fe;
}
@media (min-width: 1200px) {
.info .img .cover ul li::before {
border-width: 4px;
top: calc(50% - 10px);
width: 20px;
height: 20px;
}
}
.info .img .cover ul li::after {
position: absolute;
top: calc(50% - 1px);
left: 20px;
content: "";
height: 2px;
background-color: var(--bs-black);
width: 32px;
}
@media (min-width: 1200px) {
.info .img .cover ul li::after {
width: 42px;
left: 30px;
}
}
.info .img .cover ul li img {
width: 30px;
flex-shrink: 0;
}
@media (min-width: 1200px) {
.info .img .cover ul li img {
width: 50px;
}
}
.info .img .cover ul li span {
padding-left: 4px;
color: #282828;
font-weight: 600;
font-size: 13px;
flex-grow: 1;
display: block;
}
@media (min-width: 576px) {
.info .img .cover ul li span {
padding-left: 10px;
font-size: 14px;
}
}
@media (min-width: 1200px) {
.info .img .cover ul li span {
padding-left: 20px;
font-size: 18px;
}
}
.info .img .cover ul li:first-child {
top: -3px;
left: -85px;
}
@media (min-width: 1200px) {
.info .img .cover ul li:first-child {
top: 30px;
left: -130px;
}
}
.info .img .cover ul li:nth-child(2) {
top: 50px;
left: -30px;
}
@media (min-width: 1200px) {
.info .img .cover ul li:nth-child(2) {
top: 115px;
left: -55px;
}
}
.info .img .cover ul li:nth-child(3) {
top: calc(50% - 15px);
left: -17px;
}
@media (min-width: 1200px) {
.info .img .cover ul li:nth-child(3) {
top: calc(50% - 25px);
left: -32px;
}
}
.info .img .cover ul li:nth-child(4) {
bottom: 45px;
left: -30px;
}
@media (min-width: 1200px) {
.info .img .cover ul li:nth-child(4) {
bottom: 115px;
left: -55px;
}
}
.info .img .cover ul li:nth-child(5) {
bottom: 0;
left: -80px;
}
@media (min-width: 1200px) {
.info .img .cover ul li:nth-child(5) {
bottom: 30px;
left: -130px;
}
}
.blogSide {
margin-bottom: 22px;
}
@media (min-width: 992px) {
.blogSide {
padding-top: 26px;
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.blogSide {
margin-bottom: 70px;
}
}
@media (min-width: 1400px) {
.blogSide {
margin-bottom: 95px;
}
}
@media (min-width: 768px) {
.blogSide .title {
margin-bottom: 24px;
}
}
@media (min-width: 1200px) {
.blogSide .title {
margin-bottom: 34px;
}
}
@media (min-width: 1400px) {
.blogSide .title {
margin-bottom: 54px;
}
}
.blogSide__item {
box-shadow: 0px 12px 37.4px 0px rgba(6, 11, 19, 0.0705882353);
max-width: 475px;
width: 100%;
}
.blogSide__content {
padding: 16px;
}
@media (min-width: 992px) {
.blogSide__content {
padding: 25px;
}
}
.blogSide__ttl {
font-size: 18px;
line-height: 1.3;
font-family: var(--bs-font-monospace);
font-weight: 700;
color: #2d3748;
}
@media (min-width: 1400px) {
.blogSide__ttl {
font-size: 20px;
}
}
.blogSide__des {
color: #718096;
line-height: 1.1;
}
@media (min-width: 992px) {
.blogSide__des {
margin-bottom: 18px;
}
}
@media (min-width: 1200px) {
.blogSide__des {
margin-bottom: 22px;
}
}
.blogSide__detail span {
font-size: 14px;
color: #718096;
}
.blogSide .btn-primary {
background: var(--bs-secondary);
font-weight: 700;
white-space: nowrap;
}
.advanceTech {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.advanceTech {
margin-bottom: 30px;
}
}
@media (min-width: 1200px) {
.advanceTech {
margin-bottom: 50px;
}
}
@media (min-width: 1400px) {
.advanceTech {
margin-bottom: 90px;
}
}
.advanceTech__des {
color: var(--bs-gray);
margin-bottom: 18px;
}
@media (min-width: 992px) {
.advanceTech__des {
margin-bottom: 29px;
}
}
@media (min-width: 1200px) {
.advanceTech__des {
margin-bottom: 39px;
}
}
@media (min-width: 1400px) {
.advanceTech__des {
font-size: 20px;
margin-bottom: 59px;
}
}
.advanceTech__grp {
gap: 35px;
}
@media (min-width: 992px) {
.advanceTech__grp {
gap: 45px;
}
}
@media (min-width: 1400px) {
.advanceTech__grp {
gap: 85px;
padding-left: 120px;
padding-right: 120px;
}
}
.advanceTech__grp a {
text-decoration: none;
}
.advanceTech__grp a img {
padding-bottom: 8px;
max-height: 50px;
max-width: 50px;
}
@media (min-width: 992px) {
.advanceTech__grp a img {
max-height: 88px;
max-width: 88px;
}
}
@media (min-width: 1400px) {
.advanceTech__grp a img {
padding-bottom: 16px;
}
}
.advanceTech__grp a span {
color: #000000;
font-weight: 500;
font-size: 18px;
white-space: nowrap;
}
@media (min-width: 992px) {
.advanceTech__grp a span {
font-size: 21px;
}
}
.advanceTech .nav-pills {
position: relative;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
}
.advanceTech .nav-pills::-webkit-scrollbar {
width: 0;
background: transparent;
}
@media (min-width: 1400px) {
.advanceTech .nav-pills {
padding-left: 120px;
padding-right: 120px;
}
}
.advanceTech .nav-pills::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 4px;
background-color: #dedede;
width: 200%;
pointer-events: none;
}
@media (min-width: 576px) {
.advanceTech .nav-pills::before {
width: 120%;
}
}
@media (min-width: 768px) {
.advanceTech .nav-pills::before {
width: 100%;
}
}
.advanceTech .nav-pills .nav-item {
position: relative;
}
.advanceTech .nav-pills .nav-link {
font-size: 18px;
color: var(--bs-black);
font-weight: 700;
position: relative;
z-index: 1;
padding-bottom: 20px;
}
@media (min-width: 992px) {
.advanceTech .nav-pills .nav-link {
font-size: 22px;
}
}
.advanceTech .nav-pills .nav-link.active::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background-color: var(--bs-dark);
z-index: 2;
}
.advanceTech .nav-pills .nav-link.active,
.advanceTech .nav-pills .show > .nav-link {
color: var(--bs-dark);
background-color: transparent;
}
a.scrollup {
position: fixed;
display: none;
right: 20px;
bottom: 100px;
height: 46px;
width: 46px;
line-height: 44px;
background: linear-gradient(187.59deg, #26a5b2 -135.02%, #000404 134.48%);
color: var(--bs-white);
text-align: center;
border-radius: 50%;
margin-left: -24px;
z-index: 9;
}
a.scrollup svg {
transform: rotateX(180deg);
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: move;
cursor: grab;
cursor: -webkit-grab;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
outline: 0;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
font-size: 0px;
cursor: pointer;
background-color: transparent;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 1;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background-color: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 1;
}
.slick-prev:before,
.slick-next:before {
font-size: 30px;
line-height: 1;
color: #000;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 0;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "";
}
[dir=rtl] .slick-prev:before {
content: "";
}
.slick-next {
right: 0;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "";
}
[dir=rtl] .slick-next:before {
content: "";
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
width: 40px;
height: 5px;
border: 0;
background-color: rgba(0, 77, 85, 0.6);
outline: none;
font-size: 0px;
color: transparent;
padding: 0;
cursor: pointer;
border-radius: 10px;
}
.slick-dots li.slick-active button {
background-color: var(--bs-primary);
opacity: 1;
}
.sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}