:root {
    --blue: #092D4C;
    --skyblue: #2382AD;
    --dark: #242424;
}





@font-face {
    font-family: 'Outfit';
    src: url('../css/fonts/Outfit-Bold.woff2') format('woff2'),
        url('../css/fonts/Outfit-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../css/fonts/Outfit-Medium.woff2') format('woff2'),
        url('../css/fonts/Outfit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../css/fonts/Outfit-Light.woff2') format('woff2'),
        url('../css/fonts/Outfit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../css/fonts/Outfit-Regular.woff2') format('woff2'),
        url('../css/fonts/Outfit-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url('../css/fonts/Outfit-ExtraBold.woff2') format('woff2'),
        url('../css/fonts/Outfit-ExtraBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}




*,
::after,
::before {
    box-sizing: border-box;
    font-family: "Outfit", sans-serif;
}



body {
    margin: 0;
    border: 0;
    font-family: "Outfit", sans-serif;
}


.container {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 20px;
}

.bg_blue { background: #F1F9FD;}


.d-flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}



a {
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

p {
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin: 0 0 15px;
}

h2 {
    font-family: "Outfit", sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 20px;
    color: #092D4C;
}

.primary_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 10px 25px;
    min-height: 52px;
    min-width: 165px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    background: #092D4E;
    border-radius: 100px;
    font-family: "Outfit", sans-serif;
    border: 1px solid #092D4C;
    cursor: pointer;
}

.primary_btn.border-btn {
    background: transparent;
    color: #000;
}


.primary_btn:hover {
    background: #fff;
    color: #092D4C;
}

.primary_btn.skyblue_btn {
    color: #092D4C;
    background: #9ED9F4;
    border: 1px solid #9ED9F4;
    font-weight: 600;
}
.primary_btn.skyblue_btn:hover {
    color: #9ED9F4;
    background: #fff;
    font-weight: 600;
}


.top_bar {
    background: #092D4C;
    padding: 12px 0;
    transition: all 0.5s ease-in-out;
    transform: translateY(0px);
}

.top_bar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_bar .container p {
    margin: 0;
    color: #fff;
    font-family: Outfit;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.64px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-family: "Outfit", sans-serif;
    display: flex;
    align-items: center;
    gap:7px;
}

.top_bar .container ul {
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0;
    list-style: none;
    gap: 20px;
}

.top_bar .container ul a {
    margin: 0;
    font-family: Outfit;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.64px;
    letter-spacing: 0.06em;
    color: #fff;
    text-transform: capitalize;
    font-family: "Outfit", sans-serif;
    display: flex;
    align-items: center;
    gap: 8px;
}








section.hardwere_solution {
    padding: 80px 0;
    background: url(../images/bg_mask.svg) no-repeat top left / cover;
}

section.hardwere_solution .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

section.hardwere_solution .wrapper .left_column {
    width: calc(100% - 540px);
    max-width: 100%;
    padding-right: 40px;
}

section.hardwere_solution .wrapper .right_column {
    width: 540px;
    max-width: 100%;
    position: relative;
}

section.hardwere_solution .block-head {
    margin-bottom: 40px;
}

section.hardwere_solution .wrapper .left_column .text {
    max-width: 530px;
    margin-left: auto;
    margin-bottom: 40px;
}


section.hardwere_solution .wrapper .year p {
    margin: 0 0 13px;
    text-transform: uppercase;
}

section.hardwere_solution .wrapper .year img {
    width: 556px;
    max-width: 100%;
}

section.hardwere_solution .wrapper .right_column .video-wrap {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

section.hardwere_solution .wrapper .right_column .video-wrap video.video {
    width: 100%;
}


.video+.playpause {
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1;
    cursor: pointer;
}






section.faq_section {
    padding: 80px 0;
}

section.faq_section .block-head {
    margin: 0 0 50px;
}

section.faq_section button {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    font-family: "Outfit", sans-serif;
    background: transparent;
    outline: 0;
    box-shadow: none;
    cursor: pointer;
    border: 0;
    padding: 20px 20px;
    width: 100%;
    display: block;
}

section.faq_section .accordion-wrapper {
    border: 1px solid #EAEAEA;
    border-radius: 30px;
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
}

section.faq_section .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 30px;
}

section.faq_section .btn-wrapper {
    width: 100%;
    position: relative;
}

section.faq_section .collepsing-div {
    padding: 0 20px 10px;
}

section.faq_section .accordion-wrapper.active {
    border-radius: 30px;
}

section.faq_section button:before {
    content: "";
    display: block;
    background: url(../images/faq_arrow.svg) no-repeat center / 24px;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 18px;
    right: 30px;
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
}

section.faq_section .accordion-wrapper.active button::before {
    transform: rotate(180deg);
}


.header_space {
    width: 100%;
    height: 124px;
    display: block;
}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 0;
    position: relative;
}

.header-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none;
    margin-right: 20px;
}

.header-menu ul li {
    margin: 0 7px;
}
.header-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-menu ul li a {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #000;
    display: inline-flex;
    padding: 0 8px;
}
.header-menu ul li.active a {
    color: #2382ad;
    text-decoration: underline;
    text-underline-offset: 10px;
}


.header-menu .logo {
    display: inline-block;
    width: 125px;
    margin-right: 50px;
}

.header-menu .primary_btn {
    margin-left: auto;
    min-height: 46px;
}


header button.navbar-toggler {
    display: -webkit-inline-flex;
    display: inline-flex !important;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: transparent;
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    display: none !important;
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
}
body.show_menu span.navbar-toggler-icon:nth-child(1) {
    transform: rotate(-45deg);
    top: 5px;
}

header button.navbar-toggler span.navbar-toggler-icon {
    background: #092d4c;
    height: 2px;
    margin: 3px 0;
    width: 32px;
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    transform: translate3d(0, 0px, 0) rotate(0deg);
}
body.show_menu span.navbar-toggler-icon:nth-child(2) {
    transform: rotate(45deg);
    top: -4px;
}
body.show_menu span.navbar-toggler-icon:nth-child(3) {
    opacity: 0;
}

header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    background: #fff;
    transition: all 0.5s ease-in-out;
}


