@font-face {
    font-family: 'Geist';
    src: url('../fonts/Geist-Medium.eot');
    src: url('../fonts/Geist-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geist-Medium.woff2') format('woff2'),
        url('../fonts/Geist-Medium.woff') format('woff'),
        url('../fonts/Geist-Medium.ttf') format('truetype'),
        url('../fonts/Geist-Medium.svg#Geist-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apfel Grotezk Mittel';
    src: url('../fonts/ApfelGrotezk-Mittel.eot');
    src: url('../fonts/ApfelGrotezk-Mittel.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApfelGrotezk-Mittel.woff2') format('woff2'),
        url('../fonts/ApfelGrotezk-Mittel.woff') format('woff'),
        url('../fonts/ApfelGrotezk-Mittel.ttf') format('truetype'),
        url('../fonts/ApfelGrotezk-Mittel.svg#ApfelGrotezk-Mittel') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apfel Grotezk';
    src: url('../fonts/ApfelGrotezk-Regular.eot');
    src: url('../fonts/ApfelGrotezk-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApfelGrotezk-Regular.woff2') format('woff2'),
        url('../fonts/ApfelGrotezk-Regular.woff') format('woff'),
        url('../fonts/ApfelGrotezk-Regular.ttf') format('truetype'),
        url('../fonts/ApfelGrotezk-Regular.svg#ApfelGrotezk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/BDOGrotesk-Medium.eot');
    src: url('../fonts/BDOGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BDOGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/BDOGrotesk-Medium.woff') format('woff'),
        url('../fonts/BDOGrotesk-Medium.ttf') format('truetype'),
        url('../fonts/BDOGrotesk-Medium.svg#BDOGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/BDOGrotesk-Regular.eot');
    src: url('../fonts/BDOGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BDOGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/BDOGrotesk-Regular.woff') format('woff'),
        url('../fonts/BDOGrotesk-Regular.ttf') format('truetype'),
        url('../fonts/BDOGrotesk-Regular.svg#BDOGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/BDOGrotesk-Light.eot');
    src: url('../fonts/BDOGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BDOGrotesk-Light.woff2') format('woff2'),
        url('../fonts/BDOGrotesk-Light.woff') format('woff'),
        url('../fonts/BDOGrotesk-Light.ttf') format('truetype'),
        url('../fonts/BDOGrotesk-Light.svg#BDOGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/BDOGrotesk-Bold.eot');
    src: url('../fonts/BDOGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BDOGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/BDOGrotesk-Bold.woff') format('woff'),
        url('../fonts/BDOGrotesk-Bold.ttf') format('truetype'),
        url('../fonts/BDOGrotesk-Bold.svg#BDOGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BDO Grotesk';
    src: url('../fonts/BDOGrotesk-DemiBold.eot');
    src: url('../fonts/BDOGrotesk-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BDOGrotesk-DemiBold.woff2') format('woff2'),
        url('../fonts/BDOGrotesk-DemiBold.woff') format('woff'),
        url('../fonts/BDOGrotesk-DemiBold.ttf') format('truetype'),
        url('../fonts/BDOGrotesk-DemiBold.svg#BDOGrotesk-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



:root {
  --primary-color: #611DFC;
  --secondary-color: #151515;
   --title-color: #1B1B1B;
  --text-color: #5C5C5C;
  --white-color: #FFFFFF;
  --black-color: #000000;
  --bg-light: #F6F6F6;
  --bg-secondary: #F2F2F2;
  --bg-border: #E4E4E4;
  --bg-primary-light:#F4F4F4;
  --bg-dark: #191919;
  --heading-font: 'Apfel Grotezk';
  --font-primary: 'Geist';
  --text-primary: 'BDO Grotesk';
  --text-apfel: 'Apfel Grotezk Mittel';
}

body{
font-family: BDO Grotesk;
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: 0px;
color: var(--text-color);
}

.container { max-width: 96%;}
h1, .about-company-title h2{ font-family: var(--heading-font); font-weight: 400; color:var(--title-color);font-size: 70px; line-height: 1;letter-spacing: 0px; margin:0px; padding:0px;}
h2 { font-family: var(--heading-font); font-weight: 400; font-size: 57px; line-height: 63px; letter-spacing: -2.32px; margin: 0; padding: 0; color: var(--secondary-color);}
h3{ font-family: var(--heading-font); font-weight: 400; font-size: 39px; line-height: 48px; letter-spacing: 0;margin: 0; padding: 0;}
p:last-of-type { margin: 0px;}
p{ font-family: var(--text-primary); font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0px; color: var(--text-color);}
/* Header Section Css */
.header-section { background: var(--white-color); padding: 20px 0;}
.header-grid-block { display: grid; grid-template-columns: auto auto auto; align-items: center; gap: 20px; justify-content: space-between;}
a.get-quote-btns { background: var(--primary-color); color: var(--white-color); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; font-family: var(--font-primary); text-decoration: none; border-radius: 4px; padding: 6px 6px 6px 30px; gap: 20px;}
a.get-quote-btns .btn-icon { width: 40px; height: 40px; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: var(--secondary-color);}

.header-menu ul.navbar-nav { gap: 20px;}

.header-menu .header-menu-section ul li a { color: var(--secondary-color); padding: 0 10px !important; font-family: var(--font-primary); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; position: relative;}
.header-menu .header-menu-section ul li a.active::before { content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: var(--primary-color);}
.header-menu .header-menu-section ul li a.active { color: var(--primary-color);}


/* Banner Section Css */

.hero-banner-section { background: #F6F6F6; padding: 0 0 80px;}
.banner-title-blocks { max-width: 80%;}
.banner-description-text { max-width: 80%; margin: 0 0 0 auto;}
.secondary-txt { color: var(--primary-color);}
.banner-top-block { background-image: url("../images/banner-pattern-bg.svg"); background-position: center; background-size: cover; padding: 80px 0 150px;}
a.secondary-btns { background: var(--secondary-color); color: var(--white-color); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; font-family: var(--font-primary); text-decoration: none; border-radius: 4px; padding: 6px 6px 6px 30px; gap: 20px;}
a.secondary-btns .btn-icon { width: 40px; height: 40px; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: var(--primary-color);}
.banner-description-text .banner-btns { padding: 20px 0 0;}
.hero-badge-text { margin: 0 0 20px;}
.hero-badge-text span { border: 1px solid #D1D1D1; display: inline-flex; padding: 8px 14px; color:var(--secondary-color); align-items: center; gap: 5px; font-family: var(--text-primary); font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 0; text-align: center; border-radius: 30px;}
.hero-badge-text span::before { content: ""; width: 7px; height: 7px; background: linear-gradient(46deg, #5415E3 0%, #611DFC 100%);}
.banner-feature-boxs { background: var(--bg-primary-light);}
.banner-feature-boxs { background: var(--bg-primary-light); border: 1px solid rgba(92,92,92,0.2);}
.banner-feature-cards { padding: 40px;border-right: 1px solid rgba(92,92,92,0.2);}
.feature-title { font-family: var(--text-apfel); font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0; text-align: center; color: var(--primary-color); margin: 0 0 5px;}
.feature-card-items p { font-family: var(--text-primary); font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0; text-align: center; color: #000;}
.feature-card-items .feature-icon { margin: 0 0 16px; min-height: 67px; display: flex; justify-content: center; align-items: center;}
.feature-card-items { max-width: 80%; margin: 0 auto; width: 100%;}
.banner-feature-cards:last-child { border: 0;}


.hm-video-section img { width: 100%;}


/* Who We Are Section */

.who-we-are-section { padding: 0px; background-image: url("../images/who-we-are-bg.png"); background-position: center; background-size: cover;}
.who-we-are-content { max-width: 80%;}
.who-we-are-content h2 { max-width: 80%; margin: 0 0 30px;}
.who-we-are-content .abouts-btns { gap: 30px; padding: 30px 0 0;}
a.pdf-links {font-family: var(--text-primary); font-weight: 500; font-size: 18px; line-height: 22px; letter-spacing: 0; color: var(--primary-color); text-decoration: none; gap: 10px;}
a.pdf-links .pdf-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; min-width: 18px;}

.who-we-bg-blocks { background-image: url("../images/who-we-pattern.svg"); background-position: center; background-size: cover; padding: 150px 0;}

.about-step-items { position: relative;}
.about-step-items img{ vertical-align: top;  width: 100%;}
.who-we-step-block { display: grid; grid-template-columns: repeat(3, 1fr); padding: 100px 0 0;}
.step-block-content { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 20px 0; max-width: 280px; margin: 0 auto; width: 100%; text-align: center;}
.about-step-level { font-family: var(--text-primary); font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0; text-align: center; color: var(--white-color); margin: 0 0 15px;}
.about-step-value { font-family: var(--heading-font); font-weight: 400; font-size: 64px; line-height: 72px; letter-spacing: 0; text-align: center; color: var(--white-color); margin: 0 0 5px;}
.about-step-txt { font-family: var(--text-primary); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; text-align: center; color: var(--white-color); margin: 0 0 16px;}
.about-step-items .about-step-icon img { width: 100%; max-width: 90px;}


/* Our Prodcuts Section */

.our-product-section { padding: 100px 0;}
.our-product-section .products-btns { text-align: right;}

.product-solution-boxs { display: flex; flex-direction: column; gap:0px; padding: 60px 0 0;}
.product-solution-items { display: grid; grid-template-columns: 8fr 4fr; gap: 30px; padding: 40px; border-top: 1px solid rgba(92,92,92,0.2);}
.product-left-colm { display: flex; flex-wrap: wrap;}
.product-image-colm { width: 55%;}
.product-content-colm { width: 45%; padding: 0 0 0 30px;}
.product-feature-blocks { width: 100%; gap: 30px; max-width: 80%; margin: 0 0 0 auto;}
a.product-list-link { width: 40px; height: 40px; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: var(--primary-color);}
.product-image-blcoks img { border-radius: 6px; vertical-align: top; width: 100%;}
.product-solution-title { font-family: var(--heading-font); font-weight: 400; font-size: 28px; line-height: 34px; letter-spacing: -0.56px; margin: 0 0 16px; color: var(--secondary-color);}
.product-card-content p { font-size: 16px; line-height: 22px; color: var(--secondary-color);}
.product-card-content { max-width: 80%;}
.features-title { font-family: var(--text-primary); font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0; padding: 0 0 36px;color: var(--secondary-color);}
.product-feature-content ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}
.product-feature-content ul li { font-family: var(--text-primary); font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0; color: var(--secondary-color); position: relative; padding: 0 0 0 20px;}
.product-feature-content ul li::before { content: ""; position: absolute; left: 0; top: 8px; background-image: url("../images/feature-list-icon.svg"); width: 12px; height: 8px;}



/* CTA Section Section */

.security-cta-section { background-image: url("../images/cta-bg.jpg"); background-position: center; background-size: cover; position: relative; padding: 50px 0;}
.cta-image-block img { vertical-align: top;}
.security-cta-section .cta-image-block { max-width:80%; position: relative;}
.security-cta-section::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.664437) 19.57%, rgba(0, 0, 0, 0) 51.8%);}
.security-cta-content-info { position: relative;}
.security-cta-content-info h2 { color: var(--white-color); padding: 0 0 30px;}
.security-cta-content-info p { color: var(--white-color); font-family: var(--text-primary); font-weight: 400; font-size: 26px; line-height: 32px; letter-spacing: 0;}
.security-cta-content-info .security-cta-btns { padding: 30px 0 0;}
.security-cta-btns a.secondary-btns{ background:var(--white-color); color: var(--secondary-color);}



/* Manufacture Section Section */

.manufacture-section { padding: 100px 0 50px; background: var(--bg-dark);}
.manufacture-section .hero-badge-text span { border-color: 1px solid rgba(92,92,92,0.5); color: var(--white-color);}
.manufacture-title-block { max-width: 350px;margin: 0 0 0 auto;text-align: right;}
.manufacture-title-block h2 { padding: 0 0 20px; color: var(--white-color);}
.manufacture-title-block p { color: #A7A3A2;}
.manufacture-listing-block { display: flex; flex-wrap: wrap; padding: 50px 0 0; align-items: center}
.manufacture-list-card { display: flex; flex-direction: column; gap: 18px;}
.list-left-colm, .list-right-colm { width: 30%;}
.list-center-colm { width: 40%; text-align: center;}
.manufacture-list-items { width: 100%; max-width: 290px; min-height: 80px; background: #212121; border: 1px solid rgba(107,107,114,0.7); padding: 10px 16px; gap: 16px; border-radius:4px;}
.list-right-colm .manufacture-list-card { align-items: flex-end;}
.manufacture-list-items .manufacture-icon {width: 59px; min-width: 59px;}
.manufacture-icon-title { font-family: var(--text-primary); font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: var(--white-color);}
.list-left-colm { padding: 0 30px 0 0px;}
.list-right-colm { padding: 0 0px 0 30px;}



/* Picture Section Css */

.picture-section { padding: 50px 0; background: var(--bg-dark);}
.picture-title-block { padding: 0 0 60px;}
.picture-section h2 { color: var(--white-color);}
.picture-section .hero-badge-text span { border-color: 1px solid rgba(92,92,92,0.5); color: var(--white-color);}
.picture-description-txt { max-width: 80%; margin: 0 0 0 auto;}
.picture-description-txt p { color: #A7A3A2; font-weight:300;}
.picture-grid-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.picture-img-boxs img { vertical-align: top;}
.picture-Griditems .picture-img-boxs { margin: 0 0 20px;}
.picture-title-heading { font-weight: 700; font-size: 16px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.01em; color: var(--white-color); margin: 0 0 12px;}
.picture-Griditems p { font-weight: 300; font-size: 16px; line-height: 24px; letter-spacing: 0; color: var(--white-color);}
.download-brochure-row { padding: 60px 0 0; gap: 30px;}
.download-brochure-text h3 {color: var(--white-color);}
.download-brochure-text { max-width: 600px;}
.download-brochure-btns { gap: 30px;}
a.primary-btns { background: var(--primary-color); color: var(--white-color); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; font-family: var(--font-primary); text-decoration: none; border-radius: 4px 4px 14px 4px; padding: 6px 6px 6px 30px; gap: 50px;}
a.primary-btns .btn-icon { width: 40px; height: 40px; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: var(--secondary-color);}
.download-brochure-btns .pdf-links { color: var(--white-color);}
.download-brochure-btns .pdf-links .pdf-icon img { filter: brightness(0) invert(1);}



/* Building Section Css */

.building-section { padding: 50px 0 190px; background: var(--bg-dark);}
.building-content-info { padding: 30px 10% 30px 80px;}
.building-content-info h2 { color: var(--white-color); padding: 0 0 30px;}
.building-content-info p { margin: 0 0 30px; font-weight: 300; color: var(--white-color);}
.building-content-info p:last-child { margin: 0px;}


/* Process Section Css */
.process-grid-row { display: grid; grid-template-columns: repeat(4, 1fr); align-items: flex-start;}
.process-monitoring-text { font-family: BDO Grotesk; font-weight: 600; font-size: 22px; line-height: 34px; text-align: center; text-transform: uppercase; color: var(--black-color); letter-spacing: 0.01em;}
.hm-process-items.process-step-one { justify-content: center;}
.hm-process-items { background: #F2F2F2; border: 1px solid rgba(53, 53, 57, 0.19); padding: 20px 40px 40px; display: flex; flex-direction: column; justify-content: space-between; min-height: 296px; border-radius: 8px;}
.process-number-text { text-align: right; font-weight: 400; font-size: 30px; line-height: 30.87px; letter-spacing: 0px; color: var(--black-color);}
.process-content-info .process-heading-txt { font-weight: 400; font-size: 20px; line-height: 26px; letter-spacing: 0px; color: var(--black-color); margin: 0 0 16px;}
.process-content-info p { font-weight: 300; color: var(--black-color);}
.process-grid-row .process-step-one { margin: -210px 0 0px;}
.process-grid-row .process-step-two { margin: -140px 0 0;}
.hm-process-grid-row-section {padding: 55px 0 0;}
.process-grid-row .process-step-three { margin: -80px 0 0;}


/* Industry Tab Section Css */

.industry-tab-section { background-image: url("../images/industry-back-bg.png"); background-position: center; background-size: cover; margin: -290px 0 0; padding: 450px 0 100px;}
/* .industry-back-bg { background-image: url("../images/industry-pattern-bg.svg"); background-position: center; background-size: cover; padding: 500px 0 100px;} */
.industry-top-block { text-align: center; padding: 0 0 60px; position: relative}
.industry-top-block .industry-title-block { max-width: 700px; margin: 0 auto; width: 100%;}
.industry-top-block .hero-badge-text span{background: var(--white-color);}

.industry-tab-row { display: flex; flex-wrap: wrap; padding: 10px;}
.tab-left-colm { width: 26%;}
.tab-right-colm { width: 74%; padding: 0 0 0 30px;}
.industry-tab-menu li { width: 100%;}
.industry-tab-menu .nav-tabs .nav-link { font-family: var(--heading-font); font-weight: 400; font-size: 27px; line-height: 32px; letter-spacing: -0.56px; padding: 20px 0 20px 30px; border-style: solid; border-width: 0 0 0 3px; border-color: #A7A3A2; border-radius: 0; background: transparent;color: var(--text-color);}
.industry-tab-menu .nav-tabs .nav-link.active { color: var(--primary-color); border-color: var(--primary-color);}
.industry-tab-content-info .tab-pane { border: 0; border-radius: 0; background: transparent;}
.industry-tab-content-info .accordion-body { background: var(--white-color); border: 1px solid rgba(92,92,92,0.2); padding: 30px; border-radius: 6px; box-shadow: 0 0 0 transparent; outline: 0;}
.industry-tab-boxs { display: flex; flex-wrap: wrap;}
.industry-image-colm {width: 45%;}
.industry-content-colm { width: 55%; padding: 0 0 0 30px;}
.industry-image-block img { width: 100%;}
.industry-content-boxs h3 { font-weight: 400; font-size: 27px; line-height: 32px; letter-spacing: -0.56px; margin: 0 0 20px;  color: var(--secondary-color);}
.industry-content-boxs p {color: var(--text-color);}
.industry-feature-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 30px 0 0;}
.industry-feature-title { font-family: BDO Grotesk; font-weight: 800; font-size: 13px; line-height: 16px;letter-spacing: 0; text-transform: uppercase; color: var(--black-color); margin: 0 0 2px;}
.industry-short-description-txt { font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: 0px; text-transform: capitalize; color: var(--black-color);}
.industry-feature-items:nth-child(2n) { border-left: 1px solid #EAEAEA; padding: 0 0 0 40px;}
.industry-btm-image-block { gap: 20px; padding: 30px 0 0;}
.industry-top-left-img { position: absolute; left: 0; top: -100px;}
.industry-top-right-img { position: absolute; right: 0; top: -60px;}



/* Product Slider Section Css */

.product-slider-section { padding: 100px 0 50px; overflow: hidden;}
.product-slider-title-blocks { max-width: 800px; padding: 0 0 60px;}
.solar-cameras-items { background: #E4E4E4; text-align: center;}
.solar-cameras-content { padding: 0 20px 30px;}
.product-swiper-slider-block .swiper { overflow: visible;}
.solar-cameras-title { font-weight: 400; font-size: 30px; line-height: 36px; letter-spacing: 0; color: #0E1C29; margin: 0 0 10px;}
.solar-cameras-content p { font-weight: 400; font-size: 22px; line-height: 26px; letter-spacing: 0; color: #0E1C29;}
.solar-cameras-image img { width: 100%;}
.product-slider-section .container { position: relative;}
.product-swiper-button-prev, .product-swiper-button-next { background: #F6F6F6; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 4px; cursor: pointer;}
.product-swiper-slider-block{ position: relative;  padding: 0 0 0 10%;}
.product-slider-section .swiper-navigation { position: absolute; right: 0; top: -110px; width: 90px; gap: 10px; display: flex; justify-content: space-between;}



/* Project Section Css */
.real-project-section { padding: 50px 0;}
.project-title-block { padding: 0 0 60px;}
.case-study-feature-card { background-image: url("../images/customer-story-img.png"); background-size: cover; background-position: center; padding: 40px; position: relative; width: 100%; display: flex; flex-wrap: wrap;}
.case-study-left-colm { width: 36%;display: flex; flex-wrap: wrap;}
.case-study-right-colm { width: 64%;}
.case-study-feature-card::before, .case-study-result-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.study-feature-items { position: relative; display: flex; flex-wrap: wrap; align-content: space-between; width: 100%; max-width: 80%; gap:20px;}
.case-study-logo { padding: 0 0 20px; min-height: 56px;}
.study-feature-top-card p { font-size: 24px; line-height: 30px; color: var(--white-color);}
.study-btns-boxs a.secondary-btns { background: var(--white-color); color: var(--secondary-color); border-radius: 4px 4px 14px 4px;}
.case-study-result-card { position: relative;}

.study-result-items { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; padding: 40px; gap:20px;}
a.case-study-link { width: 48px; height: 48px; border: 1px solid #EAEAEA; justify-content: center;}
.study-result-items .study-result-description p { opacity: 0; visibility: hidden; font-size: 14px; color: var(--white-color);}
.case-study-result-top-box { width: 100%;}
.case-study-slide-image img{width: 100%;}

.open-conversation-block { padding: 60px 0 0;}
.open-conversation-content {gap: 20px; max-width: 600px;}
.open-conversation-content .conversation-users { width: 100px; min-width: 100px;}
.conversation-title { font-weight: 400; font-size: 28px; line-height: 30.8px; letter-spacing: -0.56px; font-family: var(--heading-font); color: var(--secondary-color); margin: 0 0 6px;}
.conversation-text p {font-family: var(--font-primary);}
.conversation-btn a.secondary-btns { border-radius: 4px 4px 14px 4px;}
.open-conversation-wrapper { gap: 20px;}

/* Partner Logo Section */

.partner-logo-section {padding: 50px 0; overflow: hidden;}
.partner-logo-section .logo-blocks { width: 220px; background: #F6F6F6; border-radius: 6px; min-height: 126px; padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.top-logos-slider { display: flex; gap: 30px; animation: 35s slide infinite linear;}
.top-logos-items { white-space: nowrap; position: relative; display: flex; gap: 30px;}
@keyframes slide{
  from{
    transform:translateX(0) ;
    
  }
  to{
    transform:translateX(-100%) ;
  
  }
}



/* Testimonial Section Css */

.testimonial-slider-section { padding: 50px 0;}
.testimonial-title-block { max-width: 900px; text-align: center; margin: 0 auto; width: 100%; padding: 0 0 60px;}


.testimonial-slider-block { background: var(--secondary-color); padding: 20px; border-radius: 6px; overflow: hidden; position: relative;}
.testimonial-slider-block::after { content: ""; position: absolute; right: -90px; top: -75px; width: 232px; height: 232px; border-radius: 50%; background: radial-gradient(48.4% 47.21% at 50% 50%, #611DFC 0%, #611DFC 25%, rgba(97, 29, 252, 0.8) 50%, rgba(97, 29, 252, 0.5) 60%, rgba(97, 29, 252, 0.1) 70%, rgba(97, 29, 252, 0.05) 80%, rgba(97, 29, 252, 0) 99.9%); filter: blur(20px); opacity: 1; transform: rotate(-10deg);}
.testimonial-slider-colm { width: 75%;padding: 0 30px 0 0;}
.testimonial-right-colm { width: 25%; display: flex; flex-wrap: wrap;}

.testimonial-card-items { min-height: 494px; background: #F6F6F6; border-radius: 6px; padding: 50px; display: flex; flex-direction: column; justify-content: space-between; gap:20px;}
.testimonials-content-boxs p { color: var(--secondary-color); font-family: var(--font-primary); font-weight: 500;}
.testimonials-star-icon { margin: 0 0 20px;}
.auhtor-title-text { font-weight: 400; font-size: 28px; line-height: 34px; letter-spacing: -0.56px; margin: 0 0 10px; color: var(--secondary-color);}
.auhtor-designation { font-family: var(--font-primary); font-weight: 500; font-size: 14px;line-height: 20px; letter-spacing: 0; color: var(--text-color);}

.testimonial-navigation { background: linear-gradient(90deg, #CBCBCB 0%, #484848 100%); display: flex; justify-content: space-between; margin: 20px 0 0; gap:20px;border-radius: 4px;}
.testimonial-prev, .testimonial-next { background: #F6F6F6; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 4px; cursor: pointer;}
.contact-support-info { display: flex; flex-wrap: wrap; width: 100%; align-content: space-between; padding: 0 0 100px; gap: 30px;}
.contac-support-title { font-weight: 400; font-size: 27px; line-height: 32px; letter-spacing: -0.56px; font-family: var(--heading-font); color: var(--white-color); margin: 0 0 20px;}
.contact-support-content p { color: var(--white-color);}
.contact-support-btns { padding: 50px 0 0;}
.contact-support-btns a.secondary-btns { background: var(--white-color); color: var(--secondary-color);}
.contact-support-icon, .contact-support-content { width: 100%;}


/* Blog Section Css */

.hm-blog-section { padding: 50px 0 100px;}
.brand-title-boxs { padding: 0 0 50px;}
.all-blog-btns {text-align: right;}
.all-blog-btns a.primary-btns {background: var(--secondary-color); gap: 20px;}
.all-blog-btns a.primary-btns .btn-icon { background: var(--primary-color);}

.blog-grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.blog-featured-image { position: relative; overflow: hidden; padding-top: 75%;}
.blog-featured-image img {position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.blog-info-content{ padding: 20px 0 0; gap: 20px;}
.blog-info-content .blog-post-title { font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: -0.56px; font-family: var(--heading-font); color: var(--black-color);}
.blog-cards-items .blog-post-title a{ color: var(--black-color); text-decoration: none;}
.blog-info-content .blog-date { white-space: nowrap; font-family: Apfel Grotezk; font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: -0.56px; color: #7A4AFC;}
.blog-featured-image::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(21, 21, 21, 0) 18.16%, #151515 100%);}



/* Footer Section Css */

.footer-section { background-image: url("../images/footer-back-bg.png"); background-size: cover; background-position: center;}
.footer-top-info { padding: 100px 0;}
.footer-grid-row { display: flex; flex-wrap: wrap;}
.footer-left-colm { width: 35%; padding: 0 30px 0 0;}
.footer-right-colm { width: 65%;}
.footer-menu-rows { display: flex; max-width: 75%;}
.footer-title { font-family: var(--heading-font);font-weight: 400; font-size: 27.7px; line-height: 32px; letter-spacing: -0.56px; padding: 0 0 30px; color: var(--white-color);}
.footer-links-list ul { column-count: 2; margin: 0; padding: 0; list-style: none; gap: 70px;}
.footer-links-list ul li { font-weight: 500; font-size: 18px; line-height: 22px; letter-spacing: 0; padding: 0 0 20px;}
.footer-contact-info { max-width: 250px; margin: 0 0 0 auto;}
.footer-links-list ul li a { color: #A7A3A2; text-decoration: none;}
.footer-contact-info ul.contact-info-list {display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none;}
.footer-contact-info ul.contact-info-list li, .footer-contact-info ul.contact-info-list li a{color: #A7A3A2;}
.footer-form-info { max-width: 400px;}
.newsletter-title { font-family: var(--heading-font); font-weight: 400; font-size: 27.7px; line-height: 32px; letter-spacing: -0.56px; padding: 0 0 30px; color: var(--white-color);}
.footer-form-info p { color: #A7A3A2;}

.footer-form-info form{ padding: 30px 0 0;}
.footer-form-info .input-group input[type="email"] { border: 1px solid rgba(92, 92, 92, 0.55); width: 100%; background: var(--secondary-color); padding: 10px 60px 10px 20px; border-radius: 6px !important; height: 60px; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0; color: #fff; outline: 0; box-shadow: 0 0 0 transparent;}
.footer-form-info .input-group { flex-wrap: wrap; position: relative;}
.footer-form-info .input-group .newsletter-btn { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; border: 0; box-shadow: 0 0 0 transparent; outline: 0; border-radius: 4px !important; background: var(--primary-color); z-index: 6;}
.footer-bottom-section { padding: 30px 0 80px; position: relative;}
.footer-bottom-section::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 2px; background-image: url("../images/footer-btm-line.svg");}
.footer-social-icon ul { display: flex; align-items: center; gap: 12px; list-style: none; margin: 0; padding: 0;}
.footer-social-icon ul li a { gap: 6px; text-decoration: none; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0; color: var(--white-color);}




/* Blog Page Css */

.blog-banner-section { background-image: url("../images/blog-banner-bg.png"); background-position: center; background-size: cover; text-align: center;   padding: 70px 0;}
.blog-banner-section h1 { font-size: 50px; line-height: 1.2; color: var(--white-color);}


.blog-tab-section { padding:60px 0 100px;}
.blog-tab-header-block {padding: 0 0 40px;}
.blog-tab-header-block .blog-header-container { max-width: 600px;}
.blog-tab-items { padding: 0 0 40px;}
.blog-result { font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0; font-family: var(--heading-font); color: var(--black-color);}
.blog-tab-items .blog-tab-list { gap: 20px;}
.blog-tab-list .nav-tabs { border: 0; box-shadow: 0 0 0 transparent; padding: 0; outline: 0; gap: 16px;}

.blog-tab-list .nav-tabs .nav-link { border: 1px solid rgba(92, 92, 92, 0.2);  border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; font-family: var(--text-primary); color: var(--secondary-color);  padding: 15px 20px;}
.blog-tab-list .nav-tabs .nav-link.active { background: var(--primary-color); border-color: var(--primary-color); color: var(--white-color);}
.blog-load-btns { text-align: center; padding: 60px 0 0;}
a.blog-load-more-btns { display: inline-block; background: var(--primary-color); color: var(--white-color); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; font-family: var(--font-primary); text-decoration: none; border-radius: 4px 4px 14px 4px; padding: 16px 25px;}


.policy-content-section { padding: 70px 0;}
.policy-content-section .container {max-width: 932px;}
.policy-content-section h1 { padding: 0 0 30px;}
.policy-content-section p, .policy-content-section ul li, .policy-content-section ol li { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.56px; color: var(--text-color); font-family: var(--heading-font);}
.policy-content-section h2 { font-size: 38px;line-height: 1.2; padding: 0 0 16px;}
.policy-content-section h3 { font-size: 30px;line-height: 1.2; padding: 0 0 16px;}
.policy-content-section p { margin: 0 0 35px;}
.policy-content-section ul, .policy-content-section ol { padding: 0 0 0 16px; margin: 0 0 35px;}

.policy-contact-info { text-align: center; padding: 20px 0 0;}
.policy-content-section .policy-contact-info h2 { font-family: var(--font-primary); font-weight: 500; font-size: 50px; line-height: 1; letter-spacing: 0; color: var(--primary-color); padding: 0 0 25px;}

.policy-contact-btns a { background: var(--black-color); color: var(--white-color); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; font-family: var(--font-primary); text-decoration: none; border-radius: 4px 4px 14px 4px; padding: 16px 22px; gap: 10px;}



/* Contact Us Page Css */

.contact-banner-section { background-image: url("../images/contact-banner-bg.png"); background-position: center; background-size: cover; padding: 70px 0;}
.contact-banner-section .contact-banner-info { max-width: 560px;}
.contact-banner-section h1 { color: var(--white-color);}
.contact-banner-section .hero-badge-text span { background: var(--white-color); font-family: var(--heading-font); font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: 0;}
.contact-banner-section .container, .contact-form-section .container { max-width: 1600px;}


.contact-form-section { padding: 0px 0 100px; background-image: url("../images/contact-pattern-bg.svg"); background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
.contact-grid-row { display: flex; flex-wrap: wrap;}

.contact-left-colm { width: 55%; padding: 50px 50px 0 0;}
.contact-info-wrapper { max-width: 90%;}
.contact-right-colm { width: 45%;}
.contact-form-boxs { max-width: 510px; border: 1px solid rgba(255,255,255,0.15); background: var(--secondary-color); border-radius: 6px; padding: 25px;   margin: -180px 0 0 auto;}
.contact-form-title { font-family: var(--heading-font); font-weight: 500; font-size: 32px; line-height: 38px; letter-spacing: -0.56px; color: var(--white-color); padding: 0 0 20px;}
.contact-form-rows { row-gap: 16px;}
.contact-form-wrapper .form-group input[type="text"], .contact-form-wrapper .form-group input[type="tel"], .contact-form-wrapper .form-group input[type="email"] { border-radius: 6px; height: 60px; background: transparent; border: 1px solid rgba(255,255,255,0.2); outline: 0; box-shadow: 0 0 0 transparent; color: var(--white-color); font-family: var(--text-primary); font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0;padding: 5px 15px;}
.contact-form-wrapper .form-group label { color: var(--white-color); font-family: var(--heading-font); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.56px;}
.contact-form-wrapper .form-group select { border-radius: 6px; height: 60px; background-color: transparent; border: 1px solid rgba(255,255,255,0.2); outline: 0; box-shadow: 0 0 0 transparent; color: var(--white-color); font-family: var(--text-primary); font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0; padding: 5px 15px; background-image:url("../images/select-arrow-icon.svg"); background-size: 12px; background-position: center right 15px; -webkit-appearance: none;}

.contact-form-wrapper .form-group textarea { border-radius: 6px; height: 166px; background: transparent; border: 1px solid rgba(255,255,255,0.2); outline: 0; box-shadow: 0 0 0 transparent; color: var(--white-color); font-family: var(--text-primary); font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0; padding: 5px 15px;}


.contact-services-wrapper { gap: 30px; padding:0 0 30px;}
.contact-sub-title { font-family: var(--heading-font); font-weight: 400; font-size: 20px; line-height: 24px; letter-spacing: -0.56px; color: var(--primary-color); padding: 0 0 12px;}
.contact-services-wrapper ul li { font-family: var(--heading-font); font-weight: 400; font-size: 20px; line-height: 25px; letter-spacing: 0; color: var(--black-color);}
.contact-business-block p { font-family: var(--heading-font); font-weight: 400; font-size: 20px; line-height: 25px;letter-spacing: 0; color: var(--black-color);}

.contact-details-list { border: 1px solid rgba(92,92,92,0.2);}
.contact-details-list .contact-detail-row { border-bottom: 1px solid rgba(92,92,92,0.2); padding: 14px 40px 14px 10px;}
.contact-details-list .contact-detail-row:last-child { border: 0;}
.contact-detail-label { font-family: var(--heading-font); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.56px; color: var(--black-color);}
.contact-right-txt, .contact-right-txt p { font-family: var(--heading-font); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0; color: var(--black-color);}
.contact-right-txt a { color: var(--primary-color); text-decoration: none;}

.form-policy-check { position: relative;}
.form-policy-check label::before { content: ""; position: absolute; top: 6px; left: 0; height: 18px; width: 18px; background-color: transparent; border: 1px solid var(--white-color); border-radius: 4px;}
.form-policy-check label{ padding: 0 0 0 30px;}
.form-policy-check label::after { content: ""; position: absolute; top: 9px; left: 7px; width: 5px; height: 10px; border-style: solid; border-width: 0 2px 2px 0; border-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; visibility: hidden;}
.form-policy-check input[type="checkbox"]:checked ~ .form-check-label::after { opacity: 1; visibility: visible;}
.form-policy-check input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; display: inline-flex; left: 0; margin: 0;}
.contact-privacy-text { color: var(--white-color); font-family: var(--heading-font); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.56px; padding: 20px 0 0;}
.contact-privacy-text a{color: var(--primary-color); text-decoration:none;}

.contact-quote-form .form-submit-btns button { background: var(--primary-color); color: var(--white-color); font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0; font-family: var(--font-primary); text-decoration: none; border-radius: 4px 4px 14px 4px; padding: 15px 10px; position: relative; width: 100%;}
.contact-quote-form .form-submit-btns button .contact-btn-icon { width: 40px; height: 40px; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: var(--white-color); position: absolute; right: 6px; top: 6px;}


/* Single Blog Page Css */

.single-blog-hero-section {padding: 60px 0 0;}
.blog-single-title-boxs .blog-blog-title { max-width: 690px; margin: 0 auto; width: 100%; text-align: center;}
.blog-single-title-boxs { padding: 0 0 30px;}
.blog-blog-title h1 { font-size: 40px; line-height: 1.2; padding: 0 0 20px; letter-spacing:-0.56px; color: var(--black-color);}
.blog-meta-list { gap: 15px 60px;}
.blog-meta-list .blog-meta-item { gap: 10px;}
.blog-meta-item .blog-meta-value { font-weight: 400; font-size: 20px; line-height: 24px; letter-spacing: -0.56px; color: var(--black-color); font-family: var(--heading-font);}
.blog-single-featured-image img { width: 100%;}


.single-blog-content-section { padding: 50px 0;}
.single-blog-content-wrapper { display: flex; flex-wrap: wrap;}
.single-blog-content-colm { width: calc(100% - 430px); padding: 0 50px 0 0px;}
.blog-sidebar-colm { width: 430px;}


.latest-blog-list { background-image: url("../images/sidebar-bg.png"); background-position: center; background-size: cover; padding: 25px; border: 1px solid rgba(92,92,92,0.2);}
.latest-blog-list .latest-blog-card { margin: 0 0 20px;}
.latest-blog-list .latest-blog-card:last-child { margin: 0px;}
.latest-blog-header { padding: 0 0 25px;}
.latest-blog-header h3 { text-align: center; font-family: var(--heading-font); font-weight: 400; font-size: 31px; line-height: 1.2; letter-spacing: -0.56px; color: var(--primary-color);}

.blog-main-content .blog-content-block { padding: 0 0 50px;}
.blog-main-content p, .blog-main-content ul li, .blog-main-content ol li { font-family: var(--heading-font); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.56px;}
.blog-main-content h2 { font-family: var(--heading-font); font-weight: 400; font-size: 38px; line-height: 1.2; letter-spacing: -0.56px; color: var(--black-color); margin: 0 0 20px;}
.single-blog-content-image { margin: 0 0 50px;}
.blog-main-content p { margin: 0 0 20px;}
.blog-main-content p:last-of-type { margin: 0px;}
.blog-main-content img { border-radius: 6px;}
.blog-main-content a{color: var(--primary-color); text-decoration: none;}


.blog-site-content-block { background-image: url("../images/single-blog-patter-bg.png"); background-position: center; background-repeat: no-repeat; background-size: contain;}
.blog-main-content .blog-content-block:last-child { padding: 0;}
.single-blog-project-section { border-top: 1px solid rgba(92,92,92,0.2); padding-bottom: 100px;}


/* About Us Page Css */

.about-banner-section { background-image: url("../images/about-back-bg.png"); background-position: center; background-size: cover; padding: 170px 0 30px;}
.about-header-block {text-align: center; padding: 0 0 90px;}
.about-banner-section .hero-badge-text span { background: var(--white-color);}
.about-hero-location-text { font-family: var(--text-primary); font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0; color: var(--secondary-color);}
.about-hero-coordinate-text { font-family: var(--text-primary); font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0;color: var(--secondary-color);}
.about-hero-scroll-text a { font-family: var(--text-primary); font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0; text-align: center; vertical-align: middle; text-transform: uppercase; display: inline-block; color: var(--text-color); text-decoration: none;}


.about-company-wrapper { display: flex; flex-wrap: wrap;}
.about-company-image-box { position: relative;width: 50%; display: flex;}
.about-company-image-box::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(147.75deg, rgba(0, 0, 0, 0.47) 11.52%, rgba(0, 0, 0, 0) 80.66%);}
.about-company-title { position: absolute; left: 0; top: 0; padding: 30px;}
.about-company-title h2 { color: var(--white-color);}

.about-company-content { background: linear-gradient(180deg, #2E0076 0%, #611DFC 100%); padding: 50px 60px 0; position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; width: 50%; overflow: hidden;}
.about-company-description { padding: 0 0 30px;}
.about-company-description p { color: var(--white-color); font-family: var(--heading-font); font-weight: 400; font-size: 20px; line-height: 26px; letter-spacing: 0;}
.about-company-actions { gap: 30px;}
.about-company-actions a.secondary-btns { background: var(--white-color); font-family: var(--text-primary); font-weight: 500; color: var(--secondary-color);}
.about-company-actions a.pdf-links { color: var(--white-color);}
.about-company-actions a.pdf-links .pdf-icon img{ filter: brightness(0) invert(1);}
.about-company-bg-text { color: rgba(255,255,255,0.3); letter-spacing: -0.02em; font-family: var(--heading-font); font-size: 17vw; line-height: 1; white-space: nowrap;}
.about-company-image { display: flex; width: 100%;}
.about-company-image img { object-fit: cover;}

.founder-journey-section { padding: 100px 0; background-image: url("../images/founder-pattern-bg.png"); background-size: auto; background-position: center;}
.founders-wrapper-row { display: grid; grid-template-columns: repeat(2,1fr); gap: 70px;}
.founder-header-block { padding: 0 0 40px;}
.founder-card-items .founder-image {width: 45%;}
.founder-card-items .founder-content { width: 55%; padding: 0 0 0 20px;}


.founder-info { width: 100%; padding: 0 0 20px;}
.founder-info .founder-name { font-family: var(--heading-font); font-weight: 400; font-size: 24px; line-height: 28px; letter-spacing: 0; color: var(--primary-color); padding: 0 0 5px;}
.founder-info .founder-role { font-family: var(--heading-font); font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0; color: var(--black-color);}
.founder-card-items .founder-content p { font-size: 16px; line-height: 22px;}
.founder-header-block h2 { text-align: center;}





.goals-left-colm { width: 26%; display: flex; flex-wrap: wrap;}
.goals-right-colm { width: 74%; padding: 0 0 0 30px;}

.goals-tab-content-info .accordion-body { background: var(--white-color); border: 1px solid rgba(92,92,92,0.2); padding: 30px; border-radius: 6px; box-shadow: 0 0 0 transparent; outline: 0;}


.tab-goals-section { padding: 60px 0; position: relative; background-image: url("../images/goal-pattern-bg.png"); background-position: center; background-size: contain;}
.tab-goals-section::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; background-image: url("../images/goal-back-bg.gif"); background-position: center; opacity: 0.06;}
.tab-goals-section .container { position: relative;}

.our-goal-image-colm{ width: 45%;}
.our-goal-content-colm { width: 55%; padding: 0 0 0 30px; display: flex; flex-wrap: wrap;}
.our-goal-content-boxs { display: flex; flex-wrap: wrap; align-content: space-between; gap: 20px; width: 100%;}
.goal-tab-list-info { display: flex; flex-wrap: wrap; align-content: space-between; padding: 0 0 50px; gap: 20px;}
.goal-tab-title-boxs, .goal-tab-list-info .industry-tab-menu, .our-goal-content-boxs .industry-content-boxs, .our-goal-content-boxs .industry-feature-row { width: 100%;}
.industry-tab-menu ul.nav-tabs  { border: 0;}
.goal-tab-title-boxs .hero-badge-text span { background-color: var(--white-color);}
.goal-tab-title-boxs h2 { padding: 20px 0 0;}
.our-goal-image-block img {border-radius: 6px;}


.our-clients-section { padding: 100px 0 60px;}
.client-header-block {padding: 0 0 50px;}
.our-clients-logo { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px;}
.client-logo-item { text-align: center; background: #F6F6F6; border-radius: 6px; min-height: 126px; padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.our-clients-logo-wrapper { padding: 0 5% 40px;}
.client-award-boxs { border-top: 1px solid #D1D1D1; padding: 30px 0 0;}
.award-title-block { font-family: var(--text-primary); font-weight: 600; font-size: 28px; line-height: 32px; letter-spacing: -0.56px; max-width: 390px; color: var(--secondary-color);}
.award-logo-block { gap: 20px; justify-content: flex-end;}





.about-journey-section { padding: 50px 0;}
.about-journey-title { font-weight: 400; font-size: 38px; line-height: 42px; letter-spacing: -1.53px; color: var(--secondary-color); font-family: var(--heading-font);}
.about-journey-wrapper { display: flex; flex-wrap: wrap;}
.about-journey-wrapper .about-journey-left { width: 430px; padding: 0 30px 0 0px;}
.about-journey-right { width: calc(100% - 430px);}

.journey-timeline-wrapper { position: relative; padding: 0 0 0 70px;display: flex; flex-direction: column; gap: 20px;}

.journey-timeline-wrapper .timeline-line { position: absolute; left: 20px; top: 0px; bottom: 0px; width: 3px; background: #A7A3A2;}
.journey-timeline-wrapper .timeline-number { position: absolute; left: 0; width: 40px; height: 40px; background: #A7A3A2; border-radius: 4px; display: inline-flex; justify-content: center; align-items: center; font-family: var(--heading-font); font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: 0; color: var(--white-color);}
.about-journey-wrapper .timeline-item { padding: 20px 0;}
.timeline-item .timeline-content h3 { font-family: var(--heading-font); font-weight: 400; font-size: 28px; line-height: 32px; letter-spacing: -0.56px; color: #A7A3A2; padding: 0 0 10px;}
.timeline-item .timeline-content p { font-family: var(--font-primary); font-weight: 500; letter-spacing: 0;}
.timeline-item .about-timeline-features { display: flex; flex-wrap: wrap; gap: 10px 50px; padding: 30px 0px 0;}
.about-journey-header-block {top: 90px;}
.about-feature-title { font-family: BDO Grotesk; font-weight: 800; font-size: 13px; line-height: 16px; letter-spacing: 0; text-transform: uppercase; color: var(--black-color); margin: 0 0 2px;}
.about-short-description-txt { font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: 0px; text-transform: capitalize; color: var(--black-color);}

.timeline-item.active .timeline-number { background: var(--primary-color);}

.timeline-progress{ position:absolute; top:0; left:0; width:100%;  height:0; background:var(--primary-color);transition:height .4s ease;}
.timeline-item.active .timeline-content h3{color:var(--primary-color);}



.about-video-section { padding: 50px 0 80px;}
.about-video-wrapper { position: relative; overflow: hidden; border-radius: 20px;}
.about-video-items { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;}
.about-video-wrapper::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background-image: url("../images/video-background-bg.png"); background-position: center; background-size: cover; z-index: 1;}
.about-video-content-info { position: relative; z-index: 1; padding: 200px 70px 70px;}
.about-video-banner-counter { text-align: right;}
.video-banner-number { font-family: var(--text-primary); font-weight: bold; font-size: 38px; line-height: 42px; letter-spacing: 0%; color: var(--white-color);}
.about-video-banner-counter p { font-family: var(--heading-font); color: var(--white-color);}
.video-banner-title { font-family: var(--text-primary); font-weight: 600; font-size: 42px; line-height: 50px; letter-spacing: 0%; color: var(--white-color); max-width: 530px; padding: 0 0 0 22px; position: relative;}
.video-banner-title::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 100px; background: var(--primary-color);}
.about-video-top-content .about-video-btns { padding: 30px 0 0;}
.about-video-top-content { padding: 0px 0 80px;}
.about-video-items img { height: 100%; overflow: hidden;}



/* Responsive Css */

@media(max-width:1700px){
	
.contact-banner-section .container, .contact-form-section .container{ max-width:90%;}	
	
}


@media(max-width:1600px){
	
.footer-menu-rows { display: flex; max-width:750px;}
	
}


@media(max-width:1440px){
.product-feature-blocks {max-width: 100%; margin: 0;}	
h1, .about-company-title h2{ font-size: 60px;}
.banner-description-text { max-width: 100%; margin: 0;}
.banner-title-blocks { max-width: 90%;}
.feature-card-items { max-width: 90%;}
.who-we-are-content h2 { max-width: 100%;}
h2{font-size: 50px; line-height: 56px; letter-spacing: -2px;}
.who-we-bg-blocks{  padding: 100px 0;}
.product-card-content { max-width: 90%;}
.security-cta-content-info p{font-size: 22px; line-height: 28px;}
.case-study-feature-card { padding: 30px;}
.study-feature-top-card p { font-size: 18px; line-height: 26px;}
.study-result-items { padding: 30px 20px;}
a.case-study-link { width: 40px; height: 40px;}
.footer-menu-rows{max-width: 650px; margin: 0 0 0 auto;}

.contact-info-wrapper {max-width:100%;}	

.single-blog-content-colm { width: calc(100% - 350px); padding: 0 40px 0 0px;}
.blog-sidebar-colm { width: 350px;}	
.latest-blog-list{ padding: 20px;}	
.about-banner-section{ padding: 100px 0 30px;}
.about-header-block { padding: 0 0 50px;}

	
}


@media(max-width:1199px){
	
.header-menu ul.navbar-nav { gap: 10px;}	
 h1, .about-company-title h2 {font-size: 50px;}
.banner-top-block{ padding: 60px 0 80px;}
body, p{font-size: 16px;line-height: 24px;}
.hero-banner-section { padding: 0 0px 60px;}	
.banner-title-blocks { max-width: 100%;}
.feature-card-items { max-width: 100%;}
.banner-feature-cards { padding: 30px;}
.who-we-are-content { max-width: 100%;}
.who-we-bg-blocks{  padding: 60px 0;}
h2 { font-size: 40px; line-height: 46px; letter-spacing: -1px;}
a.pdf-links{font-size: 16px;}
.about-step-value{ font-size: 50px; line-height: 1; margin: 0 0 10px;}
.step-block-content{ max-width: 250px;}
.about-step-items .about-step-icon img{ max-width: 60px;}	
.who-we-step-block{ padding: 60px 0 0;}	
.product-feature-content ul li{font-size: 16px;}
.product-solution-items{ padding: 30px 20px;}
.product-solution-title{ font-size: 24px; line-height: 28px;}
.product-card-content {max-width: 100%;}
.our-product-section { padding: 60px 0 30px;}	
.product-solution-boxs{ padding: 40px 0 0;}	
.security-cta-content-info p{font-size: 18px; line-height: 24px;}

.manufacture-section { padding: 60px 0 30px;}
.manufacture-listing-block{padding: 30px 0 0;}
.manufacture-title-block { max-width: 100%; margin: 0;}
.picture-section { padding: 30px 0;}
.picture-grid-row{gap: 30px 20px;}
.picture-title-block { padding: 0 0 40px;}	
h3{ font-size: 30px; line-height: 36px;}
.picture-description-txt { max-width: 100%; margin: 0;}
.download-brochure-row { padding: 40px 0 0; gap: 20px;}
a.primary-btns{  gap: 20px;}
.building-content-info { padding: 30px;}	
.building-section { padding: 30px 0 190px;}	
.hm-process-items { padding: 30px 20px;}

.process-grid-row .process-step-one { margin: -130px 0 0px;}
.process-grid-row .process-step-two { margin: -80px 0 0;}
.process-grid-row .process-step-three { margin: -30px 0 0;}
.hm-process-grid-row-section { padding: 50px 0 0; margin: -30px 0 0;}
.process-monitoring-text{ font-size: 20px; line-height: 26px;}	
.industry-tab-section{margin: -170px 0 0; padding: 270px 0 60px;}	

.industry-top-left-img {width: 15%;}	
.industry-top-right-img { width: 10%;}	
.industry-feature-items:nth-child(2n){  padding: 0 0 0 20px;}
.tab-left-colm { width: 100%;  padding: 0 0 40px;}
.industry-tab-menu li { width: inherit;}
.industry-top-block{ padding: 0 0 30px;}
.industry-tab-menu .nav-tabs .nav-link { border-width: 0 0 3px; font-size: 20px; line-height: 24px; letter-spacing: 0; padding: 12px 20px;}
.tab-right-colm { width: 100%; padding: 0;}
.product-swiper-slider-block{ padding: 0 0 0 5%;}
.product-slider-title-blocks { max-width: 600px; padding: 0 0 30px;}
.product-slider-section .swiper-navigation{top: -80px;}
.product-slider-section { padding: 50px 0 30px;}	
.solar-cameras-title{ font-size: 24px; line-height: 28px; margin: 0 0 5px;}	
.solar-cameras-content p{ font-size: 18px;}	
.study-feature-items { max-width: 100%;}
.real-project-section {padding: 30px 0;}
.project-title-block { padding: 0 0 30px;}	
.partner-logo-section { padding: 30px 0;}	
.partner-logo-section .logo-blocks{min-height: 100px; width: 180px;}	
.testimonial-slider-section { padding: 30px 0;}	
.testimonial-title-block{ padding: 0 0 30px;}	
.testimonial-card-items{padding: 40px 30px; min-height: 450px;}	
.auhtor-title-text, .contac-support-title{ font-size: 24px; line-height: 28px;}	
.hm-blog-section { padding: 30px 0 60px;}	

.footer-links-list ul li{font-size: 16px; padding: 0 0 15px; line-height: 20px;}
.footer-links-list ul{ gap: 50px}
.footer-top-info { padding: 60px 0;}
.newsletter-title, .footer-title{ font-size: 24px; padding: 0 0 20px; line-height: 28px;}
.footer-menu-rows{ max-width: 570px;}
.footer-logo img { width: 100%; max-width: 450px;}
.footer-bottom-section { padding: 30px 0 50px;}
.open-conversation-block { padding: 40px 0 0;}


.blog-tab-section { padding: 50px 0 60px;}
.blog-banner-section h1 { font-size: 40px;}
.blog-load-btns { padding: 40px 0 0;}
.policy-content-section h2{ font-size: 30px; padding: 0 0 10px;}
.policy-content-section h3{ font-size: 26px; padding: 0 0 10px;}
.policy-content-section p { margin: 0 0 20px;}
.policy-content-section ul, .policy-content-section ol { margin: 0 0 20px;}
.policy-content-section .policy-contact-info h2{ font-size: 40px;}	
.policy-content-section { padding: 60px 0;}	

.contact-banner-section .container, .contact-form-section .container { max-width: 96%;}
.contact-banner-section .contact-banner-info { max-width: 450px;}	
.contact-form-boxs{  margin: -150px 0 0 0; max-width:100%;}	
.contact-form-section { padding: 0px 0 60px;}	
.contact-services-wrapper ul li, .contact-business-block p {font-size: 18px; line-height: 24px;}


.blog-main-content h2{ font-size: 30px;}
.blog-blog-title h1 { font-size: 36px;}
.single-blog-content-section { padding: 50px 0;}
.latest-blog-header h3{ font-size: 30px;}
.single-blog-project-section { padding: 50px 0px;}
.video-banner-title{font-size: 36px; line-height: 1.2; max-width: 450px;}
.about-video-content-info{ padding: 130px 50px 50px;}
.about-video-section { padding: 30px 0px 50px;}
.about-journey-title{font-size: 30px; line-height: 1.2;}
.about-journey-section { padding: 30px 0;}
.journey-timeline-wrapper{padding: 0 0 0 50px;}
.about-journey-title{font-size: 28px;}
.about-journey-wrapper .about-journey-left { width: 40%; padding: 0 20px 0 0px;}
.about-journey-right { width: 60%;}
.timeline-item .timeline-content h3{font-size: 24px; line-height: 28px;}	
.journey-timeline-wrapper .timeline-number{width: 36px; height: 36px;}	
.journey-timeline-wrapper .timeline-line{left: 17px;}	
.timeline-item .about-timeline-features{  gap: 10px 20px;}
.award-title-block{font-size: 24px; line-height: 28px;}
.our-clients-section { padding: 50px 0 30px;}
.our-clients-logo-wrapper { padding: 0 0 40px;}	
.our-clients-logo{  gap: 12px;}	
.client-header-block { padding: 0 0 30px;}
.goals-left-colm { width: 100%;}
.goals-right-colm { width: 100%; padding: 0;}
.goal-tab-title-boxs h2 { padding: 0;}
.goal-tab-title-boxs { text-align: center;}
.tab-goals-section { padding: 50px 0;}
.goals-tab-content-info .accordion-body { padding: 20px;}
.founders-wrapper-row{ gap: 40px;}
.founder-journey-section { padding: 50px 0px;}

.about-company-content{ gap: 20px; padding: 30px 30px 0;}
.about-company-description p{font-size: 18px; line-height: 24px;}
.about-header-block{ padding: 0 0 50px;}


	
	
}


@media(max-width:991px){
.container { max-width: 100%;}	
.header-section{ padding: 20px 10px;}
.header-grid-block { display: flex; justify-content: space-between; gap: 20px;}
.header-grid-block  .header-menu { display: flex; align-items: center; gap: 20px;}
.header-section .header-menu .navbar-toggler-icon { background-image: url(../images/menu-icon.svg); width: 40px; height: 29px; padding: 0; background-size: 40px; display: flex; align-items: center;}
.header-section .header-menu button[aria-expanded="true"] .navbar-toggler-icon { background-image: url(../images/close-icon.svg); height: 29px; background-size: 29px;} a.get-quote-btns{padding: 6px 6px 6px 20px;}	
.header-section .header-menu .navbar-toggler { padding: 0; outline: 0; box-shadow: 0 0 0 transparent; border: 0;}
.header-menu-section { padding: 0px 0; position: fixed; left: 0; right: 0;  top: 92px; background:var(--secondary-color); width: 100%; z-index: 1021;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; overflow-y: auto; height: calc(100% - 92px); border-top: 3px solid var(--primary-color);}
 
.header-menu ul.navbar-nav li a { border-bottom: 1px solid rgba(255,255,255,0.3); padding: 10px 30px 16px !important; font-size: 18px; line-height: 28px; color: var(--white-color);}
.header-menu .header-menu-section ul li a.active { color: var(--primary-color);}
.header-menu .header-menu-section ul li a.active::before { top: 23px; left: 16px;}  
 
 
h1, .about-company-title h2 { font-size: 36px;} 
a.secondary-btns{padding: 6px 6px 6px 20px;} 
.banner-top-block { padding: 50px 0 60px;}
.hero-banner-section { padding: 0 10px 60px;}	
.banner-feature-cards { padding: 25px 20px;}
 h2 {font-size: 36px; line-height: 42px;letter-spacing: 0;}
.who-we-are-section {padding: 0 10px;}
.about-step-items .about-step-icon img { max-width: 40px;}
.about-step-txt{font-size: 14px; line-height: 20px; margin: 0 0 10px;}
.about-step-value { font-size: 36px;}
.about-step-level{ font-size: 14px; margin: 0 0 10px;line-height: 20px;}
.product-solution-items {grid-template-columns: 1fr;}
.features-title{padding: 0 0 20px;}
.our-product-section { padding: 60px 10px 30px;}
.security-cta-content-info p{ font-size: 16px; line-height: 24px;}
.security-cta-section .cta-image-block { max-width: 100%;}

.list-left-colm { padding: 0px 20px 0 0px;}
.list-right-colm { padding: 0 0px 0 20px;}
.list-left-colm, .list-right-colm { width: 32%;}
.list-center-colm { width: 36%;}
.manufacture-list-items { min-height: 70px; max-width:100%;}
.manufacture-list-items .manufacture-icon { width: 40px; min-width: 40px;}
.manufacture-section { padding: 60px 10px 30px;}
.picture-section { padding: 30px 10px;}
.picture-grid-row { grid-template-columns: repeat(3, 1fr);}
h3 {font-size: 24px; line-height: 28px;}
a.primary-btns{padding: 6px 6px 6px 20px;}
.security-cta-section{  padding: 50px 10px;}
.building-section { padding: 30px 0px 190px 0px;}
.building-content-info { padding: 30px 20px;}
.process-content-info .process-heading-txt { font-size: 18px; line-height: 24px;}
.hm-process-items { padding: 20px 16px;}
.process-monitoring-text {font-size: 18px;line-height: 24px;}
.industry-tab-content-info .accordion-body{ padding: 20px;}
.industry-tab-section { margin: -190px 0 0; padding: 270px 10px 60px;}
 
.product-swiper-slider-block { padding: 0;}
.product-slider-section { padding: 60px 10px 30px;}
.product-slider-title-blocks { max-width: 100%; padding: 0 110px 30px 0;}
.product-swiper-button-prev, .product-swiper-button-next{ width: 36px; height: 36px;}
.product-slider-section .swiper-navigation{ width: 82px;}
.study-feature-top-card p { font-size: 16px; line-height: 24px;}
.study-result-items { padding: 20px;}
.project-title-block {padding: 0 0 30px;}
.real-project-section { padding: 30px 10px;}


.testimonial-right-colm { width: 32%;}
.testimonial-slider-colm {width: 68%; padding: 0 25px 0 0;}
.testimonial-slider-section { padding: 30px 10px;}
.auhtor-title-text { font-size: 20px; line-height: 24px; margin: 0 0 5px;}
.testimonial-card-items { padding: 30px 20px; min-height: 430px;}

.blog-grid-container { grid-template-columns: repeat(2, 1fr); gap: 30px 20px;}
.hm-blog-section { padding: 30px 10px 60px;}

.footer-left-colm { width: 100%; padding: 0 0 40px;}
.footer-top-info { padding: 60px 10px;}
.footer-bottom-section { padding: 30px 10px 50px;}
.footer-logo img {max-width: 350px;}
.footer-right-colm { width: 100%;}
.footer-menu-rows { max-width: 100%; margin: 0;}
.footer-form-info {max-width: 100%;}

.open-conversation-content { max-width: 500px;}
.open-conversation-content .conversation-users { width: 80px; min-width: 80px;}
.conversation-title { font-size: 24px; line-height: 28px;}
.blog-tab-list .nav-tabs .nav-link{ padding: 12px 16px;}
.blog-tab-header-block { padding: 0 0 30px;}
.blog-tab-section { padding: 50px 10px 60px;}

.policy-content-section .policy-contact-info h2{ font-size: 36px;}	
.policy-content-section { padding: 40px 10px 60px;}	
.contact-form-boxs {margin: 0;}
.contact-banner-section .container, .contact-form-section .container { max-width: 100%; }
.contact-banner-section{padding: 50px 10px;}
.contact-banner-section .contact-banner-info { max-width: 100%;}
.contact-left-colm { padding: 0px 30px 0 0;}
.contact-form-section {padding: 60px 10px;}

.single-blog-hero-section { padding: 50px 10px 0;}
.single-blog-content-section {padding: 50px 10px;}
.single-blog-content-colm { width: 100%; padding: 0 0 40px;}
.blog-main-content .blog-content-block {padding: 0 0 30px;}

.single-blog-content-image { margin: 0 0 30px;}
.blog-sidebar-colm { width: 100%;}
.single-blog-project-section { padding: 50px 0px;}

.about-video-content-info { padding: 80px 30px 50px;}
.video-banner-title { font-size: 30px; line-height: 1.2; max-width: 380px;}
.about-video-top-content { padding: 0px 0 30px;}
.video-banner-number{font-size: 30px; line-height: 1.2;}
.about-video-section { padding: 30px 10px 50px;}
.about-journey-section { padding: 30px 10px;}
.our-clients-section { padding: 50px 10px 30px;}

.tab-goals-section .industry-tab-menu .nav-tabs .nav-link {  border-width: 0 0 3px; font-size: 18px; line-height: 24px; letter-spacing: 0; padding: 10px 8px; border-width: 0 0 2px;}
.goal-tab-list-info{  padding: 0 0 30px;}
.tab-goals-section { padding: 50px 10px;}

.founders-wrapper-row { grid-template-columns: repeat(1,1fr);}
.founder-journey-section { padding: 50px 10px;}
.about-company-section { padding: 0 10px;}
.about-banner-section { padding: 80px 10px 30px;}




}



@media(max-width:767px){
	
.header-section { padding: 23px 10px;}	
h1, .about-company-title h2 { font-size: 30px;}
.banner-title-blocks { padding: 0 0 25px;}	
body, p { font-size: 15px; line-height: 22px;}
.picture-title-heading, .picture-Griditems p{  font-size: 15px;}	
a.secondary-btns, a.primary-btns{font-size: 15px;}
.banner-feature-cards { border-style: solid; border-width: 0 0 1px; border-color: rgba(92,92,92,0.2); padding: 30px 20px;}
.banner-feature-cards:last-child{ border:0px;}
.banner-top-block { padding: 50px 0;}
h2 { font-size: 30px;line-height: 36px;}
.who-we-step-block { grid-template-columns: repeat(2, 1fr); gap:0px;}
.about-step-items:nth-child(2) { order: 3;grid-column: 1 / -1;  max-width: 300px;  margin: 0 auto;}
.about-step-items .about-step-icon img { max-width: 60px;}
.about-step-level{ font-size: 16px; line-height: 24px; margin: 0 0 16px;} 
.about-step-value { font-size: 40px; margin: 0 0 15px;}
.about-step-txt { font-size: 16px; line-height: 24px; margin: 0 0 16px;}

.product-image-colm { width: 100%;}
.product-content-colm { width: 100%; padding: 20px 0 0;}
.features-title{padding: 0 0 16px;}
.product-feature-content ul li { font-size: 15px;}
.product-solution-items { padding: 30px 0px;}

h2 br { display: none;}
.our-product-section .products-btns { text-align: left; padding: 25px 0 0;}
a.secondary-btns .btn-icon, a.primary-btns .btn-icon { width: 36px; height: 36px;}	
.security-cta-content-info { padding: 30px 0 0;}	
.security-cta-content-info h2{padding: 0px 0 20px;}
.manufacture-title-block { text-align: left;}
.list-left-colm, .list-right-colm { width: 100%; }
.list-left-colm { padding: 0 0 40px;}
.list-center-colm { width: 100%;}	
.list-right-colm { padding: 40px 0 0;}
.picture-grid-row { grid-template-columns: repeat(2, 1fr);}
a.pdf-links { font-size: 15px;}
.building-section { padding: 30px 0px 60px 0px;}
.process-grid-row { grid-template-columns: repeat(1, 1fr); gap: 20px;}
.hm-process-grid-row-section { padding: 50px 20px; margin: 0;}
.process-grid-row .process-step-one {margin: 0; }
.process-grid-row .process-step-two { margin: 0;}
.process-grid-row .process-step-three { margin: 0;}
.industry-tab-section { margin: 0;padding: 60px 10px;}
.industry-top-image-block {display: none;}
.industry-top-block{ padding: 0 0 20px;}
.industry-tab-menu .nav-tabs .nav-link{padding: 8px 15px; font-size: 20px; line-height: 24px; border-width: 0 0 2px;}
.industry-image-colm {width: 100%;}
.industry-content-colm { width: 100%; padding: 40px 0 0;}
.industry-btm-image-block { display: none !important;}
.case-study-left-colm, .case-study-slide-image, .case-study-right-colm { width: 100%;}

.testimonial-slider-colm { width: 100%; padding: 0 0 40px;}
.testimonial-right-colm { width: 100%;}
.testimonial-card-items {min-height: 350px;}
.contact-support-btns { padding: 30px 0 0;}
.contact-support-info{  padding: 0;} 
.blog-grid-container { grid-template-columns: repeat(1, 1fr); gap: 30px;} 
.all-blog-btns { text-align: center; padding: 40px 0 0;}


.footer-menu-rows { flex-direction: column; gap: 40px;}
.footer-contact-info { max-width: 250px; margin: 0;}
.footer-social-boxs { flex-direction: column;gap: 20px;} 
.footer-logo { text-align: center;} 
.footer-social-icon ul {justify-content: center;}
.footer-logo img { max-width: 300px;} 
.open-conversation-wrapper { gap: 30px;}  
.blog-banner-section h1 { font-size: 30px; }
 .blog-banner-section{ padding: 50px 0} 
 
.policy-content-section .policy-contact-info h2{ font-size: 30px;}
.policy-content-section h2 { font-size: 28px;}
.policy-content-section h3 { font-size: 26px;}
.policy-content-section h1 { padding: 0 0 20px;} 
.contact-left-colm { width: 100%; padding: 0 0 40px;} 
.contact-right-colm { width: 100%;}
 
.blog-blog-title h1 { font-size: 30px;}
.blog-meta-item .blog-meta-value{ font-size: 18px;}
.blog-meta-list {gap: 10px 25px;}
.blog-main-content h2 { font-size: 26px;} 
 

.video-banner-title { font-size: 26px;}
.about-video-content-info { padding: 60px 20px 40px; }
.about-journey-wrapper .about-journey-left { width: 100%; padding: 0 0 30px;}
.about-journey-right { width: 100%;}
.about-journey-title br { display: none;}
.award-title-block { max-width: 100%; padding: 0 0 30px;}
.award-logo-block {justify-content: flex-start;}
.our-clients-logo{ grid-template-columns: repeat(2, 1fr);}

.our-goal-image-colm { width: 100%;}
.our-goal-content-colm{padding: 30px 0 0; width: 100%;}
.our-goal-content-boxs{ gap: 0px;}
.tab-goals-section .industry-tab-menu .nav-tabs .nav-link{font-size: 17px; line-height: 24px; padding: 10px 4px;} 
.founder-header-block { padding: 0 0 30px; text-align: center;}
.about-company-image-box { width: 100%;}
.about-company-content { width: 100%;padding: 30px 20px 0;}
.about-company-title{ padding: 30px 20px;}
.about-company-bg-text{  font-size: 26vw;}
.about-hero-scroll-text { width: 100%; order: 3; text-align: center;} 
.about-hero-location-text, .about-hero-coordinate-text { width: 100%; text-align: center;}
.about-hero-scroll { gap: 16px;}
  
}


@media(max-width:500px){
	
.picture-grid-row { grid-template-columns: repeat(1, 1fr);}	
.picture-title-heading{  font-size: 15px;}	
.founder-card-items .founder-image{  width: 100%;}	
.founder-card-items .founder-content { width: 100%; padding: 30px 0 0;}	
	
}