.elementor-21 .elementor-element.elementor-element-e98a765{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.35;--padding-top:150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-e98a765::before, .elementor-21 .elementor-element.elementor-element-e98a765 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-e98a765 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-e98a765 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-e98a765 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-e98a765 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at top center, var( --e-global-color-astglobalcolor0 ) -10%, #FFFFFF 70%);}.elementor-21 .elementor-element.elementor-element-46bf69d{--display:flex;--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-21 .elementor-element.elementor-element-768ba03{text-align:center;}.elementor-21 .elementor-element.elementor-element-60a1d78 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-60a1d78{text-align:center;}.elementor-21 .elementor-element.elementor-element-60d5405{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-f065beb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-21 .elementor-element.elementor-element-75a278c{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-7f5f9aa{font-weight:600;}.elementor-21 .elementor-element.elementor-element-c8921f5{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;border-style:solid;--border-style:solid;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:var( --e-global-color-astglobalcolor1 );--border-color:var( --e-global-color-astglobalcolor1 );--border-radius:0px 0px 0px 0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-c8921f5::before, .elementor-21 .elementor-element.elementor-element-c8921f5 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-c8921f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-c8921f5 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-c8921f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-c8921f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor0 );--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-bd7e894{--display:flex;}.elementor-21 .elementor-element.elementor-element-5982492{text-align:center;}.elementor-21 .elementor-element.elementor-element-f8dd22b{text-align:center;}.elementor-21 .elementor-element.elementor-element-7298004{--display:flex;}.elementor-21 .elementor-element.elementor-element-b052176{text-align:center;}.elementor-21 .elementor-element.elementor-element-531a6a0{text-align:center;}.elementor-21 .elementor-element.elementor-element-37c8cb0{--display:flex;}.elementor-21 .elementor-element.elementor-element-6401d6f{text-align:center;}.elementor-21 .elementor-element.elementor-element-4c8e623{text-align:center;}.elementor-21 .elementor-element.elementor-element-7070e8e{--display:flex;}.elementor-21 .elementor-element.elementor-element-6422892{text-align:center;}.elementor-21 .elementor-element.elementor-element-45b431b{text-align:center;}.elementor-21 .elementor-element.elementor-element-3b694af{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-250px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-21 .elementor-element.elementor-element-7212605{--display:flex;--border-radius:4px 4px 4px 4px;box-shadow:0px 0px 45px 0px rgba(219, 219, 219, 0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-7212605:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-7212605 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-9cb5bbc{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-21 .elementor-element.elementor-element-021b762{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-21 .elementor-element.elementor-element-8084bbc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-183beac > .elementor-widget-container{margin:-60px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-183beac{font-weight:600;}.elementor-21 .elementor-element.elementor-element-7a68423 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-6dd4cdb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-bbbbbe1{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:370px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-bbbbbe1:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-bbbbbe1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-21 .elementor-element.elementor-element-c34a64b{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-33671f6{--display:flex;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-b3ca73c > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-fd25598{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:110px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-493e82b > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-c4f86e9{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-cd905cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-3d64524{text-align:center;}.elementor-21 .elementor-element.elementor-element-630cfa2{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-b240e76{--display:flex;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 45px 0px rgba(222, 221.5626358695652, 221.5626358695652, 0.5);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-21 .elementor-element.elementor-element-b240e76:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-b240e76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-4431e25 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-21 .elementor-element.elementor-element-4431e25 .elementor-icon-box-title{margin-block-end:15px;}.elementor-21 .elementor-element.elementor-element-4431e25.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-21 .elementor-element.elementor-element-4431e25.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-4431e25.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor0 );color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-21 .elementor-element.elementor-element-4431e25 .elementor-icon{font-size:35px;}.elementor-21 .elementor-element.elementor-element-0618d42{--display:flex;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 45px 0px rgba(222, 221.5626358695652, 221.5626358695652, 0.5);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-21 .elementor-element.elementor-element-0618d42:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-0618d42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-9dc68df .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-21 .elementor-element.elementor-element-9dc68df .elementor-icon-box-title{margin-block-end:15px;}.elementor-21 .elementor-element.elementor-element-9dc68df.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-21 .elementor-element.elementor-element-9dc68df.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-9dc68df.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor0 );color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-21 .elementor-element.elementor-element-9dc68df .elementor-icon{font-size:35px;}.elementor-21 .elementor-element.elementor-element-0bbc514{--display:flex;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 45px 0px rgba(222, 221.5626358695652, 221.5626358695652, 0.5);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-21 .elementor-element.elementor-element-0bbc514:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-0bbc514 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-67f0eaf .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-21 .elementor-element.elementor-element-67f0eaf .elementor-icon-box-title{margin-block-end:15px;}.elementor-21 .elementor-element.elementor-element-67f0eaf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-21 .elementor-element.elementor-element-67f0eaf.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-67f0eaf.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor0 );color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-21 .elementor-element.elementor-element-67f0eaf .elementor-icon{font-size:35px;}.elementor-21 .elementor-element.elementor-element-91eb11a{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-40239cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-2149e51{text-align:center;}.elementor-21 .elementor-element.elementor-element-bd181bc{text-align:center;}.elementor-21 .elementor-element.elementor-element-34c8c7f{--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-21 .elementor-element.elementor-element-7391a9a{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-e98a765{--content-width:800px;}.elementor-21 .elementor-element.elementor-element-f065beb{--width:50%;}.elementor-21 .elementor-element.elementor-element-75a278c{--width:50%;}.elementor-21 .elementor-element.elementor-element-021b762{--width:50%;}.elementor-21 .elementor-element.elementor-element-6dd4cdb{--width:50%;}.elementor-21 .elementor-element.elementor-element-c34a64b{--width:25%;}.elementor-21 .elementor-element.elementor-element-33671f6{--width:25%;}.elementor-21 .elementor-element.elementor-element-fd25598{--width:50%;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-e98a765{--padding-top:150px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-21 .elementor-element.elementor-element-60d5405{--padding-top:80px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-21 .elementor-element.elementor-element-c8921f5{--padding-top:80px;--padding-bottom:80px;--padding-left:25px;--padding-right:25px;}.elementor-21 .elementor-element.elementor-element-9cb5bbc{--padding-top:80px;--padding-bottom:80px;--padding-left:25px;--padding-right:25px;}.elementor-21 .elementor-element.elementor-element-6dd4cdb{--justify-content:center;}.elementor-21 .elementor-element.elementor-element-bbbbbe1{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:377px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-fd25598{--padding-top:0px;--padding-bottom:80px;--padding-left:100px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-c4f86e9{--padding-top:80px;--padding-bottom:80px;--padding-left:25px;--padding-right:25px;}.elementor-21 .elementor-element.elementor-element-91eb11a{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-e98a765{--padding-top:130px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-21 .elementor-element.elementor-element-768ba03{text-align:center;}.elementor-21 .elementor-element.elementor-element-60a1d78{text-align:center;}.elementor-21 .elementor-element.elementor-element-60d5405{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-f065beb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-b8f0187{text-align:center;}.elementor-21 .elementor-element.elementor-element-7f5f9aa > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-7f5f9aa{text-align:center;}.elementor-21 .elementor-element.elementor-element-c8921f5{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-5982492{text-align:center;}.elementor-21 .elementor-element.elementor-element-f8dd22b{text-align:center;}.elementor-21 .elementor-element.elementor-element-7298004{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-b052176{text-align:center;}.elementor-21 .elementor-element.elementor-element-531a6a0{text-align:center;}.elementor-21 .elementor-element.elementor-element-37c8cb0{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-6401d6f{text-align:center;}.elementor-21 .elementor-element.elementor-element-4c8e623{text-align:center;}.elementor-21 .elementor-element.elementor-element-6422892{text-align:center;}.elementor-21 .elementor-element.elementor-element-45b431b{text-align:center;}.elementor-21 .elementor-element.elementor-element-9cb5bbc{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-021b762{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-8084bbc{text-align:center;}.elementor-21 .elementor-element.elementor-element-183beac{text-align:center;}.elementor-21 .elementor-element.elementor-element-7a68423{text-align:center;}.elementor-21 .elementor-element.elementor-element-311377e > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-c34a64b{--width:50%;}.elementor-21 .elementor-element.elementor-element-33671f6{--width:50%;}.elementor-21 .elementor-element.elementor-element-fd25598{--padding-top:150px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-f17d50d{text-align:center;}.elementor-21 .elementor-element.elementor-element-e442da6{text-align:center;}.elementor-21 .elementor-element.elementor-element-c4f86e9{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for image, class: .elementor-element-aca5e88 *//* STUDIO SARTHI ABOUT PAGE IMAGE EFFECT */

.ss-about-photo {
  --ss-purple: #8c60f3;
  --ss-purple-dark: #6536dc;

  position: relative;
  z-index: 1;
  overflow: visible !important;
}

/* Image container */

.ss-about-photo .elementor-widget-container {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background: #f8f6fc;
  isolation: isolate;
  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease;
}

/* Image */

.ss-about-photo img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  transition:
    transform 0.7s cubic-bezier(.2,.75,.25,1),
    filter 0.45s ease;
}

