/* Custom CSS Variables */

:root {

    --primary-color: #354DAD;

    /* Highlighting fonts and elements */

    --secondary-color: #000;

    /* Default fonts */

    --footer-bg: #EEF1F9;

    --dark-bg: #243166;

    --light-bg: #f8f9fa;

    /* Assuming a common light background */

}



body {

    font-family: 'Poppins', sans-serif;

    color: var(--secondary-color);

    /* Default text color */

    line-height: 1.6;

    overflow-x: hidden;

    /* Prevent horizontal scroll due to potential overflows */

    font-size: 15px;

}



p {

    font-size: 17px;

}



a {

    text-decoration: none;

    color: var(--primary-color);

}



img {

    max-width: 100%;

    height: auto;

}



/* General WP-like classes */

.wp-site {

    /* Main wrapper for WordPress themes */

}



.main-wrapper {

    overflow: hidden;

}



.site-header {

    z-index: 1030;

    /* Bootstrap's fixed-top navbar z-index */

}



.site-branding {

    max-width: 110px;

}



.menu-container ul {

    padding: 0;

    margin: 0;

}



.menu-container li {

    list-style: none;

    font-size: 15px;

    text-transform: uppercase;

}



.menu-container li a {

    color: #000;

    display: block;

}

.menu-container li a:hover {

    color: var(--primary-color);

}



ul#menu-header_menus {

    display: flex;

    gap: 3rem;

}



.menu-item-has-children {

    position: relative;

    padding-right: 18px;

}


.menu-item-has-children .submenu-toggle{

    display: inline-block;

    margin-left: 10px;

    vertical-align: 3px;

    border-top: 6px solid;

    border-right: 6px solid transparent;

    border-bottom: 0;

    border-left: 6px solid transparent;

    transition: transform 0.2s ease;

    position: absolute;

    right: 0;

    top: 8px;
    padding: 0;

}

.menu-item-has-children:hover .submenu-toggle{

    color: var(--primary-color);

}


.menu-item-has-children .menu-item-has-children .submenu-toggle{

    transform: rotate(-90deg);

    top: 14px;

}



#menu-main-menu > li > ul.sub-menu {

    padding-top: 20px;

}



.menu-container ul.sub-menu {

    position: absolute;

    background-color: white;

    border-radius: 10px;

    padding: 10px;

    left: 0;

    top: 100%;

    max-width: 240px;

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}



.menu-container ul.sub-menu ul.sub-menu {

    left: 100%;

    top: 0;

}

/*

.menu-container ul.sub-menu ul.sub-menu ul.sub-menu {

    left: auto;

    right: 100%;

}*/



.menu-container ul.sub-menu li {font-size: 13px; width: 200px;

    line-height: 1.3;}

.menu-container ul.sub-menu a{padding: 5px 10px;}



.menu-container ul.sub-menu {display: none;}

@media (min-width: 992px) {
.menu-container li:hover > ul.sub-menu {display: block;}
}

body .btn:active,

body .btn:focus-visible {

    color: white !important;

}

.hamburger{display: none;}



/* Custom Buttons */

