.elementor-26 .elementor-element.elementor-element-846609c{--display:flex;--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:245px;--padding-bottom:115px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-846609c .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-26 .elementor-element.elementor-element-d3597a5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-26 .elementor-element.elementor-element-f9aa095 .gsc-heading .content-inner{max-width:1000px;}.elementor-26 .elementor-element.elementor-element-f9aa095 .gsc-heading{margin-bottom:0px;}.elementor-26 .elementor-element.elementor-element-f9aa095 .gsc-heading .title{color:#FFFFFF;font-size:50px;font-weight:700;margin-bottom:0px;}.elementor-26 .elementor-element.elementor-element-f9aa095 .gsc-heading .sub-title{margin-bottom:0px;}.elementor-26 .elementor-element.elementor-element-f9aa095 .gsc-heading .title-desc{color:#FFFFFF;font-size:20px;padding:10px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-f0d81da{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:75px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-f0d81da:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-f0d81da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #60045D 0%, #AD0292 100%);}.elementor-26 .elementor-element.elementor-element-d159665{--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-26 .elementor-element.elementor-element-67d6b9e:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-67d6b9e img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-b824f13{--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-26 .elementor-element.elementor-element-03d6d7f{width:var( --container-widget-width, 101.118% );max-width:101.118%;--container-widget-width:101.118%;--container-widget-flex-grow:0;}.elementor-26 .elementor-element.elementor-element-03d6d7f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-03d6d7f:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-03d6d7f img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-3f3a6ca{--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-26 .elementor-element.elementor-element-f5e3b74:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-f5e3b74 img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-a68adc7{--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-26 .elementor-element.elementor-element-940a4ff:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-940a4ff img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-d57b3be{--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-26 .elementor-element.elementor-element-8e441cf:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-8e441cf img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-99c6baa{--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-26 .elementor-element.elementor-element-a642a07:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-a642a07 img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-2892fce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--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-26 .elementor-element.elementor-element-2892fce:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-2892fce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #AD0292 0%, #60045D 100%);}.elementor-26 .elementor-element.elementor-element-4483fac{--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-26 .elementor-element.elementor-element-911ddd1:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-911ddd1 img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-023e07a{--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-26 .elementor-element.elementor-element-0e17973:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-0e17973 img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-3356ca7{--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-26 .elementor-element.elementor-element-011f787:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-011f787 img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-7b1d957{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--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-26 .elementor-element.elementor-element-7b1d957:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-7b1d957 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #60045D 0%, #AD0292 100%);}.elementor-26 .elementor-element.elementor-element-edf18d2{--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-26 .elementor-element.elementor-element-c729a0a:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-c729a0a img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-732accb{--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-26 .elementor-element.elementor-element-33ea2b0:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-33ea2b0 img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-b90e5ff{--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-26 .elementor-element.elementor-element-37b1577:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-37b1577 img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-64c7753{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:075px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-64c7753:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-64c7753 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #AD0292 0%, #60045D 100%);}.elementor-26 .elementor-element.elementor-element-8529b30{--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-26 .elementor-element.elementor-element-7b12bf3:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-7b12bf3 img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-aead4ea{--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-26 .elementor-element.elementor-element-beaf5ed:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-beaf5ed img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-f7fdddc{--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-26 .elementor-element.elementor-element-ed217f4:hover{border-radius:12px 12px 12px 12px;box-shadow:0px 8px 10px 0px rgba(255, 24, 255, 0.7);}.elementor-26 .elementor-element.elementor-element-ed217f4 img{border-radius:10px 10px 10px 10px;}.elementor-26 .elementor-element.elementor-element-16c4a3c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-26 .elementor-element.elementor-element-981ec12{--display:flex;--min-height:100px;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-d159665{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-b824f13{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-3f3a6ca{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-a68adc7{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-d57b3be{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-99c6baa{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-4483fac{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-023e07a{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-3356ca7{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-edf18d2{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-732accb{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-b90e5ff{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-8529b30{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-aead4ea{--width:33.3333%;}.elementor-26 .elementor-element.elementor-element-f7fdddc{--width:33.3333%;}}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-846609c{--padding-top:80px;--padding-bottom:85px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-f9aa095 .gsc-heading .title{font-size:36px;}.elementor-26 .elementor-element.elementor-element-f9aa095 .gsc-heading .title-desc{font-size:17px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-846609c{--padding-top:60px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-f9aa095 .gsc-heading .title{font-size:26px;}.elementor-26 .elementor-element.elementor-element-f9aa095 .gsc-heading .title-desc{font-size:16px;line-height:24px;padding:10px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-f0d81da{--padding-top:025px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-64c7753{--padding-top:0px;--padding-bottom:025px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for image, class: .elementor-element-67d6b9e */.hover-text-container {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/et-now.webp'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container::after {
    content: "India’s Most Trusted Realty Experts";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 30px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container:hover::after {
    bottom: -10%;
}

.hover-text-container:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container:hover img {
    transform: scale(1.1);
}

@media screen and (max-width: 480px){

.hover-text-container:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}
}

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

.hover-text-container:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}
.hover-text-container{
    font-size:0.8em;
    
}

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-03d6d7f */.hover-text-container1 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container1 img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container1::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2024/11/cropped-bop-Logo-e1753862131178.png'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container1::after {
    content: "Channel Partner recognition";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 30px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container1:hover::after {
    bottom: -10%;
}

