@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
	font-family: "Space Grotesk", sans-serif;
	overflow-x: hidden;
    font-size: 16px;
}
.navbar-brand {
    padding: 0;
}
.navbar-brand img {
    max-height: 40px;
}
header {
    background: #fff;
    position: sticky;
    top: 0;
    width: 100%;
    padding: 0 88px;
    z-index: 99;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 30px 20px;
    font-weight: 600;
}
.quote_btn {
    display: inline-flex;
    padding: 0 40px;
    height: 60px;
    background: #29365e;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    align-items: center;
    justify-content: center;
}
.quote_btn:hover {
    background: #333;
    color: #fff;
}
.banner_section {
    display: block;
    padding-left: 100px;
    position: relative;
}
.left_bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 100%;
    padding: 24px 0;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
}
.mail_btn {
    font-size: 16px;
    font-weight: 500;
    writing-mode: vertical-rl;
    rotate: 180deg;
    display: flex;
    gap: 6px;
}
.mail_btn a {
    color: #616161;
    text-decoration: none;
}
.scroll_down {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: #111;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 500;
    writing-mode: vertical-rl;
    rotate: 180deg;
}
.scroll_down ins {
    text-decoration: none;
}
.scroll_down span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 20px;
    height: 40px;
    border: 2px solid #111;
    border-radius: 24px;
    position: relative;
}
.scroll_down span:before {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #111;
    content: '';
    position: relative;
    bottom: -5px;
    -webkit-animation: updown 1s ease-in-out infinite;
    animation: updown 1s ease-in-out infinite;
}
@keyframes updown {
    0% {
        bottom: -5px;
    }
    50% {
        bottom: -25px;
    }
    0% {
        bottom: -5px;
    }
}
.hero_banner img {
    width: 100%;
    height: calc(100vh - 200px);
    object-fit: cover;
}
.hero_banner video {
    width: 100%;
    height: calc(100vh - 200px);
    object-fit: cover;
    opacity: 0.5;
}
.hero_banner .swiper-slide {
    background: #000;
}
.banner_caption {
    position: absolute;
    bottom: 100px;
    left: 88px;
    z-index: 9;
}
.banner_caption h1 {
    color: #fff;
    font-size: 100px;
    font-family: "Barlow Condensed", sans-serif;
    text-transform: uppercase;
    line-height: 1;
}
.banner_caption p {
    color: #fff;
    font-size: 18px;
    max-width: 750px;
    margin-bottom: 24px;
}
.banner_btn {
    display: inline-flex;
    padding: 0 40px;
    height: 60px;
    background: #29365e;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    align-items: center;
    justify-content: center;   
}
.banner_btn:hover {
    background: #333;
    color: #fff;
}
.btn {
    display: inline-flex;
    padding: 0 40px;
    height: 60px;
    background: #29365e;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0;
}
.btn:hover {
    background: #333;
    color: #fff;
}
.hero_action {
    position: absolute;
    right: 100px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.hero_button {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #fff;
}
.hero-prev, .hero-next {
    display: flex;
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.2);
    align-items: center;
    justify-content: center;
}
.hero_button .swiper-button-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.about_section {
    display: block;
    padding: 100px 0;
    background: url(../images/about-shape-03.png) bottom left -40% no-repeat;
}
.about_content {
    font-size: 60px;
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 24px;
}
.about_content img {
    border-radius: 30px;
    margin: 0 10px;
}
.counter {
    font-size: 100px;
    font-family: "Barlow Condensed", sans-serif;
    line-height: 1;
}
.counter + p {
    font-size: 18px;
    font-weight: 500;
}
.intro_video {
    display: flex;
}
.intro_video figure {
    display: flex;
    width: 100%;
    height: auto;
    aspect-ratio: 16/10;
    border-radius: 10px;
}
.intro_video figure img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.services_section {
    display: block;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.services_section .section_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    object-fit: cover;
}
.services_section .section_image.active {
    display: block;
}
.services_section::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background-image: linear-gradient(180deg, #29365e3a 0%, #000000c4 100%);
    z-index: 1;
}
.services_section .container {
    position: relative;
    z-index: 2;
}
.services_section h2 {
    font-size: 100px;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 24px;
}
.services_section p {
    color: #fff;
    font-size: 18px;
    max-width: 750px;
    margin-bottom: 24px;
}
.service_content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.services .swiper-slide {
    border-radius: 20px;
    box-shadow: 0px -10px 40px rgba(0, 0, 0, 0.3);
}
.service_thumb .swiper-slide {
	cursor: pointer;
}
.service_thumb img {
    max-width: 100%;
    height: auto;
    aspect-ratio: 9/11;
    border-radius: 10px;
    object-fit: cover;
}
.service_thumb figcaption {
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}
.service_card {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}
.service_card .slide_img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4/5;
    border-radius: 20px;
    position: relative;
}
.service_card .slide_img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    /* background-image: linear-gradient(180deg, #29365e3a 0%, #ffffff 100%); */
    border-radius: 20px;
    z-index: 1;
}
.services .swiper-slide.swiper-slide-active .service_card .slide_img:before {
    /* background-image: linear-gradient(180deg, #29365e3a 0%, #000000 100%); */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}
