/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://example.com/
 Description:  Child theme for the Twenty Twenty-Five theme
 Author:       Your Name
 Author URI:   https://example.com/
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  twentytwentyfive-child
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');


html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    scrollbar-width: thin;


}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* colors */
    --primary-color: #14ad99;
    --white: #fff;
    --text-color: #000000;
    --muted-color: #888888;
    --muted-text-color: #343a40;
    --hover-primary: #119685;
    --bg-light-green: #f3fbfa;
    /* for font size */
    --fz-120: clamp(42px, 7vw, 12rem);
    --fz-62: clamp(32px, 4vw, 6.2rem);
    --fz-60: clamp(32px, 6vw, 6rem);
    --fz-54: clamp(30px, 6vw, 5.4rem);
    --fz-40: clamp(28px, 4vw, 4rem);
    --fz-36: clamp(24px, 3.5vw, 3.6rem);
    --fz-30: clamp(22px, 3vw, 3rem);
    --fz-26: clamp(20px, 3vw, 2.6rem);
    --fz-22: clamp(19px, 2.4vw, 2.2rem);
    --fz-20: clamp(18px, 2.2vw, 2rem);
    --fz-19: clamp(16px, 2.4vw, 1.9rem);
    --fz-18: 18px;
    --fz-16: 16px;
    --fz-15: 15px;
    --fz-14: 14px;

}

.fw-900 {
    font-weight: 900;
}

.fw-800 {
    font-weight: 800;
}

.fw-700 {
    font-weight: 700;
}

.fw-600 {
    font-weight: 600;
}

.fw-500 {
    font-weight: 500;
}

.fw-400 {
    font-weight: 400;
}

.fz-120 {
    font-size: var(--fz-120);
}

.fz-60 {
    font-size: var(--fz-60)
}

.fz-62 {
    font-size: var(--fz-62)
}

.fz-54 {
    font-size: var(--fz-54)
}

.fz-36 {
    font-size: var(--fz-36);
}

.fz-40 {
    font-size: var(--fz-40);
}

.fz-30 {
    font-size: var(--fz-30);
}

.fz-26 {
    font-size: var(--fz-26)
}

.fz-20 {
    font-size: var(--fz-20)
}

.fz-19 {
    font-size: var(--fz-19)
}

.fz-18 {
    font-size: var(--fz-18)
}

.fz-16 {
    font-size: var(--fz-16);
}

.fz-15 {
    font-size: var(--fz-15);
}

.fz-14 {
    font-size: var(--fz-14);
}

.mt-100 {
    margin-top: clamp(30px, 5vw, 10rem);
}

.pt-100 {
    padding-top: clamp(30px, 5vw, 10rem);

}

.pb-100 {
    padding-bottom: clamp(30px, 5vw, 10rem);
}

.py-100 {
    padding-block: clamp(30px, 5vw, 10rem);
}

.mb-78 {
    margin-bottom: clamp(24px, 6vw, 7.8rem) !important;
}

body {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 1.6rem;
    font-weight: 400;
}

a {
    text-decoration: none !important;
}

.cta {
    padding-block: clamp(10px, 2vw, 1.49rem);
    padding-inline: clamp(24px, 3vw, 3.8rem);
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(14px, 2vw, 16px);
    border-radius: 6px;
    transition: .3s;
    font-weight: 700;
    border: none;

}

.bg-primary {
    background: var(--primary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-muted {
    color: var(--muted-color) !important;
}

.cta-primary {
    background: var(--primary-color);
    color: var(--white);
}

.cta-primary:hover,
.cta-primary:active {
    color: var(--white) !important;
    background: var(--hover-primary) !important;
}



.heading-1 {
    font-size: var(--fz-62);
    font-weight: 700;
    line-height: 1.129;
    text-transform: uppercase;
    margin-bottom: 3.4rem;
}

.pss-header {
    min-height: 14.3rem;
    transition: .3s;
}

.pss-header .navbar-nav {
    gap: 3.4rem;
}

.pss-header .navbar-nav>li>a {
    color: var(--text-color);
    font-size: var(--fz-16);
    text-transform: uppercase;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-bottom: 10px;
    padding-inline: 10px !important;
    transition: .3s;
}

.pss-header .navbar-nav>li>a:hover {
    color: var(--primary-color);
}


.pss-header .navbar-nav>li.current-menu-item>a:before {
    content: '';
    position: absolute;
    display: inline-flex;
    width: 0%;
    height: 4px;
    bottom: 0;
    left: 50%;
    background: var(--primary-color);
    transform: translateX(-50%);
    transition: .3s;
}

.pss-header .navbar-nav>li.current-menu-item>a:before {
    width: 100%;
}

.pss-header .logo img {
    transition: .3s;
}

.wp-block-site-logo a img {
    transition: .3s;
}

.logo-sm {
    max-width: 75% !important;
}

.hero-sec {
    position: relative;
}

.curved-bg:after {
    content: '';
    background: url('../twentytwentyfive-child/assets/images/banner-underline-img.png') no-repeat left;
    background-size: contain;
    height: 6.8rem;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    z-index: 2;
    width: 100%;
}

.custom-carousal-control {
    transition: .3s;
}

.custom-carousal-control:hover {
    background: var(--hover-primary);
}

.hero-sec .carousel-control-next-icon {
    background: none;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M603.3 331.3C609.5 325.1 609.5 314.9 603.3 308.7L459.3 164.7C453.1 158.5 442.9 158.5 436.7 164.7C430.5 170.9 430.5 181.1 436.7 187.3L553.4 304L48 304C39.2 304 32 311.2 32 320C32 328.8 39.2 336 48 336L553.4 336L436.7 452.7C430.5 458.9 430.5 469.1 436.7 475.3C442.9 481.5 453.1 481.5 459.3 475.3L603.3 331.3z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M603.3 331.3C609.5 325.1 609.5 314.9 603.3 308.7L459.3 164.7C453.1 158.5 442.9 158.5 436.7 164.7C430.5 170.9 430.5 181.1 436.7 187.3L553.4 304L48 304C39.2 304 32 311.2 32 320C32 328.8 39.2 336 48 336L553.4 336L436.7 452.7C430.5 458.9 430.5 469.1 436.7 475.3C442.9 481.5 453.1 481.5 459.3 475.3L603.3 331.3z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M603.3 331.3C609.5 325.1 609.5 314.9 603.3 308.7L459.3 164.7C453.1 158.5 442.9 158.5 436.7 164.7C430.5 170.9 430.5 181.1 436.7 187.3L553.4 304L48 304C39.2 304 32 311.2 32 320C32 328.8 39.2 336 48 336L553.4 336L436.7 452.7C430.5 458.9 430.5 469.1 436.7 475.3C442.9 481.5 453.1 481.5 459.3 475.3L603.3 331.3z'/%3E%3C/svg%3E") no-repeat center;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    mask-size: 2.4rem;
    background-color: var(--white);
}


.hero-sec .carousel-control-prev-icon {
    background: none;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M603.3 331.3C609.5 325.1 609.5 314.9 603.3 308.7L459.3 164.7C453.1 158.5 442.9 158.5 436.7 164.7C430.5 170.9 430.5 181.1 436.7 187.3L553.4 304L48 304C39.2 304 32 311.2 32 320C32 328.8 39.2 336 48 336L553.4 336L436.7 452.7C430.5 458.9 430.5 469.1 436.7 475.3C442.9 481.5 453.1 481.5 459.3 475.3L603.3 331.3z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M603.3 331.3C609.5 325.1 609.5 314.9 603.3 308.7L459.3 164.7C453.1 158.5 442.9 158.5 436.7 164.7C430.5 170.9 430.5 181.1 436.7 187.3L553.4 304L48 304C39.2 304 32 311.2 32 320C32 328.8 39.2 336 48 336L553.4 336L436.7 452.7C430.5 458.9 430.5 469.1 436.7 475.3C442.9 481.5 453.1 481.5 459.3 475.3L603.3 331.3z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M603.3 331.3C609.5 325.1 609.5 314.9 603.3 308.7L459.3 164.7C453.1 158.5 442.9 158.5 436.7 164.7C430.5 170.9 430.5 181.1 436.7 187.3L553.4 304L48 304C39.2 304 32 311.2 32 320C32 328.8 39.2 336 48 336L553.4 336L436.7 452.7C430.5 458.9 430.5 469.1 436.7 475.3C442.9 481.5 453.1 481.5 459.3 475.3L603.3 331.3z'/%3E%3C/svg%3E") no-repeat center;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    mask-size: 2.4rem;
    background-color: var(--white);
    transform: rotate(180deg);
}

.hero-sub-title {
    margin-bottom: -12px;
    font-weight: 400;
}

.hero-main-title {
    margin-bottom: 20px;
}

.hero-cta-secondary {
    background: rgba(0, 0, 0, 0.6);
    color: var(--white);
    transition: .3s;
}

.hero-cta-secondary:hover {
    color: var(--text-color);
    background: rgb(255 251 251 / 60%);
}

.navbar-nav .dropdown-menu {
    padding-inline: 12px;
    padding-block: 12px;
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-top: 4px solid var(--primary-color);
}


.navbar-nav .dropdown-menu li a {
    padding-block: 8px;
    font-size: 16px;
}

.navbar-nav .dropdown-menu li a:hover {
    background: none;
    color: var(--primary-color);
}

.dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;

}

.dropdown-toggle:after {
    border: none;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z'/%3E%3C/svg%3E") no-repeat center;
    height: 14px;
    width: 16px;
    background: black;
    mask-size: contain;

}

.hero-slide-bg {
    height: 85.6rem;
    width: 100%;
    background-size: cover !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat !important;
    position: relative;


}

.hero-slide-bg:before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
}