body.darkHeader .top_bar {
    transform: translateY(-44px);
}

body.darkHeader header {
    top: -44px;
}


section.banner_section h1 {
    font-family: Outfit;
    font-size: 50px;
    font-weight: 800;
    line-height: 68px;
    text-align: center;
    margin: 0;
    color: #fff;
}

section.banner_section .wrapper {
    max-width: 870px;
    margin: 0 auto;
    text-align: center;
    opacity: 0.4;
}

section.banner_section p {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
}

section.banner_section h1 {
    margin: 0 0 20px;
}

section.banner_section .item {
    position: relative;
    height: auto;
    aspect-ratio: 4/1.55;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.banner_section .banner_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

section.banner_section .item:before {
    content: "";
    background: #041320;
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.banner_section.banner_slideer .item:before {
    opacity: 0;
}
video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;}

section.banner_section .container {
    position: relative;
    z-index: 1;
}



section.product-slider-section .item p {
    font-family: Outfit;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: #000;
}

section.product-slider-section .item a {
    display: block;
    /* box-shadow: 0px 8px 22px 0px #00000024; */
}

section.product-slider-section .item a .img {
    width: 100%;
    height: auto;
    aspect-ratio: 2/2.6;
    display: flex;
    border-radius: 22px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0px 8px 22px 0px #00000024;
}
section.product-slider-section .item a .img img{
    object-fit: cover;
}
section.product-slider-section {
    padding: 80px 0;
    background: #F1F9FD80;
}

section.product-slider-section .block-head {
    margin-bottom: 40px;
}

.product-slider {
    margin-bottom: 40px;
}


section.world_wild {
    background: url(../images/world-wild.svg) no-repeat center top 50px / 80%;
    padding: 90px 0 130px;
}

section.world_wild .block-head {
    text-align: center;
}

section.world_wild .wrapper {
    max-width: 1060px;
    margin: 40px auto 0;
}

section.world_wild ul li {
    font-family: Outfit;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.16px;
    text-align: center;
    background: #BCE5F8;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 30px;
    min-width: 80px;
}

section.world_wild .wrapper ul {
    display: inline-flex;
    list-style: none;
    margin: 0px 0 40px;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    padding: 0;
    width: 100%;
}



.indusrty_section .block-head h2 {
    color: #9ED9F4;
}

.indusrty_section .block-head {
    text-align: center;
    margin-bottom: 40px;
}

.indusrty_section {
    background: url(../images/banner_img.jpg) no-repeat center / cover;
    padding: 80px 0;
}

.indusrty_section .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0 0 60px;
    justify-content: center;
}

.indusrty_section .wrapper .item {
    width: calc(16% - 24px);
    background: rgb(9 45 76 / 60%);
    padding: 20px 25px;
    border-radius: 16px;
        text-align: center;
}

.indusrty_section .wrapper .item p {
    color: #fff;
    margin: 0;
    line-height: 26px;
}

.indusrty_section .wrapper .item .img {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0 0 15px;
}

.indusrty_section .wrapper .item .img img {
    width: 100%;
    max-width: 30px;
    max-height: 30px;
}

.indusrty_section .wrapper .block-head {
    margin-bottom: 40px;
}

section.inner_banner p {
    color: #fff;
    font-weight: 300;
}



section.success_story .right_column .text h2 {
    font-family: Outfit;
    font-size: 26px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    margin: 0 0 20px;
}

section.success_story .right_column .success_slider {
    width: 760px;
    max-width: 100%;
    background: #F1F9FD;
    border-radius: 30px;
    padding: 40px;
    text-align: center;
}

section.success_story .right_column .success_slider h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

section.success_story .right_column .success_slider p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.64px;
    text-align: center;
}


section.success_story .right_column {
    width: 760px;
    max-width: 100%;
}

section.success_story .left_column {
    width: calc(100% - 760px);
    padding-right: 80px;
}

section.success_story .wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

section.success_story {
    padding: 80px 0;
    background: #F1F9FD80;
}

section.success_story .left_column .text h2 {
    margin: 0 0 10px;
}

section.success_story .left_column .text img {
    width: 140px;
    margin-bottom: 20px;
}




section.faq_section .accordion-wrapper.active button::before {
    transform: rotate(180deg);
}

section.contact_section {
    background: #092D4C;
    padding: 80px 0;
}

section.contact_section .wrapper {
    display: flex;
    flex-wrap: wrap;
}

section.contact_section .wrapper .left_column {
    width: 50%;
    padding-right: 40px;
}

section.contact_section .wrapper .right_column {
    width: 50%;
}

section.contact_section .wrapper h2 {
    color: #9ED9F4;
    margin: 0 0 10px;
}