/*
Gradient sirf image ke bottom part mein rahega.
Face ya image ke centre par dark color nahi aayega.
*/

.ss-about-photo .elementor-widget-container::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 42%;
  pointer-events: none;
  opacity: 0;
  transform: translateY(30%);
  background: linear-gradient(
    to top,
    rgba(101, 54, 220, 0.88) 0%,
    rgba(140, 96, 243, 0.50) 34%,
    rgba(140, 96, 243, 0.12) 68%,
    rgba(140, 96, 243, 0) 100%
  );
  transition:
    opacity 0.45s ease,
    transform 0.55s ease;
}

/* Left-side plus */

.ss-about-photo::before {
  content: "+";
  position: absolute;
  z-index: 5;
  top: 50%;
  left: -19px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(
    135deg,
    var(--ss-purple),
    var(--ss-purple-dark)
  );
  box-shadow: 0 10px 25px rgba(101, 54, 220, 0.30);
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  opacity: 0;
  transform: translate(-10px, -50%) rotate(-90deg) scale(.7);
  transition:
    opacity 0.35s ease,
    transform 0.45s ease;
}

/* Right-side plus */

.ss-about-photo .elementor-widget-container::before {
  content: "+";
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(
    135deg,
    var(--ss-purple),
    var(--ss-purple-dark)
  );
  box-shadow: 0 10px 25px rgba(101, 54, 220, 0.30);
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  pointer-events: none;
  opacity: 0;
  transform: translate(15px, -50%) rotate(90deg) scale(.7);
  transition:
    opacity 0.35s ease,
    transform 0.45s ease;
}