.custom-carousal-control {
    width: 6rem;
    height: 6rem;
    top: 50%;
    background: rgba(0, 0, 0.5);
    border-radius: 6px;
    color: white;
    transition: .3s;

}


.hero-slide-bg .container {
    min-height: 100%;
    justify-content: center;
}

.hero-slide-bg .container {
    min-height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.slider-content {
    display: flex;
    flex-direction: column;
    color: var(--white);
    text-align: center;
}

.custom-carousal-control {
    transition: .3s;
}



.carousel-control-prev.custom-carousal-control {
    left: 11rem;
    transform: translate(-50%, -50%);
}

.carousel-control-next.custom-carousal-control {
    right: 11rem;
    transform: translate(50%, -50%);
    background: var(--primary-color);
    opacity: 1;
}

.custom-carousal-control:hover {
    background: var(--hover-primary);
}

.hero-action-wrapper {
    display: flex;
    gap: 3.2rem;
    justify-content: center;
}

/* css for hexagons */
.hex-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    transform: rotate(331deg);
}

.hex-row {
    display: flex;
    justify-content: center;
    gap: 1.6rem;
    align-items: center;
}

.hex {
    width: 233px;
    height: 207px;
    background-size: cover;
    background-position: center;
    /* clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%); */
    position: relative;
    text-align: center;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    overflow: hidden;
    padding: 10px;
    margin-right: -1rem;
    transform: rotate(30deg) scale(1);
    transition: transform 0.3s ease;
}

.hex:hover {
    transform: rotate(30deg) scale(1.1);
}


.hex-center {
    width: 31.9rem;
    height: 28.1rem;
    transform: rotate(90deg) scale(1);
    transition: transform 0.3s ease;
}

.hex-center:hover {
    transform: rotate(90deg) scale(1.1);
}

.hex-center span {
    transform: rotate(298deg) !important;
}

.hex span {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    padding-inline: 16px;
    transform: rotate(360deg);
    color: white;
    transition: .3s;
}



/* Offset row */
.offset {
    margin-left: 0px;
}

.hex-row-stainless {
    gap: 6px;
}

.hex-row.offset.hex-row-bottom {
    gap: 6rem;
}

.hex-row-top .hex:last-child {
    margin-left: 4rem;
    margin-bottom: -2rem;
}

.hex-row-bottom .hex:first-child {
    margin-top: -1rem;
}

.hex-row-top .hex:first-child {
    margin-bottom: -1rem;
}

.hex-row-bottom .hex:last-child {
    margin-top: -1rem;
}

.hex-side-content {
    padding-left: 20%;
}

.hex-side-content p:nth-of-type(1) {
    margin-bottom: 3rem;
}

.hex-side-content .cta {
    margin-top: 4rem;
    min-height: 46px;
}

.chevron-right-light {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M475.3 308.7C481.5 314.9 481.5 325.1 475.3 331.3L267.3 539.3C261.1 545.5 250.9 545.5 244.7 539.3C238.5 533.1 238.5 522.9 244.7 516.7L441.4 320L244.7 123.3C238.5 117.1 238.5 106.9 244.7 100.7C250.9 94.5 261.1 94.5 267.3 100.7L475.3 308.7z'/%3E%3C/svg%3E") no-repeat center;
    ;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M475.3 308.7C481.5 314.9 481.5 325.1 475.3 331.3L267.3 539.3C261.1 545.5 250.9 545.5 244.7 539.3C238.5 533.1 238.5 522.9 244.7 516.7L441.4 320L244.7 123.3C238.5 117.1 238.5 106.9 244.7 100.7C250.9 94.5 261.1 94.5 267.3 100.7L475.3 308.7z'/%3E%3C/svg%3E") no-repeat center;
    ;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M475.3 308.7C481.5 314.9 481.5 325.1 475.3 331.3L267.3 539.3C261.1 545.5 250.9 545.5 244.7 539.3C238.5 533.1 238.5 522.9 244.7 516.7L441.4 320L244.7 123.3C238.5 117.1 238.5 106.9 244.7 100.7C250.9 94.5 261.1 94.5 267.3 100.7L475.3 308.7z'/%3E%3C/svg%3E") no-repeat center;
    ;
    background: white;
    width: 3rem;
    height: 3rem;
    mask-size: 2.2rem;
}

.calender-light {
    mask: url('../twentytwentyfive-child/assets/images/calendar-light-full.svg') no-repeat center;
    background: var(--primary-color);
    width: 3rem;
    height: 2.4rem;
    mask-size: contain;
    display: inline-flex;
    align-items: center;
    margin-top: -2px;
}

.img-card {
    background-size: cover;
    background-color: #ddd;
    border: none;
    min-height: 79.8rem;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: .7s;
    position: relative;
    transform: scale(1);
    transition: .3s;

}



.img-card:hover .overlay-content {
    transform: translateY(0);
}


.img-card:before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
}

.img-card:hover {
    cursor: pointer;
}

.img-card:hover .overlay-content {
    transform: translateY(0);

}

.card-arrow {
    width: 2.5rem;
    height: 2.5rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z'/%3E%3C/svg%3E") no-repeat center;
    mask-size: 2.2rem;
    display: inline-flex;
    justify-content: start;
    align-items: center;
    background: white;
    margin-top: 5px;
    transition: .3s;
}

.img-card .card-body {
    padding: clamp(16px, 3vw, 2.4rem);
    display: flex;
    flex-direction: column;
    position: relative;
}

.bg-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
}

.header-contact-info {
    display: flex;
    flex-direction: column;
}

.header-contact {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-contact-info p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: -2px;
}

.tel-ico {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z'/%3E%3C/svg%3E") no-repeat center;
    background: white;
    width: 100%;
    height: 100%;
    display: inline-block;
    mask-position: center;
    mask-size: 20px;
}

.gallery-card-title {
    font-weight: bold;
    margin-bottom: 2rem;
}

.tel-link {
    display: flex;
    gap: 4px;
    align-items: center;
    color: var(--text-color);
    font-weight: 700;
    transition: .3s;
}

.tel-link:hover {
    color: var(--primary-color);
}

.overlay-content {
    position: absolute;
    padding-inline: 5.4rem;
    ;
    padding-block: 5.4rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: transform .3s;
    background-color: rgba(20, 173, 153, 1);
    transform: translateY(100%);
}

.ovelay-list {
    padding: 0;
    list-style: none;
}

.ovelay-list li {
    line-height: 2;
    font-size: 16px;
}

.overaly-card-title {
    margin-bottom: 1.8rem;
}

.img-card .card-content {
    margin-top: auto;
}

.partner-slider {
    border-bottom: 1px solid #ededed;
    padding-block: 4.4rem;
}


.testimonial-card {
    height: 100%;
}

.swiper-wrapper {
    display: flex;
    align-items: stretch;
    /* makes all slides equal height */
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    /* so inner content stacks */
    height: auto !important;
    /* allow flex to control height */
}

.partner .swiper-wrapper {
    display: flex;
    align-items: center;
}

.partner .swiper-slide img {
    display: block;
    margin-inline: auto;
}

.small-title {
    position: relative;
}