section.contact_section .wrapper p {
    color: #fff;
    font-weight: 300;
}

section.contact_section .wrapper h4 {
    font-family: Outfit;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #9ed9f4;
    display: inline-block;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color: #9ed9f4;
}

section.contact_section .wrapper p {
    font-family: Outfit;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin: 0 0 15px;
}

section.contact_section .wrapper .branch {
    padding-top: 25px;
}



footer {
    background: #d2edfa;
}

footer .link_wrap p {
    color: #092d4c;
    font-weight: 500;
    display: flex;
    gap: 10px;
    font-size: 16px;
}

footer .link_wrap:nth-child(1) {
    width: 13%;
}

footer .link_wrap:nth-child(2) {
    width: 30%;
}

footer .link_wrap:nth-child(3) {
    width: 23%;
}

footer .link_wrap:nth-child(4) {
    width: 20%;
}

footer .left_column p {
    font-size: 16px;
    line-height: normal;
}

footer .left_column {
    width: 380px;
    max-width: 100%;
    padding-right: 20px;
}

footer .right_column {
    width: calc(100% - 380px);
    padding-left: 20px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

footer .wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 60px 0;
}

footer .link_wrap h3 {
    color: rgba(59, 59, 59, 1);
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(100, 180, 217, 1);
    padding: 0 0 10px;
}

footer .link_wrap ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

footer .link_wrap a {
    color: #092d4c;
    font-weight: 500;
    display: flex;
    gap: 10px;
}

footer .left_column .logo {
    width: 200px;
    margin-bottom: 15px;
}

footer .social-links ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    border-top: 1px solid rgba(100, 180, 217, 1);
    padding-top: 15px;
}

footer .social-links p {
    color: rgba(59, 59, 59, 1);
}

footer .social-links {
    margin-top: 35px;
}

footer .copy_right p {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.16em;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

footer .copy_right {
    background: rgba(9, 45, 76, 1);
    padding: 8px 0;
}

footer .copy_right ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none;
    gap: 20px;
}

footer .copy_right ul a {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
}

footer .copy_right .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



section.opping_job {
    padding: 80px 0;
}
section.inner_banner {
    aspect-ratio: 4/1.1;
    height: auto;
    background: #092d4c;
    display: flex;
    align-items: stretch;
    position: relative;
}
section.inner_banner .container {
    display: flex;
    align-items: center;
}

section.inner_banner h1 {
    font-family: Outfit;
    font-size: 50px;
    font-weight: 800;
    line-height: 1.5;
    text-align: left;
    margin: 0 0 15px;
    color: #fff;
}

section.inner_banner .breadcumb ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    gap: 20px;
}

section.inner_banner .breadcumb ul a {
    font-size: 16px;
    color: #fff;
    display: inline-flex;
    gap: 14px;
}

section.inner_banner .breadcumb ul li::marker {
    color: #fff;
}

section.inner_banner .breadcumb ul li {
    margin-right: 12px;
}

section.inner_banner .breadcumb ul li::marker {
    color: #fff;
}

section.inner_banner .breadcumb ul li:nth-child(1) {
    list-style: none;
}


section.inner_banner .breadcumb {
    position: absolute;
    bottom: 30px;
    left: 40px;
    max-width: 1360px;
    margin: 0 auto;
    right: 0;
}
.add_layer .container {
    position: relative;
    z-index: 1;
}

.add_layer { position: relative;}
.add_layer:before {
    content: "";
    background: #041320;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: 0.6;
}


section.product_category {
    padding: 80px 0;
}

section.product_category .block_head {
    margin-bottom: 50px;
}

section.product_category .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 24px;
    margin-bottom: 0;
}

section.product_category .wrapper .item {
    width: calc(25% - 18px);
    margin-bottom: 0px;
    border: 1px solid rgba(210, 237, 250, 1);
    border-radius: 16px;
}

section.product_category .wrapper .item a {
    display: block;
    width: 100%;
    padding: 16px;
}

section.product_category .wrapper .item a h3 {
    margin: 0;
    color: #000;
    font-size: 18px;
}

section.product_category .img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/1.5;
    display: flex;
}

section.product_category ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    color: #000;
}

section.product_category ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0 0 15px;
    padding: 0 0 0 20px;
}

section.product_category span.view_more {
    color: rgba(35, 130, 173, 1);
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 0 0px;
}

section.product_category .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    margin: 15px 0;
}



section.top_text_secction {
    padding: 70px 0;
}

section.top_text_secction .block-head {
    max-width: 980px;
}

section.top_text_secction .block-head h2 {
    margin: 0 0 15px;
}

section.top_text_secction .block-head p {
    margin-bottom: 30px;
}



section.year_sevtion .video-wrap {
    width: 870px;
    position: relative;
    display: flex;
    margin-bottom: 30px;
}

section.year_sevtion .video-wrap video.video {
    width: 100%;
    height: auto;
    height: 400px;
    object-fit: cover;
}

section.year_sevtion .text {
    width: 870px;
    margin-left: 150px;
}

section.year_sevtion .wrapper .img {
    width: 1100px;
    position: relative;
    z-index: 1;
    text-align: right;
    margin-bottom: -80px;
    margin-left: auto;
    margin-right: 25px;
}

section.year_sevtion .wrapper .img img {
    width: 100%;
}

