/**
Theme Name: Ardemel
Author: Madushan Abeysinghe
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ardemel
Template: astra
*/


/* Navigation */
.main-header .menu-item:hover { background: rgba(255, 255, 255, 0.1); }
.main-header .current-menu-item { background: rgba(255, 255, 255, 0.1);}
.mc-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.ff-message-success {
    padding: 10px;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 5px;
}
a.contact-link:hover {
    background-color: #fff !important;
    transform: translateY(-5px);
    box-shadow: 0 4px 0 #0c74bb;
    transition: transform 0.5s ease, background-color 0.5s ease, box-shadow 0.5s ease;
}
.elementor-button .elementor-button-icon{ transition: transform 0.5s ease;}
.elementor-button:hover .elementor-button-icon {
    transform: rotate(-50deg);
    transition: transform 0.5s ease;
}
.elementor-nav-menu li {margin: 0 5px !important;}
.sub-menu {
    padding: 18px 0px !important;
}
.pro-main-header.black-head.mc-sticky {
	background: #181e36e0 !important;
}
/* Globale Style */
a:hover, a:focus { color: #181E36; }
a {text-decoration: none !important;}
p { margin-bottom: unset !important; }
.title-bold h1 span, .title-bold h2 span { font-weight: 600;}
.image-warp,{ transition:transform 1s ease;}
.image-warp:hover .hov-img,{ transform:scale(1.05);}
.img-ho-2 img {transition: transform 1s ease;}
.img-ho-2:hover img {transform: scale(1.1);}
html, body{scroll-behavior: smooth;}
.icon-hover ul li a .elementor-icon-list-icon{
    display: inline-block;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
span.title-blue {color: rgba(12, 116, 187, 1);}
span.title-blue-2 { color: #0C74BB;}
.icon-hover ul li a .elementor-icon-list-icon:hover {
    transform: scale(1.05);
}
.para-boto p {margin-bottom: 25px !important;}
.para-boto-2 p{margin-bottom:30px !important}
.para-boto-2 p:last-child {margin-bottom: 0 !important;}
.para-color p span {color:#0C74BB;}

/* Header Style */
.contact-link {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    position: relative;
    text-decoration: none !important;
    color: #181E36;
    font-family: "Montserrat", Sans-serif;
    font-weight: 700;
    font-size: 14px;
    background-image: url('https://ardmeltechsolutions.com/wp-content/uploads/2026/03/Asset-1.svg');
    overflow: hidden;
    transition: all 0.3s ease;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    height: 48px;
}
/* Style for your specific SVG Image */
.arrow-icon {
  width: 8px; 
  height: auto;
  display: block;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center; 
}
/* The Grey Corner Fold */
/* .contact-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background: #b0b0b0;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
} */
/* Hover Effect: Rotate the Image */
.contact-link:hover .arrow-icon {
  transform: rotate(45deg);
}
.contact-link:hover {
  color:#181E36;
}

/* Global Slider Progress Bar */
.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
    position: absolute;
    bottom: -168px;
    width: 518px;
    background-color: #fff !important;
    height: 5px;
    border-radius: 100px !important;
    left: -101px;
    overflow: hidden;
    top: unset !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    overflow: hidden;
    border-radius: 100px !important;
}
.testimonial-progress {
    width: 518px;
    height: 5px;
    background: #181e36;
    margin-top: 30px;
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    left: -86px;
    bottom: -71px;
}
.testimonial-progress .progress-bar{
    width:0;
    height:100%;
    background:#2A7DB8;
    border-radius:20px;
    transition:width .4s ease;
}

/*Home Page */
a.contact-link.btn-2-link {
    background: url('https://ardmeltechsolutions.com/wp-content/uploads/2026/03/Asset-2.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    width: 195px;
    height: 48px;
}
.indas-slider .swiper {
    overflow: visible;
    clip-path: inset(0px -100% 0px 0px);
}
/* The Industries We Support slider */
.on-hover-wrap {
    opacity: 0;
    transform: translateY(30px) scale(0.98);
    transition: opacity 1s ease, transform 1s ease;
}
.imd-slider-wrap { border-radius: 12px; transition: border-radius 1s ease; }
.imd-slider-wrap:hover { border-radius: 30px; transition: border-radius 1s ease; }
.imd-slider-wrap:hover .on-hover-wrap {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.pro-img { height: 100%; }
.pro-tags ul {
    margin: 0;
    padding: 0;
}
.pro-tags ul li {
    list-style: none;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 9px 16px;
    line-height: 14px;
    margin-right: 8px;
}
.pro-container {
    overflow: hidden;
}
.pro-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(24, 30, 54, 0.5) 0%, rgba(24, 30, 54, 0.5) 100%);
    transition: background 1s ease;
}
/* Hover effect */
.pro-container:hover::after {
    background: linear-gradient(180deg, rgb(54 24 24 / 0%) 0%, rgba(24, 30, 54, 0.5) 100%);
	transition: background 1s ease;
}
/* Image zoom */
.pro-hover-img {
    transition: transform 1s ease;
}
/* Hidden content */
.hover-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 1s ease, opacity 1s ease;
}
/* Hover effects */
.pro-container:hover .pro-hover-img,.imd-slider-wrap:hover .ind-img {
    transform: scale(1.1);
}
.pro-container:hover .hover-content {
    height: 86px; /* adjust to your content height */
    opacity: 1;
}
.hover-content {padding-top: 0;}
.pro-container:hover .hover-content {padding-top: 14px;}
.e-loop__load-more .elementor-button-text::after {
    content: '';
    background-image: url(https://ardmeltechsolutions.com/wp-content/uploads/2026/03/Icon-1.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    background-size: contain;
    right: -32px;
}
.btn-scroll {animation: pulseScroll 1.5s infinite;}
@keyframes pulseScroll{
  0%{
    transform: scale(1);
    opacity:1;
  }
  50%{
    transform: scale(1.1);
    opacity:.8;
  }
  100%{
    transform: scale(1);
    opacity:1;
  }
}
.floating-contact {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    background-color: #ffff;
    padding: 20px 12px;
    border-radius: 20px 0 0 20px;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    width: 74px;
    height: 144px;
    display: flex;
    align-items: center;
	transition: background-color 1s ease;
}
.floating-contact.is-visible {
    background-color: #fff;
	transition: background-color 1s ease;
}
.icons a:hover {
    transform: scale(1.05);
}
.contact-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}
.icons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.icons img {
  width: 35px; /* Adjust size based on your preference */
  height: auto;
  display: block;
}
.contact-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    font-family: "Montserrat", sans-serif;
    line-height: 14px;
}
/*----------Testimonial Slider  */

/* Default styling for slide wrapper */

.testimonial-slide {
    border: 1px solid #E0E0E0;
    position: relative;
    padding: 40px;
    border-radius: 12px;
    transition: 0.3s;
    margin-left: 15px;
    margin-right: 15px;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}
.testimonial-wrapper {
    position: relative;
    z-index: 2;
}
.client-headshot img {
    width: 80px;
    display: block;
    height: 80px;
    border-radius: 100px !important;
    background-position: center center;
}
.testimonial {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #1E1E1E;
    margin-top: 30px;
}
.testimonial-user {
    display: flex;
    align-items: center;
    gap: 15px;
}
.position {
    font-family: Montserrat;
    color: #555555;
    font-weight: 500;
    font-size: 16px;
}
.testimonial-slick .slick-list {
    overflow: visible;
    clip-path: inset(0px -100% 0px 0px);
}
.client-name {
    color: #181E36;
    font-family: Montserrat;
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
}
.position { color: #000;}
.slick-dotted.slick-slider { margin-bottom: 0 !important;}
.ff-uploaded-list { margin: 0 !important;}
.mc-car-txt-container {margin-bottom: 34px !important;}

/* Contact Us Page */

a.contact-link.btn-blue.btn-2-link {color: #0c74bb;}

/*Footer Contact Form */

.con-form { font-weight: 600;}
.ff-uploaded-list { margin: 0 !important;}
.ff_submit_btn_wrapper {
    margin-bottom: 0 !important;
    margin-top: 23px !important;
}
.cc-fileup .ff-el-input--content { margin-top: 10px;}
.ff_file_upload_holder::after {
    content: '';
    background-image: url('https://ardmeltechsolutions.com/wp-content/uploads/2026/03/File-upload-base-2.svg');
    position: absolute;
    top: 50%;
    width: 565px;
    height: 135px;
    left: 50%;
    transform: translate(-50%,-50%);
    background-size: cover;
}
label.ff_file_upload_holder {
    position: relative;
    overflow: hidden !important;
}
.fluentform .ff_file_upload_holder { margin-bottom: 0;}
.cc-fileup .ff-el-input--content {
    margin-top: 10px;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid #5252521A;
    border-style: dashed;
}
.ff-default .ff_btn_style:focus, .ff-default .ff_btn_style:hover { opacity: 1 !important;}
.ec-btnm {
    background-image: url('https://ardmeltechsolutions.com/wp-content/uploads/2026/03/button-3.svg');
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 195px;
    height: 48px;
    background-size: cover;
}
.ec-btnm::after {
    content: '';
    width: 8px;
    height: 8px;
    background-image: url('https://ardmeltechsolutions.com/wp-content/uploads/2026/03/white-Arrow.svg');
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
	transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transform-origin:center;
}
.ec-btnm:hover::after {
    transform: rotate(45deg) translateY(-50%);
}
.con-bg-span {
    padding: 17px 19px;
}

/* About Us page  */
.para-boto {
    height: 290px;
    overflow-y: scroll; /* force scrollbar */
    padding-right: 10px;
}
.vidoe-abus {
    height: 511px;
    border-radius: 20px;
}
.para-boto::-webkit-scrollbar
 {
    width: 5px;
    border-radius: 100px !important;
}
.para-boto::-webkit-scrollbar-thumb {
    background: #0C74BB !important;
    border-radius: 100px !important;
}
.para-boto::-webkit-scrollbar-track {
    background: #ffffff !important;
    border-radius: 100px !important;
}
.vidoe-abus img {
    height: 511px;
    object-fit: cover;
}
.vidoe-abus {
    height: 511px;
}
.elementor-custom-embed-image-overlay::after {
    content: '';
    width: 100%;
    height: 550px;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(73.98deg, #000000ba 1.36%, rgba(102, 102, 102, 0) 71.57%);
}
.elementor-custom-embed-play i, .elementor-custom-embed-play svg {
    opacity: 1;
}
.elementor-custom-embed-play {
    inset-block-start: unset;
    inset-inline-start: unset;
    position: absolute;
    transform: unset;
    left: 43px;
    bottom: 20px;
    z-index: 9;
}
/* 
About Timeline */

.af-line::after {
    content: "";
    width: 2px;
    height: 183px;
    position: absolute;
    right: 1px;
    background-color: #0C74BB;
    top: 50%;
    transform: translateY(-50%);
}

.be-line::before {
    content: "";
    width: 2px;
    height: 183px;
    position: absolute;
    right: 1px;
    background-color: #0C74BB;
    top: 50%;
    transform: translateY(-50%);
}
.timeline-section {
	position: relative;
	height: 480px;
	overflow: visible;
	display: flex;
	align-items: start;
}
h2.mc-title {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    line-height: 44px;
    color: var(--e-global-color-secondary);
    font-family: "Playfair Display", sans-serif;
    font-size: 40px;
}

.timeline-wrapper {
    width: 100%;
    overflow: visible;
    position: relative;
    margin-top:0px;
}
.foncy p a { font-weight: 500;}
.ardmel-timeline-item.bottom::before {
	content: '';
	width: 100%;
	height: 3px;
	background-color: #0C74BB;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.timeline-track {
    display: flex;
    gap: 80px;
    padding:0;
    position: relative;
    z-index: 15;
}
.timeline-item {
    width: 299px;
    flex-shrink: 0;
    position: relative;
}
.ardmel-timeline-card p{
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #555555;
    margin-bottom: 0;
}
.timeline-card {
    background: #F3F8FB;
    padding: 20px;
    border-radius: 15px;
}
.bottom {
    margin-top: 250px;
}
.top::after {
	content: '';
	width: 44px;
	height: 44px;
	background-image: url('https://ardmeltechsolutions.com/wp-content/uploads/2026/03/the-dot.svg');
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 168px;
	z-index: 99;
}
.timeline-card span strong {
	color: #0C74BB;
	font-weight: 700;
	font-size:16px;
}
.timeline-card span {
	font-weight: 500;
	color: #181E36;
	display: block;
	margin-bottom: 20px;
	font-family: "Montserrat", Sans-serif;
	font-size: 14px;
	line-height: 16px;
}
.bottom::after {
	content: '';
	width: 44px;
	height: 44px;
	background-image: url('https://ardmeltechsolutions.com/wp-content/uploads/2026/03/the-dot.svg');
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 168px;
	z-index: 99;
} */
.ardmel-timeline-item {margin-left: 70px;}

/* What we Do */
.e-n-accordion-item-title[aria-expanded="true"] { border-radius: 20px 20px 0 0; }
.e-n-accordion-item{border-radius:20px;}

/* What We Do Single */
.img-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.wdo-bread .elementor-heading-title b {font-weight: 300 !important;}
.title-bold h1 b { font-weight: 600 !important;}
.over-title h2, .over-title h2 b {font-weight: 600 !important;}
.wwd-m-box::before, .wwd-m-box::after,.wwd-m-box-2::after {
	top:0;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #DEDEDE;
    position: absolute;
}
.wwd-b-top:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #DEDEDE;
    top: -30px;
}
.wwd-m-box::before { left: -30px;}
.wwd-m-box::after,.wwd-m-box-2::after { right: -30px;}

/* industry page */
.title-bold-2 span b, .title-bold-2 span {
    font-weight: 600;
    color: #149DFA;
}
.title-bold-4 h1 b {font-weight: 600;}
.industry-products-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    width: 100%;
    box-sizing: border-box;
}

.industry-products-grid .prodct-wrap {
    flex: 0 0 calc((100% - 60px) / 3);
    max-width: calc((100% - 60px) / 3);
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    min-height: 435px;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    cursor: pointer;
}

/* Pseudo element holds the BG image so we can scale it independently */
.industry-products-grid .prodct-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 0.5s ease;
    z-index: 0;
}

/* Scale up the bg image on hover */
.industry-products-grid .prodct-wrap:hover::after {
    transform: scale(1.08);
}

/* Dark overlay — sits above the bg pseudo element */
.industry-products-grid .prodct-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.1) 100%);
    z-index: 1;
}