.line-before:before {
    content: '';
    position: absolute;
    height: 1px;
    background: #ededed;
    display: inline-block;
    width: 100%;
    max-width: 572px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.line-after:after {
    content: '';
    position: absolute;
    height: 1px;
    background: #ededed;
    display: inline-block;
    width: 100%;
    max-width: 572px;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
}

.v-tabs {
    gap: clamp(16px, 2.5vw, 2rem);
    margin-top: 20px;
}

.v-tabs li .nav-link {
    width: 100%;
    display: flex !important;
    align-items: center;
    min-height: 60px;
    font-size: 1.9rem;
    font-weight: 700;
    color: #343a40;
    padding-left: 2.9rem;
    background-color: #f8f8f8;
    border-radius: 6px;
    transition: .3s;
}

.v-tabs li .nav-link:hover {
    background: var(--primary-color);
    color: white;

}

.v-tabs li .nav-link:hover .card-arrow {
    background: white;
}

.v-tabs li .nav-link .card-arrow {
    margin-left: auto;
    margin-right: 12px;
    margin-top: 0;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M571.3 331.3C577.5 325.1 577.5 314.9 571.3 308.7L395.3 132.7C389.1 126.5 378.9 126.5 372.7 132.7C366.5 138.9 366.5 149.1 372.7 155.3L521.4 304L80 304C71.2 304 64 311.2 64 320C64 328.8 71.2 336 80 336L521.4 336L372.7 484.7C366.5 490.9 366.5 501.1 372.7 507.3C378.9 513.5 389.1 513.5 395.3 507.3L571.3 331.3z'/%3E%3C/svg%3E") no-repeat center;
    ;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M571.3 331.3C577.5 325.1 577.5 314.9 571.3 308.7L395.3 132.7C389.1 126.5 378.9 126.5 372.7 132.7C366.5 138.9 366.5 149.1 372.7 155.3L521.4 304L80 304C71.2 304 64 311.2 64 320C64 328.8 71.2 336 80 336L521.4 336L372.7 484.7C366.5 490.9 366.5 501.1 372.7 507.3C378.9 513.5 389.1 513.5 395.3 507.3L571.3 331.3z'/%3E%3C/svg%3E") no-repeat center;
    ;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M571.3 331.3C577.5 325.1 577.5 314.9 571.3 308.7L395.3 132.7C389.1 126.5 378.9 126.5 372.7 132.7C366.5 138.9 366.5 149.1 372.7 155.3L521.4 304L80 304C71.2 304 64 311.2 64 320C64 328.8 71.2 336 80 336L521.4 336L372.7 484.7C366.5 490.9 366.5 501.1 372.7 507.3C378.9 513.5 389.1 513.5 395.3 507.3L571.3 331.3z'/%3E%3C/svg%3E") no-repeat center;
}

.key-strength-main-title {
    color: var(--muted-text-color);
    font-size: 4rem;
    margin-bottom: 20px;
}

.v-tabs.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--primary-color);
    margin-left: 2rem;
    text-align: left;
}


.v-tabs li .nav-link .card-arrow {
    background: #b7b7b7;
}

.v-tabs li .nav-link.active .card-arrow {
    background: white;
}

.key-strength-box p {
    color: var(--muted-text-color);

}

.key-strength-box {
    display: flex;
    align-items: self-start;
    gap: 16px;
}

.key-strength-sidebar {
    width: 100%;
    max-width: 550px;
}

.v-title {
    font-size: 14px;
    font-weight: 800;
    color: #c5c5c5;
    text-transform: uppercase;
    margin: 0;
    writing-mode: sideways-lr;
    margin-top: 10px;
}

.video-thumb {
    display: block;
    position: relative;
}

.video-thumb::before {
    position: absolute;
    content: '';
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}

.video-thumb:after {
    content: '';
    position: absolute;
    width: 3rem;
    height: 3rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E") no-repeat center;
    top: 50%;
    background: #fae83c;
    right: -3px;
    transform: translate(50%, -50%);
}

.solution-sec .container {
    min-height: 82.2rem;

}

.industry-solution {
    background: url('../twentytwentyfive-child/assets/images/industry-bg.jpg') no-repeat center;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 55.6rem;
}


.solution-card {
    border-block: 0;
    border-radius: 0;
    text-align: center;
    border: none !important;
    padding-inline: clamp(16px, 3vw, 2.4rem);
    border-right: 1px solid #d8d8d8 !important;
    background: none;

}

.solution-card .icon {
    margin-bottom: 3rem;
}



.solution-card-row>.row>div:last-child .solution-card {
    border-right: 0 !important;
}

.solution-card p {
    color: var(--muted-text-color);
    font-size: 18px;
    margin-bottom: 0;
}

.solution-card-title {
    font-size: var(--fz-26);
    color: var(--muted-text-color);
    margin-bottom: 2.1rem;
}