section.year_sevtion .wrapper .img span {
    display: block;
    font-size: 20px;
    letter-spacing: 0.16em;
    margin: 0 0 15px;
}




.row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}


section.certificate_section .row {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

section.certificate_section .left_column {
    width: 50%;
}

section.certificate_section .right_column {
    width: 50%;
    padding-left: 40px;
}

section.certificate_section .right_column .img {
    width: 100%;
    text-align: right;
}

section.certificate_section {
    background: #F1F9FD80;
    padding: 80px 0;
}

section.certificate_section .right_column .img img {
    width: 90%;
    margin-left: 0;
    margin-right: 0;
}



section.google_map {
    width: 100%;
    /* margin: 0 0 60px; */
}

section.google_map .wrapper {
    width: 100%;
    height: 100%;
}

section.google_map .wrapper iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 4/1.7;
}

section.get_quote .right_column {
    width: calc(50% - 10px);
    background: #f8fcfe;
    padding: 30px;
}

section.get_quote {
    padding: 80px 0;
}

section.get_quote .block_head {
    margin-bottom: 50px;
}

section.get_quote .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}

section.get_quote .left_column {
    width: calc(50% - 10px);
    background: #f8fcfe url(../images/contact_man.png) no-repeat bottom right / 90%;
    padding: 30px;
    padding-top: 0;
}

section.get_quote .left_column p,
section.get_quote .left_column a {
    margin: 0;
    font-size: 18px;
    color: #092D4C;
    font-weight: 500;
    display: block;
}

section.get_quote .left_column h3 {
    margin: 30px 0 15px;
    color: #3B3B3B;
    font-size: 16px;
    border-bottom: 1px solid #64B4D9;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
}


section.get_quote .left_column .wrap {
    padding-right: 300px;
    display: inline-block;
}


section.opping_job .name {
    font-size: 18px;
    font-weight: 500;
    color: #092D4C;
}

section.opping_job span {
    color: #2382AD;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    margin-right: 20px;
}

section.opping_job li {
    border: 1px solid #EAEAEA;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 17px 30px;
    margin-bottom: 30px;
    padding-left: 40px;
}

section.opping_job .wrapper ul {
    margin: 0;
    padding: 0;
}

section.opping_job li a {
    margin-left: auto;
}

section.opping_job .block_head {
    margin-bottom: 50px;
}





section.peark_section {
    background: #F1F9FD;
    padding: 80px 0;
}

section.peark_section .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 25px;
}

section.peark_section .name p {
    font-size: 22px;
    color: #092D4C;
    font-weight: 500;
}

section.peark_section .item {
    width: calc(20% - 20px);
    text-align: center;
}

section.peark_section .img {
    box-shadow: 0px 10px 22px 0px #0000000D;
    width: 180px;
    height: 180px;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.peark_section .block_head {
    margin-bottom: 60px;
}

section.peark_section .name {
    padding: 0 20px;
}

section.peark_section .img img {
    max-width: 90px;
}


section.year_sevtion {
    margin-bottom: 80px;
}

section.product_category .wrapper .item a p {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    color: #000;
    margin: 6px 0;
}

section.product_category .wrapper .item a p span {
    color: #535353;
}


section.product_listing.product_category .img img {
    margin: 0 0 10px;
    height: 240px;
    border-radius: 12px;
}




footer .social-links a {
    display: inline-block;
    width: 38px;
}




.owl-carousel .owl-nav button span {
    font-size: 0;
}

.owl-carousel .owl-nav button.owl-prev {
    transform: rotate(181deg);
}
.owl-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url(../images/slider_arrow.svg) no-repeat center / 45px !important;
    margin: 0 6px;
}
.owl-carousel .owl-nav {
    position: absolute;
    top: -80px;
    right: 0;
}
.owl-carousel .owl-nav button:hover {
    opacity: 0.6;
}
section.product_category .block_head {
    margin-bottom: 40px;
}
div#sync2 img {
    border-radius: 12px;
    padding: 0 5px;
}