.hover-text-container1:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container1:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e3b74 */.hover-text-container1 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container1 img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container1::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2024/11/cropped-bop-Logo-e1753862131178.png'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container1::after {
    content: "Channel Partner recognition";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 30px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container1:hover::after {
    bottom: -10%;
}

.hover-text-container1:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container1:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-940a4ff */.hover-text-container2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container2 img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container2::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/Godrej__Boyce-Logo.wine_.webp'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container2::after {
    content: "Certificate of Appreciation";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container2:hover::after {
    bottom: -10%;
}

.hover-text-container2:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container2:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8e441cf */.hover-text-container3 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container2 img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container3::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 95px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/logo-the-omaxe-state.webp'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container3::after {
    content: "Minister of Growth";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container3:hover::after {
    bottom: -10%;
}

.hover-text-container3:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container3:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a642a07 */.hover-text-container5 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container5 img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container5::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/Godrej__Boyce-Logo.wine_.webp'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container5::after {
    content: "Excellence Recognition";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container5:hover::after {
    bottom: -10%;
}

.hover-text-container5:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container5:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-911ddd1 */.hover-text-container6 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container6 img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container6::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/cropped-logo-gaurs.png'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container6::after {
    content: "Certificate of Excellence";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container6:hover::after {
    bottom: -10%;
}

.hover-text-container6:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container6:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0e17973 */.hover-text-container8 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container8 img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container8::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/m3m.webp'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container8::after {
    content: "Rising Excellence Star";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container8:hover::after {
    bottom: -10%;
}

.hover-text-container8:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container8:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-011f787 */.hover-text-container9 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container9 img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container9::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/spectrum-metro.png'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container9::after {
    content: "Certificate of Appreciation";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container9:hover::after {
    bottom: -10%;
}

.hover-text-container9:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container9:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c729a0a */.hover-text-container-dp {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container-dp img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container-dp::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 85px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/danube-properties.webp'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container-dp::after {
    content: "Certificate of Authorization";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container-dp:hover::after {
    bottom: -10%;
}

.hover-text-container-dp:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container-dp:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33ea2b0 */.hover-text-container-prestige {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container-prestige img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container-prestige::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/images.png'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container-prestige::after {
    content: "Rising Excellence Star";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container-prestige:hover::after {
    bottom: -10%;
}

.hover-text-container-prestige:hover::before {
    bottom: 12%; /* adjust so logo appears above the text nicely */
}

.hover-text-container-prestige:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-37b1577 */.hover-text-container2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container2 img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container2::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/Godrej__Boyce-Logo.wine_.webp'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container2::after {
    content: "Certificate of Appreciation";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container2:hover::after {
    bottom: -10%;
}

.hover-text-container2:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container2:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b12bf3 */.hover-text-container-m3m {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container-m3m img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container-m3m::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/m3m.webp'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container-m3m::after {
    content: "Partner in Excellence";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container-m3m:hover::after {
    bottom: -10%;
}

.hover-text-container-m3m:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container-m3m:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-beaf5ed */.hover-text-container-first {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container-first img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container-first::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/First_impact-removebg-preview.png'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container-first::after {
    content: "Rising Excellence Star";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container-first:hover::after {
    bottom: -10%;
}

.hover-text-container-first:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container-first:hover img {
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed217f4 */.hover-text-container-max {
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: box-shadow 0.5s ease;
}

.hover-text-container-max img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

/* Logo (hidden below, comes up on hover) */
.hover-text-container-max::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -70%; /* start hidden below */
    transform: translateX(-50%);
    width: 75px; /* logo width */
    height: 50px; /* logo height */
    background-image: url('https://bop.in/wp-content/uploads/2025/09/share.jpg'); /* replace with your logo URL */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: bottom 0.5s ease;
    z-index: 2;
}

/* Text overlay (same as before, slides up) */
.hover-text-container-max::after {
    content: "Certificate of Appreciation";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    width: 100%;
    padding: 35px;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.08));
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    transition: bottom 0.5s ease;
    z-index: 1;
}

/* Hover: slide both text and logo up */
.hover-text-container-max:hover::after {
    bottom: -10%;
}

.hover-text-container-max:hover::before {
    bottom: 10%; /* adjust so logo appears above the text nicely */
}

.hover-text-container-max:hover img {
    transform: scale(1.1);
}/* End custom CSS */