/* Content sits on top of everything */
.industry-products-grid .prodct-wrap .content {
    position: relative;
    z-index: 2;
    padding: 33px 40px;
    width: 100%;
}
.industry-products-grid .pro-title {
    color: #ffffff;
    font-size:18px;
    font-weight: 700;
    margin: 0 0 4px 0;
    line-height: 1.3;
    transition: letter-spacing 0.4s ease;
    font-family: "Montserrat", sans-serif;
}
/* Subtle text nudge on hover for extra polish */
.industry-products-grid .prodct-wrap:hover .pro-title {
    letter-spacing: 0.03em;
}
.industry-products-grid .pro-caption {
    color: rgba(255, 255, 255, 0.85);
	font-weight: 300;
    font-size: 18px;
    margin: 0;
    line-height: 1.5;
	font-family: "Montserrat", sans-serif;
}
/* Ghost spacers */
.industry-products-grid .grid-ghost {
    flex: 0 0 calc((100% - 30px) / 3);
    max-width: calc((100% - 30px) / 3);
    height: 0;
    visibility: hidden;
}

/* Blog Page */

.elementor-post-info__terms-list-item {
    padding: 11px 18px;
    background-image: url('https://ardmeltechsolutions.com/wp-content/uploads/2026/03/Asset-1-1.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
}

/* Blog Single Page */
/* Table of Content */

.elementor-toc__list-wrapper { margin: 0; }
.elementor-toc__list-item { margin-bottom: 30px; }
.elementor-toc__list-item-text-wrapper { align-items: start; }
.elementor-toc__body { padding-top: 10px; }

/* Blog Single Page */
.mc-post-content h2 {
    font-family: "Montserrat", Sans-serif;
    color: #181E36;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    font-weight: 500 !important;
}
.mc-post-content h3,.mc-post-content h4,.mc-post-content h5,.mc-post-content h6 {font-weight:600 !important;}
.mc-post-content h2 {
    font-size: 35px;
    line-height: 40px;
}
.mc-post-content h3 {
  font-size: 18px;
  line-height: 28px;
}
.mc-post-content h4 {
  font-size: 18px;
  line-height: 26px;
}
.mc-post-content h5 {
  font-size: 18px;
  line-height: 24px;
}
.mc-post-content h6 {
  font-size: 16px;
  line-height: 22px;
}
.mc-post-content ul,.mc-post-content ol {
	margin-left: 15px;
	margin-bottom: 36px;
}
.mc-post-content ul li, .mc-post-content ol li {
    margin-bottom: 10px;
    font-size: 16px;
}
.mc-post-content a {
	font-weight: 500;
	color: #181E36;
}
.mc-post-content a:hover {
  color: #181E36;
}
.mc-post-content p {
    margin-bottom: 20px !important;
    font-size: 16px;
    line-height: 28px;
}
.mc-post-content p:ast-child { margin-bottom: 0px !important;}


/* Video tutorail Page */
/* ─────────────────────────────────────────────
   Video Grid — Responsive 3 Column Layout
───────────────────────────────────────────── */
.vpt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.modal-video-movie-wrap iframe {
    padding: 4px;
    border-radius: 8px;
    background-color: #fff;
}
video.video-stream.html5-main-video {
    width: 100% !important;
    left: 0 !important;
}
.modal-video-close-btn {
    top: -13px !important;
    right: -13px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0!important;
    width: 30px!important;
    height: 30px!important;
    background-color: red !important;
}
.modal-video-close-btn:before, .modal-video-close-btn:after {
    content: '';
    position: absolute;
    height: 3px !important;
    width: 65% !important;
    top: 46% !important;
    left: 19% !important;
    background: #fff!important;
    border-radius: 5px !important;
    margin-top: 0 !important;
}
/* ─── Video Card ─── */
.vpt-grid .vpt-modal-btn {
    display: block;
    text-decoration: none;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}
.vpt-grid .video-wrap {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 288px;
}
/* Dark overlay */
.vpt-grid .video-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 60%);
    border-radius: 12px;
    transition: background 0.3s ease;
    z-index: 1;
}
.vpt-grid .vpt-modal-btn:hover .video-wrap::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 60%);
}
/* ─── Video Details (title + play btn) ─── */
.vpt-grid .video-details {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end;
    z-index: 2;
    padding: 23px 34px;
}