.btn-primary-custom {

    background-color: var(--primary-color);

    background: transparent linear-gradient(90deg, #243166 0%, #354DAD 100%) 0% 0% no-repeat padding-box;

    border-color: var(--primary-color);

    color: #fff;

    padding: 8px 20px;

    font-weight: 500;

    transition: all 0.3s ease;

    border-radius: 25px;

    position: relative;

    display: inline-flex;

    gap: 10px;

    align-items: center;

    line-height: 27px;

    font-size: 13px;

    text-transform: uppercase;

}



.btn-primary-custom::before {

    content: "";

    display: block;

    background: rgba(98, 116, 190, 1) url('../images/icon-arrow-right.svg') center center no-repeat;

    background-size: 13px auto;

    border-radius: 25px;

    height: 27px;

    width: 27px;

}



.btn-primary-custom:hover {

    background: transparent linear-gradient(90deg, #354DAD 0%, #243166 100%) 0% 0% no-repeat padding-box;

    border-color: var(--primary-color);

    color: #fff;

}



@keyframes gradientShift {

    0% {

        background-position: 0% center;

    }



    100% {

        background-position: 100% center;

    }

}



.btn-secondary-custom {

    background-color: #fff;

    /* Assuming a white button for hero */

    border-color: #fff;

    color: var(--primary-color);

    padding: 12px 30px;

    font-weight: 600;

    transition: all 0.3s ease;

    border-radius: 25px;

}



.btn-secondary-custom:hover {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

    color: #fff;

}



.topBanner-section {

    padding: 80px 0;

    min-height: 474px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    display: flex;

    position: relative;

}



.topBanner-section::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1;

    background-color: rgba(0, 0, 0, 0.55);

}



.topBanner-section>.container {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    position: relative;

    z-index: 2;

}



.page-title {

    font-size: 40px;

    color: white;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.section-head {

    padding-bottom: 50px;

}



.section-head .section-title {

    margin: 0;

    padding: 0;

}



/* breadCrumb */



.breadcrumb-wrapper {}



.breadcrumb-wrapper>nav {

    background-color: var(--primary-color);

    border-radius: 8px;

    padding: 10px 20px;
    display:none;

    color: white;

}

.form-message-box {

    display: none;

    margin-top: 20px;

    padding: 15px;

    border-radius: 5px;

    font-weight: 500;

}



.form-message-success {

    background-color: #d4edda;

    color: #155724;

    border: 1px solid #c3e6cb;

}



.form-message-error {

    background-color: #f8d7da;

    color: #721c24;

    border: 1px solid #f5c6cb;

}



.form-message-warning {

    background-color: #fff3cd;

    color: #856404;

    border: 1px solid #ffeeba;

}

.breadcrumb-wrapper>nav ol {

    margin: 0;

}



.breadcrumb-wrapper>nav .breadcrumb-item.active,

.breadcrumb-wrapper>nav a {

    color: white;

}



.breadcrumb-wrapper>nav .breadcrumb-item {

    font-size: 13px;

    text-transform: uppercase;

}



.breadcrumb-item+.breadcrumb-item::before {

    content: '';

    height: 10px;

    width: 10px;

    border: solid 1px white;

    border-bottom-color: transparent;

    border-left-color: transparent;

    transform: rotate(45deg) scale(0.7);

    position: relative;

    left: -6px;

    top: 5px;

    display: block;

}



.service-read-more {

    background-color: #fff;

    border-color: #fff;

    color: var(--secondary-color);

    padding: 6px 10px;

    font-weight: 600;

    transition: all 0.3s ease;

    border-radius: 25px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    ;

    position: relative;

    gap: 10px;

}



.service-read-more::before {

    content: "";

    display: block;

    background: rgba(98, 116, 190, 1) url('../images/icon-arrow-right.svg') center center no-repeat;

    background-size: 13px auto;

    border-radius: 25px;

    height: 27px;

    width: 27px;

}



.service-read-more:hover {

    text-decoration: none;

}



/* Hero Section */

.hero-section {

    overflow: hidden;

    /* For slider items */

}



.hero-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(34, 48, 99, 0.6);

    z-index: 0;

}



.hero-section .hero-content {

    z-index: 2;

}



/* Slick Slider specific for Hero */

.slick-slider-hero .slick-list,

.slick-slider-hero .slick-track {

    height: 100%;

}



.slick-slider-hero .hero-slide {

    background-size: cover;

    background-position: center;

    height: calc(100vh - 86px);

    min-height: 500px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.hero-section .slick-slider-hero {

    position: relative;

    z-index: 2;

}



.hero-section .slick-controls-wrapper {

    position: absolute;

    right: 30px;

    width: 40px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 3;

    display: flex;

    flex-direction: column;

    background-color: rgba(255, 255, 255, 1);

    border-radius: 20px;

    padding: 40px 0;

}



.hero-section .slick-controls-wrapper .slick-dots {

    position: relative;

    z-index: 2;

    bottom: auto;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.hero-section .slick-controls-wrapper .custom-arrows {

    position: absolute;

    z-index: 1;

    top: 0;

    height: 100%;

    width: 100%;

}



.hero-section .slick-controls-wrapper .slick-prev.slick-arrow {

    left: 50%;

    top: 0;

    transform: translate(-50%, 10px);

}



.hero-section .slick-controls-wrapper .slick-next.slick-arrow {

    top: auto;

    right: auto;

    bottom: 0;

    left: 50%;

    transform: translate(-50%, -15px);

}



.hero-section .slick-controls-wrapper .slick-prev:before {

    content: url(../images/icon-arrow-up.svg);

}



.hero-section .slick-controls-wrapper .slick-next:before {

    content: url(../images/icon-arrow-down.svg);

}



.hero-section .slick-controls-wrapper .slick-dots li {

    margin: 0 0;

}



.hero-section .slick-controls-wrapper .slick-dots li button:before {

    font-size: 10px;

    color: var(--secondary-color);

    opacity: 0.2;

}



.hero-section .slick-controls-wrapper .slick-dots li.slick-active button:before {

    color: var(--secondary-color);

    /* Active dot color */

    opacity: 1;

}





.f-18 {

    font-size: 18px;

}



.f-20 {

    font-size: 20px;

}



.highlight {

    color: var(--primary-color);

}



/* Section Padding */

.section-padding {

    padding-top: 60px;

    padding-bottom: 60px;

}



/* Section Titles */



.about-section {

    position: relative;

}



.about-img {

    position: relative;

    padding-right: 10%;

}



.about-img::before {

    content: "";

    position: absolute;

    height: 300px;

    width: 300px;

    border: solid 30px #0D6EFD;

    border-radius: 50%;

    right: 6%;

    top: 50%;

    transform: translateY(-50%);

}



.about-img img {

    position: relative;

    border-radius: 10px;

}



.about-section h4 {

    color: var(--primary-color);

    font-size: 15px;

    text-transform: uppercase;

}





.vertical-text {

    position: absolute;

    top: 0;

    right: 0;

    transform: rotate(-90deg) translateY(-30%);

    transform-origin: right center;

    font-size: 8rem;

    /* adjust size */

    text-transform: uppercase;

    font-weight: 900;

    white-space: nowrap;

    color: #333;

    /* adjust color */

    z-index: 1;

    color: rgba(136, 156, 236, 0.13);

}



.vertical-text.help {

    top: 20%;

}



.horizontal-text {

    position: absolute;

    top: 0;

    right: 40px;

    transform-origin: right center;

    font-size: 8rem;

    /* adjust size */

    text-transform: uppercase;

    font-weight: 900;

    white-space: nowrap;

    color: #333;

    /* adjust color */

    z-index: 1;

    color: rgba(136, 156, 236, 0.13);

}



.section-title {

    font-size: 2.2rem;

    padding-bottom: 15px;

    text-transform: uppercase;

}



.section-title small {

    position: relative;

    font-size: 14px;

    line-height: 1.5;

    display: inline-block;

    padding-top: 5px;

}



.section-title small::after {

    content: '';

    position: absolute;

    left: 0;

    top: -3px;

    width: 100%;

    /* Small underline */

    height: 3px;

    background-color: var(--primary-color);

}



.section-title strong {

    display: block;

    font-weight: normal;

}



.section-title b,

.section-title strong b {

    color: var(--primary-color);

    font-weight: bold;

}



/* Left aligned titles (e.g., in two column layouts) */

.section-deliver-tech .section-title::after,

.section-why-choose-us .section-title::after {

    left: 0;

    transform: translateX(0);

}





/* We Deliver Advance Technology Section */

.feature-list li {

    line-height: 1.4;

}



.feature-list h5 {

    font-size: 1.3rem;

    color: var(--primary-color);

}



/* Our Services Section */



.dark-section {

    background: url(../images/servicesBG.png) center center no-repeat;

    background-size: cover;

    position: relative;

    color: white;

}



.dark-section .section-title,

.dark-section .section-title b {

    color: white;

}



.dark-section .section-title small {

    color: rgba(136, 156, 236, 1);

}



.dark-section .section-title small::after {

    background-color: rgba(136, 156, 236, 1);

}



.dark-section .rounded-25 {

    border-radius: 25px;

}



.dark-section.text-center {

    padding-top: 120px;

}



.dark-section.text-center .horizontal-text {

    left: 50%;

    right: auto;

    transform: translateX(-50%);

}



.experts-list p {

    font-style: italic;

}



.services-section {

    padding-bottom: 80px !important;

}



.service-card {

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    cursor: pointer;

    box-shadow: 0px 0px 4px #00000045 !important;

}



.service-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}



.service-card .icon-wrapper {

    margin-bottom: 15px;

}



.service-card .card-title {

    font-size: 20px;

    text-transform: uppercase;

}



/* .service-card p{font-size: 15px; } */



.service-card .service-read-more {

    text-decoration: none;

    font-weight: 600;

}



.why-choose-title {

    display: flex;

    align-items: center;

    gap: 8px;

}



.why-choose-points .icon-wrapper {

    max-width: 42px;

    display: inline-block;

}



.why-choose-points .icon-wrapper img {

    max-width: 100%;

}



.services-CardsList {}



.services-CardsList>.col-lg-3 .card-container {

    background-color: var(--primary-color);

    color: white;

    border-radius: 15px;

    padding: 40px 30px;

    position: relative;

    min-height: 100%;

}



.services-CardsList>.col-lg-3:nth-child(even) .card-container {

    background-color: var(--dark-bg);

}



.services-CardsList>.col-lg-3 .card-container::before {

    content: "";

    border: solid 1px white;

    border-radius: 10px;

    position: absolute;

    z-index: 1;

    height: calc(100% - 20px);

    width: calc(100% - 20px);

    left: 10px;

    top: 10px;

}



.services-CardsList>.col-lg-3 .card-container>* {

    position: relative;

    z-index: 2;

}



.our-services-Cards .icon-wrapper {

    background-color: white;

    border-radius: 8px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    padding: 10px;

    height: 50px;

    width: 50px;

}



.our-services-Cards .icon-wrapper img {

    max-width: 100%;

}



.our-services-Cards h4 {

    font-size: 18px;

}



/* Awards Section  */



.carousel-wrapper {

    position: relative;

}



.awards-section {}



.awards-section .section-title {

    max-width: 683px;

}



.awards-section .section-title strong {

    font-size: 40px;

}



.awards-section .section-title strong b {

    color: var(--primary-color);

    font-weight: 700;

}



.awards-section .section-title small {

    color: var(--primary-color);

}



.awards-carousel-wrapper .slick-initialized {

    margin: 0 -15px;

}



.awards-carousel-wrapper .slick-initialized .slick-slide {

    padding: 0 15px;

}



.header-right-arrows {

    position: absolute;

    right: 0;

    bottom: calc(100% + 45px);

    display: flex;

    gap: 15px;

}



.header-right-arrows button {

    height: 45px;

    width: 45px;

    border-radius: 6px;

    position: static;

    transform: translate(0, 0);

}



.header-right-arrows button:before {

    content: "";

    background: url(../images/icon-arrow-right.svg) center center no-repeat;

    height: 20px;

    display: block;

}



.header-right-arrows button.slick-prev:before {

    background: url(../images/icon-arrow-right-dark.svg) center center no-repeat;

    position: relative;

    transform: rotate(180deg);

}





.header-right-arrows button.slick-prev {

    border: solid 1px var(--dark-bg);

}



.header-right-arrows button.slick-next {

    background-color: var(--dark-bg);

}



/* Awards Section end */



/* LG Awards Section  */



.award-banner {

    background-color: var(--dark-bg);

}



/* LG Awards Section End */



.our-achievements {

    background-color: var(--dark-bg);

    padding: 117px 0 203px;

}



.achievements-points {

    display: flex;

    justify-content: space-evenly;

}



.achievements-points .point-item {

    display: flex;

    align-items: center;

    gap: 20px;

}



.achievements-points .point-item .icon-wrapper {

    max-width: 50px;

}



.achievements-points .point-info {

    display: flex;

    flex-direction: column;

}



.achievements-points .point-item .icon-wrapper.big-width {

    max-width: 70px;

}



.achievements-points .point-item em {

    font-style: normal;

    color: var(--dark-bg);

    font-size: 40px;

    font-weight: 900;

    letter-spacing: 2px;

    text-shadow:

        -1px -1px 0 white,

        1px -1px 0 white,

        -1px 1px 0 white,

        1px 1px 0 white;

    line-height: 1.2;

}



.achievements-points .point-item strong {

    color: white;

    font-weight: 500;

}



.hq-products-info {

    margin-top: -80px;

    border-radius: 20px;

    padding: 50px 20px;

    box-shadow: 0px 3px 6px #00000029;

}



.hq-products-info .section-title {

    margin: 0 !important;

    font-size: 2.8rem;

}



.hq-products-info .section-title b {

    color: var(--primary-color);

}



.download-data-wrapper {

    display: flex;

    justify-content: space-evenly;

}



.download-data {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

}



.download-data .round-icon {

    margin-bottom: 10px;

}



.download-data strong {

    margin-bottom: 15px;

    font-size: 18px;

    font-weight: 600;

}



.download-data .btn {

    white-space: nowrap;

    font-size: 15px;

}



.book-appointment-text {

    text-align: center;

    width: 50%;

    display: flex;

    align-items: center;

    flex-direction: column;

    font-size: 15px;

}



.book-appointment-text p {

    margin-bottom: 2.5rem;

}



.book-appointment-text small {

    color: var(--primary-color);

}



.book-appointment-text .phone-number {

    display: inline-flex;

    font-size: 45px;

    text-decoration: none;

    color: var(--dark-bg);

    font-weight: 900;

    line-height: 1;

    gap: 15px;

}



.book-appointment-text .phone-number .icon-phone {

    max-width: 45px;
    object-fit: contain;

}



/* Our Recent Projects Section */



.block-project-item img {

    height: 250px;

    object-fit: cover;

    width: 100%;

}



/* High Quality Products & Innovation Section */

.block-product-feature i {

    color: var(--primary-color);

}



.block-product-feature h4 {

    color: var(--primary-color);

}



.carousel-margin {

    margin: 0 -15px;

}



.carousel-margin .slick-slide {

    padding: 0 15px;

}



.solution-item {

    position: relative;

    border-radius: 15px;

    overflow: hidden;

}



.solution-item::before {

    content: "";

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 1;

    left: 0;

    top: 0;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.66) 100%);

}