/* Hover */

.ss-about-photo:hover {
  z-index: 10;
}

.ss-about-photo:hover .elementor-widget-container {
  transform: translateY(-7px);
  box-shadow:
    0 24px 55px rgba(53, 49, 72, 0.18),
    0 0 0 1px rgba(140, 96, 243, 0.25);
}

.ss-about-photo:hover img {
  transform: scale(1.055);
  filter: contrast(1.03) saturate(1.04);
}

.ss-about-photo:hover .elementor-widget-container::after {
  opacity: 1;
  transform: translateY(0);
}

.ss-about-photo:hover::before {
  opacity: 1;
  transform: translate(0, -50%) rotate(0) scale(1);
}

.ss-about-photo:hover .elementor-widget-container::before {
  opacity: 1;
  transform: translate(0, -50%) rotate(0) scale(1);
}

/* Optional: different motion for middle image */

.ss-about-photo:nth-child(even):hover img {
  transform: scale(1.055) translateY(-3px);
}

/* Tablet */

@media (max-width: 1024px) {
  .ss-about-photo::before {
    left: -14px;
  }

  .ss-about-photo::before,
  .ss-about-photo .elementor-widget-container::before {
    width: 34px;
    height: 34px;
    font-size: 22px;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .ss-about-photo {
    margin-bottom: 18px;
  }

  .ss-about-photo::before {
    left: 8px;
  }

  .ss-about-photo .elementor-widget-container::before {
    right: 8px;
  }

  /*
  Mobile par hover nahi hota, isliye gradient halka visible rahega.
  Gradient ab bhi sirf bottom mein rahega.
  */

  .ss-about-photo .elementor-widget-container::after {
    height: 34%;
    opacity: .35;
    transform: translateY(0);
  }

  .ss-about-photo::before,
  .ss-about-photo .elementor-widget-container::before {
    width: 32px;
    height: 32px;
    font-size: 21px;
  }
}

/* Motion accessibility */

@media (prefers-reduced-motion: reduce) {
  .ss-about-photo,
  .ss-about-photo img,
  .ss-about-photo::before,
  .ss-about-photo .elementor-widget-container,
  .ss-about-photo .elementor-widget-container::before,
  .ss-about-photo .elementor-widget-container::after {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aca5e88 *//* MAIN IMAGE WIDGET – Updated */
.elementor-21 .elementor-element.elementor-element-aca5e88 {
  --ss-purple: #8c60f3;
  --ss-purple-dark: #6536dc;

  position: relative;
  z-index: 1;
  display: block;
  overflow: visible !important;
}

/* IMAGE FRAME */
.elementor-21 .elementor-element.elementor-element-aca5e88 .elementor-widget-container {
  position: relative;
  display: block;
  overflow: hidden !important;
  border-radius: 6px;
  background: #f8f6fc;
  isolation: isolate;

  box-shadow: 0 10px 30px rgba(53, 49, 72, 0.08);

  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease;
}

/* IMAGE LINK */
.elementor-21 .elementor-element.elementor-element-aca5e88 .elementor-widget-container > a {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

/* ACTUAL IMAGE */
.elementor-21 .elementor-element.elementor-element-aca5e88 img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transform: scale(1);
  transform-origin: center center;

  transition:
    transform 0.8s cubic-bezier(.2,.75,.25,1),
    filter 0.45s ease;

  will-change: transform;
}

/* BOTTOM‑TO‑CENTER GRADIENT (covers bottom half) */
.elementor-21 .elementor-element.elementor-element-aca5e88 .elementor-widget-container::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  height: 50%; /* exactly half → reaches the center */

  pointer-events: none;
  opacity: 0;

  background: linear-gradient(
    to top,
    rgba(101, 54, 220, 0.94) 0%,
    rgba(140, 96, 243, 0.68) 28%,
    rgba(140, 96, 243, 0.25) 62%,
    rgba(140, 96, 243, 0) 100%
  );

  transition: opacity 0.45s ease;
}

/* HOVER: WIDGET ABOVE OTHER IMAGES */
.elementor-21 .elementor-element.elementor-element-aca5e88:hover {
  z-index: 50;
}

/* HOVER: FRAME UP AND SHADOW */
.elementor-21 .elementor-element.elementor-element-aca5e88:hover .elementor-widget-container {
  transform: translateY(-8px);

  box-shadow:
    0 30px 65px rgba(53, 49, 72, 0.22),
    0 0 0 2px rgba(140, 96, 243, 0.32);
}

/* HOVER: IMAGE SIZE INCREASE BY 30% */
.elementor-21 .elementor-element.elementor-element-aca5e88:hover img {
  transform: scale(1.30) !important;

  filter:
    contrast(1.04)
    saturate(1.08)
    brightness(.96);
}

/* HOVER: SHOW GRADIENT (now reaches center) */
.elementor-21 .elementor-element.elementor-element-aca5e88:hover .elementor-widget-container::after {
  opacity: 1;
}

/* TABLET */
@media (max-width: 1024px) {
  /* No plus icons to adjust – keep only gradient */
}

/* MOBILE */
@media (max-width: 767px) {
  .elementor-21 .elementor-element.elementor-element-aca5e88 {
    margin-bottom: 18px;
  }

  .elementor-21 .elementor-element.elementor-element-aca5e88:hover img {
    transform: scale(1.15) !important;
  }

  /* Reduce gradient height slightly for smaller screens if desired */
  .elementor-21 .elementor-element.elementor-element-aca5e88 .elementor-widget-container::after {
    height: 40%; /* or keep 50% – adjust as needed */
  }
}

/* ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {
  .elementor-21 .elementor-element.elementor-element-aca5e88,
  .elementor-21 .elementor-element.elementor-element-aca5e88 img,
  .elementor-21 .elementor-element.elementor-element-aca5e88 .elementor-widget-container,
  .elementor-21 .elementor-element.elementor-element-aca5e88 .elementor-widget-container::after {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fc625bc *//* MAIN IMAGE WIDGET – Updated */
.elementor-21 .elementor-element.elementor-element-fc625bc {
  --ss-purple: #8c60f3;
  --ss-purple-dark: #6536dc;

  position: relative;
  z-index: 1;
  display: block;
  overflow: visible !important;
}

/* IMAGE FRAME */
.elementor-21 .elementor-element.elementor-element-fc625bc .elementor-widget-container {
  position: relative;
  display: block;
  overflow: hidden !important;
  border-radius: 6px;
  background: #f8f6fc;
  isolation: isolate;

  box-shadow: 0 10px 30px rgba(53, 49, 72, 0.08);

  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease;
}

/* IMAGE LINK */
.elementor-21 .elementor-element.elementor-element-fc625bc .elementor-widget-container > a {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

/* ACTUAL IMAGE */
.elementor-21 .elementor-element.elementor-element-fc625bc img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transform: scale(1);
  transform-origin: center center;

  transition:
    transform 0.8s cubic-bezier(.2,.75,.25,1),
    filter 0.45s ease;

  will-change: transform;
}

/* BOTTOM‑TO‑CENTER GRADIENT (covers bottom half) */
.elementor-21 .elementor-element.elementor-element-fc625bc .elementor-widget-container::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  height: 50%; /* exactly half → reaches the center */

  pointer-events: none;
  opacity: 0;

  background: linear-gradient(
    to top,
    rgba(101, 54, 220, 0.94) 0%,
    rgba(140, 96, 243, 0.68) 28%,
    rgba(140, 96, 243, 0.25) 62%,
    rgba(140, 96, 243, 0) 100%
  );

  transition: opacity 0.45s ease;
}

/* HOVER: WIDGET ABOVE OTHER IMAGES */
.elementor-21 .elementor-element.elementor-element-fc625bc:hover {
  z-index: 50;
}

/* HOVER: FRAME UP AND SHADOW */
.elementor-21 .elementor-element.elementor-element-fc625bc:hover .elementor-widget-container {
  transform: translateY(-8px);

  box-shadow:
    0 30px 65px rgba(53, 49, 72, 0.22),
    0 0 0 2px rgba(140, 96, 243, 0.32);
}

/* HOVER: IMAGE SIZE INCREASE BY 30% */
.elementor-21 .elementor-element.elementor-element-fc625bc:hover img {
  transform: scale(1.30) !important;

  filter:
    contrast(1.04)
    saturate(1.08)
    brightness(.96);
}

/* HOVER: SHOW GRADIENT (now reaches center) */
.elementor-21 .elementor-element.elementor-element-fc625bc:hover .elementor-widget-container::after {
  opacity: 1;
}

/* TABLET */
@media (max-width: 1024px) {
  /* No plus icons to adjust – keep only gradient */
}

/* MOBILE */
@media (max-width: 767px) {
  .elementor-21 .elementor-element.elementor-element-fc625bc {
    margin-bottom: 18px;
  }

  .elementor-21 .elementor-element.elementor-element-fc625bc:hover img {
    transform: scale(1.15) !important;
  }

  /* Reduce gradient height slightly for smaller screens if desired */
  .elementor-21 .elementor-element.elementor-element-fc625bc .elementor-widget-container::after {
    height: 40%; /* or keep 50% – adjust as needed */
  }
}

/* ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {
  .elementor-21 .elementor-element.elementor-element-fc625bc,
  .elementor-21 .elementor-element.elementor-element-fc625bc img,
  .elementor-21 .elementor-element.elementor-element-fc625bc .elementor-widget-container,
  .elementor-21 .elementor-element.elementor-element-fc625bc .elementor-widget-container::after {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b3ca73c *//* MAIN IMAGE WIDGET – Updated */
.elementor-21 .elementor-element.elementor-element-b3ca73c {
  --ss-purple: #8c60f3;
  --ss-purple-dark: #6536dc;

  position: relative;
  z-index: 1;
  display: block;
  overflow: visible !important;
}

/* IMAGE FRAME */
.elementor-21 .elementor-element.elementor-element-b3ca73c .elementor-widget-container {
  position: relative;
  display: block;
  overflow: hidden !important;
  border-radius: 6px;
  background: #f8f6fc;
  isolation: isolate;

  box-shadow: 0 10px 30px rgba(53, 49, 72, 0.08);

  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease;
}

/* IMAGE LINK */
.elementor-21 .elementor-element.elementor-element-b3ca73c .elementor-widget-container > a {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

/* ACTUAL IMAGE */
.elementor-21 .elementor-element.elementor-element-b3ca73c img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transform: scale(1);
  transform-origin: center center;

  transition:
    transform 0.8s cubic-bezier(.2,.75,.25,1),
    filter 0.45s ease;

  will-change: transform;
}

/* BOTTOM‑TO‑CENTER GRADIENT (covers bottom half) */
.elementor-21 .elementor-element.elementor-element-b3ca73c .elementor-widget-container::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  height: 50%; /* exactly half → reaches the center */

  pointer-events: none;
  opacity: 0;

  background: linear-gradient(
    to top,
    rgba(101, 54, 220, 0.94) 0%,
    rgba(140, 96, 243, 0.68) 28%,
    rgba(140, 96, 243, 0.25) 62%,
    rgba(140, 96, 243, 0) 100%
  );

  transition: opacity 0.45s ease;
}