.industry-solution .container {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.solution-card-row {
    max-width: 1193px;
    margin-inline: auto;
    margin-top: auto;
    box-shadow: 0px 6px 18.06px 2.94px rgba(68, 70, 71, 0.05);
    padding-block: 4.5rem;
    background: white;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
}

.blog-list-card .card-arrow {
    mask-size: 16px;
}

.blog-list-card .blog-card-title {
    margin-bottom: clamp(12px, 2vw, 20px);
}

.blog-list-card p {
    color: var(--muted-text-color);
}

.blog-card {
    border: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: .3s;
}

.blog-list-card {
    box-shadow: none;
}


.blog-card img {
    height: 291px;
    object-fit: cover;
    width: 100%;
}

.card-date {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.blog-card:hover .blog-card-title {
    color: var(--primary-color);
}

.blog-card:hover .card-arrow {
    background: var(--primary-color);
}

.blog-card:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 100%;
    height: 8px;
    background-color: rgb(250, 232, 60);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

}

.blog-card-title {
    color: #343a40;
    margin-top: 18px;
    padding-right: 10px;
    transition: .3s;
}

.blog-card .card-body {
    padding: 3.2rem;
}

.blog-list-card .card-body {
    padding-inline: 0;
    padding-block: 20px;
}

.blog-list-card:after {
    display: none;
}

.blog-card .card-arrow {
    background: var(--muted-text-color);
    width: 40px;
}

.blog-card .title-wrap {
    display: flex;
    justify-content: start;
    align-items: center;
}

.card-gap {
    --bs-gutter-x: 4.3rem;
    --bs-gutter-y: 16px
}

.title-secondary {
    font-size: var(--fz-40);
    font-weight: 800;
    margin-bottom: 3.7rem;
}

.blog-detail-title {
    margin-bottom: 3.7rem !important;
}

.blog-sec {
    background: url('../twentytwentyfive-child/assets/images/blog-illustration-bg.png') no-repeat center bottom;
    background-size: contain;
    padding-top: 13rem;
}

.footer-bg {
    background: url('../twentytwentyfive-child/assets/images/footer-bg.jpg') no-repeat center;
    padding-block: clamp(30px, 5vw, 8.4rem);
    background-size: cover;
}

.footer-menu-title {
    color: var(--white);
    font-size: 16px;
    font-weight: 700 !important;
    margin-bottom: clamp(16px, 3vw, 3rem);
}

.footer-menu li a {
    font-size: 16px;
    color: rgb(180, 184, 187);
    line-height: 2.5;
    font-weight: 500;



}

.footer-menu li {
    position: relative;
    display: flex;
    align-items: center;
}

.footer-menu li.active {
    gap: 4px;
    padding-left: 24px;

}

.footer-menu li.current-menu-item a:before {
    content: '';
    width: 8px;
    top: -5px;
    height: 2px;
    position: relative;
    right: 10px;
    background: #fae83c;
    display: inline-block;
}

.footer-menu li.current-menu-item.active a:before {
    width: 8px;
    height: 2px;

}

.footer p,
.design-by {
    color: rgb(180, 184, 187);
}

.designer-website {
    color: #c8c8c8;
    font-size: 16px;
    font-weight: 700;
    transition: .3s;
}

.designer-website:hover {
    color: var(--primary-color);
}

.newsletter-input {
    position: relative;
    display: flex;
}

::placeholder {
    color: #999999;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle;
    transform-origin: center;

}

.newsletter-input input::placeholder {
    margin-top: 3px !important;
    font-size: 16px;
}

.newsletter-input:before {
    content: '';
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 186.5L64 184L64.1 184C65.3 152.9 91 128 122.5 128L517.5 128C549 128 574.6 152.9 575.9 184L576 184L576 448C576 483.3 547.3 512 512 512L128 512C92.7 512 64 483.3 64 448L64 186.5zM544 239.6L367.3 369.1C339.1 389.7 300.8 389.7 272.7 369.1L96 239.6L96 448C96 465.7 110.3 480 128 480L512 480C529.7 480 544 465.7 544 448L544 239.6zM544 186.5C544 171.9 532.1 160 517.5 160L122.5 160C107.9 160 96 171.9 96 186.5C96 194.9 100 202.9 106.8 207.9L291.6 343.3C308.5 355.7 331.5 355.7 348.4 343.3L533.2 207.8C540 202.8 544 194.9 544 186.4z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 186.5L64 184L64.1 184C65.3 152.9 91 128 122.5 128L517.5 128C549 128 574.6 152.9 575.9 184L576 184L576 448C576 483.3 547.3 512 512 512L128 512C92.7 512 64 483.3 64 448L64 186.5zM544 239.6L367.3 369.1C339.1 389.7 300.8 389.7 272.7 369.1L96 239.6L96 448C96 465.7 110.3 480 128 480L512 480C529.7 480 544 465.7 544 448L544 239.6zM544 186.5C544 171.9 532.1 160 517.5 160L122.5 160C107.9 160 96 171.9 96 186.5C96 194.9 100 202.9 106.8 207.9L291.6 343.3C308.5 355.7 331.5 355.7 348.4 343.3L533.2 207.8C540 202.8 544 194.9 544 186.4z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 186.5L64 184L64.1 184C65.3 152.9 91 128 122.5 128L517.5 128C549 128 574.6 152.9 575.9 184L576 184L576 448C576 483.3 547.3 512 512 512L128 512C92.7 512 64 483.3 64 448L64 186.5zM544 239.6L367.3 369.1C339.1 389.7 300.8 389.7 272.7 369.1L96 239.6L96 448C96 465.7 110.3 480 128 480L512 480C529.7 480 544 465.7 544 448L544 239.6zM544 186.5C544 171.9 532.1 160 517.5 160L122.5 160C107.9 160 96 171.9 96 186.5C96 194.9 100 202.9 106.8 207.9L291.6 343.3C308.5 355.7 331.5 355.7 348.4 343.3L533.2 207.8C540 202.8 544 194.9 544 186.4z'/%3E%3C/svg%3E") no-repeat center;
    width: 30px;
    height: 30px;
    mask-size: 24px;
    background-color: var(--text-color);
    position: absolute;
    left: 16px;
    top: 14px;
    transform: none;
    z-index: 5;


}


.newsletter-input input[type="submit"],
.newsletter-input button[type="submit"],
.btn-subscribe {
    background: var(--primary-color) !important;
    color: white;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    max-width: 121px;

}

.newsletter-input input,
.newsletter-input input[type="submit"],
.newsletter-input button[type="submit"] {
    height: 10vh;
    max-height: clamp(42px, 5vw, 6rem);
}

.newsletter-input input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: clamp(40px, 7vw, 52px);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.newsletter-input button,
.newsletter-input input[type="submit"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.newsletter-wrapper {
    width: 100%;
    max-width: 395px;
}

.newsletter-form {
    margin-top: 3.9rem;
}

.footer-menu-row {
    --bs-gutter-x: 4rem;
}

.row.footer-bottom-row {
    margin-top: 9.4rem;
}

.footer-social {
    display: flex;
    list-style: none;
    gap: 16px;
    padding: 0;
    margin-bottom: 0;
}

.footer-social li a i {
    mask-position: center;
    background-color: #727980;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    transition: .3s;
}

.footer-social li a i:hover {
    background-color: var(--primary-color);
}

.fb-ico {

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z'/%3E%3C/svg%3E") no-repeat center;

}

.x-ico {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z'/%3E%3C/svg%3E") no-repeat center;
}

.behance-ico {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M264 301.2C295.8 286 312.4 263 312.4 227.2C312.4 156.6 259.8 139.4 199.1 139.4L32 139.4L32 493.8L203.8 493.8C268.2 493.8 328.7 462.9 328.7 390.9C328.7 346.4 307.6 313.5 264 301.2zM109.9 199.9L183 199.9C211.1 199.9 236.4 207.8 236.4 240.4C236.4 270.5 216.7 282.6 188.9 282.6L109.9 282.6L109.9 199.9zM193.2 433.6L109.9 433.6L109.9 336L194.8 336C229.1 336 250.8 350.3 250.8 386.6C250.8 422.4 224.9 433.6 193.2 433.6zM551.7 192.9L408 192.9L408 158L551.7 158L551.7 192.9zM608 369.2C608 293.3 563.6 230 483.1 230C404.9 230 351.8 288.8 351.8 365.8C351.8 445.7 402.1 500.5 483.1 500.5C544.4 500.5 584.1 472.9 603.2 414.2L541 414.2C534.3 436.1 506.7 447.7 485.3 447.7C444 447.7 422.3 423.5 422.3 382.4L607.4 382.4C607.7 378.2 608 373.7 608 369.2zM422.4 338C424.7 304.3 447.1 283.2 480.9 283.2C516.3 283.2 534.1 304 537.1 338L422.4 338z'/%3E%3C/svg%3E") no-repeat center;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M264 301.2C295.8 286 312.4 263 312.4 227.2C312.4 156.6 259.8 139.4 199.1 139.4L32 139.4L32 493.8L203.8 493.8C268.2 493.8 328.7 462.9 328.7 390.9C328.7 346.4 307.6 313.5 264 301.2zM109.9 199.9L183 199.9C211.1 199.9 236.4 207.8 236.4 240.4C236.4 270.5 216.7 282.6 188.9 282.6L109.9 282.6L109.9 199.9zM193.2 433.6L109.9 433.6L109.9 336L194.8 336C229.1 336 250.8 350.3 250.8 386.6C250.8 422.4 224.9 433.6 193.2 433.6zM551.7 192.9L408 192.9L408 158L551.7 158L551.7 192.9zM608 369.2C608 293.3 563.6 230 483.1 230C404.9 230 351.8 288.8 351.8 365.8C351.8 445.7 402.1 500.5 483.1 500.5C544.4 500.5 584.1 472.9 603.2 414.2L541 414.2C534.3 436.1 506.7 447.7 485.3 447.7C444 447.7 422.3 423.5 422.3 382.4L607.4 382.4C607.7 378.2 608 373.7 608 369.2zM422.4 338C424.7 304.3 447.1 283.2 480.9 283.2C516.3 283.2 534.1 304 537.1 338L422.4 338z'/%3E%3C/svg%3E") no-repeat center;

    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M264 301.2C295.8 286 312.4 263 312.4 227.2C312.4 156.6 259.8 139.4 199.1 139.4L32 139.4L32 493.8L203.8 493.8C268.2 493.8 328.7 462.9 328.7 390.9C328.7 346.4 307.6 313.5 264 301.2zM109.9 199.9L183 199.9C211.1 199.9 236.4 207.8 236.4 240.4C236.4 270.5 216.7 282.6 188.9 282.6L109.9 282.6L109.9 199.9zM193.2 433.6L109.9 433.6L109.9 336L194.8 336C229.1 336 250.8 350.3 250.8 386.6C250.8 422.4 224.9 433.6 193.2 433.6zM551.7 192.9L408 192.9L408 158L551.7 158L551.7 192.9zM608 369.2C608 293.3 563.6 230 483.1 230C404.9 230 351.8 288.8 351.8 365.8C351.8 445.7 402.1 500.5 483.1 500.5C544.4 500.5 584.1 472.9 603.2 414.2L541 414.2C534.3 436.1 506.7 447.7 485.3 447.7C444 447.7 422.3 423.5 422.3 382.4L607.4 382.4C607.7 378.2 608 373.7 608 369.2zM422.4 338C424.7 304.3 447.1 283.2 480.9 283.2C516.3 283.2 534.1 304 537.1 338L422.4 338z'/%3E%3C/svg%3E") no-repeat center;
    ;

}

.youtube-ico {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z'/%3E%3C/svg%3E") no-repeat center;

}

.linkedin-ico {

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M512 96L127.9 96C110.3 96 96 110.5 96 128.3L96 511.7C96 529.5 110.3 544 127.9 544L512 544C529.6 544 544 529.5 544 511.7L544 128.3C544 110.5 529.6 96 512 96zM231.4 480L165 480L165 266.2L231.5 266.2L231.5 480L231.4 480zM198.2 160C219.5 160 236.7 177.2 236.7 198.5C236.7 219.8 219.5 237 198.2 237C176.9 237 159.7 219.8 159.7 198.5C159.7 177.2 176.9 160 198.2 160zM480.3 480L413.9 480L413.9 376C413.9 351.2 413.4 319.3 379.4 319.3C344.8 319.3 339.5 346.3 339.5 374.2L339.5 480L273.1 480L273.1 266.2L336.8 266.2L336.8 295.4L337.7 295.4C346.6 278.6 368.3 260.9 400.6 260.9C467.8 260.9 480.3 305.2 480.3 362.8L480.3 480z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M512 96L127.9 96C110.3 96 96 110.5 96 128.3L96 511.7C96 529.5 110.3 544 127.9 544L512 544C529.6 544 544 529.5 544 511.7L544 128.3C544 110.5 529.6 96 512 96zM231.4 480L165 480L165 266.2L231.5 266.2L231.5 480L231.4 480zM198.2 160C219.5 160 236.7 177.2 236.7 198.5C236.7 219.8 219.5 237 198.2 237C176.9 237 159.7 219.8 159.7 198.5C159.7 177.2 176.9 160 198.2 160zM480.3 480L413.9 480L413.9 376C413.9 351.2 413.4 319.3 379.4 319.3C344.8 319.3 339.5 346.3 339.5 374.2L339.5 480L273.1 480L273.1 266.2L336.8 266.2L336.8 295.4L337.7 295.4C346.6 278.6 368.3 260.9 400.6 260.9C467.8 260.9 480.3 305.2 480.3 362.8L480.3 480z'/%3E%3C/svg%3E") no-repeat center;
    -moz-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M512 96L127.9 96C110.3 96 96 110.5 96 128.3L96 511.7C96 529.5 110.3 544 127.9 544L512 544C529.6 544 544 529.5 544 511.7L544 128.3C544 110.5 529.6 96 512 96zM231.4 480L165 480L165 266.2L231.5 266.2L231.5 480L231.4 480zM198.2 160C219.5 160 236.7 177.2 236.7 198.5C236.7 219.8 219.5 237 198.2 237C176.9 237 159.7 219.8 159.7 198.5C159.7 177.2 176.9 160 198.2 160zM480.3 480L413.9 480L413.9 376C413.9 351.2 413.4 319.3 379.4 319.3C344.8 319.3 339.5 346.3 339.5 374.2L339.5 480L273.1 480L273.1 266.2L336.8 266.2L336.8 295.4L337.7 295.4C346.6 278.6 368.3 260.9 400.6 260.9C467.8 260.9 480.3 305.2 480.3 362.8L480.3 480z'/%3E%3C/svg%3E") no-repeat center;

}

.social-network {

    display: flex;
    gap: 16px;
    align-items: center;
}

.widget_text.social-network.widget {
    margin-top: 3.4rem;
}

.footer-logo {
    display: block;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 var(--primary-color);
}

.card-gallery-row .card-group {
    overflow: hidden;
}

.carousel-inner {
    display: flex;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%);
}

.bg-hex {
    background: url('../twentytwentyfive-child/assets/images/hex-bg.png') no-repeat center;
    background-size: cover;
}

/* css started date 07-08-25 */
/* css for banner section */
.banner-sec {
    background-size: cover;
    width: 100%;
    height: 40.7rem;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 10rem;
    text-align: center;
    position: relative;
    overflow: visible;
}

.banner-sec:before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
}