/* ─── Play Button ─── */
.vpt-grid .vid-play-btn {
    width: 25px;
    height: 25px;
    margin-bottom: 13px;
    transition: transform 0.25s ease;
}

.vpt-grid .vid-play-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.vpt-grid .vpt-modal-btn:hover .vid-play-btn {
    transform: scale(1.15);
}
/* ─── Filter Bar ─── */
.vpt-filter {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    padding: 8px;
    margin-bottom: 81px;
    border: 1px solid #FFF;
}
.vpt-filter-btn {
    padding: 14px 37px;
    border-radius: 999px;
    border: none;
    background: transparent;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease;
    font-family: "Montserrat", sans-serif;
}
.vpt-load-more-wrap {
    text-align: center;
    padding: 32px 0 16px;
}

.vpt-load-more-btn {
    display: inline-block;
    border-radius: 999px;
    background: #149dfa;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease;
    padding: 14px 30px 14px 30px;
}
.vpt-load-more-btn:hover:not(:disabled) {
    background: rgb(24 30 54) !important;
    color: #fff !important;
}
.vpt-filter {
    position: sticky;
    top: 0;
    z-index: 99;
    transition: background 0.4s ease,
                padding 0.4s ease,
                box-shadow 0.4s ease,
                transform 0.4s ease,
                border-radius 0.4s ease;
    left: 50%;
    transform: translateX(-50%) !important;
	transition: top 1.4s ease-in-out;
}