section.product_single .right_column{width:730px;max-width:100%;padding-left:40px;}
section.product_single .left_column{width:calc(100% - 730px);}
section.product_single .wrapper{display:flex;align-items:stretch;flex-wrap:wrap;}
section.product_single{padding:80px 0;}
section.product_single .right_column .text{margin:0 0 30px;}
section.product_single .right_column .text h1{font-size:32px;margin:0;font-weight:700;}
section.product_single .right_column .text h3{margin:0;color:#2382AD;}
section.product_single .right_column .text ul li{font-size:18px;font-weight:500;}
section.product_single .links{display:inline-flex;gap:15px;}
section.product_single .item{width:100%;height:auto;aspect-ratio:4/3.5;margin-bottom:20px;}
section.product_single .item img{width:100%;height:100%;object-fit:cover;border-radius:12px;}



section.blog_listing{padding:40px 0;}
section.blog_listing .wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
section.blog_listing .wrapper .item a{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
section.blog_listing .wrapper .item{margin-bottom:20px;}
section.blog_listing .wrapper .item a .img{width:100%;aspect-ratio:4/3.25;display:flex;border-radius:20px;overflow:hidden;margin:0 0 30px;}
section.blog_listing .wrapper .item a .img img{width:100%;height:100%;object-fit:cover;}
section.blog_listing h3{font-size:24px;font-weight:600;line-height:38px;text-align:left;color:#0C0C0C;margin:0 0 15px;}
section.blog_listing p{color:#3B3B3B;font-size:16px;line-height:20.16px;margin:0;}
section.blog_listing span{color:#2382AD;font-size:16px;font-weight:300;line-height:20.16px;}


.inner_banner.product_details {
    aspect-ratio: auto;
    padding: 40px 0 60px;
    min-height: 280px;
}


.similar_products .item {
/*    width: 100% !important;*/
}


.blog_single h1{font-family:Outfit;font-size:50px;font-weight:800;line-height: 1.3;text-align:left;margin:0;border-bottom:1px solid #BBD8E6;padding-bottom:30px;margin-bottom:40px;}
.blog_single .blog_head{background:#F1F9FD;padding: 60px 0px;margin-bottom:60px; position: relative;}
.blog_single .blog_head .blog_info{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.blog_single .blog_head .blog_info ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;}
.blog_single .text h5{font-size:20px;font-weight:600;line-height:34px;margin:0 0 15px;}
.blog_single .text{width:980px;max-width:100%;width: 100%;}
/*.blog_single .blog_head:before {
    content: "";
    background: rgb(9 45 78 / 68%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

*/

section.related_blog.blog_listing {
    margin: 60px 0;
}

section.related_blog.blog_listing .wrapper {
    display: flex;
}

section.related_blog.blog_listing .blog_head {
    margin-bottom: 50px;
}



.blog_single .blog_head h1{color:#2382AD;}
.blog_single .blog_head .blog_info ul li{list-style:disc;margin-left:20px;margin-right:20px;}
.blog_single .blog_head .blog_info ul li:nth-child(1){margin-left:0;list-style:none;}
.blog_single .blog_head .blog_info ul.socail li{list-style:none;margin:0;}
.blog_single .blog_head .blog_info ul.socail{gap:11px;}



.blog_single .left_clumn {
    width: 984px;
    max-width: 100%;
    padding-right: 40px;
    width: 100%;
}

.blog_single .right_clumn {
    width: calc( 100% - 984px );
    background: #FAEAD2;
    display: block;
    display: none;
}



input[type="text"]{font-size:24px;color:#3B3B3B;width:100%;border:1px solid #E6EAED;padding:15px 30px;border-radius:0;outline:0;box-shadow:none;}
.form-group::placeholder{font-size:24px;color:#3B3B3B;}
section.newslatter{background:#F1F9FD80;padding:80px 0;}
section.newslatter .wrapper{display:flex;align-items:center;flex-wrap:wrap;position:relative;}
section.newslatter .wrapper .form-group{width:100%;}
section.newslatter .wrapper input[type="text"]{border-radius:50px;min-height:80px;}
section.newslatter .wrapper .form-group input.primary_btn{position:absolute;right:15px;top:14px;}
section.newslatter .block_head{text-align:center;margin-bottom:50px;}
body.darkHeader header {
    box-shadow: 0 0 2px 2px rgb(0 0 0 / 10%);
}

section.faq_section .collepsing-div p {
    font-size: 16px;
    color: #b7b7b7;
    font-weight: 300;
}




.success_story div#success_img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 0px;
}
.success_story .owl-item.active.current img {
    border: 4px solid #4998bb !important;!I;!;
}

section.get_quote.product-model {
    padding: 0;
}


div#success_text {
    margin-bottom: 20px;
}

section.hardwere_solution .wrapper .right_column:after {
    content: "";
    background: url(../images/Doodle_ixon.svg) no-repeat center top;
    width: 180px;
    height: 90px;
    display: flex;
    position: absolute;
    top: -40px;
    right: 40px;
}


section.year_sevtion .wrapper .img p {
    font-size: 285px;
    color: #d2edfa;
    text-transform: capitalize;
    font-weight: bolder;
    font-family: "Outfit", sans-serif;
    position: relative;
    top: 20px;
    line-height: 209px;
    white-space: nowrap;
}


section.get_quote .right_column input[type="text"], section.get_quote .right_column textarea, section.get_quote .right_column select {
    border: 0;
    border-bottom: 1px solid rgb(0 0 0 / 50%);
    width: 100%;
    margin-bottom: 0px;
    font-size: 16px;
    padding: 20px 0px;
    background: transparent;
    width: 100%;
    resize: none;
    outline: 0;
}
section.get_quote .right_column input::placeholder, 
section.get_quote .right_column textarea::placeholder{
color: #092D4E;
}
section.get_quote .right_column h3 {
    color: #2382AD;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 30px;
}



section.get_quote .field_group {
    display: flex;
    width: 100%;
    gap: 30px;
    justify-content: flex-end;
}

section.get_quote .row {
    gap: 20px;
}


.banner_slideer  .item {
    position: relative;
    height: auto;
    aspect-ratio: 4 / 1.55;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_slideer .owl-stage {
    display: flex;
    align-items: stretch;
}
.banner_slideer .owl-stage-outer {
    height: 100%;
}
.video+.playpause img{max-width:30px;width:30px;}


.banner_slideer .owl-nav {
    position: static;
}

.banner_slideer .owl-nav button{
/*    filter: invert(1) contrast(2);*/
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    right: 5%;
    display: flex;
    justify-content: space-between;
    position: absolute;
}
.banner_slideer .owl-nav button.owl-next {
    left: auto;
    margin-top: 25px;
}



@media only screen and (max-width: 1440px) {

    .container {
        max-width: 1180px;
    }

    h2 {

        font-size: 38px;


    }

    section.product-slider-section {
        padding: 70px 0;

    }

    section.hardwere_solution {
        padding: 70px 0;
    }

    section.world_wild {

        padding: 80px 0 110px;
    }

    section.hardwere_solution .wrapper .year img {
        width: 480px;

    }

    .indusrty_section {

        padding: 70px 0;
    }

    section.success_story .right_column {
        width: 680px;

    }

    section.success_story .left_column {
        width: calc(100% - 680px);
        padding-right: 60px;
    }

    section.success_story {
        padding: 70px 0;
    }

    section.faq_section {
        padding: 70px 0;
    }

    section.contact_section {

        padding: 70px 0;
    }

    section.product_category {
        padding: 70px 0;
    }

    footer .left_column {
        width: 320px;

    }

    footer .right_column {
        width: calc(100% - 320px);

        gap: 25px;
    }

    footer .link_wrap:nth-child(4) {
        width: 22%;
    }

    footer .link_wrap:nth-child(3) {
        width: 25%;
    }

    section.inner_banner h1 {

font-size: 42px;

}


    section.year_sevtion .video-wrap {
        width: 700px;
    }

    section.year_sevtion .wrapper .img {
        width: 760px;
    }

    section.year_sevtion .text {
        margin-left: 120px;
    }

    section.certificate_section {
        padding: 70px 0;
    }

    section.get_quote {
        padding: 70px 0;
    }

    section.opping_job li {
        padding: 12px 15px;
        margin-bottom: 25px;
        padding-left: 40px;
    }

    section.peark_section {
        padding: 70px 0;
    }
    section.year_sevtion .wrapper .img p {
        font-size: 190px;
        top: 30px;
        line-height: 180px;
    }

}


@media only screen and (max-width: 1199px) {

    .container {
        max-width: 960px;
    }

    section.year_sevtion .text {
        width: 700px;
        margin-left: 100px;
    }

    section.year_sevtion .video-wrap {
        width: 600px;
    }

    section.year_sevtion .video-wrap video.video {
        height: 360px;
    }

    section.year_sevtion .wrapper .img {
        width: 560px;
        margin-left: 210px;
    }

    section.banner_section .item {
        min-height: 460px;
        aspect-ratio: auto;
    }

    section.banner_section h1 {
        font-size: 42px;
        line-height: 1.2;
    }

    section.hardwere_solution {
        padding: 60px 0;
    }

    h2 {
        font-size: 36px;
    }

    section.hardwere_solution .wrapper .right_column {
        width: 450px;
    }

    section.hardwere_solution .wrapper .left_column {
        width: calc(100% - 450px);
    }

    p {
        font-size: 18px;
        line-height: 28px;
    }

    section.hardwere_solution .wrapper .year img {
        width: 360px;
    }

    section.product-slider-section {
        padding: 60px 0px;
    }

    section.product-slider-section .item p {
        font-size: 18px;
    }

    section.world_wild {
        padding: 70px 0 80px;
    }

    .indusrty_section .wrapper .item {
        width: calc(16% - 7px);
        padding: 20px 15px;
    }

    .indusrty_section .wrapper {
        gap: 15px;
    }

    .indusrty_section .wrapper .item p {
        font-size: 16px;
    }

    .primary_btn {
        padding: 5px 25px;
        min-height: 50px;
        font-size: 16px;
    }

    section.success_story {
        padding: 60px 0;
    }

    section.success_story .right_column .text h2 {
        font-size: 22px;
        line-height: 30px;
    }

    section.success_story .right_column {
        width: 600px;
    }

    section.success_story .left_column {
        width: calc(100% - 600px);
        padding-right: 60px;
    }

    section.success_story .left_column .text h2 {
        margin: 0 0 10px;
        font-size: 28px;
    }

    section.success_story .left_column .text img {
        width: 110px;
        margin-bottom: 20px;
    }

    section.faq_section {
        padding: 60px 0;
    }



    footer .left_column {
        width: 240px;
    }

    footer .right_column {
        width: calc(100% - 240px);
        gap: 22px;
    }

    footer .link_wrap p,
    footer .link_wrap a {
        font-size: 14px;
    }

    footer .link_wrap:nth-child(4) {
        width: 25%;
    }

    footer .link_wrap:nth-child(3) {
        width: 28%;
    }

    footer .link_wrap:nth-child(2) {
        width: 24%;
    }

    footer .link_wrap h3 {

        font-size: 14px;

    }

    section.faq_section button {
        font-size: 16px;

    }

    section.product_category {
        padding: 60px 0;
    }

    section.product_category .wrapper .item {
        width: calc(33% - 13px);

    }

    section.top_text_secction {
        padding: 60px 0;
    }

    section.year_sevtion .video-wrap {
        width: 480px;
    }

    section.year_sevtion .video-wrap video.video {
        height: 320px;
    }

    section.get_quote .left_column p,
    section.get_quote .left_column a {
        font-size: 16px;
    }

    section.get_quote .left_column h3 {
        margin: 15px 0 10px;

        font-size: 16px;

        padding-bottom: 6px;
        margin-bottom: 6px;

    }

    section.get_quote .left_column .wrap {
        padding-right: 180px;
    }

    section.peark_section {
        padding: 60px 0;
    }

    section.peark_section .img {

        width: 140px;
        height: 140px;

    }

    section.peark_section .name p {
        font-size: 18px;

    }
    section.inner_banner h1 {
        font-size: 36px;
    }
    .blog_single h1 { 
        font-size: 36px;
    }
    section.year_sevtion .wrapper .img p {
        font-size: 145px;
        top: 20px;
        line-height: 150px;
    }


}




@media only screen and (max-width: 991px) {


    section.get_quote .left_column .wrap{padding-right:180px;}
    .container{width:100%;max-width:100%;}
    section.hardwere_solution{padding:50px 0;}
    h2{font-size:32px;}
    section.hardwere_solution .wrapper .left_column{width:50%;}
    section.hardwere_solution .wrapper .right_column{width:50%;}
    .video+.playpause{width:80px;height:80px;}
    .video+.playpause img{max-width:30px;width:30px;}
    section.hardwere_solution .wrapper .year img{width:290px;}
    
    section.product-slider-section{padding:50px 0;}
    section.banner_section h1 {
        font-size: 32px;
        line-height: 1.2;
    }
    section.world_wild{padding:50px 0;}
.indusrty_section{padding:50px 0;}
.indusrty_section .wrapper .item{width:calc(33% - 9px);}
section.success_story .left_column{width:100%;padding:0;margin:0 0 20px;}
section.success_story .right_column{width:100%;}
section.success_story .right_column .success_slider{width:100%;}
section.success_story .left_column .text img{width:90px;margin-bottom:20px;}
section.faq_section {
    padding: 50px 0;
}
section.faq_section .block-head {
    margin: 0 0 40px;
}
section.contact_section .wrapper .left_column {
    width: 100%;
    padding-right: 0;
}
section.contact_section {
    padding: 50px 0;
}
footer .left_column {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
}
footer .right_column {
    width: 100%;
    gap: 22px;
    padding: 0;
}
section.product_category .wrapper .item {
    width: calc(50% - 12px);
}
section.product_category .wrapper {
   
    margin-bottom: 40px;
}
section.year_sevtion .text {
    width: 100%;
    margin-left: 0;
}
section.year_sevtion .wrapper .img {
    width: 60%;
    margin-bottom: -40px;
    margin-left: auto;
}
section.certificate_section .left_column {
    width: 100%;
    margin-top: 40px;
}
section.certificate_section .row {
    flex-direction: column-reverse;
    align-items: center;
}
section.certificate_section .right_column {
    width: 50%;
    padding-left: 0px;
}
section.certificate_section {
    padding: 50px 0;
}
section.get_quote {
    padding: 50px 0;
}
section.get_quote .left_column {
    background: #f8fcfe url(../images/contact_man.png) no-repeat bottom right / 62%;
    padding: 30px;
}
section.get_quote .left_column {
    width: 100%;
}
section.get_quote .left_column .wrap {
    padding-right: 50%;
}
section.google_map {
    width: 100%;
    margin: 0 0 40px;
}
section.opping_job .block_head {
    margin-bottom: 30px;
}
section.peark_section {
    padding: 50px 0;
}
section.peark_section .item {
    width: calc(33% - 20px);
    text-align: center;
}
section.peark_section .wrapper {
    justify-content: center;
}
header button.navbar-toggler { display: inline-flex !important;}


.top_bar .container p {
    font-size: 12px;
}

.top_bar .container ul a {
    font-size: 12px;
}
.header-menu .logo {
  
    margin-right: 20px;
}
.header-menu ul li a {
}
.header-menu ul li {
    margin: 0 4px;
}
.header-menu ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
}
.header-nav {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    position: absolute;
    left: -20px;
    right: -20px;
    background: #fff;
    padding: 40px 20px 30px;
    top: 78px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease-in-out;
}

.header-menu .primary_btn {
    margin: 0;
}
body.show_menu .header-nav {
    opacity: 1;
    pointer-events: auto;
}

section.blog_listing .wrapper {
    grid-template-columns: repeat(2, 1fr);
}
footer .copy_right p {
    font-size: 10px;
   
}
footer .copy_right ul a {
   
    font-size: 10px;
}
section.inner_banner h1 {
    font-size: 28px;
}
.blog_single h1 { 
    font-size: 28px;
}

.blog_single .blog_head {
  
    padding: 40px 0px;
    margin-bottom: 40px;
}
.blog_single .blog_head .blog_info {    gap: 20px;
}

.blog_single .left_clumn {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
}
.blog_single .right_clumn {
    width: 100%;
   
}
section.year_sevtion .wrapper .img p {
    font-size: 115px;
    top: 20px;
    line-height: 90px;
    white-space: nowrap;
}
section.get_quote .right_column {
    width: 100%;
}

}

@media only screen and (max-width: 767px) {

    section.banner_section .item {
        min-height: 380px;
        aspect-ratio: auto;
    }
    section.hardwere_solution {
        padding: 40px 0;
    }
    h2 {
        font-size: 28px;
    }
    section.hardwere_solution .wrapper .left_column {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    section.hardwere_solution .block-head {
        margin-bottom: 20px;
    }
    section.hardwere_solution .wrapper .right_column {
        width: 100%;
    }
    section.product-slider-section {
        padding: 40px 0;
    }
    .product-slider {
        margin-bottom: 20px;
    }
    section.world_wild {
        padding: 40px 0;
    }
    .indusrty_section {
        padding: 40px 0;
    }
    .indusrty_section .wrapper {
       
        margin: 0 0 40px;
    }
    section.success_story {
        padding: 40px 0;
    }
    section.success_story .right_column .success_slider {
     
        padding: 30px;
        
    }
    section.faq_section {
        padding: 40px 0;
    }
    section.faq_section .wrapper {
        gap: 20px;
    }
    section.faq_section .accordion-wrapper {
      
        width: 100%;
    }
    footer .link_wrap {
        width: 47% !important;
    }
    section.get_quote .left_column .wrap {
        padding-right: 0;
    }
    section.get_quote .left_column {
        width: 100%;
        background: #f8fcfe;
    }
    section.top_text_secction {
        padding: 40px 0;
    }
    section.year_sevtion .video-wrap video.video {
        height: auto;
        aspect-ratio: 4 / 3;
    }
    section.year_sevtion .video-wrap {
        width: 100%;
    }
    .top_bar .container p {
        display: none;
    }
    .top_bar .container ul {
        width: 100%;
        justify-content: space-between;
    }
    footer .copy_right .container {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }
    section.inner_banner {
        aspect-ratio: auto;
 
        padding: 60px 0;
    }
    .top_bar .container ul a {
        font-size: 10px;
    }
    section.newslatter .wrapper .form-group input.primary_btn {
        position: static;
    }
    section.newslatter .wrapper .form-group {
        width: 100%;
        text-align: center;
    }
    section.newslatter .wrapper {
        gap: 20px;
    }
    section.newslatter {
        background: #F1F9FD80;
        padding: 60px 0;
    }
    .blog_single h1 {
       
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    section.year_sevtion .wrapper .img p {
        font-size: 75px;
        top: 0;
        line-height: 120px;
        white-space: nowrap;
    }
    section.get_quote .field_group {
        flex-wrap: wrap;
        gap: 15px;
    }


}



@media only screen and (max-width: 575px) {

    section.blog_listing .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    
    .indusrty_section .wrapper .item {
        width: calc(50% - 8px);
    }
    section.product_category .wrapper .item {
        width: 100%;
    }
    section.year_sevtion .wrapper .img {
        width: 100%;
        margin-bottom: -30px;
        margin-left: auto;
    }
    section.certificate_section .right_column {
        width: 100%;
        padding-left: 0px;
    }
    section.get_quote .right_column {
        width: 100%;
    }
    footer .link_wrap {
        width: 100% !important;
    }
    
    section.opping_job li {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        border-radius: 16px;
        padding: 15px;
    }
    
    section.opping_job li a {
        margin: 10px 0 0;
    }
    section.peark_section .item {
        width: calc(50% - 15px);
        text-align: center;
    }


}


/* Model */



section.get_quote.product-model .right_column {
    width: 100%;
}

.product-model .modal {
    position: fixed;
    z-index: 10000;
    /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: scroll;
}

.product-model .modal.is-visible {
    visibility: visible;
}

.product-model .modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.product-model .modal.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.product-model .modal-wrapper {
    position: absolute;
    z-index: 9999;
    top: 6em;
    /* left: 50%; */
    width: 100%;
    max-width: 600px;
    /* margin-left: -16em; */
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.product-model .modal-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0;
}

.product-model .modal.is-visible .modal-transition {
    /* transform: translateY(0); */
    opacity: 1;
}

.product-model .modal-header,
.product-model .modal-content {
    padding: 1em;
}

.product-model .modal-header {
    position: relative;
}

.product-model .modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    color: #aaa;
    background: none;
    border: 0;
}

.product-model .modal-close:hover {
    color: #777;
}

.product-model .modal-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.product-model .modal-content>*:first-child {
    margin-top: 0;
}

.product-model .modal-content>*:last-child {
    margin-bottom: 0;
}


/* Header pop up */

.product-model .modal-brochure {
    position: fixed;
    z-index: 10000;
    /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: scroll;
}

.product-model .modal-brochure.is-visible {
    visibility: visible;
}

.product-model .modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.product-model .modal-brochure.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}


.product-model .modal-brochure.is-visible .modal-transition {
    /* transform: translateY(0); */
    opacity: 1;
}


.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .mySwiper2 {
    height: 50%;
    width: 100%;
  }

  .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0 !important;
  }

  .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }

  .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media only screen and (max-width: 1024px){
    .mySwiper2 {
        height: 70%;
    }
    .mySwiper{
        height: 30%;
    }
  }
  
.error {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}
/* Full-screen overlay */
.submit-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it's above other elements */
    pointer-events: all; /* Block all interaction with elements behind the overlay */
    transition: opacity 0.5s ease-in-out;
}

/* Loader styling */
.submit-loader {
    display: flex;
    justify-content: center;
    align-items: center;
}

.submit-loader img {
    width: 100%; /* Adjust size of the loader */
    height: 100%;
}

/* Fade in/out animation for the loader */
.fade-in {
    opacity: 1;
}

.fade-out {
    opacity: 0;
    pointer-events: none; /* Allows interactions after fade out */
}




.whatsapp-button {
    display: flex;
    align-items: center;
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 99;
    font-size: 0;
    background: #092d4e;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    justify-content: center;
}

.whatsapp-button img {
    width: 40px;
}
.goog-te-gadget {
    font-size: 0 !important;
}
.goog-te-gadget span{
    display: none;
}
select.goog-te-combo {
    min-width: 150px;
    height: 45px;
    border: 1px solid #e7e7e7;
    border-radius: 32px;
    padding: 0 20px;
    margin: 0px 0 0px 10px !important;
}