.banner-sec.curved-bg:after {
    transform: translateY(50%);
    bottom: 6.5px;
}

body:has(.scollspy-navbar) .pss-header {
    box-shadow: none;
    border-bottom: 1px solid #eee;
}

.banner-title {
    position: relative;
    z-index: 2;
}

.curved-bg {
    position: relative;
}



.scollspy-navbar {
    position: sticky;
    top: 80px;
    left: 0;
    background: white;
    padding-block: 16px;
    z-index: 99;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 18px 30px;
}

.scollspy-navbar .nav-link {
    font-size: clamp(16px, 2.2vw, var(--fz-22));
    color: var(--text-color);
    position: relative;
}

.scollspy-navbar .nav-link.active {
    font-weight: 600;
}

.scollspy-navbar .navbar-nav {
    gap: clamp(16px, 5.4vw, 5.4rem);
}

.scollspy-navbar .nav-link:before {
    content: '';
    position: absolute;
    display: inline-flex;
    width: 0%;
    height: 3px;
    bottom: 0;
    left: 50%;
    background: var(--primary-color);
    transform: translateX(-50%);
    transition: .3s;
}

.scollspy-navbar .nav-link.active:before {
    width: 100%;
}

.product-detail-row .col-content {
    max-width: 62.2rem;
    margin-left: auto;
    width: 100%;

}

.product-detail-row .col-content p {
    margin-bottom: clamp(16px, 3vw, 3rem);
    color: var(--muted-text-color);
}

.product-detail-row .col-content p:last-of-type {
    margin-bottom: 0;
}

.btn-secondary {
    background: #dfdfdf;
}

.btn-secondary:hover,
.btn-secondary:active {
    background: #d4d1d1 !important;
    color: var(--text-color) !important;
}

.action-wrapper {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: clamp(24px, 4.1vw, 4.1rem);
    flex-wrap: wrap;
}

.action-wrapper .cta {
    padding-inline: 16px;
    padding-block: 12px;
    min-width: 187px;
    border-radius: 3px;


}

.action-wrapper .cta i {
    width: 18px;
    height: 18px;
    mask-repeat: no-repeat;
    mask-size: contain;
    background: var(--text-color);
    flex-shrink: 0;
    display: inline-block;
    mask-position: center;
    margin: 0;
    transition: .2s;
    margin-right: 8px;
}

.action-wrapper .cta-primary i {
    background: var(--white);
}

.download {
    mask-image: url('../twentytwentyfive-child/assets/images/arrow-down-to-line-regular.svg');
    -webkit-mask-image: url('../twentytwentyfive-child/assets/images/arrow-down-to-line-regular.svg');
}

.download-ico {
    mask-image: url('../twentytwentyfive-child/assets/images/download.svg');
    -webkit-mask-image: url('../twentytwentyfive-child/assets/images/download.svg');
}

.edit {
    mask-image: url('../twentytwentyfive-child/assets/images/file-pen-regular.svg');
    -webkit-mask-image: url('../twentytwentyfive-child/assets/images/file-pen-regular.svg');
}

.mobile-ico {
    mask-image: url('../twentytwentyfive-child/assets/images/mobile.svg');
    -webkit-mask-image: url('../twentytwentyfive-child/assets/images/mobile.svg');
}

.text-color {
    color: var(--text-color);
}

.common-scroll-sec {
    padding-block: clamp(30px, 7.4vw, 7rem);

}


/* body:has(.common-scroll-sec) {
    scroll-snap-type: y proximity;
} */


.bg-light-green {
    background: var(--bg-light-green);
}

.read-more-link {
    margin-top: clamp(16px, 2vw, 2rem);
    transition: .3s;

}
.read-more-link:hover {
    cursor:pointer
}

.fixed-navbar {
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 9999;
    background: white;
}

/* about-page css by kajal */

.left-side-content {
    padding-right: 3.0rem;
}

.heading-2 {
    font-size: var(--fz-62);
    font-weight: 700;
    line-height: 1.129;
    margin-bottom: 3.4rem;
}

.mt-20 {
    margin-top: 2.0rem;
}

.blue-check-list li {
    position: relative;
    list-style-type: none;
    padding-left: 10px;
    padding-bottom: 5px;
}

.blue-check-list li::before {
    content: '';
    position: absolute;
    background-image: url('../twentytwentyfive-child/assets/images/circle-check-solid-full.svg');
    height: 2.0rem;
    width: 2.0rem;
    left: -2.0rem;
    top: 3px;
    background-repeat: no-repeat;
}

.counter-box {
    background-color: var(--hover-primary);
    position: absolute;
    width: 21.7rem;
    height: 17.3rem;
    bottom: 5.0rem;
    left: -7.3rem;
    padding-inline: 3.0rem;
}