.vpt-filter.is-stuck {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    animation: vpt-slide-down 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
	transition: top 1.4s ease-in-out;
    top: 110px;
}

@keyframes vpt-slide-down {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.vpt-load-more-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}
.vpt-load-more-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.vpt-filter-btn.is-active {
    background: #149DFA;
    color: #ffffff;
}
.vpt-filter-btn:not(.is-active):hover {
    background: rgb(20 157 250);
    color: #fff;
}
/* ─── Video Title (h3) ─── */
.vpt-grid .vid-title {
    margin: 0;
    color: #ffffff;
    text-align: left;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
/* ─── Image scale on hover ─── */
.vpt-grid .video-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transform: scale(1);
    transition: transform 0.5s ease;
    z-index: 0;
}

.vpt-grid .vpt-modal-btn:hover .video-wrap::after {
    transform: scale(1.08);
}

/* keep overlay and details above the scaled bg */
.vpt-grid .video-wrap::before {
    z-index: 1;
}
.vpt-grid .video-details {
    z-index: 2;
}

/* Products*/
nav.navigation.post-navigation { display: none;}
.pro-tad-2 h1 b, .pro-tad-2 h2 b { font-weight: 600;}
.mc-bread b { font-weight: 300;}

/* Product Single Page */
.key-tec ul { margin: 0;}
.key-tec ul li {
    list-style: none;
    margin-bottom: 10px;
}
.pro-tags-2 ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* replaces margin-right */
}
.pro-tags-2 ul li {
    list-style: none;
    border: 1px solid #0C74BB;
    border-radius: 50px;
    padding: 9px 9px;
    line-height: 20px;
    color: #0C74BB;
    font-weight: 300;
    flex: 0 0 calc(33.333% - 8px);
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
}

