/*

Theme Name: UMM Theme

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Elementor Team

Author URI: https://elementor.com/

Template: hello-elementor

Version: 1.0.0.0.0.0.00117

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

/*UMM Digital*/

:root {
--e-global-typography-primary-font-weight:400 !important;
--e-global-typography-secondary-font-weight: 300 !important;
}

/*GLOBAL STYLES*/
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

@keyframes slideUp {
    from {
        opacity: 1;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.slideInUp {
    animation-name: slideUp
}
/*html, body {
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
}*/
body{
    /*letter-spacing: -0.02em;*/
    font-variant-ligatures: none;
    scroll-behavior: auto;
    overflow-x: hidden !important;
}
#content{ overflow-x:hidden !important; }
.animate-title span.line{overflow: hidden;}
.splittxt span.line{ overflow: hidden !important;}
/*
.elementor-sticky,
.elementor-animated,
.elementor-motion-effects-element {
  animation: none !important;
  position: static !important;
}
*/
div.elementor-heading-title{line-height: 1.3em;}
.elementor-field-type-recaptcha_v3{position: absolute !important;}
.grecaptcha-badge{opacity: 0 !important; pointer-events:none !important; transform: translateX(200vw);}
.wp-block-image img{width: 100%;}
.btn.dark .elementor-button{ background-color:#121212; color:#fff; }
.btn.light .elementor-button{ background-color:#fff; color:#000; }
.btn .elementor-button{border-radius: 100px;}
.btn.dark .elementor-button-icon { background: #000;}
.btn.light .elementor-button-icon { background: #fff;}
.btn .elementor-button-icon {
    position: absolute;
  right: -38px;
  border-radius: 100px;
  padding: 12px;
  top: 0;
}
.btn .elementor-button-wrapper{
    position: relative;
    margin-right: 40px;
}
.btn.light .arrow-icon .arrow-out,
.btn.light .arrow-icon .arrow-in {stroke: #000;}
.arrow-icon .arrow-out,
.arrow-icon .arrow-in {
  stroke: #fff; /* default color */
  stroke-width: 1.5;
  fill: none;
  transition: stroke 0.3s ease;
}
.arrow-icon{
    transform: scale(1.25);
}

.arrowIcon .arrow-icon .arrow-out,
.arrowIcon .arrow-icon .arrow-in {
  stroke: #fff; /* default color */
  stroke-width: 1;
  fill: none;
  transition: stroke 0.3s ease;
}
span.gap {
  width: 60px !important;
  display: inline-block;
}
.blurred-background {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%), var(--40-white, rgba(255, 255, 255, 0.4));
    /*background: linear-gradient(0deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%), var(--40-white, rgba(255, 255, 255, 0.4));*/
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}
.nomouse{pointer-events: none;}
.splinebg{width: 100%;height: 100%;}
.splinebg .bgoverlay{position: absolute; top: 0; left: 0; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.5);pointer-events: none;}
.splinebgv{width: 100%;height: 100vh;}
.splinebgv .dark-bgoverlay{position: absolute; top: 0; left: 0; width:100%; height:100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); pointer-events: none;}

.masked-rect {
    transition: all 0.3s ease;
    overflow: hidden !important;
}
.masked-rect:hover {
}
.masked-rect {
     border-radius: 24px;
  --r: 24px; /* the radius */
  --s: 48px; /* the size of the cut */
  
  --_m:/calc(2*var(--r)) calc(2*var(--r))
    radial-gradient(#000 70%,#0000 70%) no-repeat;
  mask:
    right 0 bottom calc(var(--s) + var(--r)) var(--_m),
    right calc(var(--s) + var(--r)) bottom 0 var(--_m),
    radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r)) calc(-1*var(--r)) no-repeat,
    conic-gradient(from 90deg at calc(100% - var(--s) - 2*var(--r)) calc(100% - var(--s) - 2*var(--r)),
     #0000 25%,#000 0);
}

.masked-rect.topright {
  border-radius: 24px;
  --r: 24px; /* corner radius */
  --s: 48px; /* size of the cut */

  --_m:/calc(2 * var(--r)) calc(2 * var(--r))
    radial-gradient(#000 70%, #0000 70%) no-repeat;

  mask:
    right 0 top calc(var(--s) + var(--r)) var(--_m),
    right calc(var(--s) + var(--r)) top 0 var(--_m),
    radial-gradient(var(--s) at 100% 0%, #0000 99%, #000 calc(100% + 1px))
      calc(-1 * var(--r)) calc(1 * var(--r)) no-repeat,
    conic-gradient(from 0deg at calc(100% - var(--s) - 2 * var(--r)) calc(var(--s) + 2 * var(--r)),
      #0000 25%, #000 0);
}




.animate-text .elementor-heading-title {
  display: inline-block;
  overflow: hidden;
  will-change: transform, opacity, filter;
}

.animate-text .elementor-heading-title .word {
  display: inline-block;
}
.animate-text .elementor-heading-title {
/*  visibility: hidden;*/
}

.dot-text.dark .elementor-heading-title:before {background: var( --e-global-color-text );}
.dot-text .elementor-heading-title:before{
    content:'';
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: white;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px;
}
/*Case Study*/
.case-card {
  overflow: hidden !important;
  /*clip-path: inset(0% round 24px);*/
  border-radius: 20px;
  transition: all 0.3s ease;
  will-change: clip-path;
  min-height:500px !important;
  height: 70vh !important;
}
.case-card:hover{
    /*clip-path: inset(0% round 5px);*/
    border-radius: 10px;
}
.case-card .fimg{
    opacity: 1;
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
  filter: blur(0);
}
.case-card:hover .fimg{
    opacity: 0;
    filter: blur(10);
}
.case-card .fimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: drop-shadow(0 0 0.75rem black);
}
.case-card .flogo img{
    filter: brightness(0) invert(1);
}
.case-card .flogo{
    /*transform: scale(1) translateY(0px);*/
    transition: all 0.6s ease;
    will-change: transform;
    transform-origin: center center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1) translateY(0px);
}
.case-card:hover .flogo{
    transform: translate(-50%, -50%) scale(1.1) translateY(-10%);
}
.case-card .content{
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.6s ease;
    will-change: transform;
    backdrop-filter: blur(5px);
}

.case-card:hover .content{
    opacity: 1;
    transform: translateY(0);
}

/*Services Loop*/
.service-card .fimg {
    transform: scale(0);
    transition: transform 0.3s ease;
    transform-origin: center;
    position: absolute;
    right: 20%;
    bottom: 20%;
}
.service-card:hover .fimg { transform: scale(1); }
.service-card .cta{
      transform: translateY(40px);
      opacity: 0;
      transition: all 0.6s ease;
  }
.service-card:hover .cta{
      transform: none;
      opacity: 1; 
  }
  .service-card .fvideo{
      opacity: 0;
      transition: all 0.6s ease;
      z-index: 0;
      mix-blend-mode: multiply;
      position: absolute;
      z-index: 0;
      bottom:40px;
      right: 0;
      width: 100%;
  }
  .service-card:hover .fvideo{
      opacity: 1
  }
  .service-card .fspace .elementor-spacer-inner{
      padding-top: 0px;
      transition: all 0.6s ease;
  }
  .service-card:hover .fspace .elementor-spacer-inner{
      padding-top: 200px;
  }

  .service-card {
    transition: all 3s ease-in-out;
    overflow: hidden;
  }

  .service-card:hover {
    background: #fff;
  }


/*Services Pin section*/
  .pin-parent {
    transition: none !important;
    overflow: hidden !important;
    position: relative;

  }
  .pin-spacer {
    /*background: #000;*/
  }
  .pin-sections.elementor-widget-loop-grid {
    width: 100%;
    overflow: visible;
    position: relative;
  }

  .pin-sections .elementor-grid {
    display: flex;
    flex-wrap: nowrap;
    /*height: 100%;*/
    position: relative;
  /*  padding-right: 10vw;
    padding-left: 10vw;*/
  }
  .pin-sections .e-loop-item {
    flex: 0 0 480px !important;
  }
  .pin-sections {
    /*min-height: 600px;*/
  }
  .pin-sections .elementor-loop-container:last-child:after{
    content: '',
    width:10vw,
  }
 .pin-sections .elementor-loop-container:after{
    content: '',
    width:10vw;
  }
/*About Pin Sections*/

.about.pinned-parent {
    transition: none !important;
    overflow: hidden !important;
    position: relative;
  }

.about .pinned-container {
    display: flex;
    flex-wrap: nowrap;
  }


.about .pin-card{
    overflow: hidden;
    flex: 0 0 380px !important;
    /*height: 400px;*/
    padding: 30px;
}
.about .pin-card .btn{
transform: translateY(100%);
opacity: 0;
transition: all 0.6s ease;
will-change: transform;
}
.about .pin-card:hover .btn{
    transform:none;
    opacity: 1;
}
/* NEWS CARDS & Archive*/
.news-card .farrow{transform:scale(0);transition:all 0.3s ease;}
.news-card:hover .farrow{transform: scale(1);}
.news-card .fimg{border-radius: 20px !important;transition: all 0.3s ease;filter: grayscale(0.5);}
.news-card:hover .fimg{border-radius: 20px;transition: all 0.3s ease;filter: grayscale(0);}
    


.shrink-trigger {
    position: relative;
  }
.first-indent .elementor-heading-title{text-indent: 50%;}


/*MENU*/
.main-menu .elementor-image-box-img{margin-right:5px !important; width: 64px;}
.main-menu .elementor-image-box-wrapper{opacity: 0.8; transition: all 0.3s ease;}
.main-menu .elementor-image-box-wrapper:hover {opacity: 1;}
.main-menu .elementor-image-box-title { font-weight:350 !important; letter-spacing: 0.025em; line-height: 1.2em;}
/*.main-menu .elementor-image-box-title a{ font-weight:350 !important; letter-spacing: 0.025em;}*/

.menu-container .elementor-widget-image-box .elementor-image-box-content:after{
content:'';
position: absolute;
display: inline-flex;
background: url(https://ummdigital.in/umm/wp-content/uploads/2025/06/umm-arrow.svg) no-repeat center center;
background-size: contain;
width: 16px;
height: 16px;
top: 0;
right: 10px;
transform: scale(0);
transition: all 0.3s ease;
transform-origin: left bottom;
}
.menu-container .elementor-widget-image-box:hover .elementor-image-box-content:after{ transform: scale(1);}

/*Mobile Menu*/
.mobilemenu .elementor-image-box-img{margin-right:5px !important; width: 64px;}
.mobilemenu .elementor-image-box-wrapper{opacity: 0.8; transition: all 0.3s ease;}
.mobilemenu .elementor-image-box-wrapper:hover {opacity: 1;}
.mobilemenu .elementor-image-box-title { font-weight:350 !important; letter-spacing: 0.025em;}
.mobilemenu .elementor-image-box-title a{ font-weight:350 !important; letter-spacing: 0.025em;}

.mobilemenu .elementor-image-box-content{align-content: center;}
.mobilemenu .elementor-image-box-wrapper{display: inline-flex; gap: 10px;}


.mobilemenu .elementor-widget-image-box .elementor-image-box-content:after{
content:'';
position: absolute;
display: inline-flex;
background: url(https://ummdigital.in/umm/wp-content/uploads/2025/06/umm-arrow.svg) no-repeat center center;
background-size: contain;
width: 16px;
height: 16px;
top: 0;
right: 10px;
transform: scale(0);
transition: all 0.3s ease;
transform-origin: left bottom;
}
.mobilemenu .elementor-widget-image-box:hover .elementor-image-box-content:after{ transform: scale(1);}


/*HOME*/
.showreel{overflow: hidden;}
.u-overlay{mix-blend-mode: difference;}

.summit img{
   aspect-ratio: 1 / 1;
   object-fit: cover;
   object-position: center;
}
/* .founder-img:before{
    content:'';
    position: absolute;
    background: #C3C3FF;
    width: 100px;
    height: 100px;
    top: 0;
    right:100%;
  -moz-border-radius: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 0px 0px 0px 3000px;
} */

/*ABOUT US*/
.awards .elementor-image-box-title{margin: 0;}
.award-carousel .elementor-main-swiper { aspect-ratio: 16 / 10; height:auto !important; }
/*.about-value .e-n-accordion-item{ border-radius:10px; overflow:hidden; }*/
.glass .e-n-accordion-item{
      background: rgba(255, 255, 255, 0.5);  /* Slightly transparent background */
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);            /* The background blur */
      border-radius: 15px;                    /* Smooth rounded corners */
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.025); /* Soft shadow for depth */
      transition: all 0.3s ease-in-out;       /* Smooth transition */
    }
.glass .e-n-accordion-item:hover {
      background: rgba(255, 255, 255, 1);  /* Darker background when hovered */
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05); /* Deeper shadow when hovered */
    }
.glass .e-n-accordion-item[open] {
      background: rgba(255, 255, 255, 1);  /* Darker background when hovered */
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05); /* Deeper shadow when hovered */
    }

/*.acc-img{ background:red; width: 140px; height: 80px; display: inline-flex; margin-bottom: -5px; margin-right: 8px; border-radius: 15px;}*/
.about-value .e-n-accordion-item-title-header{width: 100%}
.about-value .e-n-accordion-item-title-icon span > svg{width: auto;}
.about-value .e-n-accordion-item .e-n-accordion-item-title-icon {transform: none; transition: transform 0.6s ease;}
.about-value .e-n-accordion-item[open] .e-n-accordion-item-title-icon {transform: rotate(-180deg);}
.about-value .e-n-accordion-item-title-text{display: flex; flex-grow: 1;}
.about-value .e-n-accordion-item-title-text span{ padding-left:5px; padding-right:5px; text-decoration:underline; font-style: italic; }
.about-value .e-n-accordion-item[open] .e-n-accordion-item-title-text:before{ transform:scale(1);}
.about-value .e-n-accordion-item-title-text:before{
    content: '';
    background: #000;
    width: 140px; height: 80px;
    margin-right: 8px;
    border-radius: 15px;
    transform: none;
    transition: all 0.3s ease-in-out;
    transform-origin: top left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: auto;
    filter: grayscale(1);
    /*opacity: 0.75;*/
}
.about-value .e-n-accordion-item:hover .e-n-accordion-item-title-text:before{ filter:grayscale(0); opacity: 1;}
.about-value .e-n-accordion-item[open] .e-n-accordion-item-title-text:before{ filter:grayscale(0); opacity: 1;}
.about-value .e-n-accordion-item:nth-child(1) .e-n-accordion-item-title-text:before{ background-image: url("https://ummdigital.in/umm/wp-content/uploads/2025/07/Group-46.png");}
.about-value .e-n-accordion-item:nth-child(2) .e-n-accordion-item-title-text:before{ background-image: url("https://ummdigital.in/umm/wp-content/uploads/2025/07/Group-48.png");}
.about-value .e-n-accordion-item:nth-child(3) .e-n-accordion-item-title-text:before{ background-image: url("https://ummdigital.in/umm/wp-content/uploads/2025/09/Deliver.png") !important;}
.about-value .e-n-accordion-item:nth-child(4) .e-n-accordion-item-title-text:before{ background-image: url("https://ummdigital.in/umm/wp-content/uploads/2025/09/own-it.png") !important;}
.about-value .e-n-accordion-item > div { max-width:90%; }


/*Contact Page*/
.location-tab .e-n-tabs-content{ background:black; overflow:hidden; border-radius: 20px;}
/*.location-tab .e-n-tab-title:before{ content:''; background:black; width:6px; height:6px; border-radius:50%; position:absolute; left:0;}
.location-tab .e-n-tab-title:hover:before{opacity: 0;}
.location-tab .e-n-tab-title[aria-selected=true]:before { opacity: 0;}
.location-tab .e-n-tab-title:first-child:before{display: none;}
*/

/*People Page*/
.people-card:hover .fimg{ transform: }

/*Responsive Settings*/
/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {  
     .pin-sections .e-loop-item {
      flex: 1 1 100% !important;
    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 768px) {  
    /* .pin-parent {
      height: auto !important;
      overflow: visible !important;
    }

    .pin-sections .elementor-grid {
      display: flex;
      flex-wrap: wrap;
      width: 100% !important;
      transform: none !important;
      padding-right: 0;
    }

    .pin-sections .e-loop-item {
      flex: 1 1 100% !important;
    }
    .pin-sections .service-card{
        width: 100% !important;
    }
*/
    .about-value .e-n-accordion-item-title-text{font-size: 0px !important;}
    .about-value .e-n-accordion-item-title-text:before{ width: 120; height: 70px;}


}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 992px) { 
#custom-cursor{display: none;}
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1200px) {  }

/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1400px) {  }


@media (max-width: 768px) {
  .service-card .fspace .elementor-spacer-inner {
    padding-top: 200px !important;
  }

  .service-card .cta {
    transform: none !important;
    opacity: 1 !important;
  }

  .service-card .fimg {
    transform: scale(1) !important;
  }

  .service-card .fvideo {
    opacity: 1 !important;
  }
}