.powering-side-img {
    background-image: url('../twentytwentyfive-child/assets/images/about-powering-sec.jpg');
    width: 56.7rem;
    height: 67.4rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.what-drives-us-img-box {
    background-image: url('../twentytwentyfive-child/assets/images/about-drives-us-bg.jpg');
    width: 100%;
    height: 55.6rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.wht-drives-sec {
    padding-bottom: 25.0rem;
}

.wht-drives-ctn {
    background-color: #fff;
    width: 100%;
    max-width: 61.1rem;
    position: absolute;
    top: 8.4rem;
    left: 7.7rem;
    padding-inline: clamp(24px, 7.3vw, 7.3rem);
    padding-block: 6.3rem;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.wht-drives-ctn .title-secondary {
    margin-bottom: 3.2rem !important;
}

.about-serve-sec .counter {
    max-width: 11.1rem;
    width: 100%;
}

.about-serve-sec .counter h2 {
    color: var(--hover-primary);
    line-height: 1;
}

.about-serve-sec .title-secondary {
    margin-bottom: clamp(16px, 6.0vw, 6.0rem);
}

.built-server-list {
    margin-bottom: 6.0rem;
    position: relative;
}

.built-server-list::after {
    content: '';
    border: 0.5px solid #ededed;
    width: 106%;
    position: absolute;
    bottom: -2.4rem;
}

.built-server-bottom-sec .serve-card {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 3.6rem;
    max-width: 30.4rem;
    display: flex;
    gap: 3.8rem;
    align-items: center;
}

.built-server-bottom-sec .serve-card p {
    font-size: 22px;
    margin-bottom: 0;
}

.testimonial-card {
    background-color: transparent;
    /* no solid bg to show skew */
    color: #fff;
    background-color: #00b3a4;
    padding-inline: 31px;
    padding-top: 7.5rem;
    max-width: 39.6rem;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 5.0rem;
    /* overflow: hidden; */
}

/* BACKGROUND Skew */
.testimonial-card::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: rotate(-5.59deg) scale(1.03);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: -1;
    /* ✅ Important: must be NEGATIVE */
}

/* FORCE content on top */
.testimonial-card>* {
    position: relative;
    z-index: 1;
}

.testimonial-inner-card {
    display: flex;
    gap: 26px;
    align-items: center;
    margin-top: auto;
}

.testimonial-slider {
    padding-bottom: 10.0rem;
    padding-top: 5.0rem;
}

.testimonial-slider .swiper-pagination-bullet-active {
    background-color: var(--hover-primary) !important;
}

.testimonial-slider .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
}

/* products page css by kajal */
.product-top-para {
    max-width: 98.0rem;
    width: 100%;
    text-align: center;
    margin: auto;
    padding-bottom: 8.0rem;
    padding-inline: 0;
}

.products-pg .img-card {
    border-radius: 0;
}

.products-pg .gallery-card-title {
    border-bottom: 1px solid grey;
    padding-bottom: 20px;
    margin-bottom: 1rem;
}

.products-pg .img-card .overlay-content {

    padding-block: 3.59rem;
}

/* css for contact page */
.contact-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    padding: clamp(24px, 3vw, 3rem);
    transition: transform 0.3s;
    margin-left: auto;
}

.contact-card:hover {
    transform: translateY(-5px);
}

.form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.custom-form :where(input:not(input[type="checkbox"]), textarea, select) {
    font-size: 16px;
    padding-inline: clamp(16px, 2vw, 2.4rem);
    padding-block: clamp(8px, 2vw, 16px);
}

.custom-form :where(input, select, textarea)::placeholder {
    font-size: 18px;
}

.custom-form :where(button[type="submit"], input[type="submit"], button) {
    font-weight: 600;
    font-size: 18px;
    padding-inline: clamp(24px, 4vw, 3rem);
    padding-block: clamp(8px, 2vw, 12px);
}

.custom-form .form-group {
    margin-bottom: 24px;
}

.contact-form-sec .social-network {
    color: var(--text-color);
    margin-top: 4.4rem;
}

.contact-form-sec .footer-social {
    margin-bottom: 0;
}

.form-action-wrap {
    margin-top: clamp(20px, 4vw, 3.4rem);
}

option[disabled] {
    color: #6c757d !important;
    font-size: 18px;
}

.location-ico,
.email-ico,
.phone-ico,
.mobile-ico {
    padding-block: 2.7rem;
    padding-inline: 2.4rem;
    background: var(--text-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 20px;
    -webkit-mask-size: 2.8rem;
    mask-position: left center;
    flex-shrink: 0;
}

.location-ico {
    mask-image: url('../twentytwentyfive-child/assets/images/location-do.svg');
}

.email-ico {
    mask-image: url('../twentytwentyfive-child/assets/images/envelope-light.svg');
}

.phone-ico {
    mask-image: url('../twentytwentyfive-child/assets/images/phone-light.svg');

}

.contact-info p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: clamp(16px, 2.5vw, 2.2rem);
    margin-bottom: 16px;
}

.contact-form-sec .social-network li a i {
    padding-block: clamp(12px, 2vw, 16px);
    padding-inline: 2.2rem;
    width: auto;
    height: auto;
}

.contact-links-wrapper {
    margin-top: clamp(24px, 5vw, 4rem);
}

.contact-links-wrapper a {
    transition: .3s;
}

.contact-links-wrapper a:hover {
    color: var(--primary-color);
}

.form-action-wrapper {
    display: flex;
    align-items: center;
}

.form-action-wrapper i {
    transition: .3s;
}

.form-action-wrapper:has(a:hover) i {
    background: var(--primary-color);
}

.industry-card {
    position: relative;
}



.ind-img-wrap {
    overflow: hidden;
}

.industry-card img {
    transition: .3s;
}

.industry-card:hover img {
    transform: scale(1.1);
}

.industry-card .card-body {
    padding-top: clamp(16px, 2.9vw, 2.9rem)
}

.industry-card .card-title {
    margin-bottom: 10px;
}

.industry-card .card-arrow {
    width: 20px;
    height: 20px;
    mask-size: 18px;
}

.industry-card .card-arrow.download-ico {
    mask-size: 16px;
}

.industry-card-ico {
    background: var(--primary-color);
    width: 73px;
    height: 73px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 24px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;

}

.industry-popup .modal-body {
    padding: clamp(16px, 2.5vw, 2.4rem);
}

.air-cooler-sec .card-gap {
    --bs-gutter-y: clamp(40px, 8vw, 8rem)
}

.list {
    margin-block: 16px;
}

.list li {
    line-height: 1.5;
    margin-bottom: 8px;
}

.flex-sm-row-reverse .col-content {
    margin-right: auto;
    margin-left: 0;
}

.sticky-header {
    position: sticky;
    top: 0;
    left: 0;
    min-height: fit-content;
    z-index: 999;
    background: white;
}

.scroll-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 9999;
    width: 45px;
    height: 45px;
    font-size: 20px;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
}

.scroll-top-btn:hover,
.scroll-top-btn:active {
    background: var(--hover-primary) !important;
    border: none;
}

.scroll-top-btn i {
    transform: rotate(-90deg);
    margin: 0;
    mask-size: 18px;
}

.two-col-menu {
    display: flex;
    gap: 15%;
}

.blog-img-wrap {
    margin-bottom: clamp(16px, 4vw, 3rem) !important;
}

.blog-detail-content h2 {
    font-size: clamp(24px, 3vw, 28px);
    margin-bottom: clamp(16px, 4vw, 3rem);
}

.blog-detail-content h3 {
    font-size: clamp(22px, 3vw, 26px);
    margin-bottom: clamp(16px, 3vw, 2.4rem);
}

.blog-detail-content h4 {
    font-size: clamp(18px, 3vw, 24px);
    margin-bottom: clamp(16px, 3vw, 2.4rem);
}

.blog-detail-content ul {
    margin-block: clamp(16px, 3vw, 2.4rem);
}

.blog-list {
    gap: 16px;
}

.blog-list li {
    border-radius: 8px !important;
    padding-block: 16px;
    padding-inline: 16px;
}

.blog-list li a {
    display: flex;
    align-items: center;
    gap: 16px;

}

.blog-list li a p {
    margin-bottom: 0;
}

.blog-list li a:hover p {
    color: var(--primary-color);
}

.blog-list-img {
    width: 75px;
    flex-shrink: 0;
    box-shadow: 0 0 5px #ddd;
    padding: 8px;
}

.blog-sidebar {
    background: #f2f1f1;
    padding: clamp(16px, 2.4vw, 2.4rem);
    border-radius: 12px;
}

.pss-header .collapse:not(.show) {
    display: block;
}

.dropdown-menu .current-menu-item a {
    color: var(--primary-color);
}

.entry-content {
    margin-top: 0;
}

body:has(.scollspy-navbar.sticky-top) .pss-header {
    min-height: 80px !important;
}

.newsletter-input {
    position: relative;
}

.btn-subscribe {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 0 !important;
    padding-right: 0;
    text-align: center;
}

footer .wpcf7-not-valid-tip {
    margin-top: 16px;
}

footer .wpcf7-response-output {
    margin-block: 0 !important;
    color: #dc3232;
    margin-left: 0 !important;
    font-size: 16px;
}

footer li:has(.behance-ico) {
    display: none;
}

footer .wpcf7-spinner {
    position: absolute;
    z-index: 5;
    color: white;
}

.wp-block-cover,
.wp-block-cover-image {
    min-height: fit-content;
}

.wp-block-group {
    margin-block: 0 !important;
}

.entry-content {
    margin-top: 0 !important;
}

:where(.wp-site-blocks)>* {
    margin-block-start: 0 !important;
    margin-block-end: 0;
}

.custom-form .wpcf7-not-valid-tip {
    margin-top: 10px;
    font-size: 16px !important;
}