.solution-item h3.solution-title {

    color: white;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 2;

    padding-bottom: 28px;

    text-align: center;

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin: 0;

}





.bestSolutions-section.dark-section .header-right-arrows {

    bottom: calc(100% + 78px);

}



.dark-section .header-right-arrows button.slick-prev {

    border: solid 1px white;

}



.dark-section .header-right-arrows button.slick-next {

    background-color: white;

}



.dark-section .header-right-arrows button:before {

    background-image: url(../images/icon-arrow-right-dark.svg);

    position: relative;

}



.dark-section .header-right-arrows button.slick-prev:before {

    background-image: url(../images/icon-arrow-right.svg);

    transform: rotate(180deg);

}





/* Testimonial Section */



.testimonial-header {

    display: flex;

}



.arrowOnRight {

    padding-right: 160px;

    padding-bottom: 50px;

}



.testimonial-header .section-title {

    padding: 0;

    margin: 0 !important;

    flex: 1;

}



.client-rating {

    display: flex;

    align-items: flex-end;

    gap: 20px;

    display:none;

}



.client-rating .rating-start {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 6px;

}



.clientInfo-container {

    display: flex;

    align-items: center;

    gap: 12px;

    position: relative;

    padding-right: 50px;

}

.testimonial-carousel .client-img{
    border: solid 2px var(--dark-bg);
    border-radius: 50%;
    height: 67px;
    width: 67px;
    overflow: hidden;
}


.client-info {

    display: flex;

    flex-direction: column;

}



.itemInner {

    border: solid 1px var(--primary-color);

    border-radius: 20px;

    padding: 30px;

    display: flex;

    flex-direction: column;

    min-height: 100%;

    gap: 20px;

    box-shadow: 0px 0px 10px #00000029;

    background-color: white;

    transition: transform 0.3s;

}
.client-testimonial {
    flex: 1;
    padding-bottom: 20px;
    border-bottom: solid 1px var(--primary-color);
}
.itemInner p {

    font-size: 17px;

}
.itemInner .client-info {
    font-size: 14px;
}
.itemInner .clientInfo-container::after {

    content: "";

    position: absolute;

    background: url(../images/icon-quote-grey.svg) no-repeat;

    background-size: contain;

    height: 40px;

    width: 40px;

    ;

    right: 0px;

    top: 20px;

}



.itemInner .client-info strong {

    font-size: 15px;

    color: var(--primary-color);

    font-weight: 500;

}



