@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
.animated {
animation-duration: 1.25s; }
.animated-slow {
animation-duration: 2.25s; }
.animated-fast {
animation-duration: 0.5s; }
@font-face {
font-family: 'Nulshock';
src: url(//adamosoft.com/wp-content/themes/adamo/assets/font/Nulshock/nulshock_bd.ttf) format("woff"); }
body {
font-family: 'Bai Jamjuree', sans-serif;
margin: 0;
padding: 0; }
img {
transition: all 0.3s ease;
max-width: 100%;
height: auto;
vertical-align: middle; }
div {
box-sizing: border-box; }
a {
text-decoration: none; }
a:hover {
color: var(--TrueBlue-50, #1C5DC5); }
li {
list-style: none; }
h1, h2, h3, h4, h5, h6, p, ul {
margin-bottom: 0;
margin-top: 0; }
*,
*::before,
*::after {
box-sizing: border-box; }
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
-webkit-transform: translateX(calc(-250px * 7));
transform: translateX(calc(-250px * 7)); } }
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
-webkit-transform: translateX(calc(-250px * 7));
transform: translateX(calc(-250px * 7)); } }
.slider_cs_scroll {
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
margin: auto;
overflow: hidden;
position: relative;
width: 100%; }
.slider_cs_scroll::before {
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
content: "";
height: 128px;
position: absolute;
width: 200px;
z-index: 2;
left: 0;
top: 0; }
.slider_cs_scroll::after {
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
content: "";
height: 128px;
position: absolute;
width: 200px;
z-index: 2;
right: 0;
top: 0;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg); }
.slider_cs_scroll .slide-track {
-webkit-animation: scroll 20s linear infinite;
animation: scroll 20s linear infinite;
display: flex;
width: calc(250px * 14);
padding: 32px 0; }
header.scrolled1 {
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.5);
position: fixed;
z-index: 14;
width: 100%;
top: 0; }
header.scrolled1 .header_top {
background: #000; }
header.scrolled2 {
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.5);
position: fixed;
z-index: 14;
width: 100%;
top: 0; }
header.scrolled2 .header_top {
background: #FFF; }
header.scrolled2 .header_top.z_index {
background: unset; }
header.scrolled2 .header_top.z_index .menu_mobile {
opacity: 0.5; }
header .header_top {
display: flex;
width: 100%;
height: 64px;
padding-left: 8%; }
header .header_top .content_header {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center; }
header .header_top .content_header .logo {
display: flex;
width: 155px;
height: 44px;
align-items: center; }
header .header_top .content_header .logo img {
width: 100%; }
header .header_top .content_header .logo img:first-child {
display: none; }
header .header_top .content_header .menu_main {
display: flex;
align-items: flex-start;
margin-bottom: 0; }
header .header_top .content_header .menu_main .close {
display: none; }
header .header_top .content_header .menu_main .menu_item {
display: flex;
padding: 0 16px;
height: 64px;
justify-content: center;
align-items: center;
gap: 8px; }
header .header_top .content_header .menu_main .menu_item .menu_a {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center; }
header .header_top .content_header .menu_main .menu_item .menu_a a {
color: var(--Neutral-10, #111318);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; text-transform: uppercase;
text-decoration: none; }
header .header_top .content_header .menu_main .menu_item .menu_a .black {
display: inline; }
header .header_top .content_header .menu_main .menu_item .menu_a .white {
display: none; }
header .header_top .content_header .menu_main .menu_item:last-child {
display: flex;
justify-content: center;
align-items: center;
padding-right: 0; }
header .header_top .content_header .menu_main .menu_item:last-child:hover {
background-color: unset;
border: none; }
header .header_top .content_header .menu_main .menu_item:last-child span {
color: var(--Neutral-100, #FFF); }
header .header_top .content_header .menu_main .menu_item:last-child span:hover {
font-weight: 500; }
header .header_top .content_header .menu_main .menu_item:last-child span a {
display: flex;
color: var(--Neutral-100, #FFF);
background: var(--TrueBlue-50, #1C5DC5);
width: 160px;
height: 64px;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
text-transform: uppercase;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
header .header_top .content_header .menu_main .menu_item:last-child span a:hover {
background: #2053AE; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child {
position: absolute;
display: flex;
left: 0;
top: 64px;
width: 100%;
background-color: #FFF;
z-index: 10;
flex-wrap: wrap;
justify-content: center;
align-items: start;
gap: 60px;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease;
padding: 0 8%; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child li {
width: calc(33.3333% - 40px); }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child li .link_menu {
color: var(--Neutral-0, #000);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; display: block;
margin-bottom: 8px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child li .link_menu:hover {
color: var(--TrueBlue-50, #1C5DC5); }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child li p {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child .list_post {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child .list_post .img {
height: 194px;
overflow: hidden;
margin-bottom: 8px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child .list_post img {
height: 100%;
align-self: stretch;
object-fit: cover;
width: 100%;
transition: all 0.3s ease; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child .list_post span {
color: var(--Neutral-0, #000);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; text-transform: unset; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child .list_post p {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin: 0; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child .list_post:hover span {
color: var(--TrueBlue-50, #1C5DC5); }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child.dropdown-menu-child-expertise {
gap: 48px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child.dropdown-menu-child-expertise li {
gap: 32px; }
@media screen and (min-width: 992px) {
header .header_top .content_header .menu_main .menu_item:hover {
background: var(--TrueBlue-95, #EDF0FF);
border-bottom: 4px solid var(--TrueBlue-50, #1C5DC5);
cursor: pointer; }
header .header_top .content_header .menu_main .menu_item:hover .menu_a a {
font-weight: 700; }
header .header_top .content_header .menu_main .menu_item:hover .dropdown-menu-child {
display: flex;
height: auto;
max-height: 1000px;
padding: 64px 8%; } }
header .header_top .content_header .menu_mobile {
display: none; }
header .header_top .content_header .menu_mobile img {
vertical-align: top; }
header .header_top.header_top_custom {
position: relative;
z-index: 15;
transition: all 0.3s ease; }
header .header_top.header_top_custom.z_index {
z-index: unset; }
header .header_top.header_top_custom.z_index .menu_mobile {
opacity: 0.5; }
header .header_top.header_top_custom .content_header .logo img:first-child {
display: inline-block; }
header .header_top.header_top_custom .content_header .logo img:last-child {
display: none; }
@media screen and (min-width: 992px) {
header .header_top.header_top_custom .content_header .menu_main .menu_item .menu_a a {
color: var(--Neutral-100, #FFF); } }
header .header_top.header_top_custom .content_header .menu_main .menu_item .menu_a .black {
display: none; }
header .header_top.header_top_custom .content_header .menu_main .menu_item .menu_a .white {
display: inline; }
@media screen and (min-width: 992px) {
header .header_top.header_top_custom .content_header .menu_main .menu_item .menu_a svg path {
fill: var(--Neutral-100, #FFF); } }
header .header_top.header_top_custom.bg_custom {
background-color: var(--Neutral-100, #FFF); }
header .header_top.header_top_custom.bg_custom .content_header .logo img:first-child {
display: none; }
header .header_top.header_top_custom.bg_custom .content_header .logo img:last-child {
display: inline-block; }
header .header_top.header_top_custom.bg_custom .content_header .menu_main .menu_item .menu_a a {
color: var(--Neutral-10, #111318); }
header .header_top.header_top_custom.bg_custom .content_header .menu_main .menu_item .menu_a .black {
display: inline; }
header .header_top.header_top_custom.bg_custom .content_header .menu_main .menu_item .menu_a .white {
display: none; }
header .header_top.header_top_custom.bg_custom .content_header .menu_main .menu_item .menu_a svg path {
fill: var(--Neutral-10, #111318); }
.content_slide {
height: 836px; }
.content_slide .slide_item {
position: relative;
height: 100%; }
.content_slide .slide_item video, .content_slide .slide_item .iframe_video_banner {
width: 100%;
vertical-align: middle;
object-fit: cover;
height: 836px; }
.content_slide .slide_item img {
width: 100%;
vertical-align: middle;
height: 100%;
object-fit: cover; }
.content_slide .slide_item .bg_opacity {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4); }
.content_slide .list_content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 858px;
z-index: 1;
width: 100%; }
.content_slide .list_content .title {
margin-bottom: 24px; }
.content_slide .list_content .title .title_text {
color: var(--Neutral-100, #FFF);
text-align: center;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin: 0; }
.content_slide .list_content .content_text {
margin-bottom: 48px; }
.content_slide .list_content .content_text p {
color: var(--Neutral-100, #FFF);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.3s ease; }
.content_slide .list_content .list_button {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 16px; }
.content_slide .list_content .list_button .button_item {
display: flex;
justify-content: space-between;
align-items: center; }
.content_slide .list_content .list_button .button_item a {
display: flex;
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
padding: 16px 24px;
border: 1.5px solid #FFF;
transition: all 0.3s ease; }
.content_slide .list_content .list_button .button_item a img {
width: auto; }
.content_slide .list_content .list_button .button_item:hover a {
background: var(--TrueBlue-50, #1C5DC5);
border: 1.5px solid var(--TrueBlue-50, #1C5DC5); }
.content_slide .list_content .list_button .button_item.custom:hover a {
background: var(--Permanent-Geranium-Lake-50, #DB292C);
border: 1.5px solid var(--Permanent-Geranium-Lake-50, #DB292C); }
.contact_show_icon {
position: fixed;
bottom: 160px;
right: 48px;
display: flex;
flex-direction: column;
gap: 16px;
z-index: 10; }
.contact_show_icon div {
width: 64px;
height: 64px;
border-radius: 50%;
background-color: #DB292C;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center; }
.contact_show_icon div.call {
background-color: #2BB74A; }
.content_slide_custom {
height: 980px;
margin-top: -64px;
position: relative;
display: flex;
flex-wrap: wrap;
overflow: hidden; }
.content_slide_custom.slick-slider {
margin-bottom: 0; }
.content_slide_custom .slide_item {
position: relative;
height: 100%;
width: 100%; }
.content_slide_custom .slide_item .iframe_video_banner {
width: 100%;
vertical-align: middle;
object-fit: cover;
height: 980px; }
.content_slide_custom .slide_item img {
width: 100%;
vertical-align: middle;
height: 100%;
object-fit: cover; }
.content_slide_custom .slide_item .bg_opacity {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4); }
.content_slide_custom .list_content {
position: absolute;
left: 8%;
top: 50%;
transform: translateY(-50%);
max-width: 776px;
z-index: 1;
width: 100%; }
.content_slide_custom .list_content .title {
margin-bottom: 24px; }
.content_slide_custom .list_content .title .title_text {
color: var(--Neutral-100, #FFF);
text-align: left;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin: 0; }
.content_slide_custom .list_content .title .title_text span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_slide_custom .list_content .content_text {
margin-bottom: 48px; }
.content_slide_custom .list_content .content_text p {
color: var(--Neutral-100, #FFF);
text-align: left;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_slide_custom .list_content .button_item {
display: flex;
justify-content: start;
align-items: center; }
.content_slide_custom .list_content .button_item a {
min-width: 240px;
width: auto;
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; display: flex;
padding: 16px 24px;
justify-content: space-between;
align-items: center;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
transition: all 0.3s ease; }
.content_slide_custom .list_content .button_item a:hover {
background: var(--Cinnabar-40, #7B1517); }
.content_slide_custom .list_content .button_item a img {
width: auto; }
.content_slide_custom .list_content .content_text_cs {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch;
margin-bottom: 48px; }
.content_slide_custom .list_content .content_text_cs p {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_slide_custom .list_content .list_number_text {
display: flex;
flex-wrap: wrap;
gap: 24px; }
.content_slide_custom .list_content .list_number_text .item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
width: calc(50% - 12px); }
.content_slide_custom .list_content .list_number_text .item .title_num {
color: var(--Neutral-100, #FFF);
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: 100%; }
.content_slide_custom .list_content .list_number_text .item .content_num {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.content_slide_custom .slick-arrow {
width: 56px;
height: 56px;
border-radius: 50%;
border: 1.5px solid #FFF;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-right.svg);
background-position: center;
background-repeat: no-repeat;
top: unset;
bottom: 73px;
z-index: 4;
left: calc(8% + 80px);
transition: all 0.3s ease; }
.content_slide_custom .slick-arrow:before {
display: none; }
.content_slide_custom .slick-arrow.slick-disabled {
opacity: 0.4; }
.content_slide_custom .slick-arrow:hover {
background-color: rgba(255, 255, 255, 0.1); }
.content_slide_custom .slick-prev {
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-left.svg);
left: 8%; }
.content_slide_custom .slick-dots {
bottom: 100px;
z-index: 3;
display: flex;
align-items: end;
right: 8%;
left: unset;
width: 100%;
justify-content: end; }
.content_slide_custom .slick-dots li {
position: relative;
border-bottom: 1px solid var(--Neutral-60, #8F9099);
width: auto;
height: auto;
margin: 0;
min-width: 80px;
padding-bottom: 32px;
text-align: left; }
.content_slide_custom .slick-dots li span {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.content_slide_custom .slick-dots li span.text {
display: none; }
.content_slide_custom .slick-dots li button {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.content_slide_custom .slick-dots li.slick-active {
border-bottom: 4px solid var(--Permanent-Geranium-Lake-50, #DB292C);
min-width: 260px;
padding-right: 15px; }
.content_slide_custom .slick-dots li.slick-active span.number {
display: none; }
.content_slide_custom .slick-dots li.slick-active span.text {
display: inline-block; }
.content_slide_custom.content_slide_custom_about {
background: radial-gradient(80.45% 41.9% at 86.67% 39.4%, #113978 0%, #081935 100%); }
.content_slide_custom.content_slide_custom_about .list_content {
max-width: 40%; }
.content_slide_custom.content_slide_custom_about .slide_item .bg_opacity {
background-color: unset; }
@media screen and (max-width: 1280px) {
.contact_show_icon {
bottom: 80px;
right: 30px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child {
gap: 30px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child li {
width: calc(33.33% - 20px); }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child li .link_menu {
margin-bottom: 8px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child .list_post {
gap: 12px; }
.content_slide {
height: 680px; }
.content_slide .list_content .title .title_text {
font-size: 48px; }
.content_slide .slide_item video, .content_slide .slide_item .iframe_video_banner {
height: 680px; }
.content_slide_custom .list_content {
max-width: 60%; }
.content_slide_custom .list_content .title .title_text {
font-size: 48px; }
.content_slide_custom .list_content .content_text_cs {
gap: 24px; }
.content_slide_custom .list_content .list_number_text .item .title_num {
font-size: 60px; }
.content_slide_custom .slick-dots li {
min-width: 60px; }
.content_slide_custom .slick-dots li.slick-active {
width: auto;
min-width: 180px; }
.content_slide_custom .slick-arrow {
width: 46px;
height: 46px; }
.content_slide_custom.content_slide_custom_about .slide_item .bg_opacity {
background-color: unset; }
.content_slide_custom.content_slide_custom_about .list_content {
max-width: 50%;
padding-top: 30px; } }
@media screen and (max-width: 991px) {
header .header_top {
padding: 0 8%; }
header .header_top .content_header .menu_main {
position: fixed;
left: -100%;
display: block;
flex-wrap: wrap;
background: #FFF;
z-index: 125;
height: 120vh;
max-width: 360px;
width: 100%;
top: 0;
transition: all 0.3s ease;
padding: 30px; }
header .header_top .content_header .menu_main.active {
left: 0;
box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08); }
header .header_top .content_header .menu_main .close {
display: flex;
justify-content: end;
padding-bottom: 15px; }
header .header_top .content_header .menu_main .menu_item {
justify-content: start;
flex-direction: column;
align-items: start;
height: auto;
padding: 0;
text-align: left; }
header .header_top .content_header .menu_main .menu_item .menu_a .white {
display: none !important; }
header .header_top .content_header .menu_main .menu_item .menu_a .black {
display: inline !important; }
header .header_top .content_header .menu_main .menu_item > span {
display: flex;
align-items: center;
width: 100%;
padding: 15px;
gap: 8px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child {
position: relative;
margin-top: 0;
padding: 0 15px;
top: 0;
max-height: 0;
overflow: hidden;
display: block; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child li {
width: 100%;
margin-bottom: 20px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child li .link_menu {
margin-bottom: 4px;
font-size: 18px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child .list_post {
gap: 10px; }
header .header_top .content_header .menu_main .menu_item .dropdown-menu-child .list_post span {
font-size: 18px; }
header .header_top .content_header .menu_main .menu_item.active {
background-color: unset;
border-bottom: 1px solid #F5F5F5; }
header .header_top .content_header .menu_main .menu_item.active > span {
background: var(--TrueBlue-95, #EDF0FF);
border-bottom: 4px solid var(--TrueBlue-50, #1C5DC5); }
header .header_top .content_header .menu_main .menu_item.active > span a {
font-weight: 700; }
header .header_top .content_header .menu_main .menu_item.active .dropdown-menu-child {
max-height: 400px;
overflow-y: auto;
padding: 15px; }
header .header_top .content_header .menu_main .menu_item:last-child {
margin-top: 15px;
width: 100%;
max-width: 180px; }
header .header_top .content_header .menu_main .menu_item.active .menu_a img {
transform: rotate(180deg); }
header .header_top .content_header .menu_mobile {
display: block; }
header .header_top .content_header .menu_mobile .show_white {
display: none; }
header .header_top .content_header .menu_mobile .show_blue {
display: inline-block; }
header .header_top_custom .content_header .menu_mobile .show_white {
display: inline-block; }
header .header_top_custom .content_header .menu_mobile .show_blue {
display: none; }
.content_slide {
height: 480px; }
.content_slide .list_content {
max-width: 500px; }
.content_slide .list_content .title {
margin-bottom: 18px; }
.content_slide .list_content .title .title_text {
font-size: 38px; }
.content_slide .list_content .content_text {
margin-bottom: 30px; }
.content_slide .list_content .content_text p {
font-size: 18px; }
.content_slide .list_content .list_button .button_item a {
padding: 12px 20px; }
.content_slide .slide_item video, .content_slide .slide_item .iframe_video_banner {
height: 480px; }
.content_slide_custom {
height: 600px; }
.content_slide_custom .list_content .title .title_text {
font-size: 38px; }
.content_slide_custom .list_content .content_text p {
font-size: 18px; }
.content_slide_custom .list_content .content_text_cs {
gap: 20px;
margin-bottom: 30px; }
.content_slide_custom .list_content .list_number_text {
gap: 20px; }
.content_slide_custom .list_content .list_number_text .item .title_num {
font-size: 50px; }
.content_slide_custom .slide_item .iframe_video_banner {
height: 600px; }
.content_slide_custom .slick-arrow {
bottom: 30px; }
.content_slide_custom .slick-dots {
bottom: 45px; }
.content_slide_custom.content_slide_custom_about {
height: auto;
padding: 80px 0 30px 8%; }
.content_slide_custom.content_slide_custom_about .list_content {
max-width: 80%;
position: relative;
transform: unset;
top: unset;
left: unset; }
.content_slide_custom.content_slide_custom_about .slide_item .iframe_video_banner {
height: auto; } }
@media screen and (max-width: 767px) {
.contact_show_icon {
bottom: 30px;
right: 20px; }
.contact_show_icon div {
width: 40px;
height: 40px; }
.contact_show_icon div img {
width: 20px; }
.slider_cs_scroll::before {
height: 104px;
width: 100px; }
.slider_cs_scroll::after {
height: 104px;
width: 100px; }
.slider_cs_scroll .slide-track {
padding: 20px 0; }
header .header_top {
padding: 0 8%; }
.content_slide .list_content {
padding: 30px; }
.content_slide .list_content .title {
margin-bottom: 12px; }
.content_slide .list_content .title .title_text {
font-size: 28px; }
.content_slide .list_content .content_text {
margin-bottom: 20px; }
.content_slide .list_content .content_text p {
font-size: 16px; }
.content_slide_custom {
height: 520px; }
.content_slide_custom .list_content .title {
margin-bottom: 12px; }
.content_slide_custom .list_content .list_number_text .item .title_num {
font-size: 42px; }
.content_slide_custom .list_content .content_text {
margin-bottom: 24px; }
.content_slide_custom .list_content .content_text p {
font-size: 16px; }
.content_slide_custom .list_content .button_item a {
font-size: 14px;
padding: 11px 20px;
min-width: 180px; }
.content_slide_custom .list_content .button_item a svg {
width: 18px; }
.content_slide_custom .slide_item .iframe_video_banner {
height: 520px; }
.content_slide_custom .slick-arrow {
display: none !important;
bottom: 30px; }
.content_slide_custom .slick-dots {
bottom: 45px; }
.content_slide_custom .slick-dots li {
min-width: 40px; }
.content_slide_custom .slick-dots li span {
font-size: 14px; }
.content_slide_custom .slick-dots li.slick-active {
min-width: 140px; } }
@media screen and (max-width: 600px) {
.slider_cs_scroll::before {
width: 50px; }
.slider_cs_scroll::after {
width: 50px; }
header .header_top {
padding: 0 16px; }
.content_slide .list_content {
padding: 30px; }
.content_slide .list_content .title {
margin-bottom: 12px; }
.content_slide .list_content .title .title_text {
font-size: 28px; }
.content_slide .list_content .content_text {
margin-bottom: 20px; }
.content_slide .list_content .content_text p {
font-size: 16px; }
.content_slide .list_content .list_button .button_item a {
padding: 12px 16px;
font-size: 14px; }
.content_slide_custom .list_content {
left: 16px;
width: calc(100% - 32px);
max-width: unset; }
.content_slide_custom .list_content .title .title_text {
font-size: 28px; }
.content_slide_custom .list_content .content_text_cs {
gap: 16px; }
.content_slide_custom .list_content .list_number_text .item .title_num {
font-size: 38px; }
.content_slide_custom .list_content .list_number_text .item .content_num {
font-size: 14px; }
.content_slide_custom .list_content .button_item a img {
max-width: 20px; }
.content_slide_custom .slick-dots {
right: 16px;
bottom: 25px; }
.content_slide_custom .slick-dots li {
padding-bottom: 20px;
min-width: 30px; }
.content_slide_custom .slick-dots li.slick-active {
max-width: 140px; }
.content_slide_custom.content_slide_custom_about {
padding: 80px 0 30px 16px; }
.content_slide_custom.content_slide_custom_about .list_content {
max-width: 100%; } }
#myModal {
display: none;
position: fixed;
z-index: 100;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: black;
background-color: rgba(0, 0, 0, 0.6); }
#myModal .modal-content {
background-color: #FFF;
margin: 15% auto;
border: none;
max-width: 648px;
padding: 56px 80px;
width: 100%; }
#myModal .modal-content .content {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
align-items: center; }
#myModal .modal-content .content .title {
color: var(--Neutral-10, #111318);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
#myModal .modal-content .content .description p {
color: var(--Neutral-30, #44464F);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin-bottom: 1em; }
#myModal .modal-content .content .description p:last-child {
margin-bottom: 0; }
#myModal .modal-content .content .description a {
color: var(--Dark-Cerulean-50, #1C5DC5);
font-weight: 700; }
#myModal .modal-content .content .button_back a {
display: flex;
padding: 16px 24px;
align-items: center;
gap: 8px;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
footer .form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-clip: padding-box;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
footer .form-floating {
position: relative; }
footer .form-floating > .form-control {
height: 56px;
min-height: 56px;
line-height: 1.25;
padding: 1rem 0.75rem; }
footer .form-floating > .form-control:focus {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
footer .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
footer .form-floating > .form-control:focus ~ label {
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
footer .form-floating > .form-control:not(:placeholder-shown) ~ label {
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
footer .form-floating > .form-control-plaintext {
height: 56px;
min-height: 56px;
line-height: 1.25;
padding: 1rem 0.75rem; }
footer .form-floating > .form-control-plaintext:focus {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
footer .form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem; }
footer .form-floating > .form-select {
height: 56px;
min-height: 56px;
line-height: 1.25; }
footer .form-floating > label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity .1s ease-in-out, transform .1s ease-in-out; }
footer .form-floating > .form-control-plaintext ~ label {
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
footer .form-floating > .form-select ~ label {
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
footer .form-floating ::-webkit-input-placeholder {
color: transparent; }
footer .form-floating :-moz-placeholder {
color: transparent; }
footer .form-floating ::-moz-placeholder {
color: transparent; }
footer .form-floating :-ms-input-placeholder {
color: transparent; }
footer .contact_form {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: var(--TrueBlue-20, #081935); }
footer .contact_form .content {
padding: 7% 8%;
display: flex;
flex-wrap: wrap; }
footer .contact_form .content .content_left {
width: 40%;
max-width: 690px; }
footer .contact_form .content .content_left .title_small {
color: var(--Permanent-Geranium-Lake-50, #DB292C);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; margin-bottom: 16px;
text-transform: uppercase; }
footer .contact_form .content .content_left .title {
color: var(--Neutral-100, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 48px; }
footer .contact_form .content .content_left .title_main {
color: var(--Neutral-100, #FFF);
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%;
margin-bottom: 16px; }
footer .contact_form .content .content_left .text_bot {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin-bottom: 48px; }
footer .contact_form .content .content_left .review {
margin-bottom: 48px; }
footer .contact_form .content .content_left .review .text {
color: var(--TrueBlue-70, #84AAFF);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; margin-bottom: 8px; }
footer .contact_form .content .content_left .review .bot {
display: flex;
align-items: center;
gap: 16px; }
footer .contact_form .content .content_left .review .bot .bot_right p {
color: var(--TrueBlue-60, #628EED);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin: 0; }
footer .contact_form .content .content_left .review .bot .bot_right .rating-star-container-base {
width: 80px;
height: 16px;
background-repeat: no-repeat;
display: flex; }
footer .contact_form .content .content_left .review .bot .bot_right .rating-star-container {
height: 16px;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/star2.svg);
display: flex;
background-repeat: no-repeat; }
footer .contact_form .content .content_left .contact_list {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px; }
footer .contact_form .content .content_left .contact_list .item {
display: flex;
align-items: center;
gap: 16px; }
footer .contact_form .content .content_left .contact_list .item .icon {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: var(--TrueBlue-10, #06152D);
min-height: 48px; }
footer .contact_form .content .content_left .contact_list .item span, footer .contact_form .content .content_left .contact_list .item a {
color: var(--TrueBlue-90, #D9E2FF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
footer .contact_form .content .content_left .contact_list.contact_list_final h4 {
font-size: 24px;
font-weight: 700;
line-height: 28.8px;
text-align: left;
color: #FAFCFE;
margin-bottom: 8px; }
footer .contact_form .content .content_left .contact_list.contact_list_final p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #C5C6D0; }
footer .contact_form .content .content_right {
max-width: 750px;
width: 60%;
padding-left: 120px; }
footer .contact_form .content .content_right form {
width: 100%; }
footer .contact_form .content .content_right form br {
display: none; }
footer .contact_form .content .content_right form .wpcf7-response-output {
color: #FFF;
position: relative; }
footer .contact_form .content .content_right form .wpcf7-response-output:hover {
cursor: pointer; }
footer .contact_form .content .content_right form .wpcf7-response-output::after {
content: '';
position: absolute;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/icons-close.svg);
width: 24px;
height: 24px;
background-position: center;
background-size: 24px;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
right: 10px; }
footer .contact_form .content .content_right form input[type="number"] {
-moz-appearance: textfield; }
footer .contact_form .content .content_right form input[type="number"]::-webkit-inner-spin-button,
footer .contact_form .content .content_right form input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
footer .contact_form .content .content_right form .form-group {
border-radius: 4px;
outline: none;
border: none;
margin-bottom: 16px; }
footer .contact_form .content .content_right form .form-group .wpcf7-not-valid-tip {
display: none; }
footer .contact_form .content .content_right form .form-group label {
color: var(--TrueBlue-70, #84AAFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; background-color: unset; }
footer .contact_form .content .content_right form .form-group label:after {
display: none; }
footer .contact_form .content .content_right form .form-group input {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; border-radius: 4px;
background-color: var(--TrueBlue-10, #06152D);
border: none;
outline: none; }
footer .contact_form .content .content_right form .form-group input.wpcf7-not-valid {
border: 1px solid red;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/error.svg);
background-position: right 10px center;
background-repeat: no-repeat; }
footer .contact_form .content .content_right form .form-group textarea {
background-color: var(--TrueBlue-10, #06152D);
height: 130px;
outline: none;
border: none;
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; resize: none; }
footer .contact_form .content .content_right form .form-group textarea.wpcf7-not-valid {
border: 1px solid red;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/error.svg);
background-position: right 10px top 15px;
background-repeat: no-repeat; }
footer .contact_form .content .content_right form .text_how {
color: var(--Neutral-100, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; margin-bottom: 16px; }
footer .contact_form .content .content_right form .list_how {
display: flex;
align-items: flex-start;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 24px; }
footer .contact_form .content .content_right form .list_how .item {
display: flex;
padding: 12px 16px;
align-items: flex-start;
gap: 8px;
border-radius: 4px;
border: 1.5px solid var(--TrueBlue-50, #1C5DC5);
color: var(--Neutral-100, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
footer .contact_form .content .content_right form .list_how .item img {
display: none; }
footer .contact_form .content .content_right form .list_how .item.active {
background: var(--TrueBlue-50, #1C5DC5);
color: var(--Neutral-100, #FFF);
border: none; }
footer .contact_form .content .content_right form .list_how .item.active img {
display: inline; }
footer .contact_form .content .content_right form .list_how .item:hover {
cursor: pointer; }
footer .contact_form .content .content_right form .g-recaptcha {
margin: 24px 0; }
footer .contact_form .content .content_right form .error-g-recaptcha {
color: red;
font-size: 13px;
margin-top: -18px;
margin-bottom: 20px;
display: none; }
footer .contact_form .content .content_right form .group_submit {
width: 100%;
margin-top: 24px; }
footer .contact_form .content .content_right form .group_submit .submit_show_custom {
width: 100%;
border: none;
outline: none;
padding: 16px;
display: flex;
justify-content: center;
align-items: center;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
gap: 8px;
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; transition: all 0.3s ease; }
footer .contact_form .content .content_right form .group_submit .submit_show_custom:hover {
cursor: pointer;
background: var(--Cinnabar-40, #7B1517); }
footer .contact_form .content .content_right form.submitting .group_submit .submit_show_custom {
opacity: 0.4;
pointer-events: none; }
footer .contact_form.contact_us {
background-image: unset !important;
background-color: #FFF; }
footer .contact_form.contact_us .content {
padding: 0; }
footer .contact_form.contact_us .content .content_left {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: var(--TrueBlue-20, #081935);
width: 50%;
max-width: unset;
padding: 12% 8%; }
footer .contact_form.contact_us .content .content_right {
max-width: unset;
width: 50%;
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
padding: 0 8%; }
footer .contact_form.contact_us .content .content_right .title_small {
color: var(--Neutral-0, #000);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px; }
footer .contact_form.contact_us .content .content_right form .text_how {
color: var(--Neutral-0, #000); }
footer .contact_form.contact_us .content .content_right form .form-group label {
color: var(--Neutral-50, #757780); }
footer .contact_form.contact_us .content .content_right form .form-group input {
background-color: #EFF0FA;
color: var(--Neutral-10, #111318); }
footer .contact_form.contact_us .content .content_right form .form-group textarea {
background-color: #EFF0FA;
color: var(--Neutral-10, #111318); }
footer .contact_form.contact_us .content .content_right form .list_how .item {
color: var(--Neutral-10, #111318);
background: var(--Neutral-95, #EFF0FA); }
footer .contact_form.contact_us .content .content_right form .list_how .item.active {
background: var(--TrueBlue-50, #1C5DC5);
color: var(--Neutral-100, #FFF);
border: none; }
footer .contact_form.contact_us .content .content_right form .wpcf7-response-output {
color: var(--Neutral-10, #111318); }
footer .footer_top {
display: flex;
flex-wrap: wrap;
width: 100%;
flex-direction: column;
gap: 80px;
padding: 4% 8%; }
footer .footer_top .list_item {
display: flex;
flex-wrap: wrap;
gap: 32px;
width: 100%; }
footer .footer_top .list_item .item {
width: calc(25% - 24px);
display: flex;
flex-direction: column;
gap: 20px; }
footer .footer_top .list_item .item > img {
max-width: 234px; }
footer .footer_top .list_item .item .title {
color: var(--Neutral-10, #111318);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
footer .footer_top .list_item .item ul {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0;
padding: 0; }
footer .footer_top .list_item .item ul li, footer .footer_top .list_item .item ul a {
list-style: none;
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; transition: all 0.3s ease; }
footer .footer_top .list_item .item ul a:hover {
color: var(--TrueBlue-50, #1C5DC5); }
footer .footer_top .list_item .item.item_first {
gap: 80px; }
footer .footer_top .list_item .item.item_first .contact_list_cs {
display: flex;
flex-direction: column;
gap: 16px; }
footer .footer_top .list_item .item.item_first .contact_list_cs .item {
width: 100%;
flex-direction: unset;
align-items: center; }
footer .footer_top .list_item .item.item_first .contact_list_cs .item .icon {
background: #AEC8F3;
width: 48px;
height: 48px;
min-width: 48px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%; }
footer .footer_top .list_item .item.item_first .contact_list_cs .item a {
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 24px; }
footer .footer_top .list_bot {
display: flex;
justify-content: center;
align-items: center; }
footer .footer_top .list_bot ul {
padding: 0;
margin: 0;
display: flex; }
footer .footer_top .list_bot ul li {
border-right: 1px solid #C5C6D0; }
footer .footer_top .list_bot ul li a {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; padding: 0 56px;
transition: all 0.3s ease; }
footer .footer_top .list_bot ul li a:hover {
color: var(--TrueBlue-50, #1C5DC5); }
footer .footer_top .list_bot ul li:last-child {
border: none; }
footer .footer_bottom {
margin: 0 8%;
border-top: 1px solid var(--Neutral-90, #E1E2EC);
display: flex;
padding: 24px 0;
justify-content: space-between;
align-items: flex-start; }
footer .footer_bottom .copyright {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
footer .footer_bottom .list_icon {
display: flex;
align-items: flex-end;
gap: 42px; }
footer .footer_bottom .list_icon a {
display: inline-flex; }
footer .footer_bottom .list_icon a img:last-child {
display: none; }
footer .footer_bottom .list_icon a svg {
width: 24px;
height: 24px; }
footer .footer_bottom .list_icon a:hover svg path:first-child {
fill: var(--TrueBlue-50, #1C5DC5); }
footer .footer_bottom .list_icon a:hover img:first-child {
display: none; }
footer .footer_bottom .list_icon a:hover img:last-child {
display: inline-flex; }
.modal-opacity-custom {
opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: 12;
width: 100vw;
height: 100vh;
background-color: #000;
display: none; }
.modal-opacity-custom.active {
display: block; }
@media screen and (max-width: 1280px) {
footer .contact_form .content .content_left .title {
font-size: 40px; }
footer .contact_form .content .content_left .title_main {
font-size: 48px;
margin-bottom: 12px; }
footer .contact_form .content .content_left .text_bot {
margin-bottom: 30px; }
footer .contact_form.contact_us .content .content_right {
padding: 0 30px; }
footer .contact_form.contact_us .content .content_right .title_small {
font-size: 32px;
margin-bottom: 16px; }
footer .footer_top {
gap: 60px;
padding: 60px 8%; }
footer .footer_top .list_item .item .title {
font-size: 20px; } }
@media screen and (max-width: 991px) {
footer .contact_form .content .content_left .title {
font-size: 32px; }
footer .contact_form .content .content_left .title_main {
font-size: 38px; }
footer .contact_form .content .content_left .text_bot {
margin-bottom: 24px; }
footer .contact_form .content .content_right form .text_how {
font-size: 18px; }
footer .footer_top .list_item .item {
width: calc(50% - 16px); }
footer .footer_top .list_item .item .title {
font-size: 18px; } }
@media screen and (max-width: 767px) {
footer .contact_form .content {
gap: 40px;
padding: 60px 8%; }
footer .contact_form .content .content_left {
width: 100%; }
footer .contact_form .content .content_left .title {
font-size: 30px; }
footer .contact_form .content .content_left .contact_list.contact_list_final h4 {
font-size: 20px;
margin-bottom: 0; }
footer .contact_form .content .content_left .contact_list.contact_list_final p {
font-size: 14px; }
footer .contact_form .content .content_right {
width: 100%;
padding-left: 0; }
footer .contact_form.contact_us .content .content_left {
width: 100%; }
footer .contact_form.contact_us .content .content_right {
width: 100%;
padding: 0 8%; }
footer .contact_form.contact_us .content .content_right .title_small {
font-size: 24px;
margin-bottom: 12px; }
footer .footer_top .list_item .item {
width: calc(50% - 16px); }
footer .footer_top .list_item .item .title {
font-size: 18px; }
footer .footer_top .list_item .item.item_first {
gap: 30px; }
footer .footer_top .list_bot ul li a {
padding: 0 30px; }
footer .footer_bottom {
flex-direction: column-reverse;
gap: 20px;
align-items: center; }
#myModal .modal-content {
padding: 20px;
max-width: calc(100% - 30px); }
#myModal .modal-content .content {
gap: 16px; }
#myModal .modal-content .content .title {
font-size: 24px; }
#myModal .modal-content .content .description p {
font-size: 14px; }
#myModal .modal-content .content .button_back a {
font-size: 14px; } }
@media screen and (max-width: 600px) {
footer .contact_form .content {
padding: 60px 16px; }
footer .contact_form .content .content_left .title {
font-size: 24px; }
footer .contact_form .content .content_left .title_main {
font-size: 32px; }
footer .contact_form .content .content_left .text_bot {
margin-bottom: 20px; }
footer .contact_form .content .content_right form .list_how {
gap: 12px; }
footer .contact_form.contact_us .content .content_left {
padding: 60px 16px; }
footer .contact_form.contact_us .content .content_right {
padding: 0 16px 30px 16px; }
footer .footer_top {
padding: 60px 16px;
gap: 30px;
padding-bottom: 40px; }
footer .footer_top .list_item .item {
width: 100%; }
footer .footer_top .list_item .item .title {
font-size: 18px; }
footer .footer_top .list_bot ul li a {
padding: 0 15px; }
footer .footer_top .list_bot ul li:first-child a {
padding-left: 0; }
footer .footer_top .list_bot ul li:last-child {
padding-right: 0; }
footer .footer_bottom {
margin: 0 16px; }
footer .footer_bottom .copyright {
margin-left: -15px;
margin-right: -15px;
letter-spacing: -0.5px; } }
.hover_icon_box:hover .elementor-icon-box-title {
color: #FFF !important;
transition: all 0.3s ease; }
.hover_icon_box:hover .elementor-icon-box-description {
color: #FFF !important;
transition: all 0.3s ease; }
.list_cate_blog_search {
padding: 0 8% 60px 8%; }
.list_cate_blog_search.category {
padding: 7% 8%;
padding-bottom: 30px; }
.list_cate_blog_search .content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; }
.list_cate_blog_search .content .list_cate {
width: 55%;
display: flex;
max-width: 871px;
align-items: flex-start;
align-content: flex-start;
gap: 12px;
flex-shrink: 0;
flex-wrap: wrap;
position: relative;
padding-right: 60px;
max-height: 106px;
overflow: hidden;
transition: all 0.3s ease; }
.list_cate_blog_search .content .list_cate .more_hide {
display: flex;
height: 44px;
padding: 12px;
align-items: center;
gap: 8px;
border-radius: 50%;
background: var(--Neutral-95, #EFF0FA);
position: absolute;
right: 0;
bottom: 0; }
.list_cate_blog_search .content .list_cate .more_hide svg:last-child {
display: none; }
.list_cate_blog_search .content .list_cate .more_hide:hover {
cursor: pointer; }
.list_cate_blog_search .content .list_cate.more {
max-height: 1000px; }
.list_cate_blog_search .content .list_cate.more .more_hide svg:first-child {
display: none; }
.list_cate_blog_search .content .list_cate.more .more_hide svg:last-child {
display: inline-flex; }
.list_cate_blog_search .content .list_cate .tag-item {
display: flex;
align-items: flex-start;
gap: 8px;
border-radius: 4px;
background: var(--Neutral-95, #EFF0FA);
border: 1.5px solid var(--Neutral-95, #EFF0FA);
transition: all 0.3s ease; }
.list_cate_blog_search .content .list_cate .tag-item a {
color: var(--Neutral-10, #111318);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; padding: 12px 16px;
transition: all 0.3s ease; }
.list_cate_blog_search .content .list_cate .tag-item:hover, .list_cate_blog_search .content .list_cate .tag-item.active {
border: 1.5px solid var(--TrueBlue-20, #081935); }
.list_cate_blog_search .content .list_cate .tag-item:hover a, .list_cate_blog_search .content .list_cate .tag-item.active a {
color: var(--TrueBlue-20, #081935); }
.list_cate_blog_search .content .search {
width: 40%;
max-width: 512px; }
.list_cate_blog_search .content .search #searchform {
width: 100%;
display: flex; }
.list_cate_blog_search .content .search #searchform .form_group {
width: 100%;
position: relative;
display: flex;
align-items: flex-start;
gap: 8px;
flex-shrink: 0; }
.list_cate_blog_search .content .search #searchform .form_group input {
display: flex;
width: calc(100% - 108px);
height: 56px;
align-items: center;
gap: 16px;
flex-shrink: 0;
border-radius: 4px;
background: var(--Neutral-95, #EFF0FA);
border: none;
outline: none;
padding: 16px 52px; }
.list_cate_blog_search .content .search #searchform .form_group svg:hover {
cursor: pointer; }
.list_cate_blog_search .content .search #searchform .form_group svg.icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%); }
.list_cate_blog_search .content .search #searchform .form_group .delete {
position: absolute;
right: 116px;
top: 50%;
transform: translateY(-50%); }
.list_cate_blog_search .content .search #searchform #searchsubmit {
display: flex;
padding: 16px 0;
width: 100px;
align-items: center;
gap: 8px;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; justify-content: center;
transition: all 0.3s ease; }
.list_cate_blog_search .content .search #searchform #searchsubmit:hover {
background: var(--Cinnabar-40, #7B1517); }
.list_cate_blog_search .content.cate {
flex-direction: column;
justify-content: start;
align-items: start; }
.list_cate_blog_search .content.cate .title_page {
color: var(--Neutral-0, #000);
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 48px; }
.list_cate_blog_search .content.cate .search {
width: 100%;
max-width: 650px;
margin-bottom: 64px; }
.list_cate_blog_search .content.cate .list_cate {
width: 80%;
max-width: unset; }
.list_cate_blog_search.search .content {
flex-direction: column;
gap: 32px;
justify-content: start;
align-items: start; }
.list_cate_blog_search.search .content .text_search {
color: var(--Neutral-10, #111318);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.adamo-blog .featured-post {
padding: 7% 8%; }
.adamo-blog .featured-post .content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; }
.adamo-blog .featured-post .content .featured-post-content {
width: 45%;
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
position: relative;
justify-content: space-around;
gap: 16px; }
.adamo-blog .featured-post .content .featured-post-content .post-date {
color: var(--Neutral-60, #8F9099);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; margin-bottom: 16px; }
.adamo-blog .featured-post .content .featured-post-content h2 {
color: var(--Neutral-0, #000);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.adamo-blog .featured-post .content .featured-post-content h2:hover {
color: var(--TrueBlue-50, #1C5DC5); }
.adamo-blog .featured-post .content .featured-post-content .excerpt {
color: var(--Neutral-30, #44464F);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; }
.adamo-blog .featured-post .content .featured-post-content .post-link {
display: flex;
width: 155px;
padding: 16px 24px;
justify-content: space-between;
align-items: center;
border: 1.5px solid var(--Neutral-10, #111318);
background: var(--Neutral-100, #FFF);
transition: all 0.3s ease; }
.adamo-blog .featured-post .content .featured-post-content .post-link span {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.adamo-blog .featured-post .content .featured-post-content .post-link:hover {
border: 1.5px solid var(--Permanent-Geranium-Lake-50, #DB292C);
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.adamo-blog .featured-post .content .featured-post-content .post-link:hover span {
color: var(--Neutral-100, #FFF); }
.adamo-blog .featured-post .content .featured-post-content .post-link:hover svg path {
fill: var(--Neutral-100, #FFF); }
.adamo-blog .featured-post .content .featured-post-img {
width: 45%;
overflow: hidden; }
.adamo-blog .featured-post .content .featured-post-img img {
height: auto; }
.adamo-blog .blog-post {
padding: 0 8%;
padding-bottom: 7%; }
.adamo-blog .blog-post .content {
display: flex;
flex-direction: column;
gap: 80px; }
.adamo-blog .blog-post .content .list_item {
display: flex;
flex-wrap: wrap;
gap: 60px 32px; }
.adamo-blog .blog-post .content .list_item .item {
width: calc(33.33% - 21.33px); }
.adamo-blog .blog-post .content .list_item .item .post_img {
overflow: hidden;
position: relative; }
.adamo-blog .blog-post .content .list_item .item .post_img .learn_more {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; position: absolute;
width: calc(100% - 48px);
bottom: 0;
z-index: 1;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
justify-content: space-between;
align-items: center;
display: flex;
padding: 16px 0;
max-width: 0;
overflow: hidden;
transition: all 0.3s ease;
white-space: nowrap; }
.adamo-blog .blog-post .content .list_item .item .post_img img {
height: auto; }
.adamo-blog .blog-post .content .list_item .item .post_content {
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
align-items: start; }
.adamo-blog .blog-post .content .list_item .item .post_content .title {
color: var(--Neutral-0, #000);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; transition: all 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.adamo-blog .blog-post .content .list_item .item .post_content .title svg {
display: none;
position: relative;
top: 3px; }
.adamo-blog .blog-post .content .list_item .item .post_content .excerpt {
color: var(--Neutral-30, #44464F);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden; }
.adamo-blog .blog-post .content .list_item .item .post_content .read_more {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.adamo-blog .blog-post .content .list_item .item:hover .post_img .learn_more {
max-width: 100%;
padding: 16px 24px; }
.adamo-blog .blog-post .content .list_item .item:hover .post_content .title {
color: var(--TrueBlue-50, #1C5DC5); }
.adamo-blog .blog-post .content .list_item .item:hover .post_content .title svg {
display: inline; }
.adamo-blog .blog-post .content .list_item_category {
gap: 64px; }
.adamo-blog .blog-post .content .list_item_category .item {
width: 100%; }
.adamo-blog .blog-post .content .list_item_category .item > a {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center; }
.adamo-blog .blog-post .content .list_item_category .item > a .post_img {
max-width: 510px;
width: 100%; }
.adamo-blog .blog-post .content .list_item_category .item > a .post_content {
max-width: calc(100% - 510px);
padding: 24px 48px; }
.adamo-blog .blog-post .pagination_show {
display: flex;
justify-content: center; }
.adamo-blog .blog-post .pagination_show .content_pagination {
display: inline-flex;
align-items: center;
gap: 48px; }
.adamo-blog .blog-post .pagination_show .content_pagination .paginate-disabled {
pointer-events: none;
opacity: 0.4; }
.adamo-blog .blog-post .pagination_show .content_pagination .back, .adamo-blog .blog-post .pagination_show .content_pagination .next {
display: flex;
width: 140px;
padding: 16px 24px;
justify-content: space-between;
align-items: center;
border: 1.5px solid var(--Neutral-10, #111318);
background: var(--Neutral-100, #FFF);
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; transition: all 0.3s ease; }
.adamo-blog .blog-post .pagination_show .content_pagination .back svg, .adamo-blog .blog-post .pagination_show .content_pagination .next svg {
width: 20px; }
.adamo-blog .blog-post .pagination_show .content_pagination .back:hover, .adamo-blog .blog-post .pagination_show .content_pagination .next:hover {
cursor: pointer;
border: 1.5px solid var(--Permanent-Geranium-Lake-50, #DB292C);
color: var(--Neutral-100, #FFF);
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.adamo-blog .blog-post .pagination_show .content_pagination .back:hover svg path, .adamo-blog .blog-post .pagination_show .content_pagination .next:hover svg path {
fill: #FFF; }
.adamo-blog .blog-post .pagination_show .content_pagination .text {
color: var(--Neutral-0, #000);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
@media screen and (max-width: 1280px) {
.list_cate_blog_search {
padding: 0 8% 30px 8%; }
.list_cate_blog_search .content .list_cate .tag-item a {
padding: 12px; }
.list_cate_blog_search .content .search {
width: 40%; }
.list_cate_blog_search .content .search #searchform #searchsubmit {
font-size: 14px; }
.list_cate_blog_search .content.cate .title_page {
font-size: 48px;
margin-bottom: 32px; }
.list_cate_blog_search .content.cate .search {
width: 100%;
margin-bottom: 40px; }
.list_cate_blog_search .content.cate .list_cate {
width: 100%;
max-width: unset; }
.adamo-blog .featured-post .content .featured-post-content .post-date {
margin-bottom: 12px; }
.adamo-blog .featured-post .content .featured-post-content h2 {
font-size: 28px;
margin-bottom: 16px; }
.adamo-blog .featured-post .content .featured-post-content .post-link {
width: auto;
padding: 12px 20px;
gap: 12px; }
.adamo-blog .featured-post .content .featured-post-img {
width: 50%; }
.adamo-blog .blog-post .content {
gap: 60px; }
.adamo-blog .blog-post .content .list_item {
display: flex;
flex-wrap: wrap;
gap: 40px 24px; }
.adamo-blog .blog-post .content .list_item .item {
width: calc(33.33% - 16px); }
.adamo-blog .blog-post .content .list_item .item .post_img {
overflow: hidden;
position: relative; }
.adamo-blog .blog-post .content .list_item .item .post_img .learn_more {
color: var(--Neutral-100, #FFF);
font-size: 14px;
padding: 12px 0; }
.adamo-blog .blog-post .content .list_item .item .post_content {
gap: 12px;
padding: 16px; }
.adamo-blog .blog-post .content .list_item .item .post_content .title {
font-size: 20px; }
.adamo-blog .blog-post .content .list_item .item .post_content .excerpt {
font-size: 14px; }
.adamo-blog .blog-post .content .list_item .item .post_content .read_more {
font-size: 14px; }
.adamo-blog .blog-post .content .list_item .item:hover .post_img .learn_more {
padding: 12px 20px; }
.adamo-blog .blog-post .content .list_item_category {
gap: 40px; }
.adamo-blog .blog-post .content .list_item_category .item {
width: 100%; }
.adamo-blog .blog-post .content .list_item_category .item > a .post_img {
max-width: 380px; }
.adamo-blog .blog-post .content .list_item_category .item > a .post_content {
max-width: calc(100% - 380px);
padding: 12px 30px; } }
@media screen and (max-width: 991px) {
.page-template-blog .our_work .content .right_content {
padding-right: 0; }
.page-template-blog .our_work .content .right_content .title {
font-size: 30px; }
.page-template-blog .our_work .content .right_content .text {
font-size: 16px; }
.list_cate_blog_search .content {
gap: 30px; }
.list_cate_blog_search .content.cate {
gap: 0; }
.list_cate_blog_search .content .list_cate {
width: 100%; }
.list_cate_blog_search .content .list_cate .tag-item a {
padding: 12px; }
.list_cate_blog_search .content .search {
width: 100%; }
.list_cate_blog_search .content.cate .title_page {
font-size: 38px;
margin-bottom: 20px; }
.list_cate_blog_search .content.cate .search {
margin-bottom: 30px; }
.list_cate_blog_search .content.cate .list_cate {
width: 100%;
max-width: unset; }
.adamo-blog .featured-post .content {
gap: 30px; }
.adamo-blog .featured-post .content .featured-post-content {
width: 100%;
order: 2; }
.adamo-blog .featured-post .content .featured-post-content .post-date {
margin-bottom: 12px; }
.adamo-blog .featured-post .content .featured-post-content h2 {
font-size: 28px;
margin-bottom: 16px; }
.adamo-blog .featured-post .content .featured-post-content .post-link {
width: auto;
padding: 12px 20px;
gap: 12px; }
.adamo-blog .featured-post .content .featured-post-img {
order: 1;
width: 100%; }
.adamo-blog .blog-post .content {
gap: 40px; }
.adamo-blog .blog-post .content .list_item {
gap: 30px 24px; }
.adamo-blog .blog-post .content .list_item .item {
width: calc(50% - 12px); }
.adamo-blog .blog-post .content .list_item_category {
gap: 40px; }
.adamo-blog .blog-post .content .list_item_category .item {
width: 100%; }
.adamo-blog .blog-post .content .list_item_category .item > a .post_img {
width: 40%; }
.adamo-blog .blog-post .content .list_item_category .item > a .post_content {
width: 60%;
max-width: unset;
padding: 12px 30px; }
.adamo-blog .blog-post .pagination_show .content_pagination .back, .adamo-blog .blog-post .pagination_show .content_pagination .next {
width: 110px;
padding: 12px 20px; }
.adamo-blog .blog-post .pagination_show .content_pagination .back svg, .adamo-blog .blog-post .pagination_show .content_pagination .next svg {
width: 16px; } }
@media screen and (max-width: 600px) {
.list_cate_blog_search {
padding: 0 16px; }
.list_cate_blog_search.category {
padding-bottom: 0; }
.list_cate_blog_search .content {
gap: 30px; }
.list_cate_blog_search .content.cate {
gap: 0; }
.list_cate_blog_search .content .search {
width: 100%; }
.list_cate_blog_search .content .search #searchform .form_group input {
height: 100%;
padding: 12px 40px;
width: calc(100% - 94px); }
.list_cate_blog_search .content .search #searchform .form_group svg.icon {
left: 12px;
width: 18px; }
.list_cate_blog_search .content .search #searchform .form_group svg.delete {
right: 100px;
width: 18px; }
.list_cate_blog_search .content .search #searchform #searchsubmit {
padding: 13.5px 0;
width: 86px; }
.list_cate_blog_search .content.cate .title_page {
font-size: 28px;
margin-bottom: 16px; }
.list_cate_blog_search .content.cate .search {
margin-bottom: 30px; }
.list_cate_blog_search .content.cate .list_cate {
width: 100%;
max-width: unset; }
.adamo-blog .featured-post {
padding: 60px 16px; }
.adamo-blog .featured-post .content {
gap: 20px; }
.adamo-blog .featured-post .content .featured-post-content {
width: 100%;
order: 2; }
.adamo-blog .featured-post .content .featured-post-content .post-date {
margin-bottom: 8px; }
.adamo-blog .featured-post .content .featured-post-content h2 {
font-size: 24px;
margin-bottom: 12px; }
.adamo-blog .blog-post {
padding: 0 16px;
padding-bottom: 60px; }
.adamo-blog .blog-post .content {
gap: 30px; }
.adamo-blog .blog-post .content .list_item {
gap: 20px; }
.adamo-blog .blog-post .content .list_item .item {
width: 100%; }
.adamo-blog .blog-post .content .list_item .item .post_content .title {
font-size: 18px; }
.adamo-blog .blog-post .content .list_item_category {
gap: 40px; }
.adamo-blog .blog-post .content .list_item_category .item {
width: 100%; }
.adamo-blog .blog-post .content .list_item_category .item > a {
gap: 16px; }
.adamo-blog .blog-post .content .list_item_category .item > a .post_img {
width: 100%; }
.adamo-blog .blog-post .content .list_item_category .item > a .post_content {
width: 100%;
max-width: unset;
padding: 0 16px; }
.adamo-blog .blog-post .pagination_show .content_pagination {
gap: 20px; }
.adamo-blog .blog-post .pagination_show .content_pagination .back, .adamo-blog .blog-post .pagination_show .content_pagination .next {
width: 100px;
padding: 12px 16px; } }
.content_main .introduction_section {
padding: 10% 8%;
background-color: var(--TrueBlue-10, #081935);
background-size: cover;
background-repeat: no-repeat; }
.content_main .introduction_section .content {
max-width: 980px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 48px;
justify-content: center;
align-items: center; }
.content_main .introduction_section .content .title {
color: var(--Neutral-100, #FFF);
text-align: center;
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .introduction_section .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .introduction_section .content .title.title_normal {
font-size: 48px; }
.content_main .introduction_section .content .text {
display: flex;
flex-direction: column;
gap: 48px; }
.content_main .introduction_section .content .text p {
color: var(--Neutral-90, #E1E2EC);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 0; }
.content_main .introduction_section2 {
background-color: var(--Neutral-10, #111318);
padding: 10% 8%;
background-size: cover;
background-repeat: no-repeat; }
.content_main .introduction_section2 .content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.content_main .introduction_section2 .content .top {
padding-bottom: 8%;
display: flex;
justify-content: space-between; }
.content_main .introduction_section2 .content .top .title {
color: var(--Neutral-100, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; width: 45%; }
.content_main .introduction_section2 .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .introduction_section2 .content .top .description {
display: flex;
width: 45%;
flex-direction: column;
align-items: flex-start;
gap: 16px; }
.content_main .introduction_section2 .content .top .description p {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .introduction_section2 .content .img_cen {
padding-bottom: 8%;
overflow: hidden; }
.content_main .introduction_section2 .content .img_cen img:hover {
transform: scale(1.1); }
.content_main .introduction_section2 .content .content_bot {
padding: 0 5%;
max-width: 1330px;
display: flex;
flex-wrap: wrap; }
.content_main .introduction_section2 .content .content_bot .top_bot {
display: flex;
flex-direction: column;
gap: 32px;
width: 100%;
margin-bottom: 64px;
justify-content: center;
align-items: center; }
.content_main .introduction_section2 .content .content_bot .top_bot .title_cen {
color: var(--Neutral-100, #FFF);
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .introduction_section2 .content .content_bot .top_bot .description {
color: var(--Neutral-95, #EFF0FA);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; max-width: 858px; }
.content_main .introduction_section2 .content .content_bot .title_tem {
color: var(--Neutral-100, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; height: 84px;
border-bottom: 1px solid var(--Neutral-30, #44464F); }
.content_main .introduction_section2 .content .content_bot .list {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
align-self: stretch;
padding-top: 40px; }
.content_main .introduction_section2 .content .content_bot .list .tem {
display: flex;
align-items: center;
gap: 12px;
align-self: stretch;
color: var(--Neutral-95, #EFF0FA);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .introduction_section2 .content .content_bot .list .tem svg {
min-width: 24px; }
.content_main .introduction_section2 .content .content_bot .left, .content_main .introduction_section2 .content .content_bot .right {
border: 1px solid var(--Neutral-20, #26282E);
background: var(--Neutral-10, #111318);
display: flex;
padding: 56px;
flex-direction: column;
width: 50%; }
.content_main .introduction_section2 .content .content_bot .left:hover, .content_main .introduction_section2 .content .content_bot .right:hover {
background: var(--Dark-Cerulean-40, #113978); }
.content_main .introduction_section2 .content .content_bot .left:hover .title_tem, .content_main .introduction_section2 .content .content_bot .right:hover .title_tem {
color: var(--Neutral-100, #FFF); }
.content_main .introduction_section2 .content .content_bot .left:hover .list .tem, .content_main .introduction_section2 .content .content_bot .right:hover .list .tem {
color: var(--Neutral-100, #FFF); }
.content_main .introduction_section2 .content .content_bot .right {
border-left: 0; }
@media screen and (max-width: 1280px) {
.content_main .introduction_section .content {
gap: 40px; }
.content_main .introduction_section .content .title {
font-size: 42px; }
.content_main .introduction_section .content .title.title_normal {
font-size: 40px; }
.content_main .introduction_section .content .text {
gap: 40px; }
.content_main .introduction_section2 .content .top .title {
font-size: 38px; }
.content_main .introduction_section2 .content .top .description {
gap: 8px; }
.content_main .introduction_section2 .content .top .description p {
font-size: 14px; }
.content_main .introduction_section2 .content .content_bot .top_bot {
gap: 20px;
margin-bottom: 40px; }
.content_main .introduction_section2 .content .content_bot .top_bot .title_cen {
font-size: 30px; }
.content_main .introduction_section2 .content .content_bot .title_tem {
font-size: 22px; }
.content_main .introduction_section2 .content .content_bot .list {
gap: 12px;
padding-top: 24px; }
.content_main .introduction_section2 .content .content_bot .list .tem {
font-size: 14px; }
.content_main .introduction_section2 .content .content_bot .left, .content_main .introduction_section2 .content .content_bot .right {
padding: 32px; } }
@media screen and (max-width: 991px) {
.content_main .introduction_section {
background-size: contain; }
.content_main .introduction_section .content {
gap: 24px; }
.content_main .introduction_section .content .title {
font-size: 32px; }
.content_main .introduction_section .content .title.title_normal {
font-size: 30px; }
.content_main .introduction_section .content .text {
gap: 24px; }
.content_main .introduction_section2 .content .top .title {
font-size: 30px; }
.content_main .introduction_section2 .content .content_bot .top_bot {
gap: 20px;
margin-bottom: 30px; }
.content_main .introduction_section2 .content .content_bot .top_bot .title_cen {
font-size: 26px; }
.content_main .introduction_section2 .content .content_bot .top_bot .description {
font-size: 14px; }
.content_main .introduction_section2 .content .content_bot .title_tem {
font-size: 20px; }
.content_main .introduction_section2 .content .content_bot .list {
gap: 10px;
padding-top: 20px; }
.content_main .introduction_section2 .content .content_bot .list .tem {
gap: 8px;
font-size: 14px; }
.content_main .introduction_section2 .content .content_bot .left, .content_main .introduction_section2 .content .content_bot .right {
padding: 20px; } }
@media screen and (max-width: 767px) {
.content_main .introduction_section2 .content .top .title {
font-size: 28px; }
.content_main .introduction_section2 .content .content_bot {
padding: 0; }
.content_main .introduction_section2 .content .content_bot .top_bot .title_cen {
font-size: 24px; }
.content_main .introduction_section2 .content .content_bot .title_tem {
font-size: 20px; } }
@media screen and (max-width: 600px) {
.content_main .introduction_section {
padding: 60px 16px; }
.content_main .introduction_section .content {
gap: 16px; }
.content_main .introduction_section .content .title {
font-size: 24px; }
.content_main .introduction_section .content .title.title_normal {
font-size: 24px; }
.content_main .introduction_section .content .text {
gap: 16px; }
.content_main .introduction_section2 {
padding: 60px 16px; }
.content_main .introduction_section2 .content .top {
gap: 20px;
flex-wrap: wrap; }
.content_main .introduction_section2 .content .top .title {
font-size: 24px;
width: 100%; }
.content_main .introduction_section2 .content .top .description {
width: 100%; }
.content_main .introduction_section2 .content .top .description svg {
display: none; }
.content_main .introduction_section2 .content .content_bot {
padding: 0; }
.content_main .introduction_section2 .content .content_bot .top_bot .title_cen {
font-size: 24px; }
.content_main .introduction_section2 .content .content_bot .title_tem {
font-size: 18px;
height: auto;
padding-bottom: 20px; }
.content_main .introduction_section2 .content .content_bot .left, .content_main .introduction_section2 .content .content_bot .right {
width: 100%; }
.content_main .introduction_section2 .content .content_bot .right {
border-left: 1px solid var(--Neutral-20, #26282E);
border-top: none; } }
.content_main .start_number_section {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 8%;
padding-bottom: 12%;
background-color: var(--TrueBlue-10, #06152D); }
.content_main .start_number_section .content {
display: flex;
gap: 32px;
flex-wrap: wrap; }
.content_main .start_number_section .content .content_left {
width: calc(60% - 32px); }
.content_main .start_number_section .content .content_left .title {
color: var(--Neutral-100, #FFF);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 48px; }
.content_main .start_number_section .content .content_left .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .start_number_section .content .content_left .text {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 120px;
max-width: 767px; }
.content_main .start_number_section .content .content_left .list_img {
display: flex;
flex-wrap: wrap;
gap: 56px; }
.content_main .start_number_section .content .content_left .list_img img {
max-width: calc(25% - 42px); }
.content_main .start_number_section .content .content_right {
width: 40%;
display: flex;
justify-content: end;
align-items: end; }
.content_main .start_number_section .content .content_right .list_box {
display: flex;
flex-wrap: wrap; }
.content_main .start_number_section .content .content_right .list_box .box {
display: flex;
width: 50%;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
flex: 1 0 0;
background: var(--TrueBlue-30, #0B254E);
padding: 64px 32px;
gap: 20px; }
.content_main .start_number_section .content .content_right .list_box .box .num {
color: var(--Neutral-100, #FFF);
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: 100%; }
.content_main .start_number_section .content .content_right .list_box .box .text_num {
color: var(--Neutral-100, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.content_main .start_number_section .content .content_right .list_box .box:last-child {
background: var(--TrueBlue-40, #113978); }
@media screen and (max-width: 1280px) {
.content_main .start_number_section .content .content_left .title {
font-size: 42px; }
.content_main .start_number_section .content .content_left .text {
margin-bottom: 80px; }
.content_main .start_number_section .content .content_left .list_img {
gap: 24px; }
.content_main .start_number_section .content .content_left .list_img img {
max-width: calc(25% - 42px); }
.content_main .start_number_section .content .content_right .list_box .box {
padding: 30px 20px; }
.content_main .start_number_section .content .content_right .list_box .box .num {
font-size: 60px; } }
@media screen and (max-width: 991px) {
.content_main .start_number_section .content .content_left .title {
font-size: 32px;
margin-bottom: 20px; }
.content_main .start_number_section .content .content_left .text {
margin-bottom: 60px; }
.content_main .start_number_section .content .content_left .list_img {
gap: 30px; }
.content_main .start_number_section .content .content_left .list_img img {
max-width: calc(50% - 15px); }
.content_main .start_number_section .content .content_right .list_box .box {
padding: 20px 20px; }
.content_main .start_number_section .content .content_right .list_box .box .num {
font-size: 38px; }
.content_main .start_number_section .content .content_right .list_box .box .text_num {
font-size: 16px; } }
@media screen and (max-width: 767px) {
.content_main .start_number_section {
padding: 60px 8% 90px; }
.content_main .start_number_section .content {
flex-direction: column; }
.content_main .start_number_section .content .content_left {
width: 100%; }
.content_main .start_number_section .content .content_left .title {
margin-bottom: 20px; }
.content_main .start_number_section .content .content_left .text {
margin-bottom: 30px; }
.content_main .start_number_section .content .content_right {
width: 100%;
justify-content: start; }
.content_main .start_number_section .content .content_right .list_box .box {
padding: 20px 20px; }
.content_main .start_number_section .content .content_right .list_box .box .num {
font-size: 38px; }
.content_main .start_number_section .content .content_right .list_box .box .text_num {
font-size: 16px; } }
@media screen and (max-width: 600px) {
.content_main .start_number_section {
padding: 60px 16px 90px 16px; }
.content_main .start_number_section .content {
flex-direction: column; }
.content_main .start_number_section .content .content_left {
width: 100%; }
.content_main .start_number_section .content .content_left .title {
font-size: 24px;
margin-bottom: 20px; }
.content_main .start_number_section .content .content_left .text {
margin-bottom: 30px; }
.content_main .start_number_section .content .content_right {
width: 100%;
justify-content: start; }
.content_main .start_number_section .content .content_right .list_box .box {
padding: 20px 20px; }
.content_main .start_number_section .content .content_right .list_box .box .num {
font-size: 32px; }
.content_main .start_number_section .content .content_right .list_box .box .text_num {
font-size: 14px; } }
.content_main .image_margin_top {
position: relative;
z-index: 1;
padding: 0 8% 7% 8%; }
.content_main .image_margin_top .content {
display: flex;
justify-content: center;
align-items: center; }
.content_main .image_margin_top .content img {
margin-top: -100px;
width: 100%;
height: auto;
max-width: 1327px; }
.content_main .image_margin_top.image_margin_top_cs {
padding-bottom: 0 !important; }
.content_main .image_margin_top.image_margin_top_cs img {
margin-top: -10% !important; }
@media screen and (max-width: 1280px) {
.content_main .image_margin_top .content img {
margin-top: -60px; } }
@media screen and (max-width: 991px) {
.content_main .image_margin_top .content img {
margin-top: -60px; } }
@media screen and (max-width: 767px) {
.content_main .image_margin_top .content img {
margin-top: -60px; } }
@media screen and (max-width: 600px) {
.content_main .image_margin_top .content img {
margin-top: -60px; } }
.content_main .service_home {
padding: 7% 8%;
padding-right: 0;
background: var(--Neutral-10, #111318); }
.content_main .service_home .content .content_top {
width: 60%; }
.content_main .service_home .content .title {
color: var(--Neutral-100, #FFF);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; max-width: 740px;
margin-bottom: 32px; }
.content_main .service_home .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .service_home .content .text {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; max-width: 800px;
margin-bottom: 120px; }
.content_main .service_home .content .list_item {
margin-left: -15px;
margin-bottom: 0; }
.content_main .service_home .content .list_item .item {
padding: 0 15px; }
.content_main .service_home .content .list_item .item > a {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
overflow: hidden; }
.content_main .service_home .content .list_item .item > a .img {
width: 100%;
height: 486px;
overflow: hidden; }
.content_main .service_home .content .list_item .item > a img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; }
.content_main .service_home .content .list_item .item > a .content_item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px; }
.content_main .service_home .content .list_item .item > a .content_item .title_item {
color: var(--Neutral-100, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.content_main .service_home .content .list_item .item > a .content_item .description {
color: var(--Neutral-70, #A9ABB4);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.content_main .service_home .content .list_item .item > a:hover img {
transform: scale(1.1); }
.content_main .service_home .content .list_item .slick-dots {
bottom: unset;
top: -60px;
left: 15px;
width: calc(91.3% - 15px);
display: flex; }
.content_main .service_home .content .list_item .slick-dots li {
width: 33.33%;
height: 4px;
background: var(--Neutral-20, #2E3038);
margin: 0; }
.content_main .service_home .content .list_item .slick-dots li.slick-active {
background: #FFF; }
@media screen and (max-width: 1280px) {
.content_main .service_home .content .title {
font-size: 42px; }
.content_main .service_home .content .list_item .item > a {
gap: 24px; }
.content_main .service_home .content .list_item .item > a .img {
height: 300px; }
.content_main .service_home .content .list_item .item > a .content_item .title_item {
font-size: 20px; } }
@media screen and (max-width: 991px) {
.content_main .service_home .content .title {
font-size: 32px;
margin-bottom: 20px; }
.content_main .service_home .content .text {
margin-bottom: 80px; }
.content_main .service_home .content .list_item .slick-dots {
top: -45px; }
.content_main .service_home .content .list_item .item > a {
gap: 20px; }
.content_main .service_home .content .list_item .item > a .img {
height: 240px; }
.content_main .service_home .content .list_item .item > a .content_item .title_item {
font-size: 18px; } }
@media screen and (max-width: 767px) {
.content_main .service_home {
padding: 60px 8%; }
.content_main .service_home .content .content_top {
width: 80%; }
.content_main .service_home .content .text {
margin-bottom: 80px; }
.content_main .service_home .content .list_item {
margin-left: -10px; }
.content_main .service_home .content .list_item .slick-dots {
top: -45px; }
.content_main .service_home .content .list_item .item {
padding: 0 10px; }
.content_main .service_home .content .list_item .item > a {
gap: 20px; }
.content_main .service_home .content .list_item .item > a .img {
height: 240px; }
.content_main .service_home .content .list_item .item > a .content_item .title_item {
font-size: 18px; } }
@media screen and (max-width: 600px) {
.content_main .service_home {
padding: 60px 16px; }
.content_main .service_home .content .content_top {
width: 80%; }
.content_main .service_home .content .title {
font-size: 24px; }
.content_main .service_home .content .text {
margin-bottom: 80px; }
.content_main .service_home .content .list_item {
margin-left: 0; }
.content_main .service_home .content .list_item .slick-dots {
width: calc(100%);
left: 0; }
.content_main .service_home .content .list_item .item {
padding: 0; }
.content_main .service_home .content .list_item .item > a {
gap: 16px; }
.content_main .service_home .content .list_item .item > a .img {
height: 240px; }
.content_main .service_home .content .list_item .item > a .content_item {
gap: 12px; }
.content_main .service_home .content .list_item .item > a .content_item .title_item {
font-size: 18px; } }
.content_main .expertise_home {
padding: 7% 8%; }
.content_main .expertise_home .content .content_top {
width: 65%; }
.content_main .expertise_home .content .title {
color: var(--Neutral-0, #000);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; max-width: 740px;
margin-bottom: 32px; }
.content_main .expertise_home .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .expertise_home .content .text {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; max-width: 740px;
margin-bottom: 80px; }
.content_main .expertise_home .content .list_img {
height: 630px;
display: flex;
flex-wrap: wrap;
gap: 24px; }
.content_main .expertise_home .content .list_img .img {
position: relative;
height: 100%;
overflow: hidden;
transition: all 0.3s ease; }
.content_main .expertise_home .content .list_img .img img {
width: 100%;
object-fit: cover;
height: 100%;
transition: all 0.3s ease; }
.content_main .expertise_home .content .list_img .img .description {
position: absolute;
bottom: 32px;
left: 32px;
z-index: 1;
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.content_main .expertise_home .content .list_img .img .bg_opacity {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4); }
.content_main .expertise_home .content .list_img .img:hover {
cursor: pointer; }
.content_main .expertise_home .content .list_img .img:hover img {
transform: scale(1.1); }
.content_main .expertise_home .content .list_img .img_left {
width: calc(25% - 16px);
height: 100%; }
.content_main .expertise_home .content .list_img .img_center {
width: calc(50% - 16px);
display: flex;
flex-direction: column;
gap: 16px;
justify-content: space-between; }
.content_main .expertise_home .content .list_img .img_center a {
height: 100%; }
.content_main .expertise_home .content .list_img .img_right {
width: calc(25% - 16px);
display: flex;
flex-direction: column;
gap: 16px;
justify-content: space-between; }
.content_main .expertise_home .content .list_img .img_right a {
height: 100%; }
@media screen and (max-width: 1280px) {
.content_main .expertise_home .content .title {
font-size: 42px;
margin-bottom: 24px; }
.content_main .expertise_home .content .text {
margin-bottom: 48px; }
.content_main .expertise_home .content .list_img {
height: 400px; }
.content_main .expertise_home .content .list_img .img .description {
font-size: 20px;
left: 20px;
bottom: 20px; } }
@media screen and (max-width: 991px) {
.content_main .expertise_home .content .content_top {
width: 80%; }
.content_main .expertise_home .content .title {
font-size: 32px;
margin-bottom: 20px; }
.content_main .expertise_home .content .text {
margin-bottom: 30px; }
.content_main .expertise_home .content .list_img {
height: 360px;
gap: 18px; }
.content_main .expertise_home .content .list_img .img .description {
font-size: 18px;
left: 15px;
bottom: 15px; }
.content_main .expertise_home .content .list_img .img_left {
width: calc(25% - 12px); }
.content_main .expertise_home .content .list_img .img_center {
width: calc(50% - 12px);
gap: 18px; }
.content_main .expertise_home .content .list_img .img_right {
width: calc(25% - 12px);
gap: 18px; } }
@media screen and (max-width: 767px) {
.content_main .expertise_home {
padding: 60px 8%; }
.content_main .expertise_home .content .content_top {
width: 80%; }
.content_main .expertise_home .content .title {
font-size: 28px;
margin-bottom: 20px; }
.content_main .expertise_home .content .text {
margin-bottom: 30px; }
.content_main .expertise_home .content .list_img {
height: auto; }
.content_main .expertise_home .content .list_img .img .description {
font-size: 18px;
left: 15px;
bottom: 15px; }
.content_main .expertise_home .content .list_img .img_left {
order: 1;
width: calc(50% - 9px); }
.content_main .expertise_home .content .list_img .img_center {
width: 100%; }
.content_main .expertise_home .content .list_img .img_right {
order: 2;
width: calc(50% - 9px);
gap: 12px; } }
@media screen and (max-width: 600px) {
.content_main .expertise_home {
padding: 60px 16px; }
.content_main .expertise_home .content .content_top {
width: 100%; }
.content_main .expertise_home .content .title {
font-size: 24px;
margin-bottom: 20px; }
.content_main .expertise_home .content .text {
margin-bottom: 30px; }
.content_main .expertise_home .content .list_img {
height: auto; }
.content_main .expertise_home .content .list_img .img .description {
font-size: 18px;
left: 15px;
bottom: 15px; }
.content_main .expertise_home .content .list_img .img_left {
order: 1;
width: 100%; }
.content_main .expertise_home .content .list_img .img_left .img {
max-height: 250px; }
.content_main .expertise_home .content .list_img .img_center {
width: 100%; }
.content_main .expertise_home .content .list_img .img_right {
order: 2;
width: 100%;
gap: 12px; } }
.content_main .travel_and_hospitality {
padding: 7% 8%; }
.content_main .travel_and_hospitality .title_section {
margin-bottom: 46px;
display: flex;
max-width: 753px;
flex-direction: column;
align-items: flex-start;
gap: 32px; }
.content_main .travel_and_hospitality .title_section .tag_title {
color: var(--Neutral-10, #111318);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 0; }
.content_main .travel_and_hospitality .title_section .tag_title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .travel_and_hospitality .title_section .tag_title.title_normal {
font-size: 48px; }
.content_main .travel_and_hospitality .title_section .description {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .travel_and_hospitality .title_section_food {
max-width: 752px; }
.content_main .travel_and_hospitality .content .list_tem {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 32px; }
.content_main .travel_and_hospitality .content .list_tem .item {
width: calc(33.33% - 21.5px);
display: flex;
flex-wrap: wrap;
border: 1px solid var(--Neutral-90, #E1E2EC); }
.content_main .travel_and_hospitality .content .list_tem .item .left_image {
width: 40%;
height: 420px;
overflow: hidden; }
.content_main .travel_and_hospitality .content .list_tem .item .left_image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; }
.content_main .travel_and_hospitality .content .list_tem .item .left_image:hover img {
transform: scale(1.1); }
.content_main .travel_and_hospitality .content .list_tem .item .left_image.order {
order: 2; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content {
width: 60%;
display: flex;
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
align-self: stretch;
position: relative;
transition: all 0.3s ease;
height: 420px;
overflow-y: hidden;
background-color: var(--Neutral-100, #FFF);
overflow-x: hidden; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .title {
color: var(--Neutral-100, #111318);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; margin-bottom: 16px;
transition: all 0.3s ease; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .content {
color: var(--Neutral-100, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; overflow: hidden;
transition: all 0.3s ease; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .content ul {
padding-top: 15px; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .content ul li {
list-style: disc; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .mark {
position: absolute;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
width: 0;
overflow: hidden;
transition: all 0.3s ease; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .mark a {
display: flex;
padding: 16px 24px;
justify-content: space-between;
align-items: center;
align-self: stretch;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; margin: 0;
text-decoration: none;
white-space: nowrap; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content:hover {
background: var(--TrueBlue-20, #081935); }
.content_main .travel_and_hospitality .content .list_tem .item .right_content:hover .title {
color: var(--Neutral-100, #FFF); }
.content_main .travel_and_hospitality .content .list_tem .item .right_content:hover .content {
color: var(--Neutral-100, #FFF);
max-height: 260px;
overflow-y: auto; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content:hover .mark {
width: 100%; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content:hover .mark a {
max-width: 100%; }
.content_main .travel_and_hospitality .content .list_tem.custom .item {
width: calc(50% - 16px); }
@media screen and (max-width: 1280px) {
.content_main .travel_and_hospitality .title_section {
gap: 24px; }
.content_main .travel_and_hospitality .title_section .tag_title {
font-size: 42px; }
.content_main .travel_and_hospitality .title_section .tag_title.title_normal {
font-size: 40px; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .title {
font-size: 20px; } }
@media screen and (max-width: 991px) {
.content_main .travel_and_hospitality .title_section {
gap: 20px; }
.content_main .travel_and_hospitality .title_section .tag_title {
font-size: 32px; }
.content_main .travel_and_hospitality .title_section .tag_title.title_normal {
font-size: 30px; }
.content_main .travel_and_hospitality .content .list_tem .item {
width: calc(50% - 16px); }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .title {
font-size: 18px; } }
@media screen and (max-width: 767px) {
.content_main .travel_and_hospitality .title_section {
margin-bottom: 25px; }
.content_main .travel_and_hospitality .title_section .tag_title {
font-size: 24px; }
.content_main .travel_and_hospitality .title_section .tag_title.title_normal {
font-size: 24px; }
.content_main .travel_and_hospitality .content .list_tem {
gap: 20px; }
.content_main .travel_and_hospitality .content .list_tem .item {
width: 100%; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content {
padding: 20px; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .title {
font-size: 20px; }
.content_main .travel_and_hospitality .content .list_tem.custom .item {
width: 100%; } }
@media screen and (max-width: 600px) {
.content_main .travel_and_hospitality {
padding: 60px 16px; }
.content_main .travel_and_hospitality .title_section {
gap: 16px;
margin-bottom: 25px; }
.content_main .travel_and_hospitality .title_section .tag_title br {
display: none; }
.content_main .travel_and_hospitality .content .list_tem {
gap: 20px; }
.content_main .travel_and_hospitality .content .list_tem .item {
width: 100%; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content {
padding: 16px; }
.content_main .travel_and_hospitality .content .list_tem .item .right_content .mark a {
font-size: 14px; } }
.why_choose_adamo {
background-size: cover;
background-position: top;
background-repeat: no-repeat;
padding: 7% 8%;
overflow: hidden;
position: relative;
background-color: var(--TrueBlue-20, #081935); }
.why_choose_adamo .rectangle {
position: absolute;
width: 200px;
height: 400px;
left: 0;
top: 0;
background: linear-gradient(to bottom right, #1C5DC5 50%, #081935 50%);
opacity: 0.1; }
.why_choose_adamo .content {
display: flex;
flex-wrap: wrap;
gap: 60px;
position: relative;
z-index: 1; }
.why_choose_adamo .content .content_left {
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
justify-content: center; }
.why_choose_adamo .content .content_left .title {
color: var(--Neutral-100, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; max-width: 653px; }
.why_choose_adamo .content .content_left .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.why_choose_adamo .content .content_left .text {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; max-width: 650px; }
.why_choose_adamo .content .content_right {
width: calc(50% - 60px); }
.why_choose_adamo .content .content_right .list_item .item {
display: flex;
padding: 40px;
align-items: flex-start;
border-bottom: 1px solid var(--TrueBlue-40, #2053AE);
flex-direction: column;
gap: 0;
transition: all 0.3s ease; }
.why_choose_adamo .content .content_right .list_item .item .title {
color: var(--Neutral-100, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.why_choose_adamo .content .content_right .list_item .item .description {
max-height: 0;
overflow: hidden;
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; transition: all 0.3s ease; }
.why_choose_adamo .content .content_right .list_item .item svg {
max-height: 0;
overflow: hidden;
transition: all 0.3s ease; }
.why_choose_adamo .content .content_right .list_item .item:hover {
border-bottom: none;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
cursor: pointer;
gap: 16px; }
.why_choose_adamo .content .content_right .list_item .item:hover svg {
max-height: 24px; }
.why_choose_adamo .content .content_right .list_item .item:hover .description {
max-height: 100px; }
@media screen and (max-width: 1280px) {
.content_main .why_choose_adamo .content .content_left .title {
font-size: 40px; }
.content_main .why_choose_adamo .content .content_right .list_item .item .title {
font-size: 20px; } }
@media screen and (max-width: 991px) {
.content_main .why_choose_adamo .content .content_left .title {
font-size: 30px; }
.content_main .why_choose_adamo .content .content_right .list_item .item {
padding: 25px; }
.content_main .why_choose_adamo .content .content_right .list_item .item .title {
font-size: 18px; } }
@media screen and (max-width: 767px) {
.content_main .why_choose_adamo {
padding: 60px 8%; }
.content_main .why_choose_adamo .content {
gap: 30px; }
.content_main .why_choose_adamo .content .content_left {
width: 100%;
gap: 20px; }
.content_main .why_choose_adamo .content .content_left .title {
font-size: 24px; }
.content_main .why_choose_adamo .content .content_right {
width: 100%; }
.content_main .why_choose_adamo .content .content_right .list_item .item {
padding: 25px; }
.content_main .why_choose_adamo .content .content_right .list_item .item .title {
font-size: 18px; } }
@media screen and (max-width: 600px) {
.content_main .why_choose_adamo {
padding: 60px 16px; }
.content_main .why_choose_adamo .content {
gap: 30px; }
.content_main .why_choose_adamo .content .content_left {
width: 100%;
gap: 20px; }
.content_main .why_choose_adamo .content .content_right {
width: 100%; }
.content_main .why_choose_adamo .content .content_right .list_item .item {
padding: 25px; }
.content_main .why_choose_adamo .content .content_right .list_item .item .title {
font-size: 18px; } }
.content_main .slide_image_home {
padding: 32px 0;
margin-bottom: 7%; }
.content_main .slide_image_home.margin_bottom_0 {
margin-bottom: 0; }
.content_main .slide_image_home.padding_bottom_0 {
padding-bottom: 0; }
.content_main .slide_image_home .title {
color: var(--Neutral-0, #000);
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 64px;
padding: 0 8%; }
.content_main .slide_image_home .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .slide_image_home .content .item {
padding-right: 44px; }
.content_main .slide_image_home .content .item img {
width: 100%; }
.content_main .slide_image_home.title_left .title {
text-align: left; }
.content_main .slide_image_home.title_left .content_new {
display: flex;
padding: 32px;
align-items: center;
gap: 16px;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--Dark-Cerulean-99, #FAFCFE);
margin: 0 8%; }
@media screen and (max-width: 1280px) {
.content_main .slide_image_home .title {
font-size: 24px;
margin-bottom: 48px; }
.content_main .slide_image_home.title_left .content_new {
flex-wrap: wrap;
gap: 16px;
padding: 20px; }
.content_main .slide_image_home.title_left .content_new .item {
width: calc(33.33% - 10.67px); } }
@media screen and (max-width: 991px) {
.content_main .slide_image_home .content .item {
padding: 0 10px; } }
@media screen and (max-width: 767px) {
.content_main .slide_image_home .content .item {
padding: 0 10px; } }
@media screen and (max-width: 600px) {
.home .content_main .slide_image_home {
padding-top: 0; }
.content_main .slide_image_home {
margin-bottom: 28px; }
.content_main .slide_image_home .title {
font-size: 20px;
margin-bottom: 32px;
padding-left: 16px; }
.content_main .slide_image_home .content .item {
padding: 0 10px; }
.content_main .slide_image_home.title_left .title br {
display: none; }
.content_main .slide_image_home.title_left .content_new {
margin: 0 16px;
gap: 16px;
padding: 16px; }
.content_main .slide_image_home.title_left .content_new .item {
width: calc(50% - 8px); } }
.content_main .process_travel {
padding: 7% 8%; }
.content_main .process_travel .content .title_section {
margin-bottom: 40px; }
.content_main .process_travel .content .title_section .tag_title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .process_travel .content .title_section .tag_title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .process_travel .content .description {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 50px;
max-width: 650px; }
.content_main .process_travel .content .content_process {
display: flex;
flex-direction: column;
gap: 40px; }
.content_main .process_travel .content .top_process {
display: flex;
flex-wrap: wrap; }
.content_main .process_travel .content .top_process .item {
width: 25%;
display: flex;
justify-content: start;
position: relative;
flex-direction: column;
align-items: self-start; }
.content_main .process_travel .content .top_process .item .title {
display: flex;
align-items: center;
justify-content: start;
gap: 20px;
width: 100%;
padding-bottom: 28px;
border-bottom: 4px solid var(--Permanent-Geranium-Lake-50, #DB292C);
position: relative;
height: 90px; }
.content_main .process_travel .content .top_process .item .title:before {
content: '';
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
position: absolute;
left: -2px;
bottom: -10px; }
.content_main .process_travel .content .top_process .number {
color: var(--TrueBlue-50, #1C5DC5);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px; min-height: 52px; }
.content_main .process_travel .content .top_process .text {
color: var(--Neutral-0, #000);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; padding-right: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; }
.content_main .process_travel .content .top_process.top_process_custom .item .title {
border-bottom: 4px solid var(--TrueBlue-50, #1C5DC5); }
.content_main .process_travel .content .top_process.top_process_custom .item .title.custom {
padding-bottom: 29px;
border-bottom: 2px dotted var(--Neutral-80, #C5C6D0); }
.content_main .process_travel .content .top_process.top_process_custom .item .title.custom:before {
display: none; }
.content_main .process_travel .content .top_process.top_process_custom .item .title:before {
background: #1C5DC5; }
.content_main .process_travel .content .top_process.top_process_custom .item .title .number {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .process_travel .content .top_process.top_process_custom.cs1 .item:first-child {
display: none; }
.content_main .process_travel .content .text_description {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-top: 28px;
padding-right: 32px; }
.content_main .process_travel2 .content .top_process {
gap: 40px 0; }
.content_main .process_travel2 .content .top_process .item_dot .title {
padding-bottom: 29px;
border-bottom: 2px dotted var(--Neutral-80, #C5C6D0); }
.content_main .process_travel2 .content .top_process .item_dot .title:before {
display: none; }
.content_main .process_travel2 .content .top_process .item:nth-child(5) .number, .content_main .process_travel2 .content .top_process .item:nth-child(6) .number, .content_main .process_travel2 .content .top_process .item:nth-child(7) .number, .content_main .process_travel2 .content .top_process .item:nth-child(8) .number {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .process_travel2 .content .top_process .item:nth-child(5) .title, .content_main .process_travel2 .content .top_process .item:nth-child(6) .title, .content_main .process_travel2 .content .top_process .item:nth-child(7) .title, .content_main .process_travel2 .content .top_process .item:nth-child(8) .title {
border-bottom: 4px solid var(--TrueBlue-50, #1C5DC5); }
.content_main .process_travel2 .content .top_process .item:nth-child(5) .title:before, .content_main .process_travel2 .content .top_process .item:nth-child(6) .title:before, .content_main .process_travel2 .content .top_process .item:nth-child(7) .title:before, .content_main .process_travel2 .content .top_process .item:nth-child(8) .title:before {
background: #1C5DC5; }
@media screen and (max-width: 1280px) {
.content_main .process_travel .content .title_section .tag_title {
font-size: 40px; }
.content_main .process_travel .content .top_process .number {
font-size: 40px; }
.content_main .process_travel .content .top_process .item .title {
height: 72px; }
.content_main .process_travel .content .top_process .text {
font-size: 20px; } }
@media screen and (max-width: 991px) {
.content_main .process_travel .content .title_section {
margin-bottom: 20px; }
.content_main .process_travel .content .title_section .tag_title {
font-size: 30px; }
.content_main .process_travel .content .top_process .number {
font-size: 30px; }
.content_main .process_travel .content .top_process .text {
font-size: 18px; }
.content_main .process_travel .content .text_description {
font-size: 14px;
padding-right: 20px; } }
@media screen and (max-width: 767px) {
.content_main .process_travel {
padding-bottom: 60px; }
.content_main .process_travel .content .title_section {
margin-bottom: 20px; }
.content_main .process_travel .content .top_process .item {
width: 50% !important;
margin-bottom: 20px; }
.content_main .process_travel .content .top_process .number {
font-size: 36px; }
.content_main .process_travel .content .top_process .text {
font-size: 18px; }
.content_main .process_travel .content .item_description .title_mobile {
display: flex;
align-items: center;
gap: 10px; }
.content_main .process_travel .content .item_description .description {
font-size: 14px; }
.content_main .process_travel2 .content .top_process {
gap: 40px 0; }
.content_main .process_travel2 .content .top_process .item_dot {
display: none; } }
@media screen and (max-width: 600px) {
.content_main .process_travel {
padding: 60px 16px; }
.content_main .process_travel .content {
padding-top: 0; }
.content_main .process_travel .content .title_section {
margin-bottom: 20px; }
.content_main .process_travel .content .title_section .tag_title {
font-size: 24px; }
.content_main .process_travel .content .title_section .tag_title br {
display: none; }
.content_main .process_travel .content .top_process .item {
width: 50%;
margin-bottom: 20px; }
.content_main .process_travel .content .top_process .number {
font-size: 28px; }
.content_main .process_travel .content .top_process .text {
font-size: 18px; }
.content_main .process_travel .content .item_description .title_mobile {
display: flex;
align-items: center;
gap: 10px; }
.content_main .process_travel .content .item_description .description {
font-size: 14px; } }
.content_main .process_travel_custom {
padding: 16% 8% 7% 8%;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.content_main .process_travel_custom .content .title_section .tag_title {
color: var(--Neutral-100, #FFF); }
.content_main .process_travel_custom .content .description {
color: var(--Neutral-100, #FFF);
max-width: 790px; }
.content_main .process_travel_custom .content .content_process {
display: flex;
flex-direction: column;
gap: 40px; }
.content_main .process_travel_custom .content .top_process {
display: flex;
flex-wrap: wrap; }
.content_main .process_travel_custom .content .top_process .item {
width: 25%;
display: flex;
justify-content: start;
position: relative;
flex-direction: column;
align-items: self-start; }
.content_main .process_travel_custom .content .top_process .item .title {
display: flex;
align-items: center;
justify-content: start;
gap: 20px;
width: 100%;
padding-bottom: 28px;
border-bottom: 4px solid var(--Permanent-Geranium-Lake-50, #DB292C);
position: relative; }
.content_main .process_travel_custom .content .top_process .item .title:before {
content: '';
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
position: absolute;
left: -2px;
bottom: -10px; }
.content_main .process_travel_custom .content .top_process .number {
color: var(--TrueBlue-60, #628EED); }
.content_main .process_travel_custom .content .top_process .text {
color: var(--Neutral-100, #FFF); }
.content_main .process_travel_custom .content .top_process.top_process_custom .item .title {
border-bottom: 4px solid var(--TrueBlue-50, #1C5DC5); }
.content_main .process_travel_custom .content .top_process.top_process_custom .item .title.title_dot:before {
display: none; }
.content_main .process_travel_custom .content .top_process.top_process_custom .item .title:before {
background: #1C5DC5; }
.content_main .process_travel_custom .content .top_process.top_process_custom .item .title .number {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .process_travel_custom .content .top_process.top_process_custom .item:last-child .title {
padding-bottom: 29px;
border-bottom: 2px dotted var(--Neutral-80, #C5C6D0); }
.content_main .process_travel_custom .content .top_process.top_process_custom .item:last-child .title:before {
display: inline-block; }
.content_main .process_travel_custom .content .text_description {
color: var(--Neutral-90, #E1E2EC); }
@media screen and (max-width: 991px) {
.content_main .process_travel_custom {
padding-top: 16%; } }
@media screen and (max-width: 767px) {
.content_main .process_travel_custom {
padding-top: 16%; } }
@media screen and (max-width: 600px) {
.content_main .process_travel_custom {
padding: 16% 16px 30px 16px; } }
.content_main .why_section {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 6% 8%; }
.content_main .why_section.why_section3 {
background: linear-gradient(180deg, rgba(237, 240, 255, 0) 0%, #EDF0FF 100%); }
.content_main .why_section .content {
display: flex;
flex-wrap: wrap;
gap: 60px;
align-items: center; }
.content_main .why_section .content .content_left {
width: 50%; }
.content_main .why_section .content .content_left img {
height: auto; }
.content_main .why_section .content .content_left.order {
order: 3;
display: flex;
align-items: end;
justify-content: end; }
.content_main .why_section .content .content_right {
width: calc(50% - 60px);
display: flex;
flex-direction: column;
gap: 32px;
order: 2; }
.content_main .why_section .content .content_right .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .why_section .content .content_right .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .why_section .content .content_right ul {
padding: 0;
margin: 0; }
.content_main .why_section .content .content_right ul li {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; display: flex;
align-items: start;
gap: 8px; }
.content_main .why_section .content .content_right ul li img {
width: 10px;
min-width: 10px;
margin-top: 6px; }
.content_main .why_section .content .content_right ul li svg {
min-width: 16px; }
.content_main .why_section .content .content_right .description {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .why_section .content .content_right .description p {
margin-bottom: 1rem; }
.content_main .why_section .content .content_right .description p:last-child {
margin-bottom: 0; }
.content_main .why_section5 .content {
display: flex;
flex-direction: column;
gap: 80px; }
.content_main .why_section5 .content .top {
display: flex;
max-width: 1020px;
flex-direction: column;
align-items: center;
gap: 32px; }
.content_main .why_section5 .content .top .title {
color: #000;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .why_section5 .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .why_section5 .content .top .description {
color: var(--Neutral-20, #26282E);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .why_section5 .content .top .description p {
margin-bottom: 1rem; }
.content_main .why_section5 .content .top .description p:last-child {
margin-bottom: 0; }
.why_section4 {
padding: 7% 8% 0; }
.why_section4 .content {
padding: 8%;
display: flex;
justify-content: space-between;
align-items: start;
flex-wrap: wrap; }
.why_section4 .content .left {
max-width: 42%;
width: 100%;
display: flex;
flex-direction: column;
gap: 64px; }
.why_section4 .content .left .title {
color: var(--Neutral-100, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.why_section4 .content .left .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.why_section4 .content .left .bottom {
display: flex;
flex-direction: column;
gap: 24px; }
.why_section4 .content .left .bottom .title_bot {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.why_section4 .content .left a {
display: inline-flex;
padding: 12px 16px;
border: 1.5px solid #FFF;
color: var(--Neutral-100, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%;
transition: all 0.3s ease;
max-width: max-content; }
.why_section4 .content .left a:hover {
background: var(--Permanent-Geranium-Lake-50, #DB292C);
border: 1.5px solid var(--Permanent-Geranium-Lake-50, #DB292C); }
.why_section4 .content .right {
display: flex;
flex-direction: column;
gap: 16px;
width: 39%; }
.why_section4 .content .right .description p {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 1rem; }
.why_section4.bg_cs .content .left .title span {
color: var(--Dark-Cerulean-70, #80AAED); }
.why_section4.bg_cs .content .left a:hover {
background: var(--Dark-Cerulean-50, #1C5DC5);
border: 1.5px solid var(--Dark-Cerulean-50, #1C5DC5); }
.why_section4.bg_cs .content .right svg path {
fill: #80AAED; }
@media screen and (max-width: 1280px) {
.content_main .why_section .content .content_right .title {
font-size: 40px; }
.content_main .why_section5 .content {
gap: 60px; }
.content_main .why_section5 .content .top {
gap: 24px; }
.content_main .why_section5 .content .top .title {
font-size: 40px; }
.why_section4 .content .left {
gap: 40px; }
.why_section4 .content .left .title {
font-size: 40px; }
.why_section4 .content .left .bottom {
gap: 16px; }
.why_section4 .content .left .bottom .title_bot {
font-size: 14px; }
.why_section4 .content .right {
gap: 12px;
width: 45%; }
.why_section4 .content .right .description p {
font-size: 14px; } }
@media screen and (max-width: 991px) {
.content_main .why_section .content .content_right {
gap: 20px; }
.content_main .why_section .content .content_right .title {
font-size: 30px; }
.content_main .why_section5 .content {
gap: 40px; }
.content_main .why_section5 .content .top {
gap: 18px; }
.content_main .why_section5 .content .top .title {
font-size: 30px; }
.content_main .why_section5 .content .top .description {
font-size: 14px; }
.why_section4 .content .left {
gap: 28px; }
.why_section4 .content .left .bottom {
gap: 12px; }
.why_section4 .content .left .title {
font-size: 30px; } }
@media screen and (max-width: 767px) {
.content_main .why_section {
padding: 60px 8%; }
.content_main .why_section .content {
gap: 30px; }
.content_main .why_section .content .content_left {
width: 100%;
text-align: center; }
.content_main .why_section .content .content_left.order {
order: 1;
justify-content: start;
align-items: start; }
.content_main .why_section .content .content_right {
gap: 20px;
width: 100%; }
.content_main .why_section5 .content {
gap: 30px; }
.content_main .why_section5 .content .top {
gap: 16px; }
.content_main .why_section5 .content .top .title {
font-size: 24px; }
.why_section4 {
padding: 60px 8%;
padding-bottom: 0; }
.why_section4 .content {
gap: 30px; }
.why_section4 .content .left {
width: 100% !important;
max-width: unset !important;
gap: 20px; }
.why_section4 .content .left .title {
font-size: 30px; }
.why_section4 .content .left .title br {
display: none; }
.why_section4 .content .left .title_bot br {
display: none; }
.why_section4 .content .right {
gap: 12px;
width: 100%; }
.why_section4 .content .right .description p {
font-size: 14px; } }
@media screen and (max-width: 600px) {
.content_main .why_section {
padding: 60px 16px; }
.content_main .why_section .content {
gap: 20px; }
.content_main .why_section .content .content_left {
width: 100%; }
.content_main .why_section .content .content_right {
gap: 16px;
width: 100%; }
.content_main .why_section .content .content_right .title {
font-size: 24px; }
.why_section4 {
padding: 60px 16px;
padding-bottom: 0; }
.why_section4 .content {
padding: 30px 16px;
gap: 20px; }
.why_section4 .content .left {
gap: 16px; }
.why_section4 .content .left .title {
font-size: 24px; } }
.content_main .certificate {
padding: 7% 0; }
.content_main .certificate .content {
display: flex;
flex-wrap: wrap;
gap: 8%;
justify-content: start;
align-items: center; }
.content_main .certificate .content .image_left {
width: 35%;
max-width: 672px;
overflow: hidden; }
.content_main .certificate .content .image_left img {
transition: all 0.3s ease; }
.content_main .certificate .content .image_left img:hover {
cursor: pointer;
transform: scale(1.1); }
.content_main .certificate .content .content_right {
width: 55%;
max-width: 810px;
padding-right: 30px;
display: flex;
flex-direction: column;
gap: 32px;
justify-content: center; }
.content_main .certificate .content .content_right .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .certificate .content .content_right .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .certificate .content .content_right .text {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 32px; }
.content_main .certificate .content .content_right .list_logo {
display: flex;
gap: 32px; }
.content_main .certificate.award_section {
padding-right: 8%; }
.content_main .certificate.award_section .content .content_right {
max-width: unset;
width: 57%;
padding-right: 0; }
.content_main .certificate.award_section .content .content_right .text {
padding-right: 32%; }
.content_main .certificate.award_section .content .content_right .list_logo {
display: flex;
gap: 0;
margin: 0 -10px; }
.content_main .certificate.award_section .content .content_right .list_logo .item {
padding: 0 10px; }
.content_main .certificate.award_section .content .content_right .list_logo .slick-dots {
display: flex;
bottom: -64px;
left: 10px;
width: calc(100% - 20px); }
.content_main .certificate.award_section .content .content_right .list_logo .slick-dots li {
width: 50%;
height: 4px;
background: var(--TrueBlue-95, #EDF0FF);
margin: 0; }
.content_main .certificate.award_section .content .content_right .list_logo .slick-dots li button {
margin: 0;
padding: 0;
display: none; }
.content_main .certificate.award_section .content .content_right .list_logo .slick-dots li.slick-active {
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .certificate.award_section .content .content_right .list_logo .slick-arrow {
width: 56px;
height: 56px;
border-radius: 50%;
border: 1.5px solid var(--Neutral-60, #8F9099);
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-right-line.svg);
background-position: center;
background-repeat: no-repeat;
right: 10px;
top: -108px;
transition: all 0.3s ease;
left: unset; }
.content_main .certificate.award_section .content .content_right .list_logo .slick-arrow:before {
display: none; }
.content_main .certificate.award_section .content .content_right .list_logo .slick-arrow.slick-disabled {
opacity: 0.4; }
.content_main .certificate.award_section .content .content_right .list_logo .slick-arrow:hover {
background-color: rgba(255, 255, 255, 0.1); }
.content_main .certificate.award_section .content .content_right .list_logo .slick-prev {
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-left-line.svg);
left: unset;
right: 90px; }
@media screen and (max-width: 1280px) {
.content_main .certificate {
padding: 80px 0;
padding-top: 60px; }
.content_main .certificate .content {
display: flex;
flex-wrap: wrap;
gap: 5%;
justify-content: start; }
.content_main .certificate .content .image_left {
width: 40%; }
.content_main .certificate .content .content_right {
gap: 28px; }
.content_main .certificate .content .content_right .title {
font-size: 40px; }
.content_main .certificate .content .content_right .list_logo {
gap: 24px; }
.content_main .certificate .content .content_right .list_logo .item img {
height: 80px; }
.content_main .certificate.no_slide .content .content_right .list_logo .item img {
height: auto; }
.content_main .certificate.award_section .content .content_right {
width: 55%; }
.content_main .certificate.award_section .content .content_right .list_logo .slick-arrow {
width: 46px;
height: 46px; }
.content_main .certificate.award_section .content .content_right .list_logo .item img {
height: 100px;
width: auto; } }
@media screen and (max-width: 991px) {
.content_main .certificate .content .content_right {
gap: 20px; }
.content_main .certificate .content .content_right .title {
font-size: 30px; }
.content_main .certificate .content .content_right .text {
margin-bottom: 16px; }
.content_main .certificate .content .content_right .list_logo {
gap: 20px; }
.content_main .certificate .content .content_right .list_logo .item img {
height: 64px; }
.content_main .certificate.award_section .content .content_right .list_logo .slick-dots {
bottom: -25px; } }
@media screen and (max-width: 767px) {
.content_main .certificate {
padding: 60px 8%; }
.content_main .certificate .content {
gap: 30px; }
.content_main .certificate .content .image_left {
width: 100%;
max-width: unset; }
.content_main .certificate .content .content_right {
width: 100%;
padding-right: 0; }
.content_main .certificate.award_section .content .content_right {
width: 100%;
padding-right: 0; } }
@media screen and (max-width: 600px) {
.content_main .certificate {
padding: 60px 16px; }
.content_main .certificate.award_section {
padding: 60px 16px; }
.content_main .certificate.award_section .content .content_right .text {
padding-right: 0; }
.content_main .certificate .content {
gap: 20px; }
.content_main .certificate .content .image_left {
width: 100%;
max-width: unset; }
.content_main .certificate .content .content_right {
width: 100%;
gap: 16px; }
.content_main .certificate .content .content_right .title {
font-size: 24px; }
.content_main .certificate .content .content_right .text {
margin-bottom: 0; } }
.content_main .milestone_section {
padding: 10%;
background-size: cover;
background-repeat: no-repeat;
background-color: var(--Neutral-10, #111318); }
.content_main .milestone_section .content {
display: flex;
flex-wrap: wrap;
gap: 80px;
align-items: center; }
.content_main .milestone_section .content .content_left {
width: 40%; }
.content_main .milestone_section .content .content_left .year_slide {
position: relative;
margin-bottom: 0; }
.content_main .milestone_section .content .content_left .year_slide:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
content: '';
width: 48px;
height: 48px;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/year.svg);
background-repeat: no-repeat;
background-position: center;
left: 30px; }
.content_main .milestone_section .content .content_left .year_slide .text {
color: var(--Neutral-20, #2E3038);
text-align: center;
font-size: 160px;
font-style: normal;
font-weight: 700;
line-height: 120px; }
.content_main .milestone_section .content .content_left .year_slide .slick-current .text {
color: var(--Neutral-100, #FFF); }
.content_main .milestone_section .content .content_left .slick-dots {
display: none; }
.content_main .milestone_section .content .content_right {
width: calc(60% - 80px); }
.content_main .milestone_section .content .content_right .list_content .item .title {
color: var(--Neutral-100, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px; }
.content_main .milestone_section .content .content_right .list_content .item .text {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; display: flex;
flex-direction: column;
gap: 20px; }
.content_main .milestone_section .content .content_right .list_content .item .text ul {
padding-left: 30px; }
.content_main .milestone_section .content .content_right .list_content .item .text ul li {
list-style-type: disc; }
.content_main .milestone_section .content .content_right .list_content .slick-dots {
display: flex;
bottom: -34px;
width: calc(100% - 200px); }
.content_main .milestone_section .content .content_right .list_content .slick-dots li {
width: 50%;
height: 4px;
background: var(--TrueBlue-95, #EDF0FF);
margin: 0; }
.content_main .milestone_section .content .content_right .list_content .slick-dots li button {
margin: 0;
padding: 0; }
.content_main .milestone_section .content .content_right .list_content .slick-dots li.slick-active {
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .milestone_section .content .content_right .list_content .slick-arrow {
width: 56px;
height: 56px;
border-radius: 50%;
border: 1.5px solid var(--Neutral-60, #8F9099);
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-right-line.svg);
background-position: center;
background-repeat: no-repeat;
right: 0;
top: unset;
transition: all 0.3s ease;
left: unset;
bottom: -88px; }
.content_main .milestone_section .content .content_right .list_content .slick-arrow:before {
display: none; }
.content_main .milestone_section .content .content_right .list_content .slick-arrow:hover {
background-color: rgba(255, 255, 255, 0.1); }
.content_main .milestone_section .content .content_right .list_content .slick-prev {
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-left-line.svg);
left: unset;
right: 80px; }
@media screen and (max-width: 1280px) {
.content_main .milestone_section {
padding: 10% 8%; }
.content_main .milestone_section .content .content_left .year_slide:before {
width: 32px;
height: 32px;
background-size: 32px; }
.content_main .milestone_section .content .content_left .year_slide .text {
font-size: 120px;
line-height: 120px; }
.content_main .milestone_section .content .content_right .list_content .slick-arrow {
width: 46px;
height: 46px;
bottom: -78px; }
.content_main .milestone_section .content .content_right .list_content .slick-prev {
right: 70px; }
.content_main .milestone_section .content .content_right .list_content .slick-dots {
width: calc(100% - 160px); }
.content_main .milestone_section .content .content_right .list_content .item .title {
font-size: 40px;
margin-bottom: 24px; }
.content_main .milestone_section .content .content_right .list_content .item .text {
gap: 16px; } }
@media screen and (max-width: 991px) {
.content_main .milestone_section .content .content_left .year_slide:before {
left: 0; }
.content_main .milestone_section .content .content_left .year_slide .text {
font-size: 100px;
line-height: 100px; }
.content_main .milestone_section .content .content_right .list_content .item .title {
font-size: 30px; } }
@media screen and (max-width: 767px) {
.content_main .milestone_section .content {
gap: 60px; }
.content_main .milestone_section .content .content_left {
width: 100%; }
.content_main .milestone_section .content .content_left .year_slide:before {
left: 0;
top: 50px; }
.content_main .milestone_section .content .content_left .year_slide .text {
font-size: 100px;
line-height: 100px; }
.content_main .milestone_section .content .content_right {
width: 100%; }
.content_main .milestone_section .content .content_right .list_content .item .title {
font-size: 30px; } }
@media screen and (max-width: 600px) {
.content_main .milestone_section {
padding: 60px 16px; }
.content_main .milestone_section .content {
gap: 40px; }
.content_main .milestone_section .content .content_left .year_slide:before {
left: 0;
top: 50px; }
.content_main .milestone_section .content .content_left .year_slide .text {
font-size: 100px;
line-height: 100px; }
.content_main .milestone_section .content .content_right {
width: 100%; }
.content_main .milestone_section .content .content_right .list_content .item .title {
font-size: 24px; }
.content_main .milestone_section .content .content_right .list_content .slick-arrow {
display: none !important; }
.content_main .milestone_section .content .content_right .list_content .slick-dots {
width: 100%; } }
.content_main .mission_vision {
padding: 8% 12%;
padding-bottom: 6%; }
.content_main .mission_vision .content {
display: flex;
flex-wrap: wrap;
gap: 20%; }
.content_main .mission_vision .content .text_content {
display: flex;
flex-direction: column;
gap: 32px; }
.content_main .mission_vision .content .item {
display: flex;
flex-direction: column;
gap: 48px;
width: 40%; }
.content_main .mission_vision .content .item .img img {
width: 100%;
object-fit: cover; }
.content_main .mission_vision .content .item .title {
color: var(--Neutral-0, #000);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .mission_vision .content .item .title span {
color: var(--TrueBlue-50, #1C5DC5); }
.content_main .mission_vision .content .item .text {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .mission_vision .content .item.content_right .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
@media screen and (max-width: 1280px) {
.content_main .mission_vision {
padding-bottom: 30px; }
.content_main .mission_vision .content {
gap: 10%; }
.content_main .mission_vision .content .item {
gap: 40px;
width: 45%; }
.content_main .mission_vision .content .item .title {
font-size: 42px; }
.content_main .mission_vision .content .text_content {
gap: 24px; } }
@media screen and (max-width: 991px) {
.content_main .mission_vision {
padding-bottom: 24px; }
.content_main .mission_vision .content {
gap: 10%; }
.content_main .mission_vision .content .item {
gap: 40px;
width: 45%; }
.content_main .mission_vision .content .item .title {
font-size: 32px; }
.content_main .mission_vision .content .text_content {
gap: 20px; } }
@media screen and (max-width: 600px) {
.content_main .mission_vision {
padding: 60px 16px;
padding-bottom: 20px; }
.content_main .mission_vision .content {
flex-direction: column;
gap: 30px; }
.content_main .mission_vision .content .item {
gap: 20px;
width: 100%; }
.content_main .mission_vision .content .item .title {
font-size: 24px; }
.content_main .mission_vision .content .item .img {
order: 2; }
.content_main .mission_vision .content .text_content {
gap: 16px; } }
.content_main .CTA {
padding: 10% 8%;
background-size: cover;
margin-bottom: 7%; }
.content_main .CTA.margin-top {
margin-top: 7%; }
.content_main .CTA .content {
max-width: 1104px;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 40px;
margin: 0 auto; }
.content_main .CTA .content .title {
color: var(--Neutral-100, #FFF);
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; width: 100%; }
.content_main .CTA .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .CTA .content .text {
color: var(--Neutral-100, #FFF);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; max-width: 792px;
width: 100%; }
.content_main .CTA .content .text_left {
max-width: 748px;
text-align: left; }
.content_main .CTA .content .button a {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; display: flex;
padding: 16px 24px;
align-items: center;
gap: 8px;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
transition: all 0.3s ease; }
.content_main .CTA .content .button a:hover {
background: var(--Cinnabar-40, #7B1517); }
@media screen and (max-width: 1280px) {
.content_main .CTA .content {
max-width: 900px;
gap: 30px; }
.content_main .CTA .content .title {
font-size: 40px; } }
@media screen and (max-width: 991px) {
.content_main .CTA .content {
max-width: 1104px;
gap: 24px; }
.content_main .CTA .content .title {
font-size: 30px; }
.content_main .CTA .content .text_left {
max-width: 600px; }
.content_main .CTA .content .button a {
padding: 12px 20px; } }
@media screen and (max-width: 600px) {
.content_main .CTA {
padding: 60px 16px;
margin-bottom: 60px; }
.content_main .CTA.margin-top {
margin-top: 28px; }
.content_main .CTA .content {
gap: 16px; }
.content_main .CTA .content .title {
font-size: 24px; }
.content_main .CTA .content .button a {
font-size: 14px; } }
.height_auto .elementor-icon svg {
height: auto; }
.overflow_hidden {
overflow: hidden; }
.content_main .home_project {
padding: 7% 0;
padding-top: 0; }
.content_main .home_project .content {
display: flex;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
padding-left: 8%; }
.content_main .home_project .content .left_project {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
width: 25%; }
.content_main .home_project .content .left_project .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .home_project .content .left_project .show_all a {
color: var(--Permanent-Geranium-Lake-50, #DB292C);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; display: flex;
align-items: center;
gap: 8px; }
.content_main .home_project .content .left_project .show_all a:hover {
color: var(--Cinnabar-40, #CD331A); }
.content_main .home_project .content .left_project .show_all a:hover svg path {
transition: all 0.3s ease;
fill: var(--Cinnabar-40, #CD331A); }
.content_main .home_project .content .slide_project {
width: 75%; }
.content_main .home_project .content .slide_project .list_slide {
margin: 0 -16px; }
.content_main .home_project .content .slide_project .list_slide .item {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0 16px; }
.content_main .home_project .content .slide_project .list_slide .item .image {
position: relative;
height: 560px;
overflow: hidden; }
.content_main .home_project .content .slide_project .list_slide .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; }
.content_main .home_project .content .slide_project .list_slide .item .image .learn_more {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
justify-content: space-between;
align-items: center;
display: flex;
padding: 16px 0;
max-width: 0;
overflow: hidden;
transition: all 0.3s ease;
white-space: nowrap; }
.content_main .home_project .content .slide_project .list_slide .item .content_text {
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px; }
.content_main .home_project .content .slide_project .list_slide .item .content_text .title {
display: flex;
align-items: center;
gap: 8px;
justify-content: space-between; }
.content_main .home_project .content .slide_project .list_slide .item .content_text .title span {
color: var(--Neutral-0, #000);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; transition: all 0.3s ease; }
.content_main .home_project .content .slide_project .list_slide .item .content_text .title svg {
display: none; }
.content_main .home_project .content .slide_project .list_slide .item .content_text .description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .home_project .content .slide_project .list_slide .item:hover .image img {
transform: scale(1.1); }
.content_main .home_project .content .slide_project .list_slide .item:hover .image .learn_more {
max-width: 100%;
padding: 16px 24px; }
.content_main .home_project .content .slide_project .list_slide .item:hover .content_text .title svg {
display: inline; }
.content_main .home_project .content .slide_project .list_slide .item:hover .content_text .title span {
color: var(--TrueBlue-50, #1C5DC5); }
.content_main .home_project .content .slide_project .slick-arrow {
width: 56px;
height: 56px;
border-radius: 50%;
border: 1.5px solid var(--Neutral-60, #8F9099);
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-right-line.svg);
background-position: center;
background-repeat: no-repeat;
top: unset;
bottom: 50px;
transition: all 0.3s ease;
left: calc(-33.333333% + 107px);
right: unset; }
.content_main .home_project .content .slide_project .slick-arrow:before {
display: none; }
.content_main .home_project .content .slide_project .slick-arrow.slick-disabled {
opacity: 0.4; }
.content_main .home_project .content .slide_project .slick-arrow:hover {
background-color: rgba(255, 255, 255, 0.1); }
.content_main .home_project .content .slide_project .slick-prev {
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-left-line.svg);
left: calc(-33.333333% + 27px);
right: unset; }
@media screen and (max-width: 1280px) {
.content_main .home_project .content .left_project {
gap: 30px; }
.content_main .home_project .content .left_project .title {
font-size: 40px; }
.content_main .home_project .content .slide_project .list_slide .item .image {
height: 400px; }
.content_main .home_project .content .slide_project .list_slide .item .content_text .title span {
font-size: 24px; }
.content_main .home_project .content .slide_project .slick-arrow {
width: 46px;
height: 46px; } }
@media screen and (max-width: 991px) {
.content_main .home_project .content .left_project {
gap: 24px; }
.content_main .home_project .content .left_project .title {
font-size: 30px; }
.content_main .home_project .content .slide_project .list_slide .item .image {
height: 360px; }
.content_main .home_project .content .slide_project .list_slide .item .content_text .title span {
font-size: 22px; }
.content_main .home_project .content .slide_project .slick-arrow {
left: calc(-33.333333% + 87px); }
.content_main .home_project .content .slide_project .slick-prev {
left: calc(-33.333333% + 27px); } }
@media screen and (max-width: 767px) {
.content_main .home_project .content .slide_project .list_slide .item .image {
height: 360px; }
.content_main .home_project .content .slide_project .slick-arrow {
width: 46px;
height: 46px; } }
@media screen and (max-width: 600px) {
.content_main .home_project {
padding-bottom: 60px; }
.content_main .home_project .content {
padding-left: 16px; }
.content_main .home_project .content .left_project {
gap: 16px; }
.content_main .home_project .content .left_project .title {
font-size: 22px; }
.content_main .home_project .content .left_project .show_all a {
font-size: 16px;
gap: 4px;
min-width: 200px; }
.content_main .home_project .content .left_project .show_all a svg {
width: 16px; }
.content_main .home_project .content .slide_project {
padding-left: 40px; }
.content_main .home_project .content .slide_project .list_slide .item .image {
height: 280px; }
.content_main .home_project .content .slide_project .list_slide .item .image .learn_more {
font-size: 14px; }
.content_main .home_project .content .slide_project .slick-arrow {
width: 30px;
height: 30px;
background-size: 16px;
left: calc(-33.333333% + 20px); }
.content_main .home_project .content .slide_project .slick-prev {
left: calc(-33.333333% - 26px); } }
.content_main .technology {
padding: 7% 8%;
padding-top: 0; }
.content_main .technology .content .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%;
max-width: 784px;
margin-bottom: 160px; }
.content_main .technology .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .technology .content .list_item {
display: flex;
flex-wrap: wrap; }
.content_main .technology .content .list_item .item {
width: 50%;
display: flex;
padding: 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--TrueBlue-99, #FEFBFF); }
.content_main .technology .content .list_item .item .icon {
width: 120px;
height: 120px;
margin-bottom: 16px; }
.content_main .technology .content .list_item .item .icon img {
width: 100%; }
.content_main .technology .content .list_item .item .title_text {
color: var(--Neutral-10, #111318);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .technology .content .list_item .item .description {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .technology .content .list_item .item:nth-child(2), .content_main .technology .content .list_item .item:nth-child(4) {
position: relative;
top: -120px; }
.content_main .technology .content .list_item .item:nth-child(3) {
border-top: 0; }
.content_main .technology .content .list_item .item:nth-child(4) {
border-top: 0;
border-left: 0; }
.technology1 {
padding: 7% 8%; }
.technology1 .content .top {
margin-bottom: 64px;
display: flex;
flex-direction: column;
gap: 16px; }
.technology1 .content .top .title {
color: #000;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.technology1 .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.technology1 .content .top .description {
color: var(--Neutral-20, #26282E);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.technology1 .content .list_item {
display: flex;
flex-wrap: wrap; }
.technology1 .content .list_item .item {
width: 25%;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--Dark-Cerulean-99, #FAFCFE);
border-right: 0;
display: flex;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
overflow: hidden; }
.technology1 .content .list_item .item:last-child {
border-right: 1px solid var(--Neutral-90, #E1E2EC); }
.technology1 .content .list_item .item .icon {
margin-bottom: 16px; }
.technology1 .content .list_item .item .title_text {
color: var(--Neutral-10, #111318);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.technology1 .content .list_item .item .description {
color: var(--Neutral-20, #26282E);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.technology1 .content .list_item.item3 .item {
width: 33.33%; }
.technology1 .content .list_item.item5 .item {
width: 20%; }
.technology1 .content .list_item.item6 .item {
width: 33.33%; }
.technology2 {
padding: 7% 8% 8% 8%; }
.technology2 .content .top {
margin-bottom: 64px;
display: flex;
flex-direction: column;
gap: 32px; }
.technology2 .content .top .title {
color: var(--Neutral-100, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.technology2 .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.technology2 .content .top .description {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; max-width: 892px; }
.technology2 .content .list_item {
display: flex;
flex-wrap: wrap;
gap: 0;
align-items: normal; }
.technology2 .content .list_item .item {
background: var(--Neutral-20, #26282E);
width: 25%;
border: 1px solid var(--Neutral-30, #44464F);
border-right: 0;
display: flex;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 16px; }
.technology2 .content .list_item .item:last-child {
border-right: 1px solid var(--Neutral-30, #44464F); }
.technology2 .content .list_item .item .icon {
margin-bottom: 16px;
width: 100px; }
.technology2 .content .list_item .item .title_text {
color: var(--Neutral-100, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.technology2 .content .list_item .item .description {
padding: 0; }
.technology2 .content .list_item .item .description li {
display: flex;
justify-content: start;
align-items: baseline;
gap: 8px;
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.technology2 .content .list_item .item .description li svg {
min-width: 8px; }
.technology2 .content .list_item.item5 .item {
width: 20%; }
.technology2 .content .list_item.item3 .item {
width: 33.33%; }
.technology3 {
padding: 7% 8%; }
.technology3 .content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.technology3 .content .top {
margin-bottom: 64px;
display: flex;
flex-direction: column;
gap: 32px;
max-width: 915px; }
.technology3 .content .top .title {
color: #000;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.technology3 .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.technology3 .content .top .description {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; max-width: 892px; }
.technology3 .content .content_bot {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.technology3 .content .content_bot .image_left {
width: 55%; }
.technology3 .content .content_bot .list_item {
width: 40%;
display: flex;
flex-direction: column;
gap: 24px;
align-items: start; }
.technology3 .content .content_bot .list_item .item {
display: flex;
flex-direction: column;
gap: 8px; }
.technology3 .content .content_bot .list_item .item .title_text {
color: var(--Dark-Cerulean-20, #081935);
text-align: left;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.technology3 .content .content_bot .list_item .item .description {
color: var(--Neutral-20, #26282E);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.technology8 {
padding: 7% 8%;
background: linear-gradient(180deg, rgba(237, 240, 255, 0) 0%, #EDF0FF 100%); }
.technology8 .content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start; }
.technology8 .content .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; max-width: 903px;
margin-bottom: 80px; }
.technology8 .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.technology8 .content .list_item {
display: flex;
flex-wrap: wrap;
gap: 48px 24px;
align-items: start; }
.technology8 .content .list_item .item {
display: flex;
flex-wrap: wrap;
gap: 20px;
width: calc(25% - 18px); }
.technology8 .content .list_item .item .icon {
width: 56px;
height: 56px;
padding: 16px;
border-radius: 50%;
background: var(--Neutral-100, #FFF);
transition: all 0.3s ease; }
.technology8 .content .list_item .item .icon img:last-child {
display: none; }
.technology8 .content .list_item .item .right {
width: calc(100% - 76px);
display: flex;
flex-direction: column;
gap: 4px; }
.technology8 .content .list_item .item .right .title_text {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.technology8 .content .list_item .item .right .description {
color: var(--Neutral-20, #26282E);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.technology8 .content .list_item .item:hover .icon {
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.technology8 .content .list_item .item:hover .icon img:first-child {
display: none; }
.technology8 .content .list_item .item:hover .icon img:last-child {
display: inline; }
@media screen and (max-width: 1280px) {
.content_main .technology {
padding: 20px 8%; }
.content_main .technology .content .title {
font-size: 40px;
margin-bottom: 160px; }
.content_main .technology .content .list_item .item {
padding: 30px; }
.content_main .technology .content .list_item .item .title_text {
font-size: 26px; }
.technology1 .content .top {
margin-bottom: 40px;
gap: 12px; }
.technology1 .content .top .title {
font-size: 40px; }
.technology1 .content .list_item .item {
width: 25%;
padding: 24px;
gap: 12px; }
.technology1 .content .list_item .item .icon {
margin-bottom: 12px; }
.technology1 .content .list_item .item .title_text {
font-size: 22px; }
.technology1 .content .list_item .item .description {
font-size: 14px; }
.technology2 .content .top {
margin-bottom: 40px;
gap: 12px; }
.technology2 .content .top .title {
font-size: 40px; }
.technology2 .content .list_item .item {
padding: 24px;
gap: 12px; }
.technology2 .content .list_item .item .icon {
margin-bottom: 12px; }
.technology2 .content .list_item .item .title_text {
font-size: 22px; }
.technology2 .content .list_item .item .description li {
font-size: 14px; }
.technology3 .content .top {
margin-bottom: 40px;
gap: 24px; }
.technology3 .content .top .title {
font-size: 40px; }
.technology3 .content .content_bot .image_left {
width: 55%; }
.technology3 .content .content_bot .list_item {
gap: 12px; }
.technology3 .content .content_bot .list_item .item {
gap: 6px; }
.technology8 .content .title {
font-size: 40px;
margin-bottom: 56px; }
.technology8 .content .list_item {
gap: 24px 18px;
align-items: start; }
.technology8 .content .list_item .item {
gap: 12px;
width: calc(33.33% - 12px); }
.technology8 .content .list_item .item .right {
width: calc(100% - 68px); } }
@media screen and (max-width: 991px) {
.content_main .technology .content .title {
font-size: 30px;
margin-bottom: 160px; }
.content_main .technology .content .list_item {
display: flex;
flex-wrap: wrap; }
.content_main .technology .content .list_item .item {
padding: 20px;
gap: 12px; }
.content_main .technology .content .list_item .item .icon {
width: 100px;
height: 100px;
margin-bottom: 12px; }
.content_main .technology .content .list_item .item .title_text {
font-size: 22px; }
.content_main .technology .content .list_item .item .description {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .technology .content .list_item .item:nth-child(2), .content_main .technology .content .list_item .item:nth-child(4) {
position: relative;
top: -120px; }
.technology1 .content .top {
margin-bottom: 30px;
gap: 8px; }
.technology1 .content .top .title {
font-size: 30px; }
.technology1 .content .list_item .item {
width: 50%;
border: 1px solid var(--Neutral-90, #E1E2EC);
padding: 24px;
gap: 12px; }
.technology1 .content .list_item .item:first-child {
border-bottom: 0; }
.technology1 .content .list_item .item:nth-child(2) {
border-left: 0;
border-bottom: 0; }
.technology1 .content .list_item .item:nth-child(4) {
border-left: 0; }
.technology1 .content .list_item .item .icon {
margin-bottom: 12px; }
.technology1 .content .list_item .item .title_text {
font-size: 22px; }
.technology1 .content .list_item.item3 .item {
width: 50%; }
.technology1 .content .list_item.item3 .item:nth-child(1), .technology1 .content .list_item.item3 .item:nth-child(2) {
border-bottom: 1px solid var(--Neutral-90, #E1E2EC); }
.technology1 .content .list_item.item3 .item:last-child {
border-top: 0; }
.technology1 .content .list_item.item5 .item {
width: 50%; }
.technology1 .content .list_item.item5 .item:nth-child(5) {
border-top: 0; }
.technology1 .content .list_item.item6 .item {
width: 50%;
border: 1px solid var(--Neutral-90, #E1E2EC); }
.technology2 .content .top {
margin-bottom: 30px;
gap: 8px; }
.technology2 .content .top .title {
font-size: 30px; }
.technology2 .content .list_item .item {
width: 50%;
border: 1px solid var(--Neutral-30, #44464F);
padding: 20px;
gap: 12px; }
.technology2 .content .list_item .item:nth-child(1), .technology2 .content .list_item .item:nth-child(2) {
border-bottom: 0; }
.technology2 .content .list_item .item:nth-child(2) {
border-left: 0; }
.technology2 .content .list_item .item:nth-child(4) {
border-left: 0; }
.technology2 .content .list_item .item .icon {
margin-bottom: 12px; }
.technology2 .content .list_item .item .title_text {
font-size: 20px; }
.technology2 .content .list_item.item5 .item {
width: 50%; }
.technology2 .content .list_item.item5 .item:nth-child(5) {
border-top: 0; }
.technology3 .content .top {
margin-bottom: 30px;
gap: 20px; }
.technology3 .content .top .title {
font-size: 30px; }
.technology3 .content .content_bot {
gap: 20px; }
.technology3 .content .content_bot .image_left {
width: 100%; }
.technology3 .content .content_bot .list_item {
width: 100%;
gap: 12px; }
.technology3 .content .content_bot .list_item .item {
gap: 6px; }
.technology8 .content .title {
font-size: 30px;
margin-bottom: 40px; }
.technology8 .content .list_item {
gap: 24px 20px;
align-items: start; }
.technology8 .content .list_item .item {
gap: 12px;
width: calc(50% - 10px); }
.technology8 .content .list_item .item .right {
width: calc(100% - 68px); } }
@media screen and (max-width: 767px) {
.content_main .technology {
padding-bottom: 60px; }
.technology1 {
padding: 60px 8%; }
.technology2 {
padding: 60px 8%; }
.technology3 {
padding: 60px 8%; }
.technology3 .content .top {
margin-bottom: 20px; }
.technology3 .content .top .title {
font-size: 24px; }
.technology8 {
padding: 60px 8%; }
.technology8 .content .title {
font-size: 24px;
margin-bottom: 20px; }
.technology8 .content .list_item {
gap: 20px 12px; } }
@media screen and (max-width: 600px) {
.content_main .technology {
padding: 0 16px;
padding-bottom: 40px; }
.content_main .technology .content .title {
font-size: 24px;
margin-bottom: 20px; }
.content_main .technology .content .title br {
display: none; }
.content_main .technology .content .list_item .item {
width: 100%;
padding: 16px; }
.content_main .technology .content .list_item .item .title_text {
font-size: 20px; }
.content_main .technology .content .list_item .item:nth-child(2), .content_main .technology .content .list_item .item:nth-child(4) {
position: relative;
top: unset; }
.content_main .technology .content .list_item .item:nth-child(2) {
border-top: 0; }
.content_main .technology .content .list_item .item:nth-child(4) {
border-left: 1px solid var(--Neutral-90, #E1E2EC); }
.technology1 {
padding: 60px 16px; }
.technology1 .content .top {
margin-bottom: 20px; }
.technology1 .content .top .title {
font-size: 24px; }
.technology1 .content .top .title br {
display: none; }
.technology1 .content .list_item .item {
width: 50%;
border: 1px solid var(--Neutral-90, #E1E2EC);
padding: 16px;
gap: 8px; }
.technology1 .content .list_item .item .icon {
margin-bottom: 8px; }
.technology1 .content .list_item .item .title_text {
font-size: 20px; }
.technology1 .content .list_item.item6 .item {
width: 100%;
border: 1px solid var(--Neutral-90, #E1E2EC);
border-top: 0; }
.technology1 .content .list_item.item6 .item:first-child {
border-top: 1px solid var(--Neutral-90, #E1E2EC); }
.technology2 {
padding: 60px 16px; }
.technology2 .content .top {
margin-bottom: 20px; }
.technology2 .content .top .title {
font-size: 24px; }
.technology2 .content .top .title br {
display: none; }
.technology2 .content .list_item .item {
width: 100%;
padding: 16px;
gap: 8px;
border: 1px solid var(--Neutral-30, #44464F) !important;
border-bottom: 0 !important; }
.technology2 .content .list_item .item:last-child {
border-bottom: 1px solid var(--Neutral-30, #44464F) !important; }
.technology2 .content .list_item .item .icon {
margin-bottom: 8px; }
.technology2 .content .list_item.item5 .item {
width: 100%; }
.technology2 .content .list_item.item3 .item {
width: 100%; }
.technology3 {
padding: 60px 16px; }
.technology8 {
padding: 60px 16px; }
.technology8 .content .list_item {
gap: 16px; }
.technology8 .content .list_item .item {
gap: 12px;
width: calc(50% - 8px);
display: flex;
flex-direction: column; }
.technology8 .content .list_item .item .icon {
padding: 8px;
width: 40px;
height: 40px; }
.technology8 .content .list_item .item .right {
width: 100%; } }
.content_main .faqs {
background: linear-gradient(180deg, rgba(237, 240, 255, 0) 0%, #EDF0FF 100%);
padding: 2% 8% 5% 8%; }
.content_main .faqs.padding_big {
padding: 10% 8%; }
.content_main .faqs .content {
display: flex;
flex-wrap: wrap;
gap: 50px;
justify-content: space-between; }
.content_main .faqs .content .content_left {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 510px;
justify-content: center; }
.content_main .faqs .content .content_left .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .faqs .content .content_left .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .faqs .content .content_left .text {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .faqs .content .content_right {
width: calc(100% - 560px);
justify-content: flex-end;
display: flex; }
.content_main .faqs .content .content_right .list_faqs {
max-width: 780px;
width: 100%; }
.content_main .faqs .content .content_right .list_faqs .item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
padding: 32px 24px;
border-bottom: 1px solid var(--TrueBlue-80, #AFC6FF); }
.content_main .faqs .content .content_right .list_faqs .item:first-child {
border-top: 1px solid var(--TrueBlue-80, #AFC6FF); }
.content_main .faqs .content .content_right .list_faqs .item .title {
display: flex;
justify-content: space-between;
gap: 24px;
width: 100%; }
.content_main .faqs .content .content_right .list_faqs .item .title span {
color: var(--Neutral-10, #111318);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.content_main .faqs .content .content_right .list_faqs .item .title .icon {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/more.svg);
transition: all 0.3s ease;
min-width: 32px;
font-size: unset; }
.content_main .faqs .content .content_right .list_faqs .item .title .icon:hover {
cursor: pointer; }
.content_main .faqs .content .content_right .list_faqs .item .title:hover {
cursor: pointer; }
.content_main .faqs .content .content_right .list_faqs .item .answer {
padding: 0 32px;
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
display: none; }
.content_main .faqs .content .content_right .list_faqs .item .answer p {
margin-bottom: 1rem; }
.content_main .faqs .content .content_right .list_faqs .item .answer p:last-child {
margin-bottom: 0; }
.content_main .faqs .content .content_right .list_faqs .item .answer li {
list-style: disc; }
.content_main .faqs .content .content_right .list_faqs .item.active .title .icon {
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/less.svg); }
@media screen and (max-width: 1280px) {
.content_main .faqs .content .content_left {
max-width: 400px; }
.content_main .faqs .content .content_left .title {
font-size: 40px; }
.content_main .faqs .content .content_right {
width: calc(100% - 450px); }
.content_main .faqs .content .content_right .list_faqs .item .title span {
font-size: 20px; } }
@media screen and (max-width: 991px) {
.content_main .faqs .content .content_left {
width: 40%; }
.content_main .faqs .content .content_left .title {
font-size: 30px; }
.content_main .faqs .content .content_right {
width: calc(60% - 50px); }
.content_main .faqs .content .content_right .list_faqs .item .title span {
font-size: 20px; }
.content_main .faqs .content .content_right .list_faqs .item .answer {
padding: 0 20px; } }
@media screen and (max-width: 767px) {
.content_main .faqs .content .content_left {
width: 100%;
gap: 20px; }
.content_main .faqs .content .content_right {
width: 100%; }
.content_main .faqs .content .content_right .list_faqs .item .title span {
font-size: 20px; }
.content_main .faqs .content .content_right .list_faqs .item .title .icon {
width: 24px;
height: 24px;
min-width: 24px;
background-size: 24px;
background-repeat: no-repeat; } }
@media screen and (max-width: 600px) {
.content_main .faqs {
padding: 60px 16px; }
.content_main .faqs .content .content_left .title {
font-size: 24px; }
.content_main .faqs .content .content_right {
width: 100%; }
.content_main .faqs .content .content_right .list_faqs .item {
padding: 20px 16px; }
.content_main .faqs .content .content_right .list_faqs .item .title span {
font-size: 18px; }
.content_main .faqs .content .content_right .list_faqs .item .answer {
padding: 0 16px; } }
.content_main .news_and_insight .content {
padding: 7% 8%; }
.content_main .news_and_insight .content .title {
display: flex;
justify-content: space-between;
align-items: baseline;
align-self: stretch;
margin-bottom: 60px; }
.content_main .news_and_insight .content .title svg {
min-width: 24px; }
.content_main .news_and_insight .content .title .text {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .news_and_insight .content .title a {
color: var(--Permanent-Geranium-Lake-50, #DB292C);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; display: flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease; }
.content_main .news_and_insight .content .list_item {
margin-left: -16px;
margin-right: -16px; }
.content_main .news_and_insight .content .list_item .content_list {
display: flex;
flex-wrap: wrap; }
.content_main .news_and_insight .content .list_item .item {
display: flex;
flex-direction: column;
gap: 0;
padding: 0 16px;
width: 100%; }
.content_main .news_and_insight .content .list_item .item .item_content {
display: flex;
flex-direction: column;
gap: 0; }
.content_main .news_and_insight .content .list_item .item .image {
position: relative;
height: 340px;
overflow: hidden; }
.content_main .news_and_insight .content .list_item .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; }
.content_main .news_and_insight .content .list_item .item .image .learn_more {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
justify-content: space-between;
align-items: center;
display: flex;
padding: 16px 0;
max-width: 0;
overflow: hidden;
transition: all 0.3s ease;
white-space: nowrap; }
.content_main .news_and_insight .content .list_item .item .image .learn_more img {
width: 24px;
height: 24px; }
.content_main .news_and_insight .content .list_item .item .image:hover img {
transform: scale(1.1); }
.content_main .news_and_insight .content .list_item .item .image:hover .learn_more img {
transform: unset; }
.content_main .news_and_insight .content .list_item .item .content_text {
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px; }
.content_main .news_and_insight .content .list_item .item .content_text .title {
color: var(--Neutral-0, #000);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; display: flex;
align-items: start;
gap: 8px;
margin-bottom: 0; }
.content_main .news_and_insight .content .list_item .item .content_text .title svg {
display: none; }
.content_main .news_and_insight .content .list_item .item .content_text .title img {
margin-top: 3px;
min-width: 24px;
display: none; }
.content_main .news_and_insight .content .list_item .item .content_text .title span {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.3s ease; }
.content_main .news_and_insight .content .list_item .item .content_text .description {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; }
.content_main .news_and_insight .content .list_item .item:hover .image .learn_more {
max-width: 100%;
padding: 16px 24px; }
.content_main .news_and_insight .content .list_item .item:hover .content_text .title {
color: var(--TrueBlue-50, #1C5DC5); }
.content_main .news_and_insight .content .list_item .item:hover .content_text .title svg {
display: inline; }
.content_main .news_and_insight .content .list_item .item:hover .content_text .title img {
display: inline; }
.content_main .news_and_insight.news_and_insight {
background: linear-gradient(180deg, rgba(237, 240, 255, 0) 0%, #EDF0FF 100%); }
.different_development {
padding: 7% 8%; }
.different_development .content .top {
margin-bottom: 64px;
max-width: 768px; }
.different_development .content .top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.different_development .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.different_development .content .list_item {
display: flex;
flex-wrap: wrap; }
.different_development .content .list_item .item {
width: 33.33%;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--Dark-Cerulean-99, #FAFCFE);
border-left: 0; }
.different_development .content .list_item .item .icon {
padding: 32px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
border-bottom: 1px solid var(--Neutral-90, #E1E2EC); }
.different_development .content .list_item .item .icon .title_item {
color: var(--Neutral-0, #000);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.different_development .content .list_item .item .bot {
padding: 32px;
display: flex;
gap: 16px; }
.different_development .content .list_item .item .bot svg {
min-width: 24px; }
.different_development .content .list_item .item .bot .text p {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 1rem; }
.different_development .content .list_item .item:nth-child(1) {
border-left: 1px solid var(--Neutral-90, #E1E2EC); }
@media screen and (max-width: 1280px) {
.content_main .news_and_insight .content .title {
margin-bottom: 40px; }
.content_main .news_and_insight .content .title .text {
font-size: 40px; }
.content_main .news_and_insight .content .list_item .item .image {
height: 280px; }
.content_main .news_and_insight .content .list_item .item .content_text .title {
font-size: 20px; }
.different_development .content .top {
margin-bottom: 40px; }
.different_development .content .top .title {
font-size: 40px; }
.different_development .content .list_item .item .icon {
padding: 24px; }
.different_development .content .list_item .item .icon .title_item {
font-size: 22px; }
.different_development .content .list_item .item .bot {
padding: 24px; }
.different_development .content .list_item .item .bot .text p {
font-size: 14px; } }
@media screen and (max-width: 991px) {
.content_main .news_and_insight .content .title {
margin-bottom: 30px; }
.content_main .news_and_insight .content .title .text {
font-size: 30px; }
.content_main .news_and_insight .content .title a {
font-size: 18px;
gap: 5px; }
.content_main .news_and_insight .content .title a img {
width: 18px; }
.content_main .news_and_insight .content .list_item .item .image {
height: 240px; }
.content_main .news_and_insight .content .list_item .item .content_text .title {
font-size: 18px; }
.content_main .news_and_insight .content .list_item .item .content_text .title img {
min-width: 18px;
width: 18px; }
.different_development .content .top {
margin-bottom: 30px; }
.different_development .content .top .title {
font-size: 30px; }
.different_development .content .list_item .item .icon {
padding: 20px; }
.different_development .content .list_item .item .icon .title_item {
font-size: 20px; }
.different_development .content .list_item .item .bot {
padding: 20px; }
.different_development .content .list_item .item .bot svg {
display: none; } }
@media screen and (max-width: 767px) {
.content_main .news_and_insight .content {
padding: 60px 8%; }
.content_main .news_and_insight .content .title {
margin-bottom: 30px; }
.content_main .news_and_insight .content .list_item .item {
width: 100%;
margin-bottom: 20px; }
.content_main .news_and_insight .content .list_item .item .content_text .title {
font-size: 18px; }
.different_development {
padding: 60px 8%; }
.different_development .content .top {
margin-bottom: 24px; }
.different_development .content .top .title {
font-size: 24px; }
.different_development .content .list_item .item {
width: 100%;
border-left: 1px solid var(--Neutral-90, #E1E2EC);
border-bottom: 0; }
.different_development .content .list_item .item .icon {
padding: 20px; }
.different_development .content .list_item .item .icon .title_item {
font-size: 20px; }
.different_development .content .list_item .item .bot {
padding: 20px; }
.different_development .content .list_item .item .bot svg {
display: none; }
.different_development .content .list_item .item:last-child {
border-bottom: 1px solid var(--Neutral-90, #E1E2EC); } }
@media screen and (max-width: 600px) {
.content_main .news_and_insight .content {
padding: 60px 16px;
padding-bottom: 40px; }
.content_main .news_and_insight .content .title .text {
font-size: 24px; }
.content_main .news_and_insight .content .title a.all {
font-size: 16px;
gap: 4px; }
.content_main .news_and_insight .content .title a.all svg {
width: 16px;
min-width: 16px; }
.content_main .news_and_insight .content .list_item .item .content_text {
padding: 16px 0; }
.content_main .news_and_insight .content .list_item .item .content_text .title {
font-size: 18px; }
.different_development {
padding: 60px 16px; } }
.content_main .our_clients {
padding: 8% 8% 4% 8%; }
.content_main .our_clients .content {
max-width: 800px;
margin: 0 auto;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 32px; }
.content_main .our_clients .content .title {
color: var(--Neutral-0, #000);
text-align: center;
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.content_main .our_clients .content .text {
color: var(--Neutral-10, #111318);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .our_clients .content .button a {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
display: flex;
padding: 16px 24px;
align-items: center;
gap: 8px;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
transition: all 0.3s ease;
width: 360px;
justify-content: space-between; }
.content_main .our_clients .content .button a:hover {
background: var(--Cinnabar-40, #CD331A); }
@media screen and (max-width: 1280px) {
.content_main .our_clients .content {
gap: 24px; }
.content_main .our_clients .content .title {
font-size: 42px; } }
@media screen and (max-width: 991px) {
.content_main .our_clients .content {
gap: 20px; }
.content_main .our_clients .content .title {
font-size: 32px; } }
@media screen and (max-width: 600px) {
.content_main .our_clients .content {
gap: 16px; }
.content_main .our_clients .content .title {
font-size: 24px; }
.content_main .our_clients .content .button a {
font-size: 14px;
width: 300px;
padding: 14px 20px; }
.content_main .our_clients .content .button a img {
width: 18px; }
.content_main .our_clients .content .button a svg {
width: 18px; } }
.content_main .more_to_explore {
background-color: var(--Neutral-10, #111318);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 7% 8%; }
.content_main .more_to_explore .content .title_main {
color: var(--Neutral-100, #FFF);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 64px; }
.content_main .more_to_explore .content .title_main span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .more_to_explore .content .list_img {
display: flex;
flex-wrap: wrap;
gap: 30px; }
.content_main .more_to_explore .content .list_img .item > a {
display: flex;
flex-direction: column;
gap: 16px; }
.content_main .more_to_explore .content .list_img .item > a .img {
overflow: hidden;
width: 100%; }
.content_main .more_to_explore .content .list_img .item > a .img img {
transition: all 0.3s ease; }
.content_main .more_to_explore .content .list_img .item > a .title {
color: var(--Neutral-100, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.3s ease; }
.content_main .more_to_explore .content .list_img .item > a .text {
color: var(--Neutral-95, #EFF0FA);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.3s ease; }
.content_main .more_to_explore .content .list_img .item > a .content_title {
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px; }
.content_main .more_to_explore .content .list_img .item > a:hover img {
transform: scale(1.1); }
.content_main .more_to_explore .content .list_img .img_left {
width: calc(25% - 20px);
height: 100%; }
.content_main .more_to_explore .content .list_img .img_center {
width: calc(50% - 20px);
display: flex;
flex-direction: column;
gap: 16px;
justify-content: space-between; }
.content_main .more_to_explore .content .list_img .img_right {
width: calc(25% - 20px);
display: flex;
flex-direction: column;
gap: 16px;
justify-content: space-between; }
@media screen and (max-width: 1280px) {
.content_main .more_to_explore .content .title_main {
font-size: 42px;
margin-bottom: 48px; }
.content_main .more_to_explore .content .list_img .item > a .content_title {
padding: 10px; }
.content_main .more_to_explore .content .list_img .item > a .title {
font-size: 22px; } }
@media screen and (max-width: 991px) {
.content_main .more_to_explore .content .title_main {
font-size: 32px;
margin-bottom: 36px; }
.content_main .more_to_explore .content .list_img .item > a {
gap: 12px; }
.content_main .more_to_explore .content .list_img .item > a .content_title {
padding: 4px;
gap: 12px; }
.content_main .more_to_explore .content .list_img .item > a .title {
font-size: 20px; } }
@media screen and (max-width: 767px) {
.content_main .more_to_explore .content .title_main {
margin-bottom: 30px; }
.content_main .more_to_explore .content .list_img {
flex-direction: column; }
.content_main .more_to_explore .content .list_img .item > a {
gap: 12px; }
.content_main .more_to_explore .content .list_img .item > a .content_title {
padding: 4px;
gap: 12px; }
.content_main .more_to_explore .content .list_img .item > a .title {
font-size: 18px; }
.content_main .more_to_explore .content .list_img .img_left {
width: 100%; }
.content_main .more_to_explore .content .list_img .img_center {
width: 100%;
order: 2; }
.content_main .more_to_explore .content .list_img .img_right {
width: 100%; } }
@media screen and (max-width: 600px) {
.content_main .more_to_explore {
padding: 60px 16px; }
.content_main .more_to_explore .content .title_main {
font-size: 24px;
margin-bottom: 20px; } }
.our_client_banner {
padding: 6% 8%;
padding-bottom: 4%; }
.our_client_banner .content {
display: flex;
gap: 100px;
flex-wrap: wrap; }
.our_client_banner .content .content_left {
display: flex;
flex-direction: column;
gap: 32px;
width: 35%;
justify-content: center; }
.our_client_banner .content .content_left .title {
color: var(--Neutral-0, #000);
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.our_client_banner .content .content_left .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.our_client_banner .content .content_left .text {
display: flex;
flex-direction: column;
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; gap: 20px; }
.our_client_banner .content .content_right {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between;
width: calc(65% - 100px);
height: 680px; }
.our_client_banner .content .content_right .author_company {
display: flex;
flex-direction: column;
gap: 4px; }
.our_client_banner .content .content_right .img_left {
width: calc(40% - 8px);
height: 100%;
overflow: hidden;
border-radius: 16px; }
.our_client_banner .content .content_right .img_left img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.3s ease; }
.our_client_banner .content .content_right .img_left img:hover {
transform: scale(1.1); }
.our_client_banner .content .content_right .right_text {
width: calc(60% - 8px);
height: 100%;
display: flex;
flex-wrap: wrap;
gap: 16px;
flex-direction: column; }
.our_client_banner .content .content_right .right_text .top {
display: flex;
flex-wrap: wrap;
gap: 16px;
height: calc(50% - 8px); }
.our_client_banner .content .content_right .right_text .bot {
height: calc(50% - 8px);
display: flex;
flex-direction: column;
padding: 32px 20px;
justify-content: space-between;
align-items: flex-start;
border-radius: 16px;
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.our_client_banner .content .content_right .right_text .bot .text {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.our_client_banner .content .content_right .right_text .bot .author {
color: var(--Neutral-100, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.our_client_banner .content .content_right .right_text .bot .company {
color: var(--Cinnabar-80, #FFB4A5);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.our_client_banner .content .content_right .right_text .box {
display: flex;
padding: 32px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
border-radius: 16px;
background: var(--TrueBlue-30, #0B254E);
width: calc(50% - 8px);
height: 100%; }
.our_client_banner .content .content_right .right_text .box .text_top {
color: var(--Neutral-100, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.our_client_banner .content .content_right .right_text .box .number {
color: var(--Neutral-100, #FFF);
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: 100%; }
.our_client_banner .content .content_right .right_text .img {
width: calc(50% - 8px);
height: 100%;
border-radius: 16px;
overflow: hidden; }
.our_client_banner .content .content_right .right_text .img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; }
.our_client_banner .content .content_right .right_text .img img:hover {
transform: scale(1.1); }
.our_client_banner .content .content_right .right_text_custom .bot_custom {
height: calc(50% - 8px);
overflow: hidden;
border-radius: 16px; }
.our_client_banner .content .content_right .right_text_custom .bot_custom img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; }
.our_client_banner .content .content_right .right_text_custom .bot_custom img:hover {
transform: scale(1.1); }
.our_client_banner .content .content_right .right_text_custom .box {
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.img_wrapper .content {
overflow: hidden; }
.img_wrapper .content .slide_img {
margin: 0 -16px; }
.img_wrapper .content .slide_img .item {
padding: 0 16px;
vertical-align: middle; }
.img_wrapper .content .slide_img .item img {
width: 100%;
object-fit: cover;
vertical-align: middle; }
@media screen and (max-width: 1280px) {
.our_client_banner .content {
gap: 30px; }
.our_client_banner .content .content_left {
gap: 24px; }
.our_client_banner .content .content_left .title {
font-size: 48px; }
.our_client_banner .content .content_left .text {
gap: 16px; }
.our_client_banner .content .content_right {
width: calc(65% - 30px);
height: 480px; }
.our_client_banner .content .content_right .right_text .bot {
padding: 24px 16px; }
.our_client_banner .content .content_right .right_text .bot .text {
font-size: 14px; }
.our_client_banner .content .content_right .right_text .bot .author {
font-size: 18px; }
.our_client_banner .content .content_right .right_text .bot .company {
font-size: 14px; }
.our_client_banner .content .content_right .right_text .box {
padding: 24px; }
.our_client_banner .content .content_right .right_text .box .text_top {
font-size: 18px; }
.our_client_banner .content .content_right .right_text .box .number {
font-size: 56px; } }
@media screen and (max-width: 991px) {
.our_client_banner .content {
gap: 30px;
flex-direction: column; }
.our_client_banner .content .content_left {
gap: 20px;
width: 100%; }
.our_client_banner .content .content_left .title {
font-size: 38px; }
.our_client_banner .content .content_left .text {
gap: 16px; }
.our_client_banner .content .content_right {
width: 100%;
height: 480px; }
.img_wrapper .content .slide_img {
margin: 0 -10px; }
.img_wrapper .content .slide_img .item {
padding: 0 10px; } }
@media screen and (max-width: 767px) {
.our_client_banner .content .content_left .text {
gap: 12px; }
.our_client_banner .content .content_right .right_text .box .text_top {
font-size: 16px; }
.our_client_banner .content .content_right .right_text .box .number {
font-size: 42px; }
.img_wrapper .content .slide_img {
margin: 0 -8px; }
.img_wrapper .content .slide_img .item {
padding: 0 8px; } }
@media screen and (max-width: 600px) {
.our_client_banner {
padding: 60px 16px; }
.our_client_banner .content .content_left .title {
font-size: 28px; }
.our_client_banner .content .content_left .text {
gap: 12px; }
.our_client_banner .content .content_right {
gap: 20px;
height: auto; }
.our_client_banner .content .content_right .img_left {
width: 100%; }
.our_client_banner .content .content_right .right_text {
width: 100%; }
.our_client_banner .content .content_right .right_text .top {
height: 200px; }
.our_client_banner .content .content_right .right_text .bot {
gap: 16px;
padding: 16px; }
.our_client_banner .content .content_right .right_text .box .text_top {
font-size: 16px; }
.our_client_banner .content .content_right .right_text .box .number {
font-size: 42px; } }
.why_clients {
background-size: auto;
background-color: var(--TrueBlue-10, #081935);
background-repeat: no-repeat;
background-position: top center;
padding: 16% 8% 7% 8%; }
.why_clients.pt-0 {
padding-top: 0; }
.why_clients .content .top {
max-width: 800px;
margin-bottom: 64px; }
.why_clients .content .top .title {
color: var(--Neutral-100, #FFF);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 48px; }
.why_clients .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.why_clients .content .top .description {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.why_clients .content .list_item {
display: flex;
align-items: flex-start;
gap: 32px;
flex-wrap: wrap; }
.why_clients .content .list_item .item {
width: calc(33.33% - 21.33px);
display: flex;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--TrueBlue-99, #FEFBFF); }
.why_clients .content .list_item .item .title_item {
color: var(--Neutral-10, #111318);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.why_clients .content .list_item .item .icon {
width: 120px;
height: 120px; }
.why_clients .content .list_item .item .icon img {
width: 100%;
object-fit: cover; }
.why_clients .content .list_item .item .text {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.why_clients.why_clients_custom .content .top {
max-width: 910px; }
.why_clients.why_clients_custom .content .top .title {
font-size: 32px;
color: var(--Neutral-0, #000);
margin-bottom: 0; }
.why_clients.why_clients_custom .content .list_item .item {
gap: 16px; }
.why_clients.why_clients_custom .content .list_item .item .title_item {
color: #000;
font-size: 24px;
line-height: 120%; }
.dedicated_dev_text {
padding: 7% 8%; }
.dedicated_dev_text .content .top {
max-width: 725px;
margin-bottom: 64px; }
.dedicated_dev_text .content .top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.dedicated_dev_text .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.dedicated_dev_text .content .list_item {
display: flex; }
.dedicated_dev_text .content .list_item .item {
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--Neutral-99, #FEFBFF);
border-left: 0; }
.dedicated_dev_text .content .list_item .item .top_item {
padding: 24px 32px;
border-bottom: 1px solid var(--Neutral-90, #E1E2EC); }
.dedicated_dev_text .content .list_item .item .title_item {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; height: 48px; }
.dedicated_dev_text .content .list_item .item .text {
padding: 24px 32px; }
.dedicated_dev_text .content .list_item .item .text p {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 1rem; }
.dedicated_dev_text .content .list_item .item .text p:last-child {
margin-bottom: 0; }
.dedicated_dev_text .content .list_item .item:first-child {
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--Dark-Cerulean-20, #081935); }
.dedicated_dev_text .content .list_item .item:first-child .top_item {
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.dedicated_dev_text .content .list_item .item:first-child .title_item {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.dedicated_dev_text .content .list_item .item:first-child .text p {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
@media screen and (max-width: 1280px) {
.why_clients .content .top {
max-width: 600px;
margin-bottom: 48px; }
.why_clients .content .top .title {
font-size: 42px;
margin-bottom: 40px; }
.why_clients .content .list_item {
gap: 24px; }
.why_clients .content .list_item .item {
width: calc(33.33% - 16px);
padding: 30px;
gap: 24px; }
.why_clients .content .list_item .item .title_item {
font-size: 28px; }
.why_clients.why_clients_custom .content .top {
max-width: 800px; }
.why_clients.why_clients_custom .content .top .title {
font-size: 28px; }
.why_clients.why_clients_custom .content .list_item .item {
gap: 12px; }
.why_clients.why_clients_custom .content .list_item .item .title_item {
font-size: 22px; }
.dedicated_dev_text .content .top {
margin-bottom: 40px; }
.dedicated_dev_text .content .top .title {
font-size: 40px; }
.dedicated_dev_text .content .list_item .item .top_item {
padding: 16px 12px; }
.dedicated_dev_text .content .list_item .item .title_item {
font-size: 14px; }
.dedicated_dev_text .content .list_item .item .text {
font-size: 14px;
padding: 16px 12px; }
.dedicated_dev_text .content .list_item .item:first-child .title_item {
font-size: 14px; }
.dedicated_dev_text .content .list_item .item:first-child .text {
font-size: 14px; } }
@media screen and (max-width: 991px) {
.why_clients .content .top {
margin-bottom: 30px; }
.why_clients .content .top .title {
font-size: 32px;
margin-bottom: 20px; }
.why_clients .content .list_item {
gap: 18px; }
.why_clients .content .list_item .item {
width: calc(33.33% - 12px);
padding: 20px;
gap: 20px; }
.why_clients .content .list_item .item .title_item {
font-size: 24px; }
.why_clients.why_clients_custom .content .top {
max-width: 600px; }
.why_clients.why_clients_custom .content .top .title {
font-size: 24px; }
.why_clients.why_clients_custom .content .list_item .item .title_item {
font-size: 20px; }
.dedicated_dev_text .content .top {
margin-bottom: 30px; }
.dedicated_dev_text .content .top .title {
font-size: 32px; }
.dedicated_dev_text .content .con_bot {
overflow-x: scroll; }
.dedicated_dev_text .content .con_bot .list_item {
min-width: 800px; }
.dedicated_dev_text .content .con_bot .list_item .item:first-child {
position: sticky;
left: 0;
z-index: 1; } }
@media screen and (max-width: 767px) {
.why_clients {
padding: 8%; }
.why_clients .content .list_item {
gap: 20px; }
.why_clients .content .list_item .item {
width: 100%;
padding: 20px;
gap: 20px; }
.dedicated_dev_text {
padding: 60px 8%; }
.dedicated_dev_text .content .top {
margin-bottom: 24px; }
.dedicated_dev_text .content .top .title {
font-size: 30px; } }
@media screen and (max-width: 600px) {
.why_clients {
padding: 60px 16px; }
.why_clients .content .top {
margin-bottom: 20px; }
.why_clients .content .top .title {
font-size: 24px;
margin-bottom: 16px; }
.why_clients .content .list_item {
gap: 16px; }
.why_clients .content .list_item .item {
padding: 16px;
gap: 16px; }
.why_clients .content .list_item .item .title_item {
font-size: 20px; }
.why_clients.why_clients_custom .content .top .title {
font-size: 20px; }
.why_clients.why_clients_custom .content .list_item .item .title_item {
font-size: 18px; }
.dedicated_dev_text {
padding: 60px 16px; }
.dedicated_dev_text .content .top {
margin-bottom: 20px; }
.dedicated_dev_text .content .top .title {
font-size: 24px; } }
.our_success_stories {
padding: 7% 8%;
padding-right: 0; }
.our_success_stories .content {
overflow: hidden; }
.our_success_stories .content .top {
display: flex;
max-width: 648px;
flex-direction: column;
justify-content: start;
align-items: start;
gap: 32px;
margin-bottom: 64px; }
.our_success_stories .content .top .title {
color: var(--Neutral-0, #000);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.our_success_stories .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.our_success_stories .content .top .description {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.our_success_stories .content .list_item {
margin: 0 -16px; }
.our_success_stories .content .list_item .border_item {
width: 100%;
padding: 0 16px; }
.our_success_stories .content .list_item .item {
width: 100%;
padding: 56px; }
.our_success_stories .content .list_item .item .icon {
margin-bottom: 32px;
width: 44px;
height: 44px; }
.our_success_stories .content .list_item .item .icon img {
width: 100%; }
.our_success_stories .content .list_item .item .text_description {
color: var(--Neutral-100, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; margin-bottom: 64px; }
.our_success_stories .content .list_item .item .name_author {
color: var(--Neutral-100, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; margin-bottom: 4px; }
.our_success_stories .content .list_item .item .company {
color: var(--Cinnabar-80, #FFB4A5);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.our_success_stories .content .list_item .slick-arrow {
width: 56px;
height: 56px;
border-radius: 50%;
border: 1.5px solid var(--Neutral-60, #8F9099);
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-right-line.svg);
background-position: center;
background-repeat: no-repeat;
right: 8.6957%;
top: -108px;
transition: all 0.3s ease;
left: unset; }
.our_success_stories .content .list_item .slick-arrow:before {
display: none; }
.our_success_stories .content .list_item .slick-arrow.slick-disabled {
opacity: 0.4; }
.our_success_stories .content .list_item .slick-arrow:hover {
background-color: rgba(255, 255, 255, 0.1); }
.our_success_stories .content .list_item .slick-prev {
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/arrow-left-line.svg);
left: unset;
right: calc(8.6957% + 80px); }
@media screen and (max-width: 1280px) {
.our_success_stories .content .top {
max-width: 500px;
gap: 24px;
margin-bottom: 40px; }
.our_success_stories .content .top .title {
font-size: 42px; }
.our_success_stories .content .list_item {
margin: 0 -12px; }
.our_success_stories .content .list_item .border_item {
padding: 0 12px; }
.our_success_stories .content .list_item .item {
padding: 30px; }
.our_success_stories .content .list_item .item .icon {
margin-bottom: 24px; }
.our_success_stories .content .list_item .item .text_description {
margin-bottom: 48px;
font-size: 18px; }
.our_success_stories .content .list_item .item .name_author {
font-size: 18px; }
.our_success_stories .content .list_item .slick-arrow {
width: 46px;
height: 46px;
right: 8.6957%;
top: -72px; }
.our_success_stories .content .list_item .slick-prev {
right: calc(8.6957% + 68px); } }
@media screen and (max-width: 991px) {
.our_success_stories .content .top {
gap: 20px;
margin-bottom: 30px;
max-width: 400px; }
.our_success_stories .content .top .title {
font-size: 32px; }
.our_success_stories .content .list_item .item .icon {
margin-bottom: 20px; }
.our_success_stories .content .list_item .item .text_description {
margin-bottom: 30px; }
.our_success_stories .content .list_item .item .name_author {
font-size: 18px; } }
@media screen and (max-width: 600px) {
.our_success_stories {
padding: 60px 16px; }
.our_success_stories .content .top {
margin-bottom: 100px;
gap: 16px; }
.our_success_stories .content .top .title {
font-size: 24px; }
.our_success_stories .content .list_item {
margin: 0; }
.our_success_stories .content .list_item .border_item {
padding: 0; }
.our_success_stories .content .list_item .item {
padding: 16px; }
.our_success_stories .content .list_item .item .icon {
margin-bottom: 16px; }
.our_success_stories .content .list_item .item .text_description {
margin-bottom: 20px;
font-size: 16px; }
.our_success_stories .content .list_item .item .name_author {
font-size: 16px; }
.our_success_stories .content .list_item .slick-arrow {
top: -70px;
right: unset;
left: calc(50% + 35px);
transform: translateX(-50%); }
.our_success_stories .content .list_item .slick-prev {
left: calc(50% - 35px); } }
.hero_section {
background: var(--TrueBlue-10, #081935);
padding: 7% 12%;
position: relative;
overflow: hidden;
padding-bottom: 12%; }
.hero_section .bg1 {
position: absolute;
top: 0;
right: 8%;
background-color: var(--TrueBlue-10, #081935);
width: 334px;
height: 224px; }
.hero_section .bg1 img {
width: 100%;
height: 100%;
object-fit: cover; }
.hero_section .bg2 {
position: absolute;
bottom: 300px;
left: 0;
background-color: var(--TrueBlue-10, #081935);
width: 142px;
height: 604px; }
.hero_section .bg2 img {
width: 100%;
height: 100%;
object-fit: cover; }
.hero_section .content {
position: relative;
z-index: 2; }
.hero_section .content .box_top {
margin-bottom: 100px;
max-width: 648px; }
.hero_section .content .box_top .title_top {
color: var(--Permanent-Geranium-Lake-50, #DB292C);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; margin-bottom: 16px; }
.hero_section .content .box_top .title {
color: var(--Neutral-100, #FFF);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px; }
.hero_section .content .box_top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.hero_section .content .box_top .description {
color: var(--Neutral-90, #E1E2EC);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.hero_section .content .box_name_explain {
border: 1.167px solid var(--Neutral-30, #44464F);
position: relative;
margin-bottom: 120px; }
.hero_section .content .box_name_explain:before {
content: '';
position: absolute;
top: -14px;
right: -14px;
width: 28px;
height: 28px;
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.hero_section .content .box_name_explain:after {
content: '';
position: absolute;
bottom: -14px;
left: -14px;
width: 28px;
height: 28px;
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.hero_section .content .box_name_explain .text, .hero_section .content .box_name_explain code {
color: var(--Neutral-100, #FFF);
font-size: 100px;
font-style: normal;
font-weight: 700;
line-height: 100%; text-transform: uppercase;
font-family: 'Nulshock', sans-serif; }
.hero_section .content .box_name_explain .text span, .hero_section .content .box_name_explain code span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.hero_section .content .box_name_explain .text .color, .hero_section .content .box_name_explain code .color {
color: var(--TrueBlue-20, #081935); }
.hero_section .content .box_name_explain .text.text8, .hero_section .content .box_name_explain code.text8 {
position: absolute;
top: -12px;
left: 0;
font-family: 'Bai Jamjuree', sans-serif; }
.hero_section .content .box_name_explain .text.text9, .hero_section .content .box_name_explain code.text9 {
position: absolute;
bottom: -12px;
right: 0;
font-family: 'Bai Jamjuree', sans-serif; }
.hero_section .content .box_name_explain .text.text1, .hero_section .content .box_name_explain code.text1 {
text-align: center; }
.hero_section .content .box_name_explain code {
font-family: 'Bai Jamjuree', sans-serif; }
.hero_section .content .box_name_explain .flex {
display: flex;
justify-content: space-between;
padding-right: 20%; }
.hero_section .content .box_name_explain .flex_top {
margin-top: -14px; }
.hero_section .content .box_name_explain .flex_end {
display: flex;
justify-content: end;
padding-right: 20%;
margin-bottom: -10px; }
.hero_section .content .text_cen {
max-width: 836px;
text-align: center;
color: var(--Neutral-90, #E1E2EC);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin: 0 auto;
margin-bottom: 32px; }
.hero_section .content .list_text {
display: inline-flex;
align-items: flex-start;
gap: 16px;
width: 100%;
justify-content: center; }
.hero_section .content .list_text .item {
display: flex;
padding-bottom: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: -8px; }
.hero_section .content .list_text .item .num {
color: var(--TrueBlue-30, #0B254E);
font-size: 200px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
font-family: 'Nulshock', sans-serif;
transition: all 0.3s ease; }
.hero_section .content .list_text .item .text_item {
color: var(--TrueBlue-30, #0B254E);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; transition: all 0.3s ease; }
.hero_section .content .list_text .item:hover {
cursor: pointer; }
.hero_section .content .list_text .item:hover .num {
color: var(--Neutral-100, #FFF); }
.hero_section .content .list_text .item:hover .text_item {
color: var(--Neutral-100, #FFF); }
@media screen and (max-width: 1280px) {
.hero_section {
padding-bottom: 12%; }
.hero_section .content .box_top {
margin-bottom: 80px; }
.hero_section .content .box_top .title {
font-size: 42px;
margin-bottom: 24px; }
.hero_section .content .box_name_explain {
margin-bottom: 100px; }
.hero_section .content .box_name_explain .text, .hero_section .content .box_name_explain code {
font-size: 68px; }
.hero_section .content .box_name_explain .text.text8, .hero_section .content .box_name_explain code.text8 {
top: -8px; }
.hero_section .content .box_name_explain .text.text9, .hero_section .content .box_name_explain code.text9 {
bottom: -8px; }
.hero_section .content .box_name_explain .flex {
padding-right: 20%; }
.hero_section .content .box_name_explain .flex_top {
margin-top: -10px; }
.hero_section .content .text_cen {
max-width: 600px;
margin-bottom: 24px;
font-size: 18px; }
.hero_section .content .list_text .item .num {
font-size: 140px; }
.hero_section .content .list_text .item .text_item {
font-size: 22px; } }
@media screen and (max-width: 991px) {
.hero_section .bg1 {
width: 167px;
height: 112px; }
.hero_section .bg2 {
width: 71px;
height: 302px; }
.hero_section .content .box_top {
margin-bottom: 60px; }
.hero_section .content .box_top .title_top {
margin-bottom: 12px; }
.hero_section .content .box_top .title {
font-size: 32px; }
.hero_section .content .box_name_explain {
margin-bottom: 80px; }
.hero_section .content .box_name_explain .text, .hero_section .content .box_name_explain code {
font-size: 48px;
line-height: 120%; }
.hero_section .content .box_name_explain .text.text8, .hero_section .content .box_name_explain code.text8 {
top: -8px; }
.hero_section .content .box_name_explain .text.text9, .hero_section .content .box_name_explain code.text9 {
bottom: -8px; }
.hero_section .content .box_name_explain .flex {
padding-right: 20%; }
.hero_section .content .box_name_explain .flex_top {
margin-top: -10px; }
.hero_section .content .list_text .item .num {
font-size: 100px; }
.hero_section .content .list_text .item .text_item {
font-size: 18px; } }
@media screen and (max-width: 767px) {
.hero_section {
padding: 8% 8% 12% 8%; }
.hero_section .content .box_top {
margin-bottom: 40px; }
.hero_section .content .box_top .title_top {
margin-bottom: 12px; }
.hero_section .content .box_top .title {
margin-bottom: 20px; }
.hero_section .content .box_name_explain {
margin-bottom: 60px; }
.hero_section .content .box_name_explain .text, .hero_section .content .box_name_explain code {
font-size: 42px;
line-height: 120%; }
.hero_section .content .box_name_explain .text.text8, .hero_section .content .box_name_explain code.text8 {
top: -8px; }
.hero_section .content .box_name_explain .text.text9, .hero_section .content .box_name_explain code.text9 {
bottom: -8px; }
.hero_section .content .box_name_explain .flex {
padding-right: 20%; }
.hero_section .content .box_name_explain .flex_top {
margin-top: -10px; }
.hero_section .content .list_text .item .num {
font-size: 100px; }
.hero_section .content .list_text .item .text_item {
font-size: 16px; } }
@media screen and (max-width: 600px) {
.hero_section {
padding: 60px 16px 12% 16px; }
.hero_section .content .box_top {
margin-bottom: 30px; }
.hero_section .content .box_top .title_top {
margin-bottom: 12px; }
.hero_section .content .box_top .title {
margin-bottom: 16px; }
.hero_section .content .box_name_explain {
margin-bottom: 30px; }
.hero_section .content .box_name_explain:before {
width: 20px;
height: 20px;
top: -10px;
right: -10px; }
.hero_section .content .box_name_explain:after {
width: 20px;
height: 20px;
bottom: -10px;
left: -10px; }
.hero_section .content .box_name_explain .text, .hero_section .content .box_name_explain code {
font-size: 36px; }
.hero_section .content .box_name_explain .text.text8, .hero_section .content .box_name_explain code.text8 {
top: -8px; }
.hero_section .content .box_name_explain .text.text9, .hero_section .content .box_name_explain code.text9 {
bottom: -8px; }
.hero_section .content .box_name_explain .flex {
padding-right: 20px; }
.hero_section .content .box_name_explain .flex_top {
margin-top: -10px; }
.hero_section .content .text_cen {
font-size: 16px; }
.hero_section .content .list_text {
gap: 0; }
.hero_section .content .list_text .item .num {
font-size: 68px; }
.hero_section .content .list_text .item .text_item {
font-size: 0; } }
.trustworthy_partnership {
padding: 7% 8%; }
.trustworthy_partnership .content .title_top {
margin-bottom: 100px;
display: flex;
align-items: flex-end;
gap: 10%;
justify-content: space-between; }
.trustworthy_partnership .content .title_top .title {
width: 45%;
color: var(--Neutral-0, #000);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.trustworthy_partnership .content .title_top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.trustworthy_partnership .content .title_top .text_right {
width: 45%;
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.trustworthy_partnership .content .content_bot {
display: flex;
flex-wrap: wrap;
position: relative; }
.trustworthy_partnership .content .content_bot .left {
width: 25%;
position: relative; }
.trustworthy_partnership .content .content_bot .left:after {
height: 1px;
width: 100%;
background-color: var(--Neutral-70, #A9ABB4);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
content: ''; }
.trustworthy_partnership .content .content_bot .left:before {
height: 5px;
width: 5px;
border-radius: 50%;
background-color: var(--Neutral-70, #A9ABB4);
position: absolute;
left: -2.5px;
top: 50%;
transform: translateY(-50%);
content: ''; }
.trustworthy_partnership .content .content_bot .left .title_left {
color: var(--Neutral-0, #000);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; position: relative;
top: 60px; }
.trustworthy_partnership .content .content_bot .left .title_left span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.trustworthy_partnership .content .content_bot .right {
width: 75%;
display: flex;
flex-wrap: wrap; }
.trustworthy_partnership .content .content_bot .right .item {
width: 25%;
display: flex;
align-items: center;
justify-content: center;
min-height: 320px;
padding: 20px; }
.trustworthy_partnership .content .content_bot .right .item .text {
color: var(--Neutral-100, #FFF);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.trustworthy_partnership .content .content_bot .right .item:nth-child(1) {
background: var(--TrueBlue-10, #081935); }
.trustworthy_partnership .content .content_bot .right .item:nth-child(2) {
background: var(--TrueBlue-20, #081935); }
.trustworthy_partnership .content .content_bot .right .item:nth-child(3) {
background: var(--TrueBlue-30, #0B254E); }
.trustworthy_partnership .content .content_bot .right .item:nth-child(4) {
background: var(--TrueBlue-40, #2053AE); }
@media screen and (max-width: 1280px) {
.trustworthy_partnership .content .title_top {
margin-bottom: 80px;
gap: 10%; }
.trustworthy_partnership .content .title_top .title {
font-size: 42px; }
.trustworthy_partnership .content .content_bot .left {
width: 25%;
position: relative; }
.trustworthy_partnership .content .content_bot .left .title_left {
font-size: 20px; } }
@media screen and (max-width: 991px) {
.trustworthy_partnership .content .title_top {
margin-bottom: 60px;
gap: 60px; }
.trustworthy_partnership .content .title_top .title {
font-size: 32px; }
.trustworthy_partnership .content .content_bot .left {
width: 25%;
position: relative; }
.trustworthy_partnership .content .content_bot .left .title_left {
font-size: 20px;
top: 30px; }
.trustworthy_partnership .content .content_bot .right .item {
padding: 10px;
min-height: 180px; }
.trustworthy_partnership .content .content_bot .right .item .text {
font-size: 18px; } }
@media screen and (max-width: 767px) {
.trustworthy_partnership {
padding: 8%; }
.trustworthy_partnership .content .title_top {
margin-bottom: 30px;
gap: 20px;
flex-direction: column; }
.trustworthy_partnership .content .title_top .title {
font-size: 32px;
width: 100%; }
.trustworthy_partnership .content .title_top .text_right {
width: 100%; }
.trustworthy_partnership .content .content_bot .left .title_left {
top: 60px; }
.trustworthy_partnership .content .content_bot .right .item {
padding: 10px;
min-height: 180px;
width: 50%; }
.trustworthy_partnership .content .content_bot .right .item .text {
font-size: 18px; } }
@media screen and (max-width: 600px) {
.trustworthy_partnership {
padding: 60px 16px; }
.trustworthy_partnership .content .title_top {
margin-bottom: 24px;
gap: 16px; }
.trustworthy_partnership .content .title_top .title {
font-size: 24px; }
.trustworthy_partnership .content .content_bot .left {
width: 100%; }
.trustworthy_partnership .content .content_bot .left:before {
display: none; }
.trustworthy_partnership .content .content_bot .left:after {
display: none; }
.trustworthy_partnership .content .content_bot .left .title_left {
top: 0;
margin-bottom: 16px; }
.trustworthy_partnership .content .content_bot .right {
width: 100%; }
.trustworthy_partnership .content .content_bot .right .item {
padding: 10px;
min-height: 180px;
width: 50%; }
.trustworthy_partnership .content .content_bot .right .item .text {
font-size: 18px; } }
.empowering_development {
padding: 7% 8% 8% 8%;
background: linear-gradient(180deg, #EDF0FF 0%, rgba(237, 240, 255, 0) 100%); }
.empowering_development .content .top {
display: flex;
flex-direction: column;
gap: 32px;
max-width: 687px;
margin-bottom: 64px; }
.empowering_development .content .top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.empowering_development .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.empowering_development .content .top .description {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.empowering_development .content .list_iem .item {
border-bottom: 1px solid var(--Neutral-90, #E1E2EC);
display: flex;
padding: 24px;
align-items: center;
align-self: stretch;
gap: 20%;
flex-wrap: wrap;
transition: all 0.5s ease;
overflow: hidden; }
.empowering_development .content .list_iem .item .img {
width: 30%;
max-width: 536px;
max-height: 300px;
overflow: hidden;
display: flex; }
.empowering_development .content .list_iem .item .img .number {
color: var(--Neutral-0, #000);
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 110%; max-height: 100px;
overflow: hidden;
transition: all 0.5s ease; }
.empowering_development .content .list_iem .item .img img {
max-height: 0;
max-width: 0;
overflow: hidden; }
.empowering_development .content .list_iem .item .right {
width: 50%;
max-width: 699px;
display: flex;
padding: 24px 0;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
align-self: stretch; }
.empowering_development .content .list_iem .item .right .title_text {
transition: all 0.5s ease;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; color: var(--Neutral-0, #000); }
.empowering_development .content .list_iem .item .right .text {
color: var(--Neutral-100, #FFF);
font-style: normal;
line-height: 150%; max-height: 0;
transition: all 0.5s ease;
overflow: hidden;
font-size: 16px;
font-weight: 400; }
.empowering_development .content .list_iem .item:hover {
cursor: pointer;
background: var(--TrueBlue-20, #081935); }
.empowering_development .content .list_iem .item:hover .img .number {
max-height: 0;
max-width: 0;
padding: 0; }
.empowering_development .content .list_iem .item:hover .img img {
max-height: 500px;
max-width: 800px; }
.empowering_development .content .list_iem .item:hover .title_text {
color: var(--Neutral-100, #FFF); }
.empowering_development .content .list_iem .item:hover .text {
padding-top: 10px;
max-height: 200px; }
.empowering_development .content .list_iem .item:first-child {
border-top: 1px solid var(--Neutral-90, #E1E2EC); }
@media screen and (max-width: 1280px) {
.empowering_development .content .top {
margin-bottom: 40px;
gap: 24px; }
.empowering_development .content .top .title {
font-size: 40px;
max-width: 600px; }
.empowering_development .content .list_iem .item {
gap: 10%;
padding: 20px; }
.empowering_development .content .list_iem .item .img {
width: 35%;
max-width: 536px;
max-height: 300px;
overflow: hidden; }
.empowering_development .content .list_iem .item .img .number {
font-size: 28px; }
.empowering_development .content .list_iem .item .right {
width: 55%;
padding: 20px 0; }
.empowering_development .content .list_iem .item .right .title_text {
font-size: 26px; } }
@media screen and (max-width: 991px) {
.empowering_development .content .top {
gap: 20px;
margin-bottom: 30px; }
.empowering_development .content .top .title {
font-size: 30px; }
.empowering_development .content .list_iem .item {
gap: 10%;
padding: 16px; }
.empowering_development .content .list_iem .item .img {
width: 40%; }
.empowering_development .content .list_iem .item .img .number {
font-size: 24px; }
.empowering_development .content .list_iem .item .right {
width: 50%;
padding: 16px 0; }
.empowering_development .content .list_iem .item .right .title_text {
font-size: 24px; } }
@media screen and (max-width: 767px) {
.empowering_development {
padding: 60px 8%; }
.empowering_development .content .top {
gap: 16px;
margin-bottom: 24px; }
.empowering_development .content .list_iem .item {
gap: 10%;
padding: 16px; }
.empowering_development .content .list_iem .item .img .number {
font-size: 22px; }
.empowering_development .content .list_iem .item .right .title_text {
font-size: 22px; }
.empowering_development .content .list_iem .item .right .text {
font-size: 14px; } }
@media screen and (max-width: 600px) {
.empowering_development {
padding: 60px 16px; }
.empowering_development .content .top .title {
font-size: 24px; }
.empowering_development .content .list_iem .item {
padding: 16px;
flex-direction: column; }
.empowering_development .content .list_iem .item .img {
width: 100%; }
.empowering_development .content .list_iem .item .img .number {
font-size: 20px; }
.empowering_development .content .list_iem .item .right {
width: 100%; }
.empowering_development .content .list_iem .item .right .title_text {
font-size: 20px; }
.empowering_development .content .list_iem .item .right .text {
font-size: 14px; } }
.premier_software {
background-repeat: no-repeat;
background-size: cover; }
.premier_software .content {
padding: 7% 8%; }
.premier_software .content .top {
display: flex;
max-width: 960px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 32px; }
.premier_software .content .top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.premier_software .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.premier_software .content .top .text {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.premier_software .img_full {
overflow: hidden; }
.premier_software .img_full img {
width: 100%;
object-fit: cover; }
.premier_software .img_full img:hover {
cursor: pointer;
transform: scale(1.1); }
@media screen and (max-width: 1280px) {
.premier_software .content .top {
max-width: 800px;
gap: 24px; }
.premier_software .content .top .title {
font-size: 40px; } }
@media screen and (max-width: 991px) {
.premier_software .content .top {
max-width: 600px; }
.premier_software .content .top .title {
font-size: 30px; } }
@media screen and (max-width: 600px) {
.premier_software .content {
padding: 60px 16px; }
.premier_software .content .top {
gap: 16px; }
.premier_software .content .top .title {
font-size: 24px; }
.premier_software .img_full img {
min-height: 150px; } }
.introduction_vn {
padding: 8%;
background: var(--Neutral-10, #111318); }
.introduction_vn .content .top {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
max-width: 965px;
padding-bottom: 8%; }
.introduction_vn .content .top .title {
color: var(--Neutral-100, #FFF);
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.introduction_vn .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.introduction_vn .content .top .title.title_cs {
font-size: 48px; }
.introduction_vn .content .top .text {
color: var(--Neutral-90, #E1E2EC);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.introduction_vn .content .bot {
position: relative; }
.introduction_vn .content .bot .div_border {
position: absolute;
height: 100%;
left: 40%;
width: 1px;
border-left: 1px dashed var(--Neutral-40, #5C5E67); }
.introduction_vn .content .bot .div_border_after {
position: absolute;
height: 200px;
top: 0;
left: calc(40% - 1px);
border-left: 3px solid var(--Permanent-Geranium-Lake-50, #DB292C); }
.introduction_vn .content .bot .list_item .item {
padding-bottom: 200px;
display: flex;
flex-wrap: wrap;
align-items: center; }
.introduction_vn .content .bot .list_item .item:last-child {
padding-bottom: 0; }
.introduction_vn .content .bot .list_item .item .img_left {
width: 45%;
padding-right: 10%;
overflow: hidden; }
.introduction_vn .content .bot .list_item .item .img_left img {
width: 100%;
object-fit: cover;
max-width: 510px;
height: auto; }
.introduction_vn .content .bot .list_item .item .content_item {
width: 55%;
padding-left: 5%; }
.introduction_vn .content .bot .list_item .item .content_item .title_text {
color: var(--Neutral-100, #FFF);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%;
margin-bottom: 32px; }
.introduction_vn .content .bot .list_item .item .content_item .title_text span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.introduction_vn .content .bot .list_item .item .content_item .title_text.title_cs {
font-size: 32px; }
.introduction_vn .content .bot .list_item .item .content_item .text_list {
display: flex;
flex-direction: column;
gap: 16px; }
.introduction_vn .content .bot .list_item .item .content_item .text_list p {
color: var(--Neutral-80, #C5C6D0);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.introduction_vn .content .bot .list_item .item .content_item .text_list ul {
margin-bottom: 0; }
.introduction_vn .content .bot .list_item .item .content_item .text_list ul li {
color: var(--Neutral-80, #C5C6D0);
list-style: outside; }
.introduction_vn .content .bot .list_item .item .content_item .text_list ol {
margin-bottom: 0; }
.introduction_vn .content .bot .list_item .item .content_item .text_list ol li {
color: var(--Neutral-80, #C5C6D0);
list-style: auto; }
@media screen and (max-width: 1280px) {
.introduction_vn .content .top {
gap: 24px;
max-width: 800px; }
.introduction_vn .content .top .title {
font-size: 48px; }
.introduction_vn .content .top .title.title_cs {
font-size: 40px; }
.introduction_vn .content .bot .list_item .item {
padding-bottom: 160px; }
.introduction_vn .content .bot .list_item .item .content_item {
width: 55%;
padding-left: 5%; }
.introduction_vn .content .bot .list_item .item .content_item .title_text {
font-size: 30px;
margin-bottom: 24px; }
.introduction_vn .content .bot .list_item .item .content_item .title_text.title_cs {
font-size: 26px; }
.introduction_vn .content .bot .list_item .item .content_item .text_list {
gap: 16px; } }
@media screen and (max-width: 991px) {
.introduction_vn .content .top {
gap: 20px;
max-width: 600px; }
.introduction_vn .content .top .title {
font-size: 38px; }
.introduction_vn .content .top .title.title_cs {
font-size: 30px; }
.introduction_vn .content .top .text {
font-size: 18px; }
.introduction_vn .content .bot .list_item .item {
padding-bottom: 120px; }
.introduction_vn .content .bot .list_item .item .content_item {
padding-left: 0; }
.introduction_vn .content .bot .list_item .item .content_item .title_text {
font-size: 24px;
margin-bottom: 20px; }
.introduction_vn .content .bot .list_item .item .content_item .title_text.title_cs {
font-size: 20px; }
.introduction_vn .content .bot .list_item .item .content_item .text_list {
gap: 12px; }
.introduction_vn .content .bot .list_item .item .content_item .text_list p {
font-size: 14px; } }
@media screen and (max-width: 767px) {
.introduction_vn .content .top .title {
font-size: 32px; }
.introduction_vn .content .top .text {
font-size: 16px; }
.introduction_vn .content .bot .div_border {
display: none; }
.introduction_vn .content .bot .div_border_after {
display: none; }
.introduction_vn .content .bot .list_item .item {
flex-direction: column;
gap: 20px;
padding-bottom: 30px; }
.introduction_vn .content .bot .list_item .item .img_left {
width: 100%; }
.introduction_vn .content .bot .list_item .item .content_item {
width: 100%; }
.introduction_vn .content .bot .list_item .item .content_item .title_text {
font-size: 22px;
margin-bottom: 16px; }
.introduction_vn .content .bot .list_item .item .content_item .title_text.title_cs {
font-size: 20px; } }
@media screen and (max-width: 600px) {
.introduction_vn {
padding: 60px 16px; }
.introduction_vn .content .top .title {
font-size: 28px; }
.introduction_vn .content .top .title.title_cs {
font-size: 24px; }
.introduction_vn .content .bot .list_item .item {
flex-direction: column;
gap: 16px;
padding-bottom: 24px; }
.introduction_vn .content .bot .list_item .item .content_item .title_text {
font-size: 20px;
margin-bottom: 16px; }
.introduction_vn .content .bot .list_item .item .content_item .title_text.title_cs {
font-size: 18px; }
.introduction_vn .content .bot .list_item .item .img_left {
padding-right: 0; } }
.explore_our_outsourcing {
padding: 8%;
background-size: cover;
background-repeat: no-repeat; }
.explore_our_outsourcing .content .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 64px;
max-width: 748px; }
.explore_our_outsourcing .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.explore_our_outsourcing .content .list_item {
display: flex;
gap: 30px;
padding: 32px 32px 32px 64px;
justify-content: space-between;
align-items: center;
background: var(--TrueBlue-20, #081935); }
.explore_our_outsourcing .content .list_item .left {
display: flex;
max-width: 680px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
flex-shrink: 0;
width: calc(60% - 30px); }
.explore_our_outsourcing .content .list_item .left .title_top {
color: var(--Neutral-100, #FFF);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.explore_our_outsourcing .content .list_item .left .description {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; display: flex;
flex-direction: column;
gap: 32px; }
.explore_our_outsourcing .content .list_item .img_right {
width: 40%;
overflow: hidden; }
.explore_our_outsourcing .content .list_item .img_right img {
width: 100%;
transition: all 0.3s ease; }
.explore_our_outsourcing .content .list_item .img_right img:hover {
cursor: pointer;
transform: scale(1.1); }
@media screen and (max-width: 1280px) {
.explore_our_outsourcing .content .title {
font-size: 40px;
max-width: 600px;
margin-bottom: 40px; }
.explore_our_outsourcing .content .list_item {
display: flex;
gap: 24px;
padding: 24px; }
.explore_our_outsourcing .content .list_item .left {
gap: 24px;
flex-shrink: 0;
width: calc(60% - 24px); }
.explore_our_outsourcing .content .list_item .left .title_top {
font-size: 24px; }
.explore_our_outsourcing .content .list_item .left .description {
gap: 24px; } }
@media screen and (max-width: 991px) {
.explore_our_outsourcing .content .title {
font-size: 30px;
max-width: 500px;
margin-bottom: 32px; }
.explore_our_outsourcing .content .list_item {
gap: 20px;
padding: 20px; }
.explore_our_outsourcing .content .list_item .left {
gap: 20px;
width: calc(60% - 20px); }
.explore_our_outsourcing .content .list_item .left .title_top {
font-size: 22px; }
.explore_our_outsourcing .content .list_item .left .description {
gap: 20px; } }
@media screen and (max-width: 767px) {
.explore_our_outsourcing {
padding: 60px 8%; }
.explore_our_outsourcing .content .list_item {
gap: 20px;
padding: 20px;
flex-wrap: wrap; }
.explore_our_outsourcing .content .list_item .left {
order: 2;
gap: 16px;
width: 100%; }
.explore_our_outsourcing .content .list_item .left .title_top {
font-size: 20px; }
.explore_our_outsourcing .content .list_item .left .description {
gap: 16px; }
.explore_our_outsourcing .content .list_item .img_right {
width: 100%;
order: 1; } }
@media screen and (max-width: 600px) {
.explore_our_outsourcing {
padding: 60px 16px; }
.explore_our_outsourcing .content .title {
font-size: 24px;
margin-bottom: 24px; }
.explore_our_outsourcing .content .list_item {
padding: 24px 16px; }
.explore_our_outsourcing .content .list_item .left .title_top {
font-size: 20px; } }
.our_work {
position: relative;
padding-left: 8%;
padding-bottom: 80px; }
.our_work blockquote {
margin-bottom: 0;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/frame_325.svg);
background-size: 64px;
background-repeat: no-repeat;
background-position: left center;
padding-left: 90px; }
.our_work blockquote p {
font-size: 16px; }
.our_work .content {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 40px;
align-items: center;
justify-content: space-between; }
.our_work .content .img_left {
width: 50%;
display: flex;
justify-content: end; }
.our_work .content .img_left img {
height: auto; }
.our_work .content .right_content {
display: flex;
width: calc(50% - 40px);
flex-direction: column;
align-items: flex-start;
gap: 32px;
max-width: 700px;
padding-bottom: 30px;
padding-right: 30px; }
.our_work .content .right_content .title {
color: var(--Neutral-0, #000);
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.our_work .content .right_content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.our_work .content .right_content .text {
color: var(--Neutral-10, #111318);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.our_work .content .right_content .text.text_small {
font-size: 16px; }
.our_work .content .right_content.search {
gap: 24px; }
.our_work .bg_image {
position: absolute;
bottom: 0;
left: 0; }
.our_work .title_top {
color: var(--Permanent-Geranium-Lake-50, #DB292C);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
text-transform: uppercase; }
.our_work .margin_bottom {
margin-bottom: -8px; }
.our_work .flow_us {
display: flex;
align-items: center;
gap: 16px; }
.our_work .flow_us span {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.our_work .flow_us .linkedin {
display: flex;
width: 64px;
height: 64px;
justify-content: center;
align-items: center;
border-radius: 50%;
background: var(--TrueBlue-95, #EDF0FF); }
@media screen and (max-width: 1280px) {
.our_work .content .right_content {
gap: 24px; }
.our_work .content .right_content .title {
font-size: 48px; }
.our_work .content .right_content .text {
font-size: 18px; }
.our_work .bg_image {
max-width: 150px; } }
@media screen and (max-width: 991px) {
.our_work .content .right_content {
gap: 20px; }
.our_work .content .right_content .title {
font-size: 38px; }
.our_work .content .right_content .text {
font-size: 18px; } }
@media screen and (max-width: 767px) {
.our_work {
padding: 60px 8%; }
.our_work .content {
gap: 0; }
.our_work .content .img_left {
width: 100%;
order: 2; }
.our_work .content .right_content {
width: 100%;
gap: 16px;
max-width: unset;
padding: 0 0 30px 0; }
.our_work .bg_image {
display: none; } }
@media screen and (max-width: 600px) {
.our_work {
padding: 60px 16px; }
.our_work blockquote {
background-size: 32px;
padding-left: 48px; }
.our_work .content .right_content {
gap: 12px;
padding-bottom: 20px; }
.our_work .content .right_content .title {
font-size: 28px; }
.our_work .content .right_content .text {
font-size: 16px; } }
.explore_exceptional_our {
padding: 7% 8%;
background: #FFF;
box-shadow: 0px -14px 24px 0px rgba(54, 102, 194, 0.05); }
.explore_exceptional_our .content .title_main {
color: var(--Neutral-10, #111318);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; max-width: 914px;
margin-bottom: 80px; }
.explore_exceptional_our .content .title_main span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.explore_exceptional_our .content .list_item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 48px 32px; }
.explore_exceptional_our .content .list_item .item {
display: flex;
flex-direction: column;
width: calc(33.33% - 21.3333px); }
.explore_exceptional_our .content .list_item .item .image {
position: relative;
overflow: hidden; }
.explore_exceptional_our .content .list_item .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; }
.explore_exceptional_our .content .list_item .item .image .learn_more {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
justify-content: space-between;
align-items: center;
display: flex;
padding: 16px 0;
max-width: 0;
overflow: hidden;
transition: all 0.3s ease;
white-space: nowrap; }
.explore_exceptional_our .content .list_item .item .content_text {
display: flex;
padding: 16px;
padding-top: 32px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
transition: all 0.3s ease; }
.explore_exceptional_our .content .list_item .item .content_text .title {
display: flex;
align-items: center;
gap: 8px;
justify-content: space-between;
color: var(--Neutral-0, #000);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; transition: all 0.3s ease; }
.explore_exceptional_our .content .list_item .item .content_text .title svg {
display: none; }
.explore_exceptional_our .content .list_item .item .content_text .description {
transition: all 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.explore_exceptional_our .content .list_item .item:hover .image img {
transform: scale(1.1); }
.explore_exceptional_our .content .list_item .item:hover .image .learn_more {
max-width: 100%;
padding: 16px 24px; }
.explore_exceptional_our .content .list_item .item:hover .content_text .title {
color: var(--TrueBlue-50, #1C5DC5); }
.explore_exceptional_our .content .list_item .item:hover .content_text .title svg {
display: inline; }
.explore_exceptional_our .content .list_item .item:nth-child(4), .explore_exceptional_our .content .list_item .item:nth-child(5) {
width: calc(50% - 16px); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item {
gap: 32px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item {
display: flex;
flex-direction: column;
align-items: center;
width: calc(25% - 24px);
margin-bottom: 0; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .con {
max-width: 600px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item:first-child {
width: calc(50% - 16px);
justify-content: center;
align-items: start; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .title_main {
color: var(--Neutral-10, #111318);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .title_main span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .description_main {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .content_text {
padding: 24px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .content_text .title {
color: var(--Neutral-10, #111318);
font-size: 24px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .content_text .description {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item:hover .content_text {
background: var(--Dark-Cerulean-20, #081935); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item:hover .content_text .title {
color: var(--Neutral-100, #FFF); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item:hover .content_text .description {
color: var(--Neutral-100, #FFF); }
@media screen and (max-width: 1280px) {
.explore_exceptional_our .content .title_main {
font-size: 40px;
max-width: 780px;
margin-bottom: 60px; }
.explore_exceptional_our .content .list_item {
gap: 32px 24px; }
.explore_exceptional_our .content .list_item .item {
width: calc(33.33% - 16px); }
.explore_exceptional_our .content .list_item .item .image .learn_more {
width: 100%; }
.explore_exceptional_our .content .list_item .item .content_text {
padding-top: 24px; }
.explore_exceptional_our .content .list_item .item .content_text .title {
font-size: 24px; }
.explore_exceptional_our .content .list_item .item:hover .image .learn_more {
padding: 16px 20px; }
.explore_exceptional_our .content .list_item .item:nth-child(4), .explore_exceptional_our .content .list_item .item:nth-child(5) {
width: calc(50% - 12px); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item {
gap: 24px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item {
width: calc(25% - 18px); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item:first-child {
width: calc(50% - 12px); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .title_main {
font-size: 38px;
margin-bottom: 24px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .content_text {
padding: 16px;
gap: 12px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .content_text .title {
font-size: 22px; } }
@media screen and (max-width: 991px) {
.explore_exceptional_our .content .title_main {
font-size: 30px;
max-width: 600px;
margin-bottom: 40px; }
.explore_exceptional_our .content .list_item {
gap: 24px; }
.explore_exceptional_our .content .list_item .item {
width: calc(50% - 12px); }
.explore_exceptional_our .content .list_item .item .image .learn_more {
width: 100%; }
.explore_exceptional_our .content .list_item .item .content_text .title {
font-size: 22px; }
.explore_exceptional_our .content .list_item .item:hover .image .learn_more {
padding: 16px 20px; }
.explore_exceptional_our .content .list_item .item:nth-child(4), .explore_exceptional_our .content .list_item .item:nth-child(5) {
width: calc(50% - 12px); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item {
gap: 24px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item {
width: calc(50% - 12px); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item:first-child {
width: 100%; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .title_main {
font-size: 30px;
margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
.explore_exceptional_our {
padding: 60px 8%; } }
@media screen and (max-width: 600px) {
.explore_exceptional_our {
padding: 60px 16px 48px 16px; }
.explore_exceptional_our .content .title_main {
font-size: 24px;
margin-bottom: 20px; }
.explore_exceptional_our .content .list_item {
gap: 16px; }
.explore_exceptional_our .content .list_item .item {
width: calc(50% - 8px); }
.explore_exceptional_our .content .list_item .item .image .learn_more {
width: 100%; }
.explore_exceptional_our .content .list_item .item .content_text {
padding: 20px 0 12px 0;
gap: 12px; }
.explore_exceptional_our .content .list_item .item .content_text .title {
font-size: 20px; }
.explore_exceptional_our .content .list_item .item:hover .image .learn_more {
font-size: 14px;
padding: 12px; }
.explore_exceptional_our .content .list_item .item:hover .image .learn_more svg {
width: 20px; }
.explore_exceptional_our .content .list_item .item:nth-child(4), .explore_exceptional_our .content .list_item .item:nth-child(5) {
width: calc(50% - 12px); }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item {
gap: 24px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item {
width: 100%; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .title_main {
font-size: 24px; }
.explore_exceptional_our.explore_exceptional_our5 .content .list_item .item .content_text .title {
font-size: 20px; } }
.content_main .technology_new {
padding: 7% 8% 8% 8%; }
.content_main .technology_new .content .content_top {
max-width: 770px;
margin-bottom: 112px; }
.content_main .technology_new .content .content_top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%;
margin-bottom: 32px; }
.content_main .technology_new .content .content_top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.content_main .technology_new .content .content_top .text {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .technology_new .content .list_item {
display: flex;
flex-wrap: wrap; }
.content_main .technology_new .content .list_item .item {
width: 33.33%;
display: flex;
padding: 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--TrueBlue-99, #FEFBFF);
box-shadow: 0px 20px 30px 0px rgba(54, 102, 194, 0.1); }
.content_main .technology_new .content .list_item .item .icon {
width: 120px;
height: 120px;
margin-bottom: 16px; }
.content_main .technology_new .content .list_item .item .icon img {
width: 100%; }
.content_main .technology_new .content .list_item .item .title_text {
color: var(--Neutral-10, #111318);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.content_main .technology_new .content .list_item .item ul {
padding-left: 25px; }
.content_main .technology_new .content .list_item .item .description {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.content_main .technology_new .content .list_item .item .description li {
list-style: disc; }
.content_main .technology_new .content .list_item .item:nth-child(1), .content_main .technology_new .content .list_item .item:nth-child(4), .content_main .technology_new .content .list_item .item:nth-child(7) {
border-right: 0; }
.content_main .technology_new .content .list_item .item:nth-child(1), .content_main .technology_new .content .list_item .item:nth-child(4) {
border-bottom: 0; }
.content_main .technology_new .content .list_item .item:nth-child(3), .content_main .technology_new .content .list_item .item:nth-child(6), .content_main .technology_new .content .list_item .item:nth-child(9) {
border-left: 0; }
.content_main .technology_new .content .list_item .item:nth-child(3), .content_main .technology_new .content .list_item .item:nth-child(6) {
border-bottom: 0; }
.content_main .technology_new .content .list_item .item:nth-child(2), .content_main .technology_new .content .list_item .item:nth-child(5) {
position: relative;
top: -40px;
border-bottom: 0; }
.content_main .technology_new .content .list_item .item:nth-child(8) {
position: relative;
top: 40px; }
.content_main .technology_new .content .list_item .item:nth-child(5) {
padding: 0;
border: none;
background: unset;
box-shadow: none;
border-top: 0; }
.content_main .technology_new .content .list_item .item:nth-child(5) .content_item {
position: absolute;
top: 0;
display: flex;
height: calc(100% + 80px);
padding: 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--TrueBlue-99, #FEFBFF);
box-shadow: 0px 20px 30px 0px rgba(54, 102, 194, 0.1);
border-bottom: 0; }
.content_main .technology_new.technology6 .content .list_item .item:nth-child(2) .content_item {
display: flex;
flex-direction: column;
gap: 16px; }
.understand_panoramic {
padding: 7% 8%; }
.understand_panoramic .content .top {
display: flex;
max-width: 920px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
margin-bottom: 64px; }
.understand_panoramic .content .top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.understand_panoramic .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.understand_panoramic .content .top .text {
color: var(--Neutral-20, #26282E);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.understand_panoramic .content .bot .list_item {
display: flex;
flex-wrap: wrap;
gap: 32px; }
.understand_panoramic .content .bot .list_item .item {
display: flex;
flex-direction: column;
width: calc(33.33% - 24px); }
.understand_panoramic .content .bot .list_item .item .image {
position: relative;
overflow: hidden; }
.understand_panoramic .content .bot .list_item .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; }
.understand_panoramic .content .bot .list_item .item .image .learn_more {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
justify-content: space-between;
align-items: center;
display: flex;
padding: 16px 0;
max-width: 0;
overflow: hidden;
transition: all 0.3s ease;
white-space: nowrap; }
.understand_panoramic .content .bot .list_item .item .image:hover img {
transform: scale(1.1); }
.understand_panoramic .content .bot .list_item .item .content_text {
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px; }
.understand_panoramic .content .bot .list_item .item .content_text .title {
color: var(--Neutral-0, #000);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.3s ease;
margin-bottom: 0; }
.understand_panoramic .content .bot .list_item .item .content_text .title svg {
display: none; }
.understand_panoramic .content .bot .list_item .item .content_text .description {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; }
.understand_panoramic .content .bot .list_item .item:hover .image .learn_more {
max-width: 100%;
padding: 16px 24px; }
.understand_panoramic .content .bot .list_item .item:hover .content_text .title {
color: var(--TrueBlue-50, #1C5DC5); }
.understand_panoramic .content .bot .list_item .item:hover .content_text .title svg {
display: inline; }
@media screen and (max-width: 1280px) {
.content_main .technology_new {
padding-bottom: 100px; }
.content_main .technology_new .content .content_top .title {
font-size: 40px;
margin-bottom: 20px; }
.content_main .technology_new .content .list_item .item {
padding: 25px; }
.content_main .technology_new .content .list_item .item .title_text {
font-size: 20px; }
.content_main .technology_new .content .list_item:nth-child(5) .content_item {
padding: 25px; }
.understand_panoramic .content .top {
gap: 24px;
margin-bottom: 40px; }
.understand_panoramic .content .top .title {
font-size: 40px; }
.understand_panoramic .content .bot .list_item {
gap: 24px; }
.understand_panoramic .content .bot .list_item .item {
width: calc(33.33% - 16px); }
.understand_panoramic .content .bot .list_item .item .content_text {
padding: 12px;
gap: 12px; }
.understand_panoramic .content .bot .list_item .item .content_text .title {
font-size: 22px; } }
@media screen and (max-width: 991px) {
.content_main .technology_new .content .content_top .title {
font-size: 30px; }
.content_main .technology_new .content .list_item {
display: flex;
flex-wrap: wrap; }
.content_main .technology_new .content .list_item .item {
padding: 20px;
gap: 12px; }
.content_main .technology_new .content .list_item .item .icon {
width: 100px;
height: 100px;
margin-bottom: 12px; }
.content_main .technology_new .content .list_item .item .title_text {
font-size: 18px; }
.content_main .technology_new .content .list_item .item .description {
font-size: 14px; }
.content_main .technology_new .content .list_item .item:nth-child(5) .content_item {
padding: 20px; }
.understand_panoramic .content .top {
gap: 20px;
margin-bottom: 30px; }
.understand_panoramic .content .top .title {
font-size: 30px; }
.understand_panoramic .content .bot .list_item {
gap: 24px; }
.understand_panoramic .content .bot .list_item .item {
width: calc(33.33% - 16px); }
.understand_panoramic .content .bot .list_item .item .content_text {
gap: 8px; }
.understand_panoramic .content .bot .list_item .item .content_text .title {
font-size: 20px; }
.understand_panoramic .content .bot .list_item .item .content_text .description {
font-size: 14px; } }
@media screen and (max-width: 767px) {
.content_main .technology_new .content .content_top {
margin-bottom: 30px; }
.content_main .technology_new .content .content_top .title {
font-size: 30px; }
.content_main .technology_new .content .list_item {
display: flex;
flex-wrap: wrap; }
.content_main .technology_new .content .list_item .item {
padding: 20px;
gap: 12px;
width: 50%;
position: unset !important; }
.content_main .technology_new .content .list_item .item .icon {
width: 100px;
height: 100px;
margin-bottom: 12px; }
.content_main .technology_new .content .list_item .item .title_text {
font-size: 16px; }
.content_main .technology_new .content .list_item .item .description {
font-size: 14px; }
.content_main .technology_new .content .list_item .item:nth-child(5) .content_item {
position: unset;
height: 100%;
border: none; }
.content_main .technology_new .content .list_item .item:nth-child(even) {
border: 1px solid var(--Neutral-90, #E1E2EC);
border-bottom: 0;
border-left: 0; }
.content_main .technology_new .content .list_item .item:nth-child(odd) {
border: 1px solid var(--Neutral-90, #E1E2EC);
border-bottom: 0; }
.content_main .technology_new .content .list_item .item:nth-child(8), .content_main .technology_new .content .list_item .item:nth-child(9) {
border-bottom: 1px solid var(--Neutral-90, #E1E2EC); }
.understand_panoramic {
padding: 60px 8%; }
.understand_panoramic .content .top {
gap: 16px;
margin-bottom: 24px; }
.understand_panoramic .content .top .title {
font-size: 24px; }
.understand_panoramic .content .bot .list_item {
gap: 24px; }
.understand_panoramic .content .bot .list_item .item {
width: calc(50% - 12px); } }
@media screen and (max-width: 600px) {
.content_main .technology_new {
padding: 60px 16px; }
.content_main .technology_new .content .content_top {
margin-bottom: 30px; }
.content_main .technology_new .content .content_top .title {
font-size: 24px; }
.content_main .technology_new .content .list_item .item {
width: 100%;
padding: 16px; }
.content_main .technology_new .content .list_item .item .title_text {
font-size: 20px; }
.content_main .technology_new .content .list_item .item:nth-child(even) {
border-left: 1px solid var(--Neutral-90, #E1E2EC); }
.content_main .technology_new .content .list_item .item:nth-child(8) {
border-bottom: 0; }
.understand_panoramic {
padding: 60px 16px; }
.understand_panoramic .content .bot .list_item {
gap: 20px; }
.understand_panoramic .content .bot .list_item .item {
width: 100%; } }
section.fintech_image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: var(--TrueBlue-20, #081935); }
section.fintech_image .content {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
section.fintech_image .content .content_left {
width: 50%; }
section.fintech_image .content .content_left img {
width: 100%;
object-fit: cover;
height: 100%; }
section.fintech_image .content .content_right {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
padding: 10% 8%;
flex-direction: column;
gap: 40px; }
section.fintech_image .content .content_right .title {
color: var(--Neutral-100, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
section.fintech_image .content .content_right .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
section.fintech_image .content .content_right .description p {
color: var(--Neutral-99, #FEFBFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 1em; }
section.fintech_image .content .content_right .description p:first-child::first-letter {
color: var(--Neutral-100, #FFF);
font-size: 80px;
font-style: normal;
font-weight: 400;
line-height: 100%; font-family: 'Nulshock', sans-serif;
float: left;
padding-right: 10px;
margin-top: -10px; }
.fintech_image_new {
padding: 7% 8%; }
.fintech_image_new .content {
display: flex;
align-items: center;
justify-content: space-between; }
.fintech_image_new .content .content_left {
width: 42%; }
.fintech_image_new .content .content_left img {
width: 100%;
object-fit: cover;
height: 100%; }
.fintech_image_new .content .content_right {
width: 50%;
display: flex;
flex-direction: column;
gap: 32px; }
.fintech_image_new .content .content_right .title {
color: var(--Neutral-10, #111318);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.fintech_image_new .content .content_right .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.fintech_image_new .content .content_right .description {
display: flex;
flex-direction: column;
gap: 16px; }
.fintech_image_new .content .content_right .description p {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
@media screen and (max-width: 1280px) {
section.fintech_image .content .content_right {
gap: 24px; }
section.fintech_image .content .content_right .title {
font-size: 40px; }
section.fintech_image .content .content_right .description p {
font-size: 14px; }
section.fintech_image .content .content_right .description p:first-child::first-letter {
font-size: 54px; }
.fintech_image_new .content .content_left {
width: 45%; }
.fintech_image_new .content .content_right {
gap: 24px; }
.fintech_image_new .content .content_right .title {
font-size: 42px; }
.fintech_image_new .content .content_right .description {
gap: 12px; } }
@media screen and (max-width: 991px) {
section.fintech_image .content .content_right {
gap: 20px;
padding: 6% 4%; }
section.fintech_image .content .content_right .title {
font-size: 30px; }
section.fintech_image .content .content_right .description p {
font-size: 14px; }
section.fintech_image .content .content_right .description p:first-child::first-letter {
font-size: 42px;
margin-top: -5px; }
.fintech_image_new .content {
gap: 20px;
flex-wrap: wrap; }
.fintech_image_new .content .content_left {
width: 100%;
order: 2; }
.fintech_image_new .content .content_right {
gap: 20px;
width: 100%; }
.fintech_image_new .content .content_right .title {
font-size: 40px; } }
@media screen and (max-width: 767px) {
section.fintech_image .content {
gap: 0; }
section.fintech_image .content .content_left {
width: 100%;
order: 2; }
section.fintech_image .content .content_right {
width: 100%;
order: 1;
gap: 20px;
padding: 60px 8%; }
.fintech_image_new {
padding: 60px 8%; }
.fintech_image_new .content .content_right {
gap: 16px; }
.fintech_image_new .content .content_right .title {
font-size: 32px; } }
@media screen and (max-width: 600px) {
section.fintech_image .content .content_right {
padding: 60px 16px 30px 16px; }
section.fintech_image .content .content_right .title {
font-size: 24px; }
section.fintech_image .content .content_right .description p:first-child::first-letter {
font-size: 36px;
margin-top: 0; }
.fintech_image_new {
padding: 60px 16px; }
.fintech_image_new .content .content_right {
gap: 16px; }
.fintech_image_new .content .content_right .title {
font-size: 28px; } }
.fintech_our_features {
padding: 7% 8%;
padding-bottom: 2%; }
.fintech_our_features .content .top {
display: flex;
max-width: 903px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
margin-bottom: 64px; }
.fintech_our_features .content .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.fintech_our_features .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.fintech_our_features .content .description {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.fintech_our_features .content .list_item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 24px; }
.fintech_our_features .content .list_item .item {
width: 20%;
justify-content: start;
display: flex;
padding-right: 24px;
align-items: center;
gap: 20px;
border-radius: 200px;
background: #FFF;
transition: all 0.3s ease; }
.fintech_our_features .content .list_item .item .left {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: var(--Neutral-95, #EFF0FA);
min-width: 56px;
transition: all 0.3s ease; }
.fintech_our_features .content .list_item .item .left img:nth-child(2) {
display: none; }
.fintech_our_features .content .list_item .item .text {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.fintech_our_features .content .list_item .item:hover {
background: var(--Neutral-95, #EFF0FA); }
.fintech_our_features .content .list_item .item:hover .left {
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.fintech_our_features .content .list_item .item:hover .left img:nth-child(2) {
display: inline-block; }
.fintech_our_features .content .list_item .item:hover .left img:nth-child(1) {
display: none; }
.fintech_our_features2 {
padding: 7% 8% 7% 0; }
.fintech_our_features2 .content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.fintech_our_features2 .content .content_left {
width: 47%; }
.fintech_our_features2 .content .content_right {
width: 46%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 48px;
align-self: stretch;
justify-content: center; }
.fintech_our_features2 .content .content_right .top {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch; }
.fintech_our_features2 .content .content_right .top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.fintech_our_features2 .content .content_right .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.fintech_our_features2 .content .content_right .top .description {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.fintech_our_features2 .content .content_right .list_item {
display: flex;
flex-wrap: wrap;
gap: 20px; }
.fintech_our_features2 .content .content_right .list_item .item {
width: calc(50% - 10px);
display: flex;
padding-right: 16px;
align-items: center;
gap: 20px;
border-radius: 200px;
background-color: transparent;
transition: all 0.3s ease; }
.fintech_our_features2 .content .content_right .list_item .item img:last-child {
display: none; }
.fintech_our_features2 .content .content_right .list_item .item .left {
width: 56px;
height: 56px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: var(--Neutral-95, #EFF0FA);
transition: all 0.3s ease;
min-width: 56px; }
.fintech_our_features2 .content .content_right .list_item .item .text {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.fintech_our_features2 .content .content_right .list_item .item:hover {
background-color: var(--Neutral-95, #EFF0FA); }
.fintech_our_features2 .content .content_right .list_item .item:hover .left {
background-color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.fintech_our_features2 .content .content_right .list_item .item:hover img:first-child {
display: none; }
.fintech_our_features2 .content .content_right .list_item .item:hover img:last-child {
display: inline-block; }
@media screen and (max-width: 1280px) {
.fintech_our_features .content .top {
display: flex;
max-width: 630px;
gap: 24px;
margin-bottom: 40px; }
.fintech_our_features .content .title {
font-size: 40px; }
.fintech_our_features .content .list_item {
gap: 16px; }
.fintech_our_features .content .list_item .item {
width: 33%;
padding-right: 20px;
gap: 16px; }
.fintech_our_features2 .content .content_right {
gap: 30px; }
.fintech_our_features2 .content .content_right .top {
gap: 24px; }
.fintech_our_features2 .content .content_right .top .title {
font-size: 40px; }
.fintech_our_features2 .content .content_right .list_item {
gap: 16px; }
.fintech_our_features2 .content .content_right .list_item .item {
width: calc(50% - 8px);
gap: 16px; }
.fintech_our_features2 .content .content_right .list_item .item .text {
font-size: 14px; } }
@media screen and (max-width: 991px) {
.fintech_our_features .content .top {
gap: 20px;
margin-bottom: 30px; }
.fintech_our_features .content .title {
font-size: 30px; }
.fintech_our_features .content .list_item {
gap: 16px; }
.fintech_our_features .content .list_item .item {
width: 28%;
padding-right: 16px;
gap: 16px; }
.fintech_our_features .content .list_item .item .text {
font-size: 14px; }
.fintech_our_features2 {
padding: 7% 8%; }
.fintech_our_features2 .content {
gap: 30px; }
.fintech_our_features2 .content .content_left {
order: 2;
width: 100%; }
.fintech_our_features2 .content .content_right {
width: 100%;
gap: 24px; }
.fintech_our_features2 .content .content_right .top {
gap: 24px; }
.fintech_our_features2 .content .content_right .top .title {
font-size: 30px; } }
@media screen and (max-width: 767px) {
.fintech_our_features {
padding: 28px 8% 60px 8%; }
.fintech_our_features .content .top {
gap: 20px;
margin-bottom: 30px; }
.fintech_our_features .content .title {
font-size: 30px; }
.fintech_our_features .content .list_item {
gap: 16px; }
.fintech_our_features .content .list_item .item {
width: calc(50% - 8px);
padding-right: 16px;
gap: 12px; } }
@media screen and (max-width: 600px) {
.fintech_our_features {
padding: 28px 16px 60px 16px; }
.fintech_our_features .content .top {
gap: 16px;
margin-bottom: 20px; }
.fintech_our_features .content .title {
font-size: 24px; }
.fintech_our_features .content .list_item {
gap: 12px; }
.fintech_our_features .content .list_item .item {
width: 100%;
padding-right: 12px;
gap: 12px; }
.fintech_our_features2 {
padding: 60px 16px; }
.fintech_our_features2 .content {
gap: 20px; }
.fintech_our_features2 .content .content_right {
gap: 20px; }
.fintech_our_features2 .content .content_right .top {
gap: 20px; }
.fintech_our_features2 .content .content_right .top .title {
font-size: 24px; }
.fintech_our_features2 .content .content_right .list_item .item {
width: 100%;
padding-right: 0; } }
#primary_single_post {
padding: 6% 8% 7% 8%;
max-width: 1328px;
margin: auto; }
#primary_single_post .content .content_top {
margin-bottom: 64px; }
#primary_single_post .content .content_top .date {
color: var(--Neutral-60, #8F9099);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%; text-transform: uppercase;
margin-bottom: 24px; }
#primary_single_post .content .content_top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px; }
#primary_single_post .content .content_top .list_category {
display: flex;
flex-wrap: wrap;
gap: 12px; }
#primary_single_post .content .content_top .list_category .tag-item {
border-radius: 4px;
display: flex;
align-items: flex-start;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
#primary_single_post .content .content_top .list_category .tag-item a {
color: var(--Neutral-10, #111318);
padding: 12px 16px;
background: var(--Neutral-95, #EFF0FA);
border-radius: 4px;
border: 1.5px solid transparent; }
#primary_single_post .content .content_top .list_category .tag-item a:hover {
background-color: #FFF;
color: var(--TrueBlue-20, #081935);
border: 1.5px solid var(--TrueBlue-20, #081935); }
#primary_single_post .content .image_thumb {
margin-bottom: 64px; }
#primary_single_post .content .image_thumb img {
width: 100%;
height: auto;
object-fit: cover; }
#primary_single_post .content .content_main {
display: flex;
flex-wrap: wrap;
gap: 48px 32px; }
#primary_single_post .content .content_main .content_left {
width: 240px; }
#primary_single_post .content .content_main .blog-detail-catalogue {
position: sticky;
top: 80px;
display: flex;
flex-direction: column;
gap: 16px; }
#primary_single_post .content .content_main .blog-detail-catalogue .catalogue-item {
color: var(--Neutral-50, #757780);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
#primary_single_post .content .content_main .blog-detail-catalogue .catalogue-item.active {
color: var(--Neutral-0, #000);
font-weight: 700; }
#primary_single_post .content .content_main .blog-detail-content {
width: calc(100% - 272px);
padding: 0 32px;
overflow: hidden; }
#primary_single_post .content .content_main .blog-detail-content h1 {
font-size: 28px;
font-style: normal;
font-weight: 700;
margin-bottom: 0.67em; }
#primary_single_post .content .content_main .blog-detail-content h2 {
margin-bottom: 0.83em;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
#primary_single_post .content .content_main .blog-detail-content h3 {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 1em; }
#primary_single_post .content .content_main .blog-detail-content h4 {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 1.33em; }
#primary_single_post .content .content_main .blog-detail-content h5 {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 1.67em; }
#primary_single_post .content .content_main .blog-detail-content h6 {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 2.33em; }
#primary_single_post .content .content_main .blog-detail-content p {
margin-bottom: 16px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
#primary_single_post .content .content_main .blog-detail-content .border_table {
width: 100%;
overflow-x: scroll; }
#primary_single_post .content .content_main .blog-detail-content table {
border-collapse: collapse;
width: 100%;
margin-bottom: 16px; }
#primary_single_post .content .content_main .blog-detail-content table th, #primary_single_post .content .content_main .blog-detail-content table td {
border: 1px solid #ddd;
padding: 8px; }
#primary_single_post .content .content_main .blog-detail-content table tr {
padding-top: 12px;
padding-bottom: 12px;
text-align: left; }
#primary_single_post .content .content_main .blog-detail-content table tr:nth-child(even) {
background-color: #f2f2f2; }
#primary_single_post .content .share_button {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
border-top: 1px solid var(--Neutral-90, #E1E2EC);
border-bottom: 1px solid var(--Neutral-90, #E1E2EC);
padding: 24px 0;
justify-content: flex-end;
gap: 0;
align-self: stretch; }
#primary_single_post .content .share_button span {
color: var(--Neutral-50, #757780);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
#primary_single_post .content .share_button .ssbp-wrap .ssbp-list li {
margin-top: 0; }
#primary_single_post .content .tags {
display: flex;
flex-direction: column;
gap: 8px; }
#primary_single_post .content .tags .list_tags span {
color: var(--Dark-Cerulean-40, #113978);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.single_post_related {
padding: 0 8%;
padding-bottom: 7%; }
.single_post_related .content {
display: flex;
flex-direction: column;
margin-left: -16px;
margin-right: -16px; }
.single_post_related .content .title_main {
color: var(--Neutral-0, #000);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px;
padding-left: 16px; }
.single_post_related .content .all_post {
display: flex;
align-items: center;
justify-content: center; }
.single_post_related .content .all_post a {
display: flex;
padding: 16px 24px;
gap: 20px;
justify-content: space-between;
align-items: center;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.single_post_related .content .list_item {
margin-bottom: 30px;
width: 100%; }
.single_post_related .content .list_item .item {
padding: 0 16px; }
.single_post_related .content .list_item .item .post_img {
overflow: hidden;
position: relative; }
.single_post_related .content .list_item .item .post_img .learn_more {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
justify-content: space-between;
align-items: center;
display: flex;
padding: 16px 0;
max-width: 0;
overflow: hidden;
transition: all 0.3s ease;
white-space: nowrap; }
.single_post_related .content .list_item .item .post_img img {
height: auto; }
.single_post_related .content .list_item .item .post_content {
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
align-items: start; }
.single_post_related .content .list_item .item .post_content .title {
color: var(--Neutral-0, #000);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; transition: all 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.single_post_related .content .list_item .item .post_content .title svg {
display: none;
position: relative;
top: -5px; }
.single_post_related .content .list_item .item .post_content .excerpt {
color: var(--Neutral-30, #44464F);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden; }
.single_post_related .content .list_item .item .post_content .read_more {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.single_post_related .content .list_item .item:hover .post_img .learn_more {
max-width: 100%;
padding: 16px 24px; }
.single_post_related .content .list_item .item:hover .post_content .title {
color: var(--TrueBlue-50, #1C5DC5); }
.single_post_related .content .list_item .item:hover .post_content .title svg {
display: inline; }
.single_post_related .pagination_show {
display: flex;
justify-content: center; }
.single_post_related .pagination_show .content_pagination {
display: inline-flex;
align-items: center;
gap: 48px; }
.single_post_related .pagination_show .content_pagination .paginate-disabled {
pointer-events: none;
opacity: 0.4; }
.single_post_related .pagination_show .content_pagination .back, .single_post_related .pagination_show .content_pagination .next {
display: flex;
width: 140px;
padding: 16px 24px;
justify-content: space-between;
align-items: center;
border: 1.5px solid var(--Neutral-10, #111318);
background: var(--Neutral-100, #FFF);
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.single_post_related .pagination_show .content_pagination .back:hover, .single_post_related .pagination_show .content_pagination .next:hover {
cursor: pointer;
border: 1.5px solid var(--TrueBlue-20, #081935);
color: var(--TrueBlue-20, #081935); }
.single_post_related .pagination_show .content_pagination .back:hover svg path, .single_post_related .pagination_show .content_pagination .next:hover svg path {
fill: #081935; }
.single_post_related .pagination_show .content_pagination .text {
color: var(--Neutral-0, #000);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
@media screen and (max-width: 1280px) {
#primary_single_post .content .content_top {
margin-bottom: 40px; }
#primary_single_post .content .content_top .date {
margin-bottom: 16px; }
#primary_single_post .content .content_top .title {
font-size: 38px;
margin-bottom: 20px; }
#primary_single_post .content .image_thumb {
margin-bottom: 40px; }
#primary_single_post .content .content_main {
gap: 38px 24px; }
#primary_single_post .content .content_main .content_left {
width: 240px; }
#primary_single_post .content .content_main .blog-detail-catalogue {
position: sticky;
top: 80px;
display: flex;
flex-direction: column;
gap: 12px; }
#primary_single_post .content .content_main .blog-detail-content {
width: calc(100% - 264px);
padding: 0 24px; }
.single_post_related .content {
margin-left: -12px;
margin-right: -12px; }
.single_post_related .content .title_main {
font-size: 32px;
margin-bottom: 24px;
padding-left: 12px; }
.single_post_related .content .all_post {
display: flex;
align-items: center;
justify-content: center; }
.single_post_related .content .list_item {
margin-bottom: 24px; }
.single_post_related .content .list_item .item {
padding: 0 12px; }
.single_post_related .content .list_item .item .post_content {
gap: 12px;
padding: 20px; }
.single_post_related .content .list_item .item .post_content .title {
font-size: 20px; }
.single_post_related .content .list_item .item .post_content .title svg {
display: none;
position: relative;
top: -5px; }
.single_post_related .content .list_item .item:hover .post_img .learn_more {
padding: 16px 20px; }
.single_post_related .pagination_show .content_pagination {
gap: 40px; }
.single_post_related .pagination_show .content_pagination .back, .single_post_related .pagination_show .content_pagination .next {
display: flex;
width: 140px;
padding: 16px 20px; } }
@media screen and (max-width: 991px) {
#primary_single_post .content .content_top {
margin-bottom: 30px; }
#primary_single_post .content .content_top .date {
margin-bottom: 8px;
font-size: 14px; }
#primary_single_post .content .content_top .title {
font-size: 32px;
margin-bottom: 16px; }
#primary_single_post .content .image_thumb {
margin-bottom: 30px; }
#primary_single_post .content .content_main {
gap: 30px; }
#primary_single_post .content .content_main .content_left {
display: none; }
#primary_single_post .content .content_main .blog-detail-content {
width: 100%; }
.single_post_related .content .title_main {
font-size: 28px;
margin-bottom: 20px; }
.single_post_related .content .list_item {
margin-bottom: 20px; }
.single_post_related .pagination_show .content_pagination {
gap: 30px; } }
@media screen and (max-width: 600px) {
#primary_single_post {
padding: 60px 16px; }
#primary_single_post .content .content_top .title {
font-size: 24px; }
#primary_single_post .content .image_thumb {
margin-bottom: 30px; }
#primary_single_post .content .content_main {
gap: 30px; }
#primary_single_post .content .content_main .blog-detail-content {
padding: 0; }
#primary_single_post .content .content_main .blog-detail-content h1 {
font-size: 24px; }
#primary_single_post .content .content_main .blog-detail-content h2 {
font-size: 20px; }
#primary_single_post .content .content_main .blog-detail-content h3 {
font-size: 18px; }
#primary_single_post .content .content_main .blog-detail-content h4 {
font-size: 18px; }
#primary_single_post .content .content_main .blog-detail-content h5 {
font-size: 18px; }
#primary_single_post .content .content_main .blog-detail-content h6 {
font-size: 18px; }
.single_post_related {
padding: 0 16px;
padding-bottom: 60px; }
.single_post_related .content {
overflow: hidden;
margin: 0; }
.single_post_related .content .title_main {
font-size: 28px;
margin-bottom: 20px; }
.single_post_related .content .list_item {
margin-bottom: 20px; }
.single_post_related .content .list_item .item {
padding: 0; }
.single_post_related .pagination_show .content_pagination {
gap: 30px; } }
.explore_problems {
padding: 7% 8%; }
.explore_problems .content {
display: flex;
flex-direction: column;
gap: 64px; }
.explore_problems .content .top {
display: flex;
max-width: 703px;
flex-direction: column;
align-items: flex-start;
gap: 32px; }
.explore_problems .content .top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.explore_problems .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.explore_problems .content .top .description {
color: var(--Neutral-20, #2E3038);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.explore_problems .content .list_item {
display: flex;
flex-wrap: wrap; }
.explore_problems .content .list_item .item {
display: flex;
width: 33.33%;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--TrueBlue-99, #FAFCFE); }
.explore_problems .content .list_item .item .number {
color: var(--Neutral-90, #E1E2EC);
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: 100%; }
.explore_problems .content .list_item .item .title_item {
color: var(--Neutral-10, #111318);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.explore_problems .content .list_item .item .text ul li {
color: var(--Neutral-20, #2E3038);
list-style: disc;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
position: relative; }
.explore_problems .content .list_item .item .text ul li:before {
display: none; }
.explore_problems .content .list_item .item:hover {
background: var(--TrueBlue-20, #081935); }
.explore_problems .content .list_item .item:hover .number {
color: var(--TrueBlue-60, #4884E5); }
.explore_problems .content .list_item .item:hover .title_item {
color: var(--Neutral-100, #FFF); }
.explore_problems .content .list_item .item:hover .text ul li {
color: var(--Neutral-100, #FFF); }
.explore_problems .content .list_item.list_item8 .item {
width: 25%; }
.explore_problems.cs {
background: var(--Neutral-10, #111318); }
.explore_problems.cs .content .top {
max-width: 915px; }
.explore_problems.cs .content .top .title {
color: var(--Neutral-100, #FFF); }
.explore_problems.cs .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.explore_problems.cs .content .top .description {
color: var(--Neutral-90, #E1E2EC); }
.explore_problems.cs .content .list_item .item {
border: 1px solid var(--Neutral-30, #44464F);
background: var(--Neutral-10, #111318); }
.explore_problems.cs .content .list_item .item .number {
color: var(--Neutral-30, #44464F); }
.explore_problems.cs .content .list_item .item .title_item {
color: var(--Neutral-100, #FFF); }
.explore_problems.cs .content .list_item .item .text ul li {
color: var(--Neutral-99, #FEFBFF); }
.explore_problems.cs .content .list_item .item .text ul li:before {
display: none; }
.explore_problems.cs .content .list_item .item:hover {
border: 1px solid var(--Neutral-30, #44464F);
background: var(--Dark-Cerulean-50, #1C5DC5); }
.explore_problems.cs .content .list_item .item:hover .number {
color: var(--Neutral-100, #FFF); }
.explore_problems.cs .content .list_item .item:hover .text ul li {
color: var(--Neutral-100, #FFF); }
@media screen and (max-width: 1280px) {
.explore_problems .content {
gap: 40px; }
.explore_problems .content .top {
max-width: 600px;
gap: 20px; }
.explore_problems .content .top .title {
font-size: 40px; }
.explore_problems .content .list_item .item {
padding: 20px;
gap: 24px; }
.explore_problems .content .list_item .item .number {
font-size: 60px; }
.explore_problems .content .list_item .item .title_item {
font-size: 20px; } }
@media screen and (max-width: 991px) {
.explore_problems .content {
gap: 30px; }
.explore_problems .content .top {
gap: 16px; }
.explore_problems .content .top .title {
font-size: 32px; }
.explore_problems .content .list_item .item {
padding: 20px;
gap: 16px; }
.explore_problems .content .list_item .item .number {
font-size: 48px; }
.explore_problems .content .list_item .item .title_item {
font-size: 20px; }
.explore_problems .content .list_item.list_item8 .item {
width: 50%; } }
@media screen and (max-width: 767px) {
.explore_problems {
padding: 60px 8%; }
.explore_problems .content .list_item .item {
width: 50%; } }
@media screen and (max-width: 600px) {
.explore_problems {
padding: 60px 16px; }
.explore_problems .content {
gap: 24px; }
.explore_problems .content .top {
gap: 12px; }
.explore_problems .content .top .title {
font-size: 24px; }
.explore_problems .content .list_item .item {
padding: 16px;
gap: 12px;
width: 100%; }
.explore_problems .content .list_item .item .number {
font-size: 38px; }
.explore_problems .content .list_item .item .title_item {
font-size: 18px; }
.explore_problems .content .list_item .item .text ul li {
font-size: 14px; }
.explore_problems .content .list_item.list_item8 .item {
border: 1px solid var(--Neutral-30, #44464F);
width: 100%;
border-top: 0; }
.explore_problems .content .list_item.list_item8 .item:first-child {
border-top: 1px solid var(--Neutral-30, #44464F); } }
.transform_tech_stack {
padding: 7% 8%; }
.transform_tech_stack .content {
display: flex;
flex-direction: column;
gap: 64px; }
.transform_tech_stack .content .content_top {
max-width: 703px; }
.transform_tech_stack .content .content_top .title {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.transform_tech_stack .content .content_top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.transform_tech_stack .content .list_item {
display: flex;
flex-direction: column; }
.transform_tech_stack .content .list_item .item .top {
display: flex;
align-items: center;
gap: 24px;
align-self: stretch;
border: 1px solid var(--Neutral-95, #EFF0FA);
background: var(--Neutral-95, #EFF0FA); }
.transform_tech_stack .content .list_item .item .top span {
display: flex;
width: 64px;
height: 64px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
color: var(--Neutral-100, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.transform_tech_stack .content .list_item .item .top .description {
color: var(--Neutral-10, #111318);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.transform_tech_stack .content .list_item .item .bot {
display: flex;
flex-wrap: wrap; }
.transform_tech_stack .content .list_item .item .bot .content_left {
width: 50%;
display: flex;
padding: 40px;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
border: 1px solid var(--Neutral-95, #EFF0FA);
background: var(--Neutral-100, #FFF);
justify-content: center; }
.transform_tech_stack .content .list_item .item .bot .content_left .title_item {
color: var(--Neutral-10, #111318);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; margin-bottom: 16px; }
.transform_tech_stack .content .list_item .item .bot .content_left .description {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.transform_tech_stack .content .list_item .item .bot .content_right {
width: 50%;
background: var(--TrueBlue-20, #081935);
display: flex;
padding: 40px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start; }
.transform_tech_stack .content .list_item .item .bot .content_right h3 {
color: var(--Neutral-100, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; margin-bottom: 30px; }
.transform_tech_stack .content .list_item .item .bot .content_right .description {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.transform_tech_stack .content .list_item .item .bot .content_right .description ul li {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
list-style: disc; }
.transform_tech_stack .content .image_bottom {
margin-top: 60px; }
@media screen and (max-width: 1280px) {
.transform_tech_stack .content {
gap: 40px; }
.transform_tech_stack .content .content_top {
max-width: 600px; }
.transform_tech_stack .content .content_top .title {
font-size: 40px; }
.transform_tech_stack .content .list_item .item .top {
gap: 16px; }
.transform_tech_stack .content .list_item .item .top span {
width: 48px;
height: 48px;
font-size: 20px; }
.transform_tech_stack .content .list_item .item .top .description {
font-size: 18px; }
.transform_tech_stack .content .list_item .item .bot .content_left {
padding: 20px; }
.transform_tech_stack .content .list_item .item .bot .content_left .title_item {
font-size: 18px;
margin-bottom: 12px; }
.transform_tech_stack .content .list_item .item .bot .content_right {
padding: 20px; }
.transform_tech_stack .content .list_item .item .bot .content_right h3 {
font-size: 18px;
margin-bottom: 20px; }
.transform_tech_stack .content .image_bottom {
margin-top: 40px; } }
@media screen and (max-width: 991px) {
.transform_tech_stack .content {
gap: 30px; }
.transform_tech_stack .content .content_top {
max-width: 600px; }
.transform_tech_stack .content .content_top .title {
font-size: 30px; }
.transform_tech_stack .content .list_item .item .bot .content_left {
padding: 20px; }
.transform_tech_stack .content .list_item .item .bot .content_left .description {
font-size: 14px; }
.transform_tech_stack .content .list_item .item .bot .content_right {
padding: 20px; }
.transform_tech_stack .content .list_item .item .bot .content_right .description ul {
margin-bottom: 0; }
.transform_tech_stack .content .list_item .item .bot .content_right .description li, .transform_tech_stack .content .list_item .item .bot .content_right .description p {
font-size: 14px; }
.transform_tech_stack .content .image_bottom {
margin-top: 20px; } }
@media screen and (max-width: 600px) {
.transform_tech_stack {
padding: 60px 16px; }
.transform_tech_stack .content {
gap: 24px; }
.transform_tech_stack .content .content_top .title {
font-size: 24px; }
.transform_tech_stack .content .list_item .item .top span {
width: 48px;
height: 48px;
font-size: 18px; }
.transform_tech_stack .content .list_item .item .top .description {
font-size: 16px; }
.transform_tech_stack .content .list_item .item .bot .content_left {
width: 100%; }
.transform_tech_stack .content .list_item .item .bot .content_right {
width: 100%; }
.transform_tech_stack .content .image_bottom {
margin-top: 0; } }
.what_you_can {
position: relative;
padding: 0 8% 4% 8%; }
.what_you_can .bg1 {
position: absolute;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/layer_22.png);
background-size: contain;
background-repeat: no-repeat;
top: 0;
left: 0;
width: 203px;
height: 304px; }
.what_you_can .bg2 {
position: absolute;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/layer_33.png);
background-size: contain;
background-repeat: no-repeat;
bottom: 60px;
right: 0;
width: 287px;
height: 375px; }
.what_you_can .content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 120px;
width: 100%;
justify-content: center;
align-items: center; }
.what_you_can .content .title_main {
color: var(--Neutral-0, #000);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%;
max-width: 812px;
text-align: center; }
.what_you_can .content .title_main span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.what_you_can .content .content_top {
width: 100%;
display: flex;
align-items: center;
gap: 32px;
flex-wrap: wrap; }
.what_you_can .content .content_top .left {
width: calc(50% - 16px);
padding-right: 5%; }
.what_you_can .content .content_top .left .title {
color: var(--Neutral-0, #000);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px; }
.what_you_can .content .content_top .left .description {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 40px; }
.what_you_can .content .content_top .left .list {
display: flex;
flex-wrap: wrap; }
.what_you_can .content .content_top .left .list .item {
width: 50%;
flex-direction: column;
gap: 8px;
display: flex;
justify-content: center;
align-items: center; }
.what_you_can .content .content_top .left .list .item .img {
margin-bottom: 16px; }
.what_you_can .content .content_top .left .list .item .title_item {
color: var(--Neutral-10, #111318);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.what_you_can .content .content_top .left .list .item .text {
color: var(--Neutral-20, #2E3038);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.what_you_can .content .content_top .right {
width: calc(50% - 16px); }
.what_you_can .content .content_cent {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 32px; }
.what_you_can .content .content_cent .left {
display: flex;
width: calc(50% - 16px);
flex-direction: column;
align-items: flex-start;
flex-shrink: 0; }
.what_you_can .content .content_cent .left .list_item {
display: flex;
flex-wrap: wrap; }
.what_you_can .content .content_cent .left .list_item .item {
width: 50%;
display: flex;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
border: 1px solid var(--Neutral-90, #E1E2EC); }
.what_you_can .content .content_cent .left .list_item .item .title {
color: var(--Neutral-10, #111318);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.what_you_can .content .content_cent .left .list_item .item .list {
display: flex;
flex-wrap: wrap;
gap: 24px 0; }
.what_you_can .content .content_cent .left .list_item .item .list .tem {
width: 50%;
display: flex;
align-items: center;
gap: 8px; }
.what_you_can .content .content_cent .left .list_item .item .list .tem .text_tem {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.what_you_can .content .content_cent .left .list_item .item:last-child {
width: 100%; }
.what_you_can .content .content_cent .left .list_item .item:last-child .list .tem {
width: 33.33%; }
.what_you_can .content .content_cent .right {
display: flex;
width: calc(50% - 16px);
flex-direction: column;
justify-content: center;
padding: 0 5%; }
.what_you_can .content .content_cent .right .title {
color: var(--Neutral-0, #000);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px; }
.what_you_can .content .content_cent .right .description {
color: var(--Neutral-20, #2E3038);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.what_you_can .content .content_bot {
width: 100%;
display: flex;
flex-direction: column;
gap: 64px; }
.what_you_can .content .content_bot .title {
color: var(--Neutral-0, #000);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; width: 100%; }
.what_you_can .content .content_bot .list_item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px; }
.what_you_can .content .content_bot .list_item .item {
display: flex;
align-items: center;
gap: 8px;
flex-direction: column; }
.what_you_can .content .content_bot .list_item .item img {
margin-bottom: 16px; }
.what_you_can .content .content_bot .list_item .item .title_item {
color: var(--Neutral-10, #111318);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.what_you_can .content .content_bot .list_item .item .description {
color: var(--Neutral-20, #2E3038);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
@media screen and (max-width: 1280px) {
.what_you_can .bg1 {
width: 125px;
height: 203px; }
.what_you_can .bg2 {
width: 191px;
height: 250px; }
.what_you_can .content {
gap: 80px; }
.what_you_can .content .title_main {
font-size: 44px;
max-width: 670px; }
.what_you_can .content .content_top {
gap: 24px; }
.what_you_can .content .content_top .left {
width: calc(50% - 12px); }
.what_you_can .content .content_top .left .title {
font-size: 30px;
margin-bottom: 24px; }
.what_you_can .content .content_top .left .description {
font-size: 16px;
margin-bottom: 30px; }
.what_you_can .content .content_top .left .list .item .img {
margin-bottom: 12px; }
.what_you_can .content .content_top .left .list .item .title_item {
font-size: 22px; }
.what_you_can .content .content_top .right {
width: calc(50% - 12px); }
.what_you_can .content .content_cent {
gap: 24px; }
.what_you_can .content .content_cent .left {
width: calc(50% - 12px); }
.what_you_can .content .content_cent .left .list_item .item {
width: 100%;
padding: 24px;
gap: 24px; }
.what_you_can .content .content_cent .left .list_item .item .title {
font-size: 18px; }
.what_you_can .content .content_cent .left .list_item .item .list {
gap: 20px 0; }
.what_you_can .content .content_cent .right {
width: calc(50% - 12px); }
.what_you_can .content .content_cent .right .title {
font-size: 30px;
margin-bottom: 24px; }
.what_you_can .content .content_bot {
gap: 40px; }
.what_you_can .content .content_bot .title {
font-size: 30px; }
.what_you_can .content .content_bot .list_item .item img {
margin-bottom: 12px; }
.what_you_can .content .content_bot .list_item .item .title_item {
font-size: 22px; } }
@media screen and (max-width: 991px) {
.what_you_can .content {
gap: 60px; }
.what_you_can .content .title_main {
font-size: 32px;
max-width: 470px; }
.what_you_can .content .content_top {
gap: 20px; }
.what_you_can .content .content_top .left {
width: 100%;
order: 2;
padding-right: 0; }
.what_you_can .content .content_top .left .title {
font-size: 26px;
margin-bottom: 16px; }
.what_you_can .content .content_top .left .description {
margin-bottom: 20px; }
.what_you_can .content .content_top .left .list .item .img {
margin-bottom: 12px; }
.what_you_can .content .content_top .left .list .item .title_item {
font-size: 20px; }
.what_you_can .content .content_top .right {
order: 1;
width: 100%; }
.what_you_can .content .content_cent {
gap: 20px; }
.what_you_can .content .content_cent .left {
width: 100%;
order: 2; }
.what_you_can .content .content_cent .left .list_item .item {
padding: 20px;
gap: 20px; }
.what_you_can .content .content_cent .left .list_item .item .list {
gap: 20px 0; }
.what_you_can .content .content_cent .right {
width: 100%;
order: 1;
padding: 0; }
.what_you_can .content .content_cent .right .title {
font-size: 26px;
margin-bottom: 16px; }
.what_you_can .content .content_bot {
gap: 30px; }
.what_you_can .content .content_bot .title {
font-size: 26px; }
.what_you_can .content .content_bot .list_item .item img {
margin-bottom: 12px; }
.what_you_can .content .content_bot .list_item .item .title_item {
font-size: 20px; } }
@media screen and (max-width: 767px) {
.what_you_can .bg1 {
width: 102px;
height: 152px; }
.what_you_can .bg2 {
width: 143px;
height: 188px; } }
@media screen and (max-width: 600px) {
.what_you_can {
padding: 0 16px; }
.what_you_can .content {
gap: 40px; }
.what_you_can .content .title_main {
font-size: 26px; }
.what_you_can .content .content_top {
gap: 16px; }
.what_you_can .content .content_top .left .title {
font-size: 22px;
margin-bottom: 12px; }
.what_you_can .content .content_top .left .description {
margin-bottom: 20px; }
.what_you_can .content .content_top .left .list .item .img {
margin-bottom: 12px; }
.what_you_can .content .content_top .left .list .item .title_item {
font-size: 20px; }
.what_you_can .content .content_cent {
gap: 20px; }
.what_you_can .content .content_cent .left .list_item .item {
padding: 20px;
gap: 20px; }
.what_you_can .content .content_cent .left .list_item .item .list {
gap: 20px 0; }
.what_you_can .content .content_cent .left .list_item .item:last-child .list .tem {
width: 50%; }
.what_you_can .content .content_cent .right {
width: 100%;
order: 1;
padding: 0; }
.what_you_can .content .content_cent .right .title {
font-size: 22px;
margin-bottom: 16px; }
.what_you_can .content .content_bot {
gap: 20px; }
.what_you_can .content .content_bot .title {
font-size: 22px; }
.what_you_can .content .content_bot .list_item {
gap: 16px 0; }
.what_you_can .content .content_bot .list_item .item {
width: 50%; }
.what_you_can .content .content_bot .list_item .item .title_item {
font-size: 18px; } }
.banner_black_ai {
background-color: var(--Neutral-10, #111318);
background-repeat: no-repeat;
background-size: cover;
padding: 10% 0 0 8%;
margin-top: -64px; }
.banner_black_ai .content {
display: flex;
flex-wrap: wrap;
gap: 60px;
justify-content: space-between;
align-items: center; }
.banner_black_ai .content .left_content {
display: inline-flex;
flex-direction: column;
justify-content: start;
align-items: flex-start;
gap: 16px;
width: 30%;
max-width: 339px; }
.banner_black_ai .content .left_content .text {
color: var(--Neutral-95, #EFF0FA);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.banner_black_ai .content .left_content .button_item {
margin-top: 30px; }
.banner_black_ai .content .left_content .button_item a {
display: flex;
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
padding: 16px 24px;
border: 1.5px solid #FFF;
transition: all 0.3s ease; }
.banner_black_ai .content .left_content .button_item:hover a {
background: #3666c2;
border: 1.5px solid #3666c2; }
.banner_black_ai .content .right_content {
width: calc(70% - 60px);
display: flex;
flex-direction: column;
gap: 60px; }
.banner_black_ai .content .right_content .title {
color: var(--Neutral-100, #FFF);
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.banner_black_ai .content .right_content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.banner_black_ai .content .right_content img {
width: 100%; }
.our_work6 {
background: var(--Neutral-10, #111318);
margin-top: -64px; }
.our_work6 .img_left {
padding-top: 88px;
margin-right: 8%; }
.our_work6 .content {
padding: 70px 8% 8% 8%; }
.our_work6 .content .text_content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 20px; }
.our_work6 .content .text_content .title {
color: var(--Neutral-100, #FFF);
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.our_work6 .content .text_content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.our_work6 .content .text_content .text {
display: flex;
max-width: 377px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px; }
.our_work6 .content .text_content .text p {
color: var(--Neutral-90, #E1E2EC);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.our_work7 {
background: linear-gradient(180deg, rgba(250, 252, 254, 0) 0%, #EBF1FC 100%);
padding: 8% 8% 0 8%;
margin-bottom: 150px; }
.our_work7 .content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.our_work7 .content .top {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
max-width: 781px;
text-align: center;
margin-bottom: -50px; }
.our_work7 .content .title {
color: var(--Neutral-10, #111318);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.our_work7 .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.our_work7 .content .text {
color: var(--Neutral-10, #111318);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.our_work7 .content .image {
position: relative;
top: 150px; }
.our_work7.cs {
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.our_work7.cs .content .top {
max-width: 957px; }
.our_work7.cs .content .title {
color: var(--Neutral-100, #FFF); }
.our_work7.cs .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.our_work7.cs .content .text {
color: var(--Neutral-95, #EFF0FA); }
.our_work8 {
padding: 0 8%; }
.our_work8 .content {
display: flex;
justify-content: space-between;
gap: 30px; }
.our_work8 .content .left {
max-width: 40%;
padding-top: 64px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 8%;
gap: 12px; }
.our_work8 .content .left .title_small {
color: var(--Dark-Cerulean-70, #80AAED);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.our_work8 .content .left .bot {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
align-self: stretch; }
.our_work8 .content .left .title {
color: var(--Neutral-100, #FFF);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.our_work8 .content .left .text {
color: var(--Neutral-80, #C5C6D0);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.our_work8 .content .image {
position: relative;
top: 64px; }
@media screen and (max-width: 1280px) {
.banner_black_ai {
padding: 150px 0 0 8%; }
.banner_black_ai .content {
gap: 40px; }
.banner_black_ai .content .left_content {
gap: 12px; }
.banner_black_ai .content .left_content .button_item {
margin-top: 16px; }
.banner_black_ai .content .right_content {
width: calc(70% - 40px);
gap: 40px; }
.banner_black_ai .content .right_content .title {
font-size: 48px; }
.our_work6 .content {
padding: 50px 8% 8% 8%; }
.our_work6 .content .text_content .title {
color: var(--Neutral-100, #FFF);
font-size: 48px; }
.our_work7 .content .top {
gap: 24px;
margin-bottom: -80px; }
.our_work7 .content .title {
font-size: 42px; }
.our_work8 .content .left {
padding-top: 40px; }
.our_work8 .content .left .bot {
gap: 16px; }
.our_work8 .content .left .title {
font-size: 42px; }
.our_work8 .content .image {
top: 40px; } }
@media screen and (max-width: 991px) {
.banner_black_ai .content {
gap: 30px; }
.banner_black_ai .content .left_content {
width: 35%;
padding-top: 0; }
.banner_black_ai .content .left_content .button_item {
margin-top: 10px; }
.banner_black_ai .content .left_content .button_item a {
padding: 12px 20px; }
.banner_black_ai .content .right_content {
width: calc(65% - 30px);
gap: 24px; }
.banner_black_ai .content .right_content .title {
font-size: 38px; }
.our_work6 .content .text_content .title {
font-size: 40px;
max-width: 50%; }
.our_work6 .content .text_content .text {
gap: 4px; }
.our_work6 .content .text_content .text p {
font-size: 14px; }
.our_work7 .content .top {
gap: 20px;
margin-bottom: -100px; }
.our_work7 .content .title {
font-size: 32px; } }
@media screen and (max-width: 767px) {
.banner_black_ai {
padding: 150px 8% 60px 8%; }
.banner_black_ai .content {
gap: 20px; }
.banner_black_ai .content .left_content {
width: 100%;
padding-top: 0;
order: 2;
max-width: unset; }
.banner_black_ai .content .right_content {
width: 100%;
gap: 20px; }
.banner_black_ai .content .right_content .title {
font-size: 32px; }
.our_work6 .content .text_content .title {
font-size: 32px;
max-width: 100%; }
.our_work7 {
padding-top: 60px;
margin-bottom: 100px; }
.our_work7 .content .top {
margin-bottom: -60px; }
.our_work7 .content .title {
font-size: 24px; }
.our_work7 .content .image {
top: 100px; }
.our_work8 {
padding: 60px 8%; }
.our_work8 .content {
display: flex;
flex-direction: column;
gap: 30px; }
.our_work8 .content .left {
width: 100%;
max-width: unset;
padding: 0; }
.our_work8 .content .left .bot {
gap: 16px; }
.our_work8 .content .left .title {
font-size: 42px; }
.our_work8 .content .image {
top: unset; } }
@media screen and (max-width: 600px) {
.banner_black_ai {
padding: 120px 16px 60px 16px; }
.banner_black_ai .content .left_content .button_item {
margin-top: 0; }
.banner_black_ai .content .left_content .button_item a {
padding: 12px 16px;
font-size: 14px; }
.banner_black_ai .content .right_content .title {
font-size: 28px; }
.our_work6 .content .text_content .title {
font-size: 28px; }
.our_work7 {
padding: 60px 16px 0 16px;
margin-bottom: 100px; }
.our_work8 {
padding: 60px 16px; }
.our_work8 .content {
gap: 20px; }
.our_work8 .content .left .bot {
gap: 16px; }
.our_work8 .content .left .title {
font-size: 28px; } }
.mobile_development_section {
background: linear-gradient(180deg, rgba(250, 252, 254, 0) 0%, #EBF1FC 100%);
padding: 7% 8%; }
.mobile_development_section .content {
display: flex;
flex-direction: column;
gap: 80px;
justify-content: center;
align-items: center; }
.mobile_development_section .content .top .title {
color: var(--Neutral-10, #111318);
text-align: center;
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.mobile_development_section .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.mobile_development_section .content .list_item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 24px; }
.mobile_development_section .content .list_item .left, .mobile_development_section .content .list_item .right {
width: calc(33.33% - 16px);
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 48px; }
.mobile_development_section .content .list_item .item {
display: flex;
width: 100%;
padding: 0 32px;
flex-direction: column;
align-items: center;
gap: 16px; }
.mobile_development_section .content .list_item .item .title_item {
color: var(--Neutral-10, #111318);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.mobile_development_section .content .list_item .item .text {
color: var(--Neutral-20, #2E3038);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.mobile_development_section .content .list_item .center {
width: calc(33.33% - 16px); }
.mobile_development_section.mobile_development_section8 {
padding-top: 10%; }
.mobile_development_section.mobile_development_section8 .content .list_item {
align-items: start; }
.mobile_development_section.mobile_development_section8 .content .list_item .left, .mobile_development_section.mobile_development_section8 .content .list_item .right {
width: 25%; }
.mobile_development_section.mobile_development_section8 .content .list_item .center {
width: calc(50% - 48px);
display: flex;
flex-direction: column;
gap: 60px; }
.mobile_development_section.mobile_development_section8 .content .list_item .center .center_list {
display: flex; }
@media screen and (max-width: 1280px) {
.mobile_development_section .content {
gap: 50px; }
.mobile_development_section .content .top .title {
font-size: 42px; }
.mobile_development_section .content .list_item {
gap: 18px; }
.mobile_development_section .content .list_item .left, .mobile_development_section .content .list_item .right {
width: calc(33.33% - 12px);
gap: 30px; }
.mobile_development_section .content .list_item .item {
padding: 0 24px;
gap: 12px; }
.mobile_development_section .content .list_item .item .title_item {
font-size: 18px; }
.mobile_development_section .content .list_item .center {
width: calc(33.33% - 12px); }
.mobile_development_section.mobile_development_section8 .content .list_item {
align-items: start; }
.mobile_development_section.mobile_development_section8 .content .list_item .left, .mobile_development_section.mobile_development_section8 .content .list_item .right {
width: 25%; }
.mobile_development_section.mobile_development_section8 .content .list_item .item {
padding: 0; }
.mobile_development_section.mobile_development_section8 .content .list_item .center {
width: calc(50% - 48px);
gap: 30px; }
.mobile_development_section.mobile_development_section8 .content .list_item .center .center_list {
gap: 16px; } }
@media screen and (max-width: 991px) {
.mobile_development_section .content {
gap: 30px; }
.mobile_development_section .content .top .title {
font-size: 32px; }
.mobile_development_section .content .list_item {
gap: 24px;
align-items: flex-start; }
.mobile_development_section .content .list_item .left, .mobile_development_section .content .list_item .right {
order: 2;
width: calc(50% - 12px);
gap: 24px; }
.mobile_development_section .content .list_item .left .item, .mobile_development_section .content .list_item .right .item {
padding: 0 24px;
gap: 12px; }
.mobile_development_section .content .list_item .left .item .title_item, .mobile_development_section .content .list_item .right .item .title_item {
font-size: 18px; }
.mobile_development_section .content .list_item .center {
display: flex;
justify-content: center;
align-items: center;
order: 1;
width: 100%; }
.mobile_development_section.mobile_development_section8 .content .list_item {
align-items: start; }
.mobile_development_section.mobile_development_section8 .content .list_item .left, .mobile_development_section.mobile_development_section8 .content .list_item .right {
width: calc(50% - 12px); }
.mobile_development_section.mobile_development_section8 .content .list_item .item {
padding: 0; }
.mobile_development_section.mobile_development_section8 .content .list_item .center {
width: 100%; }
.mobile_development_section.mobile_development_section8 .content .list_item .center .center_list {
gap: 16px; } }
@media screen and (max-width: 767px) {
.mobile_development_section {
padding: 60px 8%; }
.mobile_development_section .content {
gap: 30px; }
.mobile_development_section .content .top .title {
font-size: 26px; }
.mobile_development_section .content .list_item {
gap: 24px;
align-items: flex-start; }
.mobile_development_section .content .list_item .left, .mobile_development_section .content .list_item .right {
order: 2;
width: calc(50% - 12px);
gap: 24px; }
.mobile_development_section .content .list_item .left .item, .mobile_development_section .content .list_item .right .item {
padding: 0 12px; }
.mobile_development_section.mobile_development_section8 {
padding: 60px 8%; } }
@media screen and (max-width: 600px) {
.mobile_development_section {
padding: 60px 16px; }
.mobile_development_section .content {
gap: 20px; }
.mobile_development_section .content .top .title br {
display: none; }
.mobile_development_section .content .list_item {
gap: 20px;
align-items: flex-start; }
.mobile_development_section .content .list_item .left, .mobile_development_section .content .list_item .right {
width: 100%;
gap: 24px; }
.mobile_development_section .content .list_item .left .item, .mobile_development_section .content .list_item .right .item {
padding: 0 12px; }
.mobile_development_section.mobile_development_section8 {
padding: 60px 16px; }
.mobile_development_section.mobile_development_section8 .content .list_item {
align-items: start; }
.mobile_development_section.mobile_development_section8 .content .list_item .left, .mobile_development_section.mobile_development_section8 .content .list_item .right {
width: 100%; }
.mobile_development_section.mobile_development_section8 .content .list_item .item {
padding: 0; }
.mobile_development_section.mobile_development_section8 .content .list_item .center {
width: 100%; }
.mobile_development_section.mobile_development_section8 .content .list_item .center .center_list {
flex-wrap: wrap;
gap: 24px; }
.mobile_development_section.mobile_development_section8 .content .list_item .center .center_list .item {
width: 100%; } }
.blockchain_development {
padding: 7% 8%; }
.blockchain_development .content .top {
margin-bottom: 64px; }
.blockchain_development .content .top .title {
color: var(--Neutral-0, #000);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.blockchain_development .content .top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.blockchain_development .content .list {
display: flex;
flex-wrap: wrap; }
.blockchain_development .content .list .title_item {
color: var(--Neutral-10, #111318);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.blockchain_development .content .list .left {
width: 50%;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--TrueBlue-99, #FAFCFE);
display: flex;
flex-direction: column;
gap: 32px;
padding: 32px; }
.blockchain_development .content .list .left .list_item {
display: flex;
flex-wrap: wrap;
gap: 16px; }
.blockchain_development .content .list .left .list_item img {
width: calc(25% - 12px); }
.blockchain_development .content .list .right {
width: 50%;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--TrueBlue-99, #FAFCFE);
display: flex;
flex-direction: column;
gap: 32px;
padding: 32px;
border-left: 0; }
.blockchain_development .content .list .right .list_item {
display: flex;
flex-wrap: wrap;
gap: 16px; }
.blockchain_development .content .list .right .list_item img {
width: calc(33.33% - 10.67px); }
@media screen and (max-width: 1280px) {
.blockchain_development .content .top {
margin-bottom: 40px; }
.blockchain_development .content .top .title {
font-size: 32px; }
.blockchain_development .content .list .title_item {
font-size: 22px; }
.blockchain_development .content .list .left {
gap: 24px;
padding: 24px; }
.blockchain_development .content .list .left .list_item {
gap: 12px; }
.blockchain_development .content .list .left .list_item img {
width: calc(33.33% - 8px); }
.blockchain_development .content .list .right {
gap: 24px;
padding: 24px; }
.blockchain_development .content .list .right .list_item {
gap: 16px; }
.blockchain_development .content .list .right .list_item img {
width: calc(50% - 8px); } }
@media screen and (max-width: 991px) {
.blockchain_development .content .top {
margin-bottom: 30px; }
.blockchain_development .content .top .title {
font-size: 28px; }
.blockchain_development .content .list .title_item {
font-size: 20px; } }
@media screen and (max-width: 767px) {
.blockchain_development {
padding: 60px 8%; }
.blockchain_development .content .top {
margin-bottom: 24px; }
.blockchain_development .content .top .title {
font-size: 24px; }
.blockchain_development .content .list .title_item {
font-size: 20px; }
.blockchain_development .content .list .left {
width: 100%;
gap: 24px;
padding: 24px; }
.blockchain_development .content .list .left .list_item {
gap: 12px; }
.blockchain_development .content .list .left .list_item img {
width: calc(33.33% - 8px); }
.blockchain_development .content .list .right {
gap: 24px;
padding: 24px;
width: 100%;
border-left: 1px solid var(--Neutral-90, #E1E2EC);
border-top: 0; }
.blockchain_development .content .list .right .list_item {
gap: 16px; }
.blockchain_development .content .list .right .list_item img {
width: calc(50% - 8px); } }
@media screen and (max-width: 600px) {
.blockchain_development {
padding: 60px 16px; }
.blockchain_development .content .top {
margin-bottom: 20px; }
.blockchain_development .content .list .left {
width: 100%;
gap: 16px;
padding: 16px; }
.blockchain_development .content .list .right {
gap: 16px;
padding: 16px; } }
.module_404 {
padding: 7% 10%;
display: flex;
flex-direction: column;
border-bottom: 1px solid var(--Neutral-95, #EFF0FA);
justify-content: center;
align-items: center; }
.module_404 .content {
max-width: 1328px;
display: flex;
flex-direction: column;
width: 100%; }
.module_404 .content .top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 8%; }
.module_404 .content .top .content_left {
max-width: 480px;
width: 100%;
display: flex;
flex-direction: column;
gap: 48px; }
.module_404 .content .top .content_left .text_404 {
display: flex;
flex-direction: column;
gap: 24px; }
.module_404 .content .top .content_left .text_404 .title {
color: var(--TrueBlue-30, #0B254E);
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: 100%; }
.module_404 .content .top .content_left .text_404 .text_dep {
color: var(--Neutral-20, #2E3038);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.module_404 .content .top .content_left .button_link a {
display: inline-flex;
padding: 16px 24px;
justify-content: space-between;
align-items: center;
background: var(--Permanent-Geranium-Lake-50, #DB292C);
gap: 20px;
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; transition: all 0.3s ease; }
.module_404 .content .top .content_left .button_link a:hover {
background: var(--Cinnabar-40, #7B1517); }
.module_404 .content .top .img_right {
max-width: calc(100% - 500px); }
.module_404 .content .bottom {
display: flex;
flex-wrap: wrap; }
.module_404 .content .bottom .item {
display: flex;
width: 50%;
padding: 32px;
justify-content: start;
align-items: start;
flex-direction: column;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--TrueBlue-99, #FAFCFE);
position: relative;
transition: all 0.3s ease; }
.module_404 .content .bottom .item .title_top {
color: var(--Neutral-10, #111318);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; transition: all 0.3s ease; }
.module_404 .content .bottom .item .title_page {
color: var(--Neutral-10, #111318);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; transition: all 0.3s ease; }
.module_404 .content .bottom .item img {
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--Neutral-100, #FFF);
position: absolute;
top: 50%;
right: 32px;
transform: translateY(-50%);
padding: 12px; }
.module_404 .content .bottom .item:hover {
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--TrueBlue-50, #1C5DC5); }
.module_404 .content .bottom .item:hover .title_top {
color: var(--TrueBlue-90, #D1E0F8); }
.module_404 .content .bottom .item:hover .title_page {
color: var(--Neutral-100, #FFF); }
@media screen and (max-width: 1280px) {
.module_404 .content .top .content_left {
gap: 32px; }
.module_404 .content .top .content_left .text_404 {
gap: 20px; }
.module_404 .content .top .content_left .text_404 .title {
font-size: 60px; }
.module_404 .content .top .content_left .text_404 .text_dep {
font-size: 18px; } }
@media screen and (max-width: 991px) {
.module_404 .content .top .content_left {
max-width: 320px;
gap: 20px; }
.module_404 .content .top .content_left .text_404 {
gap: 12px; }
.module_404 .content .top .content_left .text_404 .title {
font-size: 54px; }
.module_404 .content .top .content_left .text_404 .text_dep {
font-size: 16px; }
.module_404 .content .top .img_right {
max-width: calc(100% - 360px); }
.module_404 .content .bottom .item {
padding: 20px; }
.module_404 .content .bottom .item .title_top {
font-size: 14px; }
.module_404 .content .bottom .item .title_page {
font-size: 18px; }
.module_404 .content .bottom .item img {
width: 32px;
height: 32px;
right: 20px;
padding: 8px; } }
@media screen and (max-width: 767px) {
.module_404 {
padding: 60px 8%; }
.module_404 .content .top {
gap: 30px; }
.module_404 .content .top .content_left {
width: 100%;
order: 2;
margin: 0 auto;
text-align: center; }
.module_404 .content .top .img_right {
width: 100%;
max-width: unset; } }
@media screen and (max-width: 600px) {
.module_404 {
padding: 60px 16px; }
.module_404 .content .top {
gap: 20px; }
.module_404 .content .top .img_right {
width: 100%;
max-width: unset; }
.module_404 .content .bottom .item {
width: 100%;
padding: 16px; }
.module_404 .content .bottom .item img {
right: 16px; } }
.dig_into_our {
padding: 30px 8% 7% 8%; }
.dig_into_our .content .title_m {
color: var(--Neutral-0, #000);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; max-width: 995px;
margin-bottom: 64px; }
.dig_into_our .content .title_m span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.dig_into_our .content .list_item {
display: flex;
flex-wrap: wrap;
gap: 32px; }
.dig_into_our .content .list_item .list {
display: flex;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
border: 1px solid var(--Neutral-90, #E1E2EC);
background: var(--Dark-Cerulean-99, #FAFCFE); }
.dig_into_our .content .list_item .list .title_main {
color: var(--Neutral-10, #111318);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.dig_into_our .content .list_item .list .item {
display: flex;
flex-wrap: wrap;
gap: 32px; }
.dig_into_our .content .list_item .list .item h4 {
color: var(--Dark-Cerulean-40, #113978);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.dig_into_our .content .list_item .list .item .tem {
display: flex;
flex-direction: column;
gap: 16px;
padding-right: 32px;
border-right: 1px solid #E1E2EC; }
.dig_into_our .content .list_item .list .item .tem:last-child {
padding-right: 0;
border: none; }
.dig_into_our .content .list_item .list .item .tem .images {
display: flex;
flex-wrap: wrap;
gap: 12px; }
@media screen and (max-width: 1280px) {
.dig_into_our .content .title_m {
font-size: 40px;
margin-bottom: 40px; }
.dig_into_our .content .list_item {
gap: 24px; }
.dig_into_our .content .list_item .list {
padding: 24px;
gap: 24px; }
.dig_into_our .content .list_item .list .title_main {
font-size: 22px; }
.dig_into_our .content .list_item .list .item {
gap: 24px; }
.dig_into_our .content .list_item .list .item h4 {
font-size: 18px; }
.dig_into_our .content .list_item .list .item .tem {
gap: 12px;
padding-right: 24px; } }
@media screen and (max-width: 991px) {
.dig_into_our .content .title_m {
font-size: 30px;
margin-bottom: 30px; }
.dig_into_our .content .list_item .list {
padding: 20px;
gap: 20px; }
.dig_into_our .content .list_item .list .title_main {
font-size: 20px; }
.dig_into_our .content .list_item .list .item {
gap: 20px; }
.dig_into_our .content .list_item .list .item h4 {
font-size: 16px; }
.dig_into_our .content .list_item .list .item .tem {
gap: 10px;
padding-right: 20px; }
.dig_into_our .content .list_item .list .item .tem img {
max-width: 120px; } }
@media screen and (max-width: 767px) {
.dig_into_our {
padding-bottom: 60px; }
.dig_into_our .content .title_m {
font-size: 24px;
margin-bottom: 20px; } }
@media screen and (max-width: 600px) {
.dig_into_our {
padding: 10px 16px 60px 16px; }
.dig_into_our .content .list_item .list {
padding: 16px; }
.dig_into_our .content .list_item .list .title_main {
font-size: 18px; }
.dig_into_our .content .list_item .list .item {
gap: 18px; }
.dig_into_our .content .list_item .list .item .tem {
gap: 8px;
padding-right: 16px; } }
.property_management {
padding: 7% 8%; }
.property_management .content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.property_management .content .top {
max-width: 920px; }
.property_management .content .title {
color: var(--Neutral-0, #000);
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px; }
.property_management .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.property_management .content .description {
color: var(--Neutral-20, #26282E);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 32px; }
.property_management .content .image_main {
margin-bottom: 64px; }
.property_management .content .list_item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 32px; }
.property_management .content .list_item .item {
width: calc(50% - 16px);
display: flex;
flex-wrap: wrap; }
.property_management .content .list_item .item .title_item {
width: 30%;
color: var(--Neutral-100, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; padding: 32px; }
.property_management .content .list_item .item .content_right {
width: 70%;
padding: 32px;
border-left: 1px solid var(--Dark-Cerulean-40, #113978); }
.property_management .content .list_item .item .content_right ul li {
color: var(--Neutral-90, #E1E2EC);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; list-style: disc; }
.property_management .content .list_item .item.cs .content_right {
border-left: 1px solid var(--Neutral-20, #26282E); }
.property_management2 {
padding: 7% 8%; }
.property_management2 .content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start; }
.property_management2 .content .top {
max-width: 703px; }
.property_management2 .content .title {
color: var(--Neutral-100, #FFF);
text-align: left;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 32px; }
.property_management2 .content .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.property_management2 .content .description {
color: var(--Neutral-100, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin-bottom: 64px; }
.property_management2 .content .list_item {
display: flex;
flex-wrap: wrap; }
.property_management2 .content .list_item .item {
width: 25%;
border: 1px solid var(--Neutral-20, #26282E);
transition: all 0.3s ease;
padding: 40px; }
.property_management2 .content .list_item .item .number {
color: var(--Neutral-30, #44464F);
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: 100%; margin-bottom: 16px;
transition: all 0.3s ease; }
.property_management2 .content .list_item .item .title_item {
color: var(--Neutral-100, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; margin-bottom: 16px; }
.property_management2 .content .list_item .item .content_right ul li {
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; list-style: disc; }
.property_management2 .content .list_item .item:hover {
background: var(--Permanent-Geranium-Lake-50, #DB292C); }
.property_management2 .content .list_item .item:hover .number {
color: var(--Neutral-100, #FFF); }
.property_management2 .content .item6 .item {
width: 33.3333%; }
@media screen and (max-width: 1280px) {
.property_management .content .title {
font-size: 40px;
margin-bottom: 24px; }
.property_management .content .description {
margin-bottom: 24px; }
.property_management .content .image_main {
margin-bottom: 40px; }
.property_management .content .list_item {
gap: 24px; }
.property_management .content .list_item .item {
width: calc(50% - 12px); }
.property_management .content .list_item .item .title_item {
font-size: 18px;
padding: 24px 16px;
width: 35%; }
.property_management .content .list_item .item .content_right {
padding: 24px;
width: 65%; }
.property_management .content .list_item .item .content_right ul {
padding-left: 10px; }
.property_management2 .content .title {
font-size: 40px;
margin-bottom: 24px; }
.property_management2 .content .description {
margin-bottom: 40px; }
.property_management2 .content .list_item .item {
padding: 30px; }
.property_management2 .content .list_item .item .number {
font-size: 60px;
margin-bottom: 12px; }
.property_management2 .content .list_item .item .title_item {
font-size: 22px;
margin-bottom: 12px; }
.property_management2 .content .list_item .item .content_right ul {
padding-left: 10px; }
.property_management2 .content .list_item .item .content_right ul li {
font-size: 14px; } }
@media screen and (max-width: 991px) {
.property_management .content .title {
font-size: 30px;
margin-bottom: 16px; }
.property_management .content .description {
margin-bottom: 16px; }
.property_management .content .image_main {
margin-bottom: 24px; }
.property_management .content .list_item {
gap: 24px; }
.property_management .content .list_item .item {
width: 100%; }
.property_management2 .content .title {
font-size: 30px;
margin-bottom: 16px; }
.property_management2 .content .description {
margin-bottom: 24px; }
.property_management2 .content .list_item .item {
width: 50%; } }
@media screen and (max-width: 767px) {
.property_management {
padding: 60px 8%; }
.property_management .content .title {
font-size: 24px;
margin-bottom: 12px; }
.property_management .content .description {
margin-bottom: 12px; }
.property_management .content .image_main {
margin-bottom: 20px; }
.property_management .content .list_item {
gap: 20px; }
.property_management .content .list_item .item {
width: 100%; }
.property_management .content .list_item .item .title_item {
font-size: 18px;
padding: 16px; }
.property_management .content .list_item .item .content_right {
padding: 16px; }
.property_management2 {
padding: 60px 8%; }
.property_management2 .content .title {
font-size: 24px;
margin-bottom: 12px; }
.property_management2 .content .description {
margin-bottom: 20px; }
.property_management2 .content .list_item .item {
width: 50%;
padding: 20px; }
.property_management2 .content .list_item .item .number {
font-size: 40px; }
.property_management2 .content .list_item .item .title_item {
font-size: 20px;
margin-bottom: 12px; } }
@media screen and (max-width: 600px) {
.property_management {
padding: 60px 16px; }
.property_management .content .list_item .item .title_item {
font-size: 16px; }
.property_management2 {
padding: 60px 16px; }
.property_management2 .content .list_item .item {
width: 50%;
padding: 16px; }
.property_management2 .content .list_item .item .number {
font-size: 32px; }
.property_management2 .content .list_item .item .title_item {
font-size: 16px; } }
.mobile_app_development1 {
padding: 7% 8%; }
.mobile_app_development1 .content {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.mobile_app_development1 .content .content_left {
width: calc(50% - 32px);
display: flex;
align-items: center; }
.mobile_app_development1 .content .content_left .content_with {
max-width: 648px;
display: flex;
flex-direction: column;
gap: 32px; }
.mobile_app_development1 .content .content_left .title {
color: var(--Neutral-100, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.mobile_app_development1 .content .content_left .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.mobile_app_development1 .content .content_left .description {
color: var(--Neutral-80, #C5C6D0);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.mobile_app_development1 .content .content_right {
display: flex;
background-color: #26282E;
width: 50%; }
.mobile_app_development1 .content .content_right .item:first-child {
border-right: 1px solid var(--Neutral-30, #44464F); }
.mobile_app_development1 .content .content_right .item .top {
padding: 32px 40px;
display: flex;
flex-direction: column;
gap: 16px;
border-bottom: 1px solid var(--Neutral-30, #44464F); }
.mobile_app_development1 .content .content_right .item .top .title_small {
color: var(--Neutral-100, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; }
.mobile_app_development1 .content .content_right .item .description_item {
padding: 24px 40px 40px 40px; }
.mobile_app_development1 .content .content_right .item .description_item ul {
padding: 0; }
.mobile_app_development1 .content .content_right .item .description_item li {
background-position: left center;
padding-left: 20px;
background-repeat: no-repeat;
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/el1.svg);
color: var(--Neutral-100, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.mobile_app_development1 .content .content_right .item:last-child .description_item li {
background-image: url(//adamosoft.com/wp-content/themes/adamo/assets/image/el2.svg); }
.mobile_app_development2 {
padding: 7% 8%; }
.mobile_app_development2 .content {
display: flex;
flex-direction: column;
gap: 64px; }
.mobile_app_development2 .content .content_top {
max-width: 661px;
display: flex;
flex-direction: column;
gap: 32px; }
.mobile_app_development2 .content .content_top .title {
color: #000;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.mobile_app_development2 .content .content_top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.mobile_app_development2 .content .content_top .description {
color: var(--Neutral-20, #26282E);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.mobile_app_development2 .content .content_bottom {
display: flex;
flex-wrap: wrap;
background-color: #26282E;
width: 100%; }
.mobile_app_development2 .content .content_bottom .item {
width: 50%; }
.mobile_app_development2 .content .content_bottom .item .icon img {
width: 100%;
vertical-align: middle; }
.mobile_app_development2 .content .content_bottom .item .bot {
display: flex;
flex-direction: column;
gap: 24px;
padding: 32px 40px 40px 40px; }
.mobile_app_development2 .content .content_bottom .item .bot .title_small {
color: var(--Neutral-100, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.mobile_app_development2 .content .content_bottom .item .bot .description_item ul {
padding-left: 20px; }
.mobile_app_development2 .content .content_bottom .item .bot .description_item li {
list-style: disc;
color: var(--Neutral-95, #EFF0FA);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.mobile_app_development3 {
padding: 7% 8%; }
.mobile_app_development3 .content {
display: flex;
flex-direction: column;
gap: 64px; }
.mobile_app_development3 .content .content_top {
max-width: 840px;
display: flex;
flex-direction: column;
gap: 32px; }
.mobile_app_development3 .content .content_top .title {
color: #000;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.mobile_app_development3 .content .content_top .title span {
color: var(--Permanent-Geranium-Lake-50, #DB292C); }
.mobile_app_development3 .content .content_top .title span:first-child {
color: var(--Dark-Cerulean-50, #1C5DC5); }
.mobile_app_development3 .content .content_top .description {
color: var(--Neutral-20, #26282E);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.mobile_app_development3 .content .content_bottom table {
width: 100%;
border-collapse: collapse;
border: 1px solid var(--Neutral-80, #C5C6D0); }
.mobile_app_development3 .content .content_bottom table tr th {
padding: 32px;
border: 1px solid var(--Neutral-80, #C5C6D0);
color: var(--Neutral-100, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.mobile_app_development3 .content .content_bottom table tr th:first-child {
background: var(--Dark-Cerulean-95, #EBF1FC); }
.mobile_app_development3 .content .content_bottom table tr td {
padding: 32px;
border: 1px solid var(--Neutral-80, #C5C6D0);
color: var(--Neutral-10, #111318);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.mobile_app_development3 .content .content_bottom table tr td:first-child {
background: var(--Dark-Cerulean-95, #EBF1FC);
color: var(--Neutral-10, #111318);
font-size: 20px;
font-weight: 700; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr th {
font-size: 20px;
font-weight: 700;
line-height: 30px;
text-align: left;
color: #FFF;
padding: 24px 32px; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr td {
background: #26282e !important; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr td ul {
display: flex;
flex-direction: column;
gap: 8px; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr td li {
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: left;
color: #FFF;
list-style: disc; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr td li::marker {
color: #4884E5; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr td:last-child li::marker {
color: #DB292C; }
@media screen and (max-width: 1280px) {
.mobile_app_development1 .content .content_left .content_with {
gap: 24px; }
.mobile_app_development1 .content .content_left .title {
font-size: 40px; }
.mobile_app_development1 .content .content_right .item .top {
padding: 24px 32px;
gap: 12px; }
.mobile_app_development1 .content .content_right .item .top .title_small {
font-size: 18px; }
.mobile_app_development1 .content .content_right .item .description_item {
padding: 10px 32px 32px 32px; }
.mobile_app_development2 .content {
gap: 48px; }
.mobile_app_development2 .content .content_top {
gap: 24px; }
.mobile_app_development2 .content .content_top .title {
font-size: 40px; }
.mobile_app_development2 .content .content_bottom .item .bot {
gap: 20px;
padding: 24px 32px 32px 32px; }
.mobile_app_development2 .content .content_bottom .item .bot .title_small {
font-size: 22px; }
.mobile_app_development3 .content {
gap: 48px; }
.mobile_app_development3 .content .content_top {
gap: 24px; }
.mobile_app_development3 .content .content_top .title {
font-size: 40px; }
.mobile_app_development3 .content .content_bottom table tr th {
padding: 24px;
font-size: 22px; }
.mobile_app_development3 .content .content_bottom table tr td {
padding: 24px;
font-size: 18px; }
.mobile_app_development3 .content .content_bottom table tr td:first-child {
font-size: 18px; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr th {
font-size: 18px;
line-height: 24px;
padding: 16px 24px; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr td ul {
gap: 4px; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr td li {
font-size: 16px;
line-height: 20px; } }
@media screen and (max-width: 991px) {
.mobile_app_development1 .content {
display: flex;
flex-direction: column;
gap: 32px; }
.mobile_app_development1 .content .content_left {
width: 100%; }
.mobile_app_development1 .content .content_left .content_with {
gap: 16px; }
.mobile_app_development1 .content .content_left .title {
font-size: 32px; }
.mobile_app_development1 .content .content_right {
width: 100%; }
.mobile_app_development1 .content .content_right .item .top {
padding: 18px 24px;
gap: 8px; }
.mobile_app_development1 .content .content_right .item .top .title_small {
font-size: 16px; }
.mobile_app_development1 .content .content_right .item .description_item {
padding: 10px 24px 24px 24px; }
.mobile_app_development2 .content {
gap: 40px; }
.mobile_app_development2 .content .content_top {
gap: 16px; }
.mobile_app_development2 .content .content_top .title {
font-size: 32px; }
.mobile_app_development2 .content .content_bottom .item .bot {
gap: 16px;
padding: 16px 24px 24px 24px; }
.mobile_app_development2 .content .content_bottom .item .bot .title_small {
font-size: 20px; }
.mobile_app_development3 .content {
gap: 40px; }
.mobile_app_development3 .content .content_top {
gap: 16px; }
.mobile_app_development3 .content .content_top .title {
font-size: 32px; }
.mobile_app_development3 .content .content_bottom table tr th {
padding: 20px;
font-size: 18px; }
.mobile_app_development3 .content .content_bottom table tr td {
padding: 20px;
font-size: 16px; }
.mobile_app_development3 .content .content_bottom table tr td:first-child {
font-size: 16px; }
.mobile_app_development3 .content .content_bottom .online_streaming_new tr td li {
font-size: 14px; } }
@media screen and (max-width: 767px) {
.mobile_app_development1 {
padding: 60px 8%; }
.mobile_app_development1 .content {
gap: 24px; }
.mobile_app_development1 .content .content_left {
width: 100%; }
.mobile_app_development1 .content .content_left .content_with {
gap: 12px; }
.mobile_app_development1 .content .content_left .title {
font-size: 24px; }
.mobile_app_development1 .content .content_right .item .top {
padding: 12px 20px;
gap: 8px; }
.mobile_app_development1 .content .content_right .item .top .title_small {
font-size: 16px; }
.mobile_app_development1 .content .content_right .item .description_item {
padding: 10px 16px 16px 16px; }
.mobile_app_development2 {
padding: 60px 8%; }
.mobile_app_development2 .content {
gap: 30px; }
.mobile_app_development2 .content .content_top {
gap: 12px; }
.mobile_app_development2 .content .content_top .title {
font-size: 24px; }
.mobile_app_development2 .content .content_bottom .item .bot {
gap: 12px;
padding: 12px 20px 20px 20px; }
.mobile_app_development2 .content .content_bottom .item .bot .title_small {
font-size: 18px; }
.mobile_app_development2 .content .content_bottom .item .bot .description_item li {
font-size: 14px; }
.mobile_app_development3 {
padding: 60px 8%; }
.mobile_app_development3 .content {
gap: 30px; }
.mobile_app_development3 .content .content_top {
gap: 12px; }
.mobile_app_development3 .content .content_top .title {
font-size: 24px; }
.mobile_app_development3 .content .content_bottom {
overflow-x: scroll; }
.mobile_app_development3 .content .content_bottom table tr th {
padding: 16px;
font-size: 18px; }
.mobile_app_development3 .content .content_bottom table tr td {
padding: 16px;
font-size: 16px; }
.mobile_app_development3 .content .content_bottom table tr td:first-child {
font-size: 16px; } }
@media screen and (max-width: 600px) {
.mobile_app_development1 {
padding: 60px 16px; }
.mobile_app_development1 .content {
gap: 24px; }
.mobile_app_development1 .content .content_left .title {
font-size: 24px; }
.mobile_app_development1 .content .content_right .item .top {
padding: 10px 16px; }
.mobile_app_development1 .content .content_right .item .description_item {
padding: 12px; }
.mobile_app_development1 .content .content_right .item .description_item li {
font-size: 14px; }
.mobile_app_development2 {
padding: 60px 16px; }
.mobile_app_development2 .content .content_bottom .item {
width: 100%; }
.mobile_app_development2 .content .content_bottom .item .bot {
padding: 12px; }
.mobile_app_development2 .content .content_bottom .item .bot .title_small {
font-size: 16px; }
.mobile_app_development3 {
padding: 60px 16px; }
.mobile_app_development3 .content {
gap: 24px; }
.mobile_app_development3 .content .content_bottom table tr th {
padding: 12px;
font-size: 16px; }
.mobile_app_development3 .content .content_bottom table tr td {
padding: 12px;
font-size: 14px; }
.mobile_app_development3 .content .content_bottom table tr td:first-child {
font-size: 14px; } }