.wpcf7 form .wpcf7-response-output {
    border: none !important;
    color: #dc3232;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 16px !important;
    font-size: 16px;
}

:root :where(.is-layout-flow)>* {
    margin-block-start: 0rem !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450 !important;
}

.contact-card .wpcf7 form.sent .wpcf7-response-output {
    color: #0f5132 !important;
    background-color: #d1e7dd !important;
    position: relative;
    padding: 16px 16px !important;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 8px !important;
    border-color: #badbcc;
}

.brochure-popup .modal-lg {
    max-width: 600px;
}

.brochure-popup .contact-card {
    max-width: 100%;
}

.brochure-popup .contact-card {
    box-shadow: none;
}

.brochure-popup .modal-content {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.contact-card:hover{
    transform: none;
}

@media(min-width:768px) {
    .footer-logo-col {
        padding-right: 5rem;
    }

    p:has(.design-by) {
        text-align: end;
    }

    .navbar-nav .dropdown-menu:before {
        content: '';
        width: 12px;
        height: 12px;
        display: block;
        position: absolute;
        background: white;
        left: 50%;
        transform: translateX(-50%);
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        background: var(--primary-color);
        left: 18px;
        bottom: 100%;
    }

    .v-tabs li .nav-link:hover {
        margin-left: 2rem;
    }

    .footer-menu li a {
        line-height: 2;
    }
}

@media(min-width:992px) {
    .pss-header {
        /* position: sticky; */
        top: 0;
        background: white;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        z-index: 99999;

    }

    .blog-sidebar h2 {
        margin-bottom: 20px;
    }
}

@media(min-width:1200px) {
    .header-contact {
        margin-left: 2%;
    }

    .footer-menu li {
        line-height: 2;
    }
}

@media(min-width:1024px) {
    .pss-header li:has(.dropdown-menu):hover .dropdown-menu {
        display: block;
        opacity: 1;
    }

    .footer .header-contact {
        display: none;
    }
}


@media(min-width:1800px) {
    .custom-container-fluid {
        max-width: 1715px;
    }

    .contact-card {
        max-width: 600px;
    }

    .footer-menu li {
        line-height: 2.5;
    }

    .scollspy-navbar .nav-link:before {
        bottom: -16px;
    }

}

@media(max-width:1600px) {


    .hex-grid {
        transform: rotate(331deg) scale(0.8);
    }

    html {
        font-size: 50%;
    }

    .hex-row-top .hex:last-child {
        margin-left: 0;
    }

    .hex-row.offset.hex-row-bottom {
        gap: 1.6rem;
    }

    .pss-header .navbar-nav>li>a {
        font-size: 14px;
    }

    .pss-header .navbar-nav {
        gap: 2rem;
    }

    .hero-slide-bg {
        height: 62.6rem;
    }

    .img-card {
        min-height: 72.5rem;
    }

    .industry-solution {
        max-height: 710px;
    }

    .container-fluid {
        padding-inline: 16px;
    }

    .industry-solution {
        max-height: 725px;
    }

    .fancybox__container video {
        max-width: 700px;
    }

    .curved-bg:after {
        height: 4.8rem;
    }

    .banner-sec.curved-bg:after {
        bottom: 4px;
    }

    .wht-drives-ctn {
        max-width: 50vw;
    }

    .product-detail-row .col-content {
        max-width: 94%;
    }

    .line-before:before,
    .line-after:after {
        max-width: 45%;
    }

    .hex-side-content {
        padding-left: 10%;
    }

    .scollspy-navbar .nav-link:before {
        bottom: -16px;
    }

}

@media(max-width:1399px) {
    .key-strength-sidebar {
        max-width: 60rem;
    }

    .fz-18,
    p {
        font-size: 16px;
    }
}

@media(max-width:1199px) {
    html {
        font-size: 40%;
    }

    .pss-header .navbar-nav {
        gap: 1rem;
    }

    .logo img {
        max-width: 20rem;
    }

    .key-strength-sidebar {
        max-width: none;
    }

    .solution-card p {
        font-size: 16px;
    }

    .hex-grid {
        transform: rotate(331deg) scale(0.8);
    }

    .v-tabs.nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        margin-left: 0;
    }

    .key-strength-row {
        --bs-gutter-x: 5rem;
        --bs-gutter-y: 16px;


    }

    .solution-card .icon {
        max-width: 54px;
        margin-inline: auto;
    }

    .line-before:before,
    .line-after:after {
        max-width: 42%;
    }

    .v-tabs li .nav-link {
        font-size: 14px;
    }

    .img-card p {
        font-size: 14px;
    }

    .curved-bg:after {
        bottom: -8px;
    }

    .hex-side-content {
        padding-left: 12%;
    }

    .hex-row.offset.hex-row-bottom {
        gap: 0;
    }

    .hex-row {
        gap: 0;
    }

    .hex-row-stainless {
        gap: 1.6rem;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        width: 25px;
        height: 25px;
        background-image: none;
        background-color: var(--text-color);
        background-color: var(--primary-color);
        opacity: 1;
        mask-image: var(--bs-navbar-toggler-icon-bg);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 24px;
    }

    .footer-menu-row {
        --bs-gutter-y: clamp(16px, 4vw, 4rem);
    }

    .hero-sub-title {
        margin-bottom: 0;
    }



    .pss-header .navbar-nav>li>a.active {
        border-bottom: 1px solid var(--primary-color);
        color: var(--primary-color);
    }

    .pss-header .navbar-nav {
        gap: 0;
    }

    .header-contact {
        margin-left: 0;


    }

    .offcanvas-header .btn-close {
        mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") no-repeat center;
        -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") no-repeat center;
        -moz-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") no-repeat center;
        background-color: var(--primary-color);
        background-image: none;
        mask-size: 2.4rem;
        flex-shrink: 0;
    }

    .offcanvas {
        padding-block: 16px;
    }

    .offcanvas-header .btn-close {
        margin-right: 16px;
    }

    .tel-link {
        font-size: 16px;
    }

    .offcanvas-header {
        padding-inline: 0;
    }

    .offcanvas-body {
        padding-inline: 16px;
    }

    .blog-card:after {
        height: 4px;
    }

    .pss-header .navbar-nav>li>a:before {
        height: 2px;
    }

    .hex span {
        font-size: 22px;
    }

    .industry-solution {
        background-size: cover;

    }

    .hero-slide-bg {
        height: 63.6rem;
    }

    .blog-sec {
        padding-top: 15rem;
    }

    .curved-bg:after {
        height: 6.8rem;
    }

    .img-card {
        min-height: 60.5rem;
    }

    .banner-sec.curved-bg:after {
        bottom: 3px;
        height: 5.8rem;
    }

    /* kajal css */

    .wht-drives-ctn {
        width: 98.1rem;
        position: absolute;
        top: 13.4rem;
        left: 7.7rem;
        padding-inline: clamp(24px, 7.3vw, 7.3rem);
        padding-block: 4.8rem;
        max-width: none;
    }

    .wht-drives-sec {
        padding-bottom: 32.0rem;
    }

    .built-server-bottom-sec .serve-card .icon-box {
        width: 50px;
    }

    .built-server-bottom-sec .serve-card {
        padding: 22px;
        gap: 18px;
        flex-direction: column;
    }

    .testimonial-inner-card {
        align-items: center;
        flex-direction: column;
        text-align: center;
        gap: 13px;
    }

    .testimonial-card {
        padding-top: 36px;
        padding-bottom: 36px;
        padding-inline: 27px;
    }

    .testimonial-card {
        max-width: 100%;
    }

    .product-top-para {
        padding-bottom: 4rem;
    }

    .dropdown-toggle:after {
        height: 16px;
    }

    .pss-header .navbar-nav>li>a {
        padding-inline: 12px;
    }

    .ind-sec-mobile-pt {
        padding-top: clamp(20px, 2.4vw, 24px)
    }

    .ind-sec-mobile-pb {
        padding-bottom: clamp(20px, 2.4vw, 24px)
    }

    .scollspy-navbar .nav-link {
        font-size: 16px;
    }

    .img-card:before {
        background: rgba(0, 0, 0, 0.5);
    }

    .nav-pills .nav-link span {
        padding-right: 8px;
        text-align: left;
    }

    .scollspy-navbar {
        top: 80px;
    }



    .common-scroll-sec {
        padding-block: clamp(30px, 7.4vw, 8rem);

    }

    .blog-list li a {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .pss-header .navbar-nav>li>a {
        font-size: 13px;
    }

    .card-date span {
        font-size: 14px;
    }
}


@media(max-width:991px) {

    .video-thumb::before,
    .video-thumb:after {
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .pss-header .navbar-nav>li>a:before {
        display: none;
    }

    .pss-header .navbar-nav>li {
        border-bottom: 1px solid #ddd;

    }

    .pss-header .navbar-nav>li:has(>a.active) {
        border-bottom: 1px solid var(--primary-color);
        color: var(--primary-color);
    }

    .pss-header .navbar-nav>li>a.active {
        border: none;
    }

    .pss-header .navbar-nav>li>a,
    .header-contact {
        padding-block: 14px;
        padding-inline: 0 !important;
        position: relative;
    }

    .header-contact {
        padding-block: 20px;
    }

    .pss-header .header-contact {
        display: none;
    }

    .industry-solution {
        background-size: cover;

    }

    .tel-link {
        color: white;
    }

    .solution-card .icon {
        max-width: 48px;
    }

    .footer-logo img {
        max-width: 130px;
    }

    .gallery-card-title {
        font-size: 22px;
    }

    .product-detail-row .col-content {
        max-width: none;
    }

    .counter-box {
        left: -4.3rem;
    }

    .wht-drives-ctn {
        left: 50%;
        transform: translateX(-50%);
    }

    .navbar-nav .dropdown-menu:before {
        display: none;
    }

    .navbar-nav .dropdown-menu {
        box-shadow: none;
        border-top: none;
        padding-inline: 0;
        background: #f0fcfbf7;
        padding-left: 16px;
        padding-block: 0;
    }

    .navbar-nav .dropdown-menu li a {
        border-bottom: 1px solid #ddd;
        padding-block: 14px;
        padding-inline: 0 !important;
    }

    .navbar-nav .dropdown-menu>li:last-child a {
        border-bottom: none;
    }

    .dropdown-toggle:after {
        height: 16px;
        width: 16px;
    }

    .pss-header .navbar-nav>li>a,
    .header-contact {
        width: 87%;
    }

    .pss-header .navbar-nav>li>a:hover {
        color: var(--text-color);

    }

    .dropdown-toggle {
        padding-left: 25px;
        height: 36px;
    }

    .hex-grid {
        transform: rotate(331deg) scale(0.6);
    }

    .img-card {
        background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .8));
    }


    .newsletter-input:before {
        top: 10px;
    }

    .pss-header .navbar-nav>li.current-menu-item>a:before {
        width: 100%;
        display: none;
    }

    .pss-header .navbar-nav>li.current_page_item {
        border-color: var(--primary-color);
        color: var(--primary-color);
    }

    .pss-header .navbar-nav>li.current_page_item a {
        color: var(--primary-color);
    }

    .pss-header .navbar-nav>li:last-child {
        border-bottom: 0 !important;
    }

    .scollspy-navbar .nav-link:before {
        bottom: -15px;
    }

    .pss-header .navbar-nav>li>a {
        font-size: 14px;
    }
}