.service_card .slide_img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    border-radius: 20px;
}
.service_card .slide_content {
    position: absolute;
    width: 100%;
    padding: 30px 40px;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.services .swiper-slide.swiper-slide-active .slide_content {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}
.service_card .slide_content h3 {
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    text-transform: uppercase;
}
.service_card .slide_content p {
    color: #949494;
}
.service_card .slide_content a {
    color: #fff;
}

.product_section {
    display: block;
    padding: 100px 0;
	background: #ececec;
}
.product_section h2 {
    font-size: 60px;
    font-family: "Barlow Condensed", sans-serif;
}
.product_section h2 strong {
    font-weight: bold;
}
.product_card {
    display: flex;
    padding: 80px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    color: #fff;
    text-decoration: none;
    position: sticky;
    top: 200px;
}
.product_card + .product_card {
    margin-top: 40px;
}
.product_content {
    display: flex;
    flex-direction: column;
    padding: 40px 30px 30px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(13.5px);
    border-radius: 5px;
    width: 50%;
    flex: 0 0 auto;
}
.product_content h4 {
    font-size: 34px;
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 16px;
}
.product_right {
    display: flex;
    flex-direction: column;
    width: 50%;
    flex: 0 0 auto;
}
.product_right span {
    height: 90px;
    width: 90px;
    line-height: 90px;
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: backdrop-filter 0.3s ease;
    transition: .5s ease;
    color: #fff;
    opacity: 0;
    margin-top: auto;
    margin-left: auto;
}
.product_card:hover .product_right span {
    opacity: 1;
}
.product_count {
    font-size: 60px;
    color: #FFF;
    font-weight: 600;
    margin-left: auto;
    font-family: "Barlow Condensed", sans-serif;
    line-height: 1;
    padding-right: 60px;
    position: relative;
}
.product_count:after {
    position: absolute;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 60px;
    color: #FFF;
    font-weight: 600;
    content: attr(data-count);
    right: 0;
}
.industries_section {
    display: block;
    padding: 100px 0;
    background: #fafafa url(../images/testimonials-bg-03.png) bottom left no-repeat;
}
.industries_section h2 {
    font-size: 60px;
    font-family: "Barlow Condensed", sans-serif;   
}
.industry_card {
    display: flex;
    aspect-ratio: 10/16;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.industry_card img {
    width: 100%;
    height: auto;
    aspect-ratio: 10/16;
    object-fit: cover;
    border-radius: 10px;
}
.industry_content {
    padding: 20px 16px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 5px;
}
.industry_content h4 {
    font-weight: 500;
    font-size: 24px;
    font-family: "Barlow Condensed", sans-serif;
    color: #fff;
    margin: 0;
}
footer {
    background: #1a191d;
    overflow: hidden;
}
.footer_marquee {
    width: 100%;
    will-change: transform;
    white-space: nowrap;
    animation: marque-text 10s linear infinite;
    padding: 16px 0;
    color: #fff;
}
.footer_marquee ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 60px;
}
.footer_marquee ul li {
    font-size: 64px;
    line-height: 74px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.0);
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.51);
    font-family: "Barlow Condensed", sans-serif;
    display: flex;
    align-items: center;
    gap: 60px;
    margin: 16px 0;
}
.footer_marquee ul li:before {
    width: 50px;
    height: 50px;
    background: url(../images/settings-icon02.svg) center no-repeat;
    content: '';
}
@keyframes marque-text {
    0% {
        transform: translate(-20%, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }   
}
footer h5 {
    font-size: 24px;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 20px;
}
.footer_top {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
div.tnp-subscription, form.tnp-subscription, form.tnp-profile {
    margin: 1em 0 0 !important;
    display: flex !important;
    gap: 20px !important;
}
.tnp-subscription input[type=submit] {
    padding: 12px 24px !important;
    background: #fff !important;
    color: #000 !important;
    border-radius: 30px !important;
}
.tnp-subscription div.tnp-field, .tnp-profile div.tnp-field {
    margin: 0 !important;
}
.tnp-subscription input[type=email] {
    padding: 11px 24px !important;
    border-radius: 30px !important;
    border: 1px solid #fff !important;
    background: #1a191d !important;
    color: #fff !important;
}
.tnp-subscription input[type=email]:focus {
    outline: none;
}
.tnp-subscription div.tnp-field.tnp-field-email {
    flex: 1;
}
.call_card {
    display: flex;
    gap: 20px;
    align-items: center;
}
.call_card figure {
    margin: 0;
    width: 40px;
    flex: 0 0 auto;
    color: #fff;
}
.call_card figure svg {
    width: 40px;
    height: 40px;
}
.call_card figcaption {
    font-size: 14px;
    color: rgb(255 255 255 / 65%) !important;
    text-transform: uppercase;
}
.call_card figcaption p {
    margin: 0;
    font-size: 16px;
    text-transform: none;
}
.footer_middle {
    padding: 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
}
.footer_logo {
    max-width: 200px;
    margin-bottom: 24px;
}
.footer_menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer_menu li {
    display: block;
}
.footer_menu li a {
    color: rgb(255 255 255 / 65%) !important;
    font-size: 15px;
    text-decoration: none;
}
.copy_right {
    padding: 24px 0;
}
.footer_copyright_text {
    color: #fff;
}
.footer_copyright_text p {
    margin: 0;
}
.footer_social_links {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}
.footer_social_links li {
    display: block;
}
.footer_social_links li a {
    color: rgb(255 255 255 / 65%) !important;
    font-size: 15px;
    text-decoration: none;
}
.intro_section {
    padding-left: 100px;
    position: relative;
}
.intro_block {
    display: flex;
    flex-direction: column;
    padding: 100px;
    padding-right: 0;
    background: url(../images/servicegrid-04-1.jpg) center no-repeat;
}
.intro_block h1 {
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 0;
}
.overview_section {
    display: block;
    padding: 100px 0 30px;
}
.key_features {
    padding: 30px 0;
}
.key_features h3 {
    font-size: 32px;
    font-weight: 600;
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 24px;   
}
.key_features ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.key_features ul li {
    padding-left: 30px;
    position: relative;
}
.key_features ul li:before {
    content: '\f058';
    font-size: 16px;
    font-family:"Font Awesome 5 Pro";
    position: absolute;
    top: -1px;
    left: 0;
}
.data_table {
    width: 100%;
    border: 1px solid #c3c4c7;
}
.data_table th, .data_table td {
    padding: 8px 10px;
    background: #fff;
    font-size: 14px;
}
.data_table td a {
    color: #9d4f1e;
    font-weight: 600;
    text-decoration: none;
}
.data_table>tbody>:nth-child(odd)>td {
    background-color: #f6f7f7;
}
.data_table thead td, .data_table thead th {
    border-bottom: 1px solid #c3c4c7;
}
.data_table tfoot td, .data_table tfoot th {
    border-top: 1px solid #c3c4c7;
    border-bottom: none;
}
.data_table tbody td {
    vertical-align: top;
    position: relative;
}
.data_table tbody td:first-child {
    font-weight: bold;
    white-space: nowrap;
}
.data_table td p {
    font-size: 14px;
    margin-bottom: 2px;
}
.data_table tbody td.column_primary {
    padding-right: 50px;
}
.data_table tbody td.column_id {
    display: table-cell;
}
.faq_heading {
    border: 1px solid rgba(21, 42, 64, 0.05);
    border-radius: 4px 4px 4px 4px;
    padding: 18px 60px 18px 20px;
    font-size: 20px;
    background: #f7f7f7;
    margin: 0;
    margin-top: 10px;
    cursor: pointer;
    position: relative;
}
.faq_heading:after {
    position: absolute;
    top: 20px;
    left: auto;
    right: 20px;
    width: 24px;
    height: 24px;
    background: url(../images/plus.svg) center no-repeat;
    content: '';
}
.faq_heading.active:after {
    background: url(../images/minus.svg) center no-repeat;
}
.faq_heading.active {
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}
.faq_content {
    color: #616161;
    padding: 20px 50px 20px 20px;
    border: 1px solid rgba(21, 42, 64, 0.05);
    border-radius: 0 0 4px 4px;
    background: #f7f7f7;
}
.product_space {
    display: block;
    padding-bottom: 70px;
}
.product_image {
    width: 100%;
    height: auto;
    aspect-ratio: 16/6;
    border-radius: 10px;
    object-fit: cover;
}
.marquee_text {
    width: 250%;
    position: absolute;
    z-index: 999;
    margin-top: 30px;
    display: inline-flex;
    gap: 12px;
    animation: marqueenew 8s linear infinite;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 40px;
    animation-delay: -4s;
    white-space: nowrap;
    background: #29365e;
    color: #fff;
    opacity: 0;
}
.marquee_text span {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.marquee_text span:before {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #fff;
    content: '';
    display: block;
}
.industry_card:hover .marquee_text {
    opacity: 1;
}
@keyframes marqueenew {
    100% {
        right: -100%;
    }
    0% {
        right: 0;
    }   
}
.product_wrapper {
    display: block;
    padding: 100px 0;
}
.product_block {
    width: 100%;
    height: auto;
    aspect-ratio: 16/10;
    border-radius: 10px;
    position: relative;
    display: block;
}
.product_thumb {
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 10px;
}
.product_thumb img {
    width: 100%;
    height: 100%;   
    border-radius: 10px;
    object-fit: cover;
    transition: all ease-in 1s;
}
.product_block:hover .product_thumb img {
    transform: scale(1.1);
}
.product_block:hover span {
    opacity: 1;
}
.product_info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px 30px 27px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 0px 0 10px 10px;
    z-index: 1;
    color: #fff;
}
.product_info h3 {
    font-size: 34px;
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 16px;
}
.product_info p:last-child {
    margin: 0;
}
.product_block span {
    height: 70px;
    width: 70px;
    line-height: 70px;
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: backdrop-filter 0.3s ease;
    transition: .5s ease;
    color: #fff;
    opacity: 0;
    position: absolute;
    top: 20px;
    left: auto;
    right: 20px;
}
.about_wrapper {
    display: block;
    padding: 100px 0;
}
.about_left {
    display: flex;
    flex-wrap: wrap;
}
.about_left .about_counter {
    font-size: 300px;
    line-height: 1;
    font-weight: 900;
    font-family: "Barlow Condensed", sans-serif;
}
.about_left .about_counter span {
    background: url(../images/bg-25.jpg) no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.6);
    background-position: -19px 79px;
}
.experience {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;   
    color: #768495;
    writing-mode: vertical-lr;
    rotate: 180deg;
}
.about_right {
    display: block;
    padding-left: 80px;
    border-left: 1px solid #eee;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #768495;
}
.about_right h2 {
    font-size: 60px;
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 24px;
    font-weight: 600;
    color: #29365e;
}
.client_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
}
.client_list li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 3px solid #fff;
    border-radius: 50%;
}
.client_list li img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.client_list li:last-child {
    background: #29365e;
}
.client_list li:last-child svg {
    width: 24px;
    height: 24px;
    color: #fff;
}
.client_list li + li {
    margin-left: -16px;
    position: relative;
    z-index: 1;
}
.year_block {
    display: flex;
    background-color: #F5F6F7;
}
.year_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 20px 40px;
    background: #29365e;
    color: #fff;
}
.year_card span:first-child {
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 2px;
}
.year_card span:last-child {
    font-family: "Barlow Condensed", sans-serif; 
    line-height: 1;
    font-size: 32px;
    font-weight: 500;  
}
.year_content {
    display: flex;
    padding: 20px;
    align-items: center;
}
.our_solutions {
    display: block;
    position: relative;
    padding-top: 300px;
    margin-bottom: 80px;
}
.our_solutions:before {
    width: calc(100% - 100px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 100px;
    background: url(../images/solution.jpg) center no-repeat;
    border-radius: 5px 0 0 5px;
    background-size: cover;
    content: '';
    z-index: -1;
}
.solution_card {
    display: block;
    padding: 60px;
    background: #1a191d;
    color: rgb(255 255 255 / 65%);
    border-radius: 5px 5px 0 0;
    position: relative;
}
.solution_card h2 {
    font-family: "Barlow Condensed", sans-serif; 
    font-size: 60px;
    margin-bottom: 24px;
    color: #fff;
}
.solution_card p:last-child {
    margin: 0;
}
.solution_card a {
    display: flex;
    width: 100%;
    padding: 24px 50px;
    background: #29365e;
    color: #fff;
    border-radius: 0 0 5px 5px;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    text-decoration: none;
    left: 0;
    top: 100%;
}
.faq_section {
    display: block;
    padding: 100px 0;
}
.faq_section h2 {
    font-family: "Barlow Condensed", sans-serif; 
    font-size: 60px;
    margin-bottom: 24px;
    font-weight: 600;
    color: #29365e;
}
.choose_list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.choose_list li {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    border-left: 1px solid #eee;
    flex: 1;
}
.choose_list li:first-child {
    padding-left: 0;
    padding-right: 30px;
    border-left: none;
}
.choose_list li:last-child {
    padding-left: 30px;
    padding-right: 0;
}
.choose_list li h4 {
    font-family: "Barlow Condensed", sans-serif; 
    font-size: 24px;   
    font-weight: 500;
    margin-bottom: 24px;
}
.choose_list li p {
    margin: 0;
}
.choose_list li img {
    width: 50px;
    height: 50px;
    margin-bottom: 24px;
    object-fit: scale-down;
}
.contact_info_Section {
    display: block;
    padding: 100px 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #768495;
}
.contact_info_Section h2 {
    font-family: "Barlow Condensed", sans-serif; 
    font-size: 60px;
    margin-bottom: 24px;
    font-weight: 600;
    color: #29365e;
}
.contact_info_block {
    display: flex;
    flex-direction: column;
    padding: 50px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    text-align: center;
    height: 100%;
    font-size: 18px;
    line-height: 1.5;
    border-bottom: 5px solid #29365e;
}
.contact_info_block h4 {
    color: #111;
    font-family: "Barlow Condensed", sans-serif; 
    font-weight: 600;
    font-size: 30px;
    margin-bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.contact_info_block h4 svg {
    width: 30px;
    height: 30px;
    object-fit: scale-down;
}
.contact_info_block p {
    margin-top: 10px;
    margin-bottom: auto;
}
.contact_info_block a {
    color: #333;
    text-decoration: none;
}
.form_section {
    display: block;
    padding: 100px 0;
    background: #f0f0f0;
    position: relative;
}
.form_section:before {
    width: 50%;
    height: 100%;
    background: url(../images/service-01-1.jpg) left center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.form_section:after {
    width: 50%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.form_section h3 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 40px;
    margin-bottom: 24px;
    font-weight: 600;
    color: #29365e;   
}
.form_section .container {
    position: relative;
    z-index: 9;
}
.contact_form label {
    font-size: 12px;
    margin-bottom: 5px;
    color: #fff;
}
.textbox {
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
}
select.textbox option {
    background: #29365e;
}
.textarea {
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.textbox:focus, .textarea:focus {
    outline: none;
}
.contact_area {
    display: block;
    padding: 50px;
    border-radius: 10px;
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.2);
    max-width: 480px;
    z-index: 9;
}
.contact_area h4 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 600;
    color: #fff;
}

.service_block {
    width: 100%;
    height: auto;
    aspect-ratio: 10/16;
    border-radius: 10px;
    position: relative;
    display: block;
}
.service_thumb {
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 10px;
}
.service_thumb img {
    width: 100%;
    height: 100%;   
    border-radius: 10px;
    object-fit: cover;
    transition: all ease-in 1s;
}
.service_block:hover .service_thumb img {
    transform: scale(1.1);
}
.service_block:hover span {
    opacity: 1;
}
.service_info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px 30px 27px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 0px 0 10px 10px;
    z-index: 1;
    color: #fff;
}
.service_info h3 {
    font-size: 34px;
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 16px;
}
.service_info p:last-child {
    margin: 0;
}
.service_block span {
    height: 70px;
    width: 70px;
    line-height: 70px;
    backdrop-filter: blur(15px);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: backdrop-filter 0.3s ease;
    transition: .5s ease;
    color: #fff;
    opacity: 0;
    position: absolute;
    top: 20px;
    left: auto;
    right: 20px;
}

@media(max-width: 575px) {
    header {
        padding: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 0;
    }
    .left_bar {
        right: 100%;
        left: auto;
    }
    .banner_section {
        padding: 0;
    }
    .banner_caption {
        bottom: 30px;
        left: 0px;
    }
    .banner_caption h1 {
        font-size: 40px;
    }
    .about_section {
        padding: 20px 0;
    }
    .about_content {
        font-size: 30px;
    }
    .about_content img {
        max-height: 30px;
    }
    .counter {
        font-size: 70px;
    }
    .counter + p {
        font-size: 14px;
    }
    .services_section {
        padding: 20px 0;
    }
    .services_section h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .services_section p {
        font-size: 16px;
    }
    .service_thumb figcaption {
        font-size: 14px;
    }
    .product_section {
        padding: 20px 0;
    }
    .product_section h2 {
        font-size: 30px;
        margin-bottom: 16px;
    }
    .product_section h2 br {
        display: none;
    }
    .product_section h2 strong {
        margin-left: 6px;
    }
    .product_card {
        padding: 24px 16px;
        flex-direction: column-reverse;
    }
    .product_content {
        width: 100%;
        padding: 16px;
    }
    .industries_section {
        padding: 20px 0;
    }
    .industries_section h2 {
        font-size: 30px;
        margin-bottom: 16px;
    }
    .industry_content {
        left: 5px;
        right: 5px;
        bottom: 5px;
        padding: 5px;
    }
    .industry_content h4 {
        font-size: 18px;
    }
    .intro_section {
        padding: 0;
    }
    .intro_block {
        padding: 60px 20px;
    }
    .intro_block h1 {
        font-size: 40px;
    }
    .contact_info_Section {
        padding: 20px 0;
    }
    .contact_info_Section h2 {
        font-size: 30px;
        margin-bottom: 16px;
    }
    .form_section {
        padding: 20px 0;
    }
    .contact_area {
        padding: 20px 10px;
        margin-bottom: 20px;
    }
    .form_section:before, .form_section:after {
        width: 100%;
        height: calc(50% - 60px);
    }
    .product_block {
        aspect-ratio: 10/16;
    }
    .product_wrapper {
        padding: 20px 0;
    }
    .footer_menu {
        margin-bottom: 24px;
    }
    .footer_social_links {
        justify-content: center;
        margin-top: 10px;
    }
    .footer_middle {
        padding: 30px 0 10px;
    }
}