/* HOVER: WIDGET ABOVE OTHER IMAGES */
.elementor-21 .elementor-element.elementor-element-b3ca73c:hover {
  z-index: 50;
}

/* HOVER: FRAME UP AND SHADOW */
.elementor-21 .elementor-element.elementor-element-b3ca73c:hover .elementor-widget-container {
  transform: translateY(-8px);

  box-shadow:
    0 30px 65px rgba(53, 49, 72, 0.22),
    0 0 0 2px rgba(140, 96, 243, 0.32);
}

/* HOVER: IMAGE SIZE INCREASE BY 30% */
.elementor-21 .elementor-element.elementor-element-b3ca73c:hover img {
  transform: scale(1.30) !important;

  filter:
    contrast(1.04)
    saturate(1.08)
    brightness(.96);
}

/* HOVER: SHOW GRADIENT (now reaches center) */
.elementor-21 .elementor-element.elementor-element-b3ca73c:hover .elementor-widget-container::after {
  opacity: 1;
}

/* TABLET */
@media (max-width: 1024px) {
  /* No plus icons to adjust – keep only gradient */
}

/* MOBILE */
@media (max-width: 767px) {
  .elementor-21 .elementor-element.elementor-element-b3ca73c {
    margin-bottom: 18px;
  }

  .elementor-21 .elementor-element.elementor-element-b3ca73c:hover img {
    transform: scale(1.15) !important;
  }

  /* Reduce gradient height slightly for smaller screens if desired */
  .elementor-21 .elementor-element.elementor-element-b3ca73c .elementor-widget-container::after {
    height: 40%; /* or keep 50% – adjust as needed */
  }
}

/* ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {
  .elementor-21 .elementor-element.elementor-element-b3ca73c,
  .elementor-21 .elementor-element.elementor-element-b3ca73c img,
  .elementor-21 .elementor-element.elementor-element-b3ca73c .elementor-widget-container,
  .elementor-21 .elementor-element.elementor-element-b3ca73c .elementor-widget-container::after {
    transition: none !important;
  }
}/* End custom CSS */