@media(max-width:767px) {
    html {
        font-size: 36%;
    }

    .custom-carousal-control {
        display: none;
    }

    .curved-bg:after {
        font-size: 6rem;
    }

    .key-strength-sidebar {
        max-width: 100%;
    }

    .hex-side-content {
        padding-left: 0;
    }

    .hex-grid {
        margin-top: -86px;
        margin-bottom: -65px;
    }

    .container {
        padding-inline: 16px;
    }

    .blog-card:after {
        height: 2px;
    }

    .solution-card-row .row {
        --bs-gutter-y: 16px;
    }

    .social-network {
        align-items: center;
    }

    .row.footer-bottom-row {
        margin-top: 2.4rem;
    }

    .footer-logo {
        margin-bottom: 16px;
    }

    .footer-menu li a {
        line-height: 2;
    }

    .line-before:before,
    .line-after:after {
        max-width: 30vw;
    }

    .solution-card-row {
        padding-inline: 0;
    }

    .industry-solution {
        height: auto;
        max-height: none;
        background: none;
    }

    .solution-card {
        border: none !important;
        box-shadow: 0px 6px 18.06px 2.94px rgba(68, 70, 71, 0.05);
        padding-block: 16px;

    }

    .solution-card-row {
        background: none;
        box-shadow: none;
        padding-block: 0;
        position: static;
        transform: none;
    }

    .img-card p {
        font-size: 16px;
    }

    .card-arrow {
        width: 3rem;
        height: 3rem;
        mask-size: 2.8rem;
    }

    .hex-grid {
        transform: rotate(331deg) scale(0.55);
    }

    .hex {
        width: 221px;
        height: 195px;
    }

    .hero-sub-title {
        font-size: 28px;
    }

    .card-gallery-row {
        --bs-gutter-y: 16px;
    }

    .header-contact {
        padding-block: 16px;
    }



    .hex-row {
        gap: 1px;
    }

    .carousel-inner {
        height: 100%;
    }

    .newsletter-input:before {
        width: 20px;
        height: 20px;
        mask-size: 18px;
        top: 12px;
    }

    .blog-sec {
        padding-top: 30px;
    }

    .img-card {
        min-height: 72.5rem;
    }

    .action-wrapper {
        flex-direction: column;
    }

    .action-wrapper .cta {
        width: 100%;
    }

    .scollspy-navbar .navbar-nav {
        flex-direction: row;
        overflow-x: auto;
        scrollbar-width: thin;

    }

    .scollspy-navbar .navbar-nav {
        scrollbar-width: none;
    }

    .scollspy-navbar .navbar-nav::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari */
    }

    .scollspy-navbar .nav-link {
        white-space: nowrap;
        padding-block: 10px;
    }

    .banner-sec.curved-bg:after {
        bottom: 2px;
        height: 4.8rem;

    }

    /* kajal css */

    .what-drives-us-img-box {
        background-image: none;
        height: auto;
    }

    .wht-drives-ctn {
        width: 100%;
        position: static;
    }

    .wht-drives-sec {
        padding-bottom: 0px;
    }

    .left-side-content {
        padding-right: 0;
    }

    .built-server-list::after {
        width: 95%;
    }

    .built-server-bottom-sec .serve-card .icon-box {
        margin-bottom: 16px;
        width: 40px;
    }

    .built-server-bottom-sec .serve-card {
        padding: 22px;
        text-align: center;
        flex-direction: column;
        gap: 0px;
    }

    .built-server-bottom-sec .serve-card p {
        font-size: 16px;
    }

    .testimonial-card {
        max-width: 100%;
    }

    .testimonial-card::after {
        display: none;
    }

    .counter-box {
        width: 100px;
        left: 0;
        top: 0;
    }

    .counter-box .heading-2 {
        font-size: 24px;
    }

    .counter-box p {
        font-size: 14px;
    }

    .blue-check-list li::before {
        width: 3rem;
        height: 3rem;
        top: 4px;
    }

    .product-top-para {
        padding-bottom: 2rem;
    }

    .wht-drives-ctn {
        max-width: 100vw;
        transform: none;
    }

    .common-column-gap-mobile {
        --bs-gutter-y: 16px;
    }

    .powering-side-img {
        width: 100%;
    }

    .testimonial-slider {
        padding-bottom: 30px;
    }

    .testimonial-card {
        padding-top: 24px;
        padding-bottom: 36px;
        padding-inline: 24px;
    }

    .testimonial-slider {
        padding-top: 0;
    }

    .industry-popup.show .modal-dialog {
        max-width: 90%;
        margin-inline: auto;
    }

    .industry-popup .modal-header {
        padding-inline: 16px;
        padding-block: 10px;
    }

    .industry-popup .modal-header .card-title {
        margin-bottom: 0;
    }

    .btn-close {
        width: 18px;
        height: 18px;
        background-size: 14px;
    }

    .scollspy-navbar {
        top: 78px;
        padding-block: 8px;
    }

    body:has(.scollspy-navbar) .pss-header {
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .common-scroll-sec {
        padding-block: clamp(30px, 7.4vw, 7rem);



    }

    body:has(.common-scroll-sec) {
        scroll-snap-type: y mandatory;
    }

    .split-footer-menu-mobile {
        max-height: 125px;
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
    }

    .location-ico,
    .email-ico,
    .phone-ico,
    .mobile-ico {
        mask-size: 20px;
    }

    .contact-form-sec .footer-social {
        display: none;
    }

    .custom-form :where(button[type="submit"], input[type="submit"], button) {
        font-size: 16px;
    }

    .custom-form .form-group {
        margin-bottom: 16px;
    }

    .blog-list li a {
        flex-direction: row;
        align-items: center;
        text-align: left;
    }

    .scollspy-navbar .nav-link:before {
        bottom: 0;
    }

    .has-global-padding {
        padding-right: 0;
        padding-left: 0;
    }

    .calender-light {
        width: 21px;
        height: 20px;
    }
}