.testimonial-carousel-wrapper .header-right-arrows {

    bottom: calc(100% + 80px);

}



.testimonial-carousel-wrapper .slick-center .itemInner {

    background-color: #E7EBF8;

}



.testimonial-carousel-wrapper .slick-center .clientInfo-container::after {

    background-image: url(../images/icon-quote-blue.svg);

}



.slick-track {

    display: flex !important;

}



.slick-slide {

    height: inherit !important;

}



/* Our Valued Customers Section */

.valuedCustomer-section {

    background: url(../images/valueCustomer-bg.png) center center no-repeat;

    background-size: cover;

    position: relative;

}



.valuedCustomer-section .section-title {

    color: white;

}



.valuedCustomer-section .section-title strong {

    font-weight: 700;

}



.valuedCustomer-section::before {

    content: "";

    position: absolute;

    background-color: var(--dark-bg);

    opacity: 0.9;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1;

}



.valuedCustomer-section>* {

    position: relative;

    z-index: 2;

}



.valued-customer-carousel {

    background-color: white;

    border-radius: 10px;

    padding: 20px;

}



.valued-customer-carousel .slick-slide {

    padding: 0 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}





/* Our Valued Customers Section end */



/* our Partner List */



.ourPartner-List {}



.ourPartner-List .col {

    display: flex;

    justify-content: center;

    align-items: center;

    gap:38px;

    flex-wrap: wrap;

}

.ourPartner-List .col > div{
    min-width: 80px;
    max-width: 126px;
}


/* our Partner List end */

.footer-wrapper {

    background-color: var(--footer-bg);

}



.footer-top {

    padding: 40px 0 0;

}



.footer-top .container {

    padding-bottom: 40px;

    border-bottom: solid 1px #2b3147;

}



.newsletter-box {

    display: flex;

    align-items: center;

    gap: 15px;

}



.footer-top h4 {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 0;

}



.footer-top .newsletter-input-group {

    max-width: 360px;

    display: flex;

    border: 1px solid #2a3344;

    border-radius: 25px 0 0 25px;

    border-radius: 25px;

    padding: 2px;

    overflow: hidden;

}



.footer-top .newsletter-input-group input {

    padding: 8px 15px;

    border: 0 none;

    background-color: transparent;

    font-size: 15px;

}



.footer-top .newsletter-input-group input:focus {

    box-shadow: 0 0 0 0

}



.footer-top .newsletter-input-group .btn {

    padding: 7px 32px;

    background: #233064;

}



.footer-top .newsletter-input-group .btn-primary-custom::before {

    background-color: transparent;

    background-image: url(../images/icon-arrowbig-right.svg);

    background-size: 100% auto;

    width: 24px;

}



.opening-hours {

    font-size: 14px;

    color: var(--primary-color);

    gap: 10px;

    display: inline-flex;

    align-items: center;

}
.opening-hours .icon-wrapper {
    width: 18px;
    margin-top: -3px;
}
.footer-middle {
    padding: 40px 0;
}

.footer-middle .footer-logo img {

    mix-blend-mode: darken;
    max-width: 110px;
}
.footer-link {

    list-style: none;

    margin: 0;

    padding: 0;

}



.footer-link li {

    margin-bottom: 8px;

}



.footer-middle p,

.footer-middle a {

    font-size: 16px;

    color: #000;

    line-height: 1.6;

}



.footer-middle h4 {

    font-size: 18px;

    margin-bottom: 18px;

    font-weight: bold;

}



.contact-item {

    display: flex;

    gap: 10px;

    margin-bottom: 10px;

}



.footer-middle .icon-wrapper {

    min-width: 20px;

    display: block;

}



.footer-middle a {

    text-decoration: none;

}



.footer-middle a:hover {

    color: #007BFF;

}



.social-icons {

    display: flex;

}



.social-icons a {

    color: var(--primary-color);

    margin-right: 10px;

    font-size: 18px;

}



.social-icons a:hover {

    color: #007BFF;

}



.footer-bottom {

    background-color: var(--dark-bg);

    color: #fff;

    padding: 15px 0;

    font-size: 13px;

    position: relative;

}



.footer-bottom a {

    color: #fff;

    text-decoration: none;

    margin-left: 15px;

}



.footer-bottom a:hover {

    text-decoration: underline;

}