/*==================== Media Quries =======================*/


@media (max-width: 767px) {
	.indas-slider .swiper { overflow: hidden;}
}

/* Tablet: 2 cols */
@media (max-width: 1024px) {
    .industry-products-grid .prodct-wrap,
    .industry-products-grid .grid-ghost {
        flex: 0 0 calc((100% - 24px) / 2);
        max-width: calc((100% - 24px) / 2);
    }
}
/* Mobile: 1 col */
@media (max-width: 600px) {
    .industry-products-grid .prodct-wrap {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .industry-products-grid .grid-ghost {
        display: none;
    }
}

/* ─────────────────────────────────────────────
   Responsive Breakpoints of Video page
───────────────────────────────────────────── */

/* Tablet — 2 columns */
@media (max-width: 1024px) {
    .vpt-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Mobile landscape — 2 columns, smaller gap */
@media (max-width: 768px) {
    .vpt-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .vpt-grid .vid-play-btn {
        width: 44px;
        height: 44px;
    }

    .vpt-grid .vid-title {
        font-size: 14px;
    }
}

/* Mobile portrait — 1 column */
@media (max-width: 480px) {
    .vpt-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .vpt-grid .vid-play-btn {
        width: 48px;
        height: 48px;
    }

    .vpt-grid .vid-title {
        font-size: 15px;
    }
}