.elementor-3089 .elementor-element.elementor-element-f0b3181{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;}.elementor-3089 .elementor-element.elementor-element-f0b3181:not(.elementor-motion-effects-element-type-background), .elementor-3089 .elementor-element.elementor-element-f0b3181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stringsolutions.co.in/wp-content/uploads/2026/05/colleagues-giving-fist-bump-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3089 .elementor-element.elementor-element-f0b3181::before, .elementor-3089 .elementor-element.elementor-element-f0b3181 > .elementor-background-video-container::before, .elementor-3089 .elementor-element.elementor-element-f0b3181 > .e-con-inner > .elementor-background-video-container::before, .elementor-3089 .elementor-element.elementor-element-f0b3181 > .elementor-background-slideshow::before, .elementor-3089 .elementor-element.elementor-element-f0b3181 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3089 .elementor-element.elementor-element-f0b3181 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-3089 .elementor-element.elementor-element-b17abf7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3089 .elementor-element.elementor-element-b17abf7.e-con{--align-self:center;}.elementor-3089 .elementor-element.elementor-element-6878345{text-align:center;}.elementor-3089 .elementor-element.elementor-element-6878345 .elementor-heading-title{color:#FFFFFF;}.elementor-3089 .elementor-element.elementor-element-9341fe9{text-align:center;}.elementor-3089 .elementor-element.elementor-element-9341fe9 .elementor-heading-title{color:#FFFFFF;}.elementor-3089 .elementor-element.elementor-element-4d0a0ea .elementor-button{fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );}.elementor-3089 .elementor-element.elementor-element-b4d6f6d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3089 .elementor-element.elementor-element-c7106c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3089 .elementor-element.elementor-element-ad07d03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-3089:not(.elementor-motion-effects-element-type-background), body.elementor-page-3089 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3089 .elementor-element.elementor-element-f0b3181{--content-width:600px;}.elementor-3089 .elementor-element.elementor-element-c7106c0{--content-width:1600px;}}@media(max-width:1024px){.elementor-3089 .elementor-element.elementor-element-f0b3181{--min-height:400px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3089 .elementor-element.elementor-element-b17abf7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3089 .elementor-element.elementor-element-6878345 > .elementor-widget-container{margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-3089 .elementor-element.elementor-element-f0b3181{--min-height:440px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-3089 .elementor-element.elementor-element-b17abf7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3089 .elementor-element.elementor-element-b17abf7.e-con{--align-self:center;}.elementor-3089 .elementor-element.elementor-element-6878345 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-3089 .elementor-element.elementor-element-6878345{text-align:center;}.elementor-3089 .elementor-element.elementor-element-9341fe9{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-f0b3181 */.about-hero h1::after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  margin: 8px auto 0;
  border-radius: 10px;
}
/* GREEN LINE UNDER HEADING */

.ss-gallery-title h1::after{
    content:'';
    display:block;
    width:70px;
    height:3px;
    margin:18px auto 0;
    background:#53c12f;
    border-radius:50px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18f25c8 *//* SECTION */

.ss-gallery-main{
    max-width:1200px;
    margin:auto;
    padding:90px 20px;
}

/* HEADING */

.ss-gallery-head{
    text-align:center;
    margin-bottom:55px;
}

.ss-gallery-head h2{
    font-size:54px;
    font-weight:700;
    color:#111;
    margin-bottom:18px;
}

.ss-gallery-head h2 span{
    color:#53c12f;
}

.ss-gallery-head h2::after{
    content:'';
    width:70px;
    height:3px;
    background:#53c12f;
    display:block;
    margin:18px auto 0;
    border-radius:50px;
}

.ss-gallery-head p{
    max-width:700px;
    margin:auto;
    color:#666;
    font-size:17px;
    line-height:1.9;
}

/* CATEGORY GRID */

.ss-gallery-category-wrap{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-bottom:45px;
}

/* CATEGORY */

.ss-gallery-category{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    cursor:pointer;
}

.ss-gallery-category img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:0.5s ease;
}

/* OVERLAY */

.ss-gallery-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,0.78),transparent);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:28px;
}

.ss-gallery-overlay h3{
    color:#fff;
    font-size:28px;
    margin-bottom:10px;
}

.ss-gallery-overlay span{
    color:#fff;
    background:#53c12f;
    width:fit-content;
    padding:7px 16px;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
}

/* ACTIVE */

.ss-gallery-category.active{
    outline:4px solid #53c12f;
}

/* HOVER */

.ss-gallery-category:hover img{
    transform:scale(1.08);
}

/* OPEN GALLERY */

.ss-gallery-open{
    display:none;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    animation:fade 0.4s ease;
}

.ss-gallery-open.active{
    display:grid;
}

.ss-gallery-open img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:8px;
    transition:0.4s ease;
}

.ss-gallery-open img:hover{
    transform:scale(1.04);
}

/* ANIMATION */

@keyframes fade{

    from{
        opacity:0;
        transform:translateY(20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* MOBILE */

@media(max-width:991px){

.ss-gallery-category-wrap,
.ss-gallery-open{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.ss-gallery-main{
    padding:70px 15px;
}

.ss-gallery-head h2{
    font-size:36px;
}

.ss-gallery-head p{
    font-size:15px;
}

.ss-gallery-category-wrap,
.ss-gallery-open{
    grid-template-columns:1fr;
}

.ss-gallery-category img{
    height:260px;
}

.ss-gallery-open img{
    height:220px;
}

.ss-gallery-overlay h3{
    font-size:22px;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad07d03 *//* ===== CTA SECTION ===== */

.cta-section {
  padding: 100px 20px;
  text-align: center;
  position: relative;
  overflow: hidden;

  background: linear-gradient(135deg, #138A4B, #36c77b);
  color: #fff;
}

/* GLOW BACKGROUND */
.cta-section::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  top: -150px;
  left: -100px;
  filter: blur(80px);
}

.cta-section::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background: rgba(255,255,255,0.08);
  border-radius: 50%;
  bottom: -120px;
  right: -100px;
  filter: blur(70px);
}

/* CONTENT */
.cta-section .elementor-container {
  position: relative;
  z-index: 2;
}

/* HEADING */
.cta-section h2 {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 15px;
}

/* SUBTEXT */
.cta-section p {
  max-width: 650px;
  margin: auto;
  font-size: 16px;
  opacity: 0.9;
  margin-bottom: 30px;
}

/* BUTTON */
.cta-section .elementor-button {
  background: #ffffff;
  color: #138A4B;
  padding: 14px 30px;
  border-radius: 10px;
  font-weight: 600;
  transition: 0.3s;
}

/* BUTTON HOVER */
.cta-section .elementor-button:hover {
  background: #0f172a;
  color: #fff;
  transform: translateY(-3px);
}

/* ENTRY ANIMATION */
.cta-section {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeCTA 0.8s ease forwards;
}

@keyframes fadeCTA {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .cta-section h2 {
    font-size: 26px;
  }
}/* End custom CSS */