.go-to-top {

    color: #fff;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    position: fixed;

    right: 10px;

    bottom: 10px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 3px;

    border: 0 none;



    background: transparent linear-gradient(180deg, #4D64C2 0%, #243166 100%) 0% 0% no-repeat padding-box;

    box-shadow: 0px 3px 6px #00000029;

    line-height: 1;

    font-size: 10px;

    text-transform: uppercase;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;

}

.go-to-top.show {
  opacity: 1;
  pointer-events: auto;
  z-index:1;
}

.go-to-top.hide {
  opacity: 0;
  pointer-events: none;
}

.go-to-top::before {

    content: "";

    position: absolute;

    z-index: 1;

    width: calc(100% - 10px);

    height: calc(100% - 10px);

    top: 5px;

    left: 5px;

    border-radius: 50%;

    border: solid 1px white;

}



.go-to-top:hover {

    background-color: #0056b3;

}



@media (max-width: 768px) {



    .footer-top h3,

    .opening-hours {

        text-align: center;

    }



    .footer-top .input-group {

        margin: 0 auto;

    }



    .footer-middle .col-md-3 {

        margin-bottom: 20px;

    }



    .footer-bottom .text-end {

        text-align: center !important;

        margin-top: 10px;

    }

}











/* Responsive Adjustments */

@media (max-width: 991.98px) {

    .site-header {

        padding-top: 15px;

        padding-bottom: 15px;

    }



    .hero-section {

        /* height: 70vh; */

        /* Adjust for mobile */

    }



    .hero-section h1 {

        font-size: 2.5rem;

    }



    .hero-section p {

        font-size: 1rem;

    }



    /* Section titles alignment for mobile */

    .section-title {

        text-align: center !important;

    }



    .section-title::after {

        left: 50% !important;

        transform: translateX(-50%) !important;

    }



    .section-deliver-tech .col-lg-6,

    .section-why-choose-us .col-lg-6 {

        order: unset !important;

        /* Reset order on mobile */

    }

}



@media (max-width: 767.98px) {

    /* .hero-section {

        height: 52vh;

        min-height: 400px;

    } */



    .hero-section h1 {

        font-size: 2rem;

    }

.ourPartner-List {
    gap: 20px;
}
.ourPartner-List .col {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 38px;
    flex-wrap: wrap;
    min-width: 114px;
}


    .hero-section p {

        font-size: 0.9rem;

    }



    .btn-primary-custom,

    .btn-secondary-custom {

        padding: 8px 20px;

        font-size: 0.9rem;

    }



    .section-title {

        font-size: 1.5rem;

    }

}



@media (min-width: 1200px) {

    .display-1 .small-heading {

        font-size: 3.5rem;
    }
    .lead {

        font-size: 1.05rem;

    }

}

/* inner page css */



/* Working Process Section */

.working-process-section {

    background: var(--dark-bg);

}



.working-process-title {

    color: #fff;

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 40px;

}



.working-process-content {

    padding: 80px 0;

}



.working-process-content .section-title small {

    margin-bottom: 15px;

}



.working-process-steps {

    /* display: flex;

    gap: 30px; */

}



.process-step {

    display: flex;

    align-items: center;

    gap: 20px;

}



.process-step .icon-wrapper {

    background: #6E8BFF;

    color: #fff;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    font-weight: 600;

}



.process-step .icon-wrapper img {

    height: 50%;

    width: auto;

}



.process-step .step-details {

    flex: 1;

}



.process-step .step-details h3 {

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 5px;

}



.process-step .step-details p {

    color: #ccc;

    font-size: 14px;

    margin: 0;

}



.working-process-image img {

    width: 31.8vw;

    max-width: 612px;

    height: 100%;

    object-fit: cover;

    max-height: 582px;

}



/* Request a Quote Section */

.request-quote-section {

    padding: 60px 0;

    background: #fff;

}



.request-quote-title {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 30px;

}



.quote-form {

    /* background: var(--footer-bg);

    padding: 30px;

    border-radius: 10px; */

}



.request-quote-form.blue-bg {

    background: linear-gradient(to bottom, rgba(53, 77, 173, 1) 0%, rgba(34, 48, 99, 1) 100%);

    border-radius: 15px;

    padding: 50px 30px;

    color: white;

}



.request-quote-form.blue-bg .section-head {

    padding-bottom: 40px;

}



.blue-bg .section-title,

.blue-bg .section-title b {

    color: white;

}



.form-row {

    display: flex;

    gap: 20px;

}



.form-row .form-cell {

    flex: 1;

}



.form-row .form-cell label {

    display: block;

    margin-bottom: 4px;

}



.form-input,

.form-textarea {

    width: 100%;

    padding: 12px 20px;

    margin-bottom: 15px;

    border: 1px solid #ddd;

    border-radius: 25px;

    font-size: 14px;

    background-color: #ECE9FE;

}



.request-quote-form.blue-bg .form-input,

.request-quote-form.blue-bg .form-textarea {

    background-color: #596FCA;

    border-color: #596FCA;

    color: white;

    transition: all 0.3s ease;

}



.request-quote-form.blue-bg .form-input::placeholder,

.request-quote-form.blue-bg .form-textarea::placeholder {

    color: #D6D6D6;

}



.request-quote-form.blue-bg .form-input:focus-visible,

.request-quote-form.blue-bg .form-textarea:focus-visible {

    outline: none;

    border-color: white;

}



.request-quote-form.blue-bg .form-textarea {

    height: 200px;

}



.form-textarea {

    height: 100px;

    resize: none;

}



.form-submit {

    background: var(--primary-color);

    color: #fff;

    padding: 12px 30px;

    border: none;

    border-radius: 5px;

    font-size: 16px;

    cursor: pointer;

}



.form-submit:hover {

    background: #2a3e8c;

}



/* .request-quote-image img {

    border-radius: 50%;

    width: 70%;

    margin: 0 auto;

    display: block;

} */



/* Grow Banner */



.grow-banner {

    background-color: var(--dark-bg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 80px 0;

    color: white;

}



/* Award Ceremony Section */

.award-ceremony-section {

    background: var(--dark-bg);

    padding: 60px 0 120px;

}



.award-ceremony-title {

    color: #fff;

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 40px;

}



.award-ceremony-slider {}



.award-ceremony-slider img {

    border-radius: 10px;

}



/* Team Address Section */

.team-address-section {

    padding-bottom: 40px;

}



.team-address-section>.container {

    margin-top: -80px;

    background-color: white;

    border-radius: 12px;

    box-shadow: 0px 3px 14px #00000029;

    padding: 50px 40px;

}



.team-address-section .masonry-container {

    /* display: grid;

    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));

    grid-auto-rows: 10px; */

    display: flex;

    gap: 20px;

}



.team-address-section .masonry-container .colItem {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.team-address-section .section-title {

    margin-bottom: 30px;

}







/* Directors Section */

.directors-section {}



.directors-section .subtitle-p {

    max-width: 600px;

}



.directors-list {

    position: relative;

}



.directors-list::before {

    content: "";

    position: absolute;

    width: 2px;

    height: 100%;

    background-color: #98A7E1;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

}



.directors-list .row {

    position: relative;

}



.directors-list .row::before {

    content: "";

    position: absolute;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background-color: white;

    border: solid 2px var(--primary-color);

    left: 50%;

    top: 0;

    transform: translateX(-50%);

}



.directors-list .row:nth-child(even) .col:first-child {

    order: 2;

    justify-content: flex-start;

}



.directors-list .row .col:first-child {

    display: flex;

    justify-content: flex-end;

}



.directors-list .row .col {

    padding: 0px 50px;

}



.director-role {

    color: var(--primary-color);

}



.director-image {

    max-width: 200px;

    border-radius: 12px;

}





/* contact page */



.contactInfo-list {}



.contactInfo-list .contactInfo-row {

    max-width: 300px;

    border-bottom: solid 1px #c5c6c8;

}

.contactInfo-list .contactInfo-row .icon-wrapper{
    max-width: 32px;
}
.contactInfo-list .contactInfo-row .icon-wrapper img{object-fit: contain; width: 100%;}


.contactInfo-list .contactInfo-row:last-child {

    border: none;

}



.contactInfo-list h4 {

    font-size: 18px;

    text-transform: uppercase;

}



.contactInfo-list .contactInfo-row .icon-wrapper {

    margin-bottom: 10px;

    display: block;

}



/* three-circle-section */

.three-circle-section {

    background: url(../images/three-circle-BG.jpg) right bottom no-repeat;

    background-size: cover;

    padding: 50px 0;

    text-align: center;

    display: none;

}



.three-circle-section .feature-box {}



.three-circle-section .feature-box .circleImg-wrapper {

    width: 250px;

    height: 250px;

    border-radius: 50%;

    background-color: white;

    padding: 3px;

}



.three-circle-section .feature-box .circleImg-wrapper img {

    width: 233px;

    height: 233px;

    border-radius: 50%;

    object-fit: cover;

    overflow: hidden;

}



.three-circle-section .feature-box h3 {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

}



.three-circle-section .feature-box p {

    max-width: 280px;

    display: inline-block;

    margin: 0;

}



/* Why Choose Us Section */

.why-choose-us-section {}



.why-choose-us-section .progress-item {

    margin-bottom: 20px;

    position: relative;

    width: 95%;

}



.why-choose-us-section .progress-item h4 {

    font-size: 15px;

    margin-bottom: 0;

    text-transform: uppercase;

    position: absolute;

}



.progressBar-container {

    display: flex;

    gap: 10px;

}



.why-choose-us-section .progress-bar {

    height: 10px;

    background-color: #CEE6FF;

    border-radius: 5px;

    overflow: hidden;

    flex: 1;

    margin-top: 20px;

}



.why-choose-us-section .progress-bar-fill {

    height: 100%;

    background-color: var(--dark-bg);

    border-radius: 5px;

}



.why-choose-us-section .progress-percentage {

    font-size: 15px;

    color: white;

    background-color: var(--dark-bg);

    height: 50px;

    width: 50px;

    border-radius: 50%;

    line-height: 50px;

    text-align: center;

}



.why-choose-us-section .world-image {

    width: 100%;

    border-radius: 20px;

}







.gridLayout {

    display: grid;

    grid-template-columns: auto auto;

    grid-template-rows: auto auto;

    width: max-content;

    gap: 10px;

    position: relative;

}



/* 889cec */

.gridLayout::after,

.gridLayout::before {

    content: "";

    position: absolute;

    width: 2px;

    height: 2px;

    background-color: #889cec;

    transform: translate(-50%);

    left: 50%;

    top: 50%;

}



.gridLayout::after {

    width: 100%;

}



.gridLayout::before {

    height: 100%;

    top: 0;

}



.gridLayout .stat-box {

    padding: 18px 30px;

}



.gridLayout .stat-box p {

    margin: 0;

}



.gridLayout .stat-box h3 {

    font-weight: 900;

    font-size: 40px;

}



.pricing-card {

    border-radius: 10px;

    box-shadow: 0px 0px 6px #00000045;

    overflow: hidden;

}



.cardHead {

    background-color: var(--primary-color);

    position: relative;

    padding: 30px 30px 80px;

    color: white;

    gap: 10px;

    overflow: hidden;

}



.cardHead::after {

    content: "";

    position: absolute;

    width: 110%;

    height: 80px;

    background-color: white;

    transform: rotate(-10deg);

    transform-origin: left top;

    left: 0;

    top: 100%;

}



.cardAbout {

    border: solid 1px white;

    border-radius: 20px;

    display: inline-block;

    line-height: 1;

    padding: 3px 10px;

    margin-bottom: 30px;

    font-size: 13px;

    text-transform: uppercase;

}



.cardHead .headContent {

    flex: 1;

}



.cardHead .headIcon {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    background-color: white;

    padding: 15px;

}



.cardContent {

    padding: 30px;

}



ul.included-features {

    padding: 0;

}



ul.included-features li {

    list-style: none;

    position: relative;

    padding: 4px 0 0px 35px;

    line-height: 1.3;

    margin-bottom: 20px;
	font-size:17px;

}



ul.included-features li::before {

    content: "";

    width: 28px;

    height: 28px;

    left: 0;

    top: 0;

    position: absolute;

    background: url(../images/check.svg) no-repeat;

}



ul.included-features li.not-included::before {

    background: url(../images/uncheck.svg) no-repeat;

}



.darkStrip-section {

    background-color: var(--dark-bg);

}



ul.checkList {

    padding: 10px 0 0 0;

    margin-bottom: 10px;

}



ul.checkList li {

    list-style: none;

    position: relative;

    padding: 0 0 0 30px;

    line-height: 1.3;

    margin-bottom: 10px;

}



ul.checkList li::before {

    content: "";

    width: 30px;

    height: 30px;

    left: 0;

    top: 0;

    position: absolute;

    background: url(../images/Icon-check-circle.svg) no-repeat;

}



.support-section {

    position: relative;

}



.support-section .container {

    padding: 0 60px;

    margin-top: -80px;

}



.support-section .container>.row {

    border-radius: 12px;

    background-color: #E7EBF8;

    padding: 50px 10px 0;

    border-bottom: 10px solid var(--primary-color);

}



.support-number {

    display: flex;

    gap: 10px;

    font-size: 28px;

    font-weight: 700;

    color: var(--primary-color);

}



.pb-160 {

    padding-bottom: 160px;

}



.custom-card {

    background-color: white;

    border-radius: 20px;

    padding: 20px;

    text-align: center;

    display: inline-flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 280px;

}



.supportImg {

    position: relative;

    bottom: 0;

    right: -10px;

}



/* Networking */



.product-imgs {}



.borderBox-dark {

    border: solid 1px var(--dark-bg);

    overflow: hidden;

}



p b.blue-text {

    color: var(--primary-color);

    font-weight: 500;

}



.blue-text {

    color: var(--primary-color);

    font-weight: 500;

}



.darkBlue-text {

    color: var(--dark-bg);

}



.small-cardsList {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 25px;

}



.small-cardsList .card-item {

    background-color: white;

    border-radius: 8px;

    width: 200px;

    padding: 15px;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    transition: all 0.3s ease;

}



.small-cardsList .card-item .icon-wrapper {

    max-width: 35px;

    max-height: 40px;

    margin-bottom: 4px;

}



.small-cardsList .card-item .icon-wrapper svg {

    max-width: 100%;

    max-height: 100%;

    height: auto;

    width: auto;

}



.small-cardsList .card-item .itemName {

    color: var(--dark-bg);

    font-weight: normal;

    font-weight: 500;

    padding: 3px 0;

}





.small-cardsList .card-item:hover {

    background-color: var(--primary-color);

}



.small-cardsList .card-item:hover svg,

.small-cardsList .card-item:hover svg path {

    fill: white;

}



.small-cardsList .card-item:hover .itemName {

    color: white;

}



.VIDEO-WALL-featuresList .featuresItem {

    margin-bottom: 50px;

}



.VIDEO-WALL-featuresList .featuresItem:last-child {

    margin-bottom: 0;

}



.keyFeatures-secion .container>.row {

    padding: 50px 7rem 0 50px;

    position: relative;

}





.keyFeatures-secion .container>.row .vertical-text {

    font-size: 65px;

}



.specialise-section {

    padding: 60px 0 200px;

}



.specialise-section+.support-section .container {

    margin-top: -140px;

}



.ourPartner-section {

    border-top: solid 1px #d5d5d5;

}



.two-columns-list {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(40%, auto));

}



.three-columns-list {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(28%, auto));

}



.small-brandList {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 25px;

}



.small-brandList .card-item {

    background-color: white;

    border-radius: 8px;

    width: 150px;

    padding: 15px;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    transition: all 0.3s ease;

}



.small-brandList .card-item img {

    max-height: 50px;

    width: auto;

}



.light-section {

    background: url(../images/key-bg.jpg) center center no-repeat;

    background-size: cover;

}



.light-section h4 {

    font-size: 22px;

    font-weight: 600;

    line-height: 1.5;

    color: var(--primary-color);

    margin-bottom: 25px;

}



@media (max-width: 768px) {

    .three-columns-list {

        grid-template-columns: 1fr;

    }

}



@media (max-width: 1366px) {



    .footer-middle p,

    .footer-middle a,

    body,

    p,

    .itemInner p {

        font-size: 13px;

    }



    .carousel-margin .slick-slide {

        padding: 0 10px;

    }



    .itemInner {

        padding: 20px;

    }



    .social-icons a {

        font-size: 20px;

    }

}

/*Css Changing*/

.display-1 .small-heading{

    font-size: 3.5rem;

}

p.about-font{

    font-size:16px;

}



.service-card .img-wrapper img{

    height: 216px;

    width: 100%;

    border-radius: 18px;

    object-fit: cover;

    object-position: center;

}



.download-icon{

    width:40px;

}


/*Responsive Css*/


@media (max-width: 767.98px) {

.hero-section .display-1 {
    font-size: 1.9rem !important;
    margin-bottom: 10px !important;
}



.section-description{

    font-size: 14px !important;

}

.services-CardsList .col-lg-3 {

    margin-bottom: 20px;

}

.awards-section .section-title strong {

    font-size: 22px;

}

.header-right-arrows button {

    height: 32px;

    width: 32px;

    border-radius: 6px;

    position: static;

    transform: translate(0, 0);

}

.header-right-arrows {

    position: absolute;

    right: 0;

    bottom: calc(100% + 12px);

    display: flex;

    gap: 15px;

}

.awards-section {

}

.achievements-points .point-item em {

    font-style: normal;

    color: var(--dark-bg);

    font-size: 20px;

    font-weight: 900;

    letter-spacing: 2px;

    text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;

    line-height: 1.2;

}

.our-achievements {

    background-color: var(--dark-bg);

    padding: 40px 0 110px;

}

.achievements-points .point-info {

    display: flex;

    flex-direction: column;

    font-size: 10px;

}

.achievements-points .point-item .icon-wrapper {

    max-width: 35px;

}

.hq-products-info .section-title {

    margin: 0 !important;

    font-size: 19px;

    line-height: 32px;

}

.book-appointment-text {

    text-align: center;

    width: 100%;

    display: flex;

    align-items: center;

    flex-direction: column;

    font-size: 15px;

}

.book-appointment-text .phone-number {

    display: inline-block;

    font-size: 18px;

    text-decoration: none;

    color: var(--dark-bg);

    font-weight: 900;

    line-height: 1;

    gap: 33px;

}

.download-data strong {

    margin-bottom: 15px;

    font-size: 10px;

    font-weight: 600;

}

.book-appointment-text p {

    margin-bottom: 1.5rem;

}

.book-appointment-text .phone-number .icon-phone {

    max-width: 25px;

}

.bestSolutions-section.dark-section .header-right-arrows {

    bottom: calc(100% + 20px);

}

.slick-dotted.slick-slider {

    margin-bottom: -21px;

}

.arrowOnRight {

    padding-right: 0px;

    padding-bottom: 50px;

}

.testimonial-carousel-wrapper .header-right-arrows {

    bottom: calc(100% + 11px);

}

.page-title {

    font-size: 25px;

    color: white;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.topBanner-section {

    padding: 80px 0;

    min-height: unset;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    display: flex;

    position: relative;

}

.team-address-section .section-title {

    margin-bottom: 30px;

    font-size: 1rem;

}

.team-address-section .masonry-container{

    display: block;

}

.masonry-container .item{

    margin-bottom: 14px;

}

.dark-section .section-title {

    color: white;

    font-size: 20px;

    line-height: 27px;

}

.support-section .container {

    padding: 0 30px;

    margin-top: -80px;

}

.small-cardsList .card-item {

    background-color: white;

    border-radius: 8px;

    width: 337px;

    padding: 15px;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    transition: all 0.3s ease;

}

.product-sec .col-md-6 {

    display: block;

}

.working-process-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    max-height: 511px;

}

.working-process-content {

    padding: 40px 0;

}

.working-process-steps {

    padding-left: 20px;

    padding-right: 20px;

}

.darkBlue-text {

    color: var(--dark-bg);

    font-size: 13px;

}

}


@media (max-width: 991.98px) {
    .menu-container .menu > li{
        width: 100%;
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}


@media (max-width: 767.98px) {
    .menu-container .menu > li{
        width: 100%;
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}



.footer-bottom .text-md-end{ padding-right: 60px;}
.footer-bottom li{list-style: none; display: inline-block;}

/* Responsive Design */

@media (max-width: 991.98px) {
    .working-process-image,
    .request-quote-image {
        margin-top: 30px;
    }
    .working-process-title,
    .request-quote-title,
    .award-ceremony-title,
    .team-address-title,
    .directors-title {
        font-size: 28px;
    }

/* Hamburger Menu */
.hamburger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    padding:10px;
}

.hamburger span {
    width: 25px;
    height: 3px;
    background: var(--secondary-color);
    transition: all 0.3s ease;
}

.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}


.site-header > .container > *{ position: relative; z-index: 2;}
.site-header > .container > .menu-container{ z-index: 1;}

.site-header > .container > .menu-container{
    position: fixed;
    display: none;
    background-color: white;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    padding: 56px 0 0;
}

.active .site-header > .container > .menu-container{
    display: flex;
}

.menu-container ul#menu-header_menus{
    display: block;
    padding: 30px 30px;
    overflow: auto;
    height: 100%;
    width: 100%;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
}

.menu-container ul.sub-menu{
    position: static;
    display: none;
    max-width: 100%;
    margin-bottom: 10px;
    box-shadow:  0 0 0 white !important;
    border-left: solid 2px var(--primary-color);
    padding-right: 0;
}

.menu-container a{ padding: 4px 0 ;}

body.active{overflow: hidden;}

.menu-item-has-children.open > .sub-menu {
    display: block;
}

.menu-container ul.sub-menu li{
    width: auto;
    margin-bottom: 6px;
}

.menu-item-has-children{padding-right: 0; display: block;}

#menu-header_menus > li > a,
.menu-item-has-children > a {
    font-weight: bold;
}

.menu-item-has-children .sub-menu{
    margin-top: 20px;
}

.menu-item-has-children .submenu-toggle{
    height: 30px;
    width: 30px;
    border-radius: 6px;
    top: 0 !important;
    right: 0;
    border: 0 none;
    position: absolute;
}

.menu-item-has-children .submenu-toggle::after{
    content: "";
    display: inline-block;
    margin-left: 10px;
    vertical-align: 3px;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-bottom: 0;
    border-left: 6px solid transparent;
    transition: transform 0.2s ease;
    position: absolute;
    right: 8px;
    top: 12px;
    padding: 0;
}

.menu-item-has-children a[href="#"]{
    cursor: default;
    pointer-events: none;
}


body{
    max-width: 100vw;
}


body.active{
    overflow: hidden;
}


.site-header{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.site-header .site-branding img{width: 80px;}

.aboutInfo-section{position: relative;}

.vertical-text{
    transform: none;
     font-size: 5rem;
}
.horizontal-text{ font-size: 3rem;}

.aboutInfo-section img.img-fluid,
.section-why-choose-us img.img-fluid,
.about-img{
    max-width: 400px ;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.services-caraousel .row-cols-lg-4 .solution-item img{width: 100%;}
.services-caraousel .row-cols-lg-4{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}
.experts-list .img-wrapper{
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.services-CardsList {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }

.book-appointment-text .phone-number {
    font-size: 33px;
}

.footer-top .newsletter-box{flex-direction: column;}
.footer-middle{flex-wrap: wrap;}
.footer-middle .col-md-4{width: 100%; margin-bottom: 30px;}
.footer-middle .col-md-2{width: 30%;}
.footer-middle .col-md-3{width: 35%;}

    .section-head .section-title,
    h2.section-title,
    .awards-section .section-title strong,
    .hq-products-info .section-title {
        font-size: 26px;
        line-height: 1.4;
    }

    .our-achievements{
        padding: 60px 0 120px;
    }

    .why-choose-title{font-size: 20px;}
    p.about-font { font-size: 14px;}
    
    .request-quote-form{
        order: 2;
    }
    .request-quote-image{
        margin: 0 auto 30px;
        max-width: 360px;
    }

    .experts-list .block-service .card-title {font-size: 22px;}
    .directors-section .directors-list .row .col {
    padding: 0px 30px;
    justify-content: flex-start;
    align-items: center;
}

.directors-section .directors-list .row:nth-child(even) .col:first-child {
    order: initial;
}
    .directors-section .directors-list .row .col:first-child {
     
        max-width: 33%;
    }

.directors-list::before{left: 33%;}
.directors-list .row::before{left: calc( 33% + 8px);}

.services-caraousel .row-cols-md-2{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(242px, 1fr));}
.services-caraousel .row-cols-md-2>*{
    width: auto;
}

    .grow-banner.dark-section .row .col:first-child{
        text-align: center;
     
    }

    .btn{white-space: nowrap;}

    .support-section .col-lg-7.align-items-center {
        margin-bottom: 0 !important;
    }

    .product-imgs .product-sec{gap: 30px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
    .product-imgs .product-sec .col-md-6{
        justify-content: center !important;
        width: auto;
    }
    .product-imgs .product-sec .borderBox-dark{width: 100%; display: flex; align-items: center; justify-content: center;}

    .keyFeatures-secion .container>.row{
        padding: 30px 30px 0 30px;
    }

    ul.included-features{margin-bottom: 30px;}
    ul.included-features li{
        padding: 0 0 0 35px;
        text-align: left;
    }

    ul.included-features li::before{
        top: 50%;
        transform: translateY(-50%);
    }

    .grow-banner.dark-section p.f-20{
        font-size: 17px;
        margin-bottom: 30px;
    }

    .f-20, .f-20.darkBlue-text{
        font-size: 17px;
    }

    .f-18, .f-18.darkBlue-text{
        font-size: 16px;
    }

    .grow-banner.dark-section.pb-160 .col-lg-4.d-flex.justify-content-end{justify-content: center !important;}
    .grow-banner.dark-section.pb-160 .col-lg-4.d-flex.justify-content-end .img-fluid.rounded-4{
        max-width: 320px;
        margin-top: 30px;        
    }

    .img-width img.img-fluid{
        max-width: 340px;
        display: block;
        margin: auto;
    }
    .request-quote-section .request-quote-image{
        max-width: 100%;
    }
    .request-quote-section .contactInfo-list .contactInfo-row{
        max-width: 100%;
        text-align: center;
    }
    .request-quote-section .contactInfo-list .contactInfo-row .icon-wrapper{
        margin: 0 auto 10px;
    }

}

.section-padding.section-quality-products {padding-top: 0;}

@media (max-width: 1199.98px) {}

@media (min-width: 992px) {
    /* .menu-container .menu > li.menu-item > ul.sub-menu{
        left: 50%;
        transform: translateX(-50%);
    } */
}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {

    .experts-list .block-service > .text-center{padding: 0 !important;}

.bestSolutions-section.dark-section .header-right-arrows,
.testimonial-carousel-wrapper .header-right-arrows,
.header-right-arrows{ bottom: calc(100% + 10px) ;}

.arrowOnRight{padding-right: 0;}

}

@media (max-width: 767.98px) {

    .two-columns-list{grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}

    .key_feature ul.included-features{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
       

    .support-section {text-align: center;}
    .support-section .col-lg-7.align-items-center {flex-direction: column;
    }
    .support-section .col-lg-7.align-items-center .custom-card{
        order: 2;
    }
    .support-section .support-number{justify-content: center;}
    .support-section .col-lg-7.align-items-center .supportImg{ max-width: 220px; margin: auto;}

    .grow-banner.dark-section .row .col:first-child{
        text-align: center;
        margin-bottom: 30px;
    }

    .grow-banner.dark-section .row .col.d-flex.justify-content-end{
        justify-content: center !important;
    }

    .directors-section .directors-list .row{
        flex-direction: column;
        padding: 0 !important;
        margin-bottom: 30px;
        text-align: center;
    }
    .directors-section .directors-list .row:last-child{
        margin-bottom: 0;
    }
.directors-section .directors-list .row .col:first-child{
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
}

   .directors-section .directors-list .row .col {
    padding: 0px 30px;
    justify-content: flex-start;
    align-items: center;
        width: 100%;
        max-width: 100%;
}

.directors-section .directors-list .row:nth-child(even) .col:first-child {
    order: initial;
}

.directors-section .directors-list .row .col:first-child .director-image{
    margin: auto;
}

.directors-list::before{ display: none;}
.directors-list .row::before{ display: none;}

    .quote-form .form-row.two-col{
        flex-direction: column;
        gap: 0;
    }

.bestSolutions-carousel .slick-slide img{width: 100%;}
.footer-bottom {text-align: center;}
.footer-bottom .text-md-end {
    padding-right: 15px;
}
  
.footer-top .newsletter-box{flex-direction: column;}
.footer-middle .col-md-3, .footer-middle .col-md-2{width: 50%; margin-bottom: 30px;}
.footer-middle .col-md-3.footer-contactInfo{width: 100%; margin-bottom: 0;}

.VIDEO-WALL-featuresList,
.VIDEO-WALL-featuresList .featuresItem {
    padding-right: 0;
}
.directors-list::before {
    display: none;
}

.hero-section{position: relative;}

.hero-section .slick-controls-wrapper{
    width: auto;
    right: auto;
    bottom: 30px;
    left: 50%;
    top: auto;
    flex-direction: initial;
    padding: 0 40px;
    transform: translateX(-50%);
}

.hero-section .slick-controls-wrapper .slick-dots{
    flex-direction: initial;
}
.hero-section .slick-controls-wrapper .custom-arrows{
    left: 0;
    top: 0;
    width: 100%;
}
.hero-section .slick-controls-wrapper .slick-prev.slick-arrow{
    left: 3px;
    top: 0px;
    transform: none;
    transform: rotate(-90deg);
}
.hero-section .slick-controls-wrapper .slick-next.slick-arrow{
    right: 8px;
    top: 0;
    transform: none;
    left: auto;
    transform: rotate(-90deg);
}
.abt-heading {
    font-size: 19px;
}
.ourPartner-List .col > div {
    min-width: 57px;
    max-width: 84px;
}
.gridLayout .stat-box h3 {
    font-weight: 900;
    font-size: 33px;
}

}

.directors-section .directors-list .row .col {
    align-items: center;
}
.new-partners{
    text-align: center;
    margin-bottom: 60px;
}