/*  */

#Enabled {
background-color: var(--greyBg);
padding: 100px 0px;
overflow: hidden;
padding-bottom: 200px;

}

#Enabled .inverted-radius {
--r: 20px;
--s: 30px;
--x: 20px;
--y: 10px;
aspect-ratio: 1;
border-radius: var(--r);
--_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
--_g: conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)), #0000 25%, #000 0);
--_d: (var(--s) + var(--r));
mask: calc(100% - var(--_d) - var(--x)) 100% var(--_m), 100% calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 100% 100%, rgba(0, 0, 0, 0) 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(-1*var(--_d) - var(--y));
mask-repeat: no-repeat;
height: 640px;
object-fit: cover;
width: 940px;
}

#Enabled .swiper {
width: 100%;
margin: 0 auto;
overflow: visible;
margin-top: 260px;
margin-bottom: 120px
}

#Enabled .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
width: 300px;
height: 360px;
transform: scale(0.6);
transition: all .6s ease
}

#Enabled .swiper-slide h3 {
position: absolute;
left: 20px;
top: -100px;
z-index: 1;
color: #fff;
font-size: 30px;
transition: 0.1s;

}

#Enabled .swiper-slide-active h3 {
opacity: 0;
visibility: hidden;
}

#Enabled .swiper-slide .cta {
position: absolute;
right: -352px;
bottom: -152px;
width: 60px;
height: 60px;
background-color: var(--White);
border-radius: 100px;
display: grid;
place-content: center;
transition: .5s;
transition-delay: 0s;
border: solid 1px var(--red);
opacity: 0;
visibility: hidden;
transition-delay: .3s
}

#Enabled .swiper-slide .cta svg {
width: 20px
}

#Enabled .swiper-slide .cont {
text-align: center
}

#Enabled .swiper-slide img {
display: block;
transition: .2s;
border-radius: 20px;
overflow: hidden
}

#Enabled .swiper-slide span {
display: inline-block;
margin-top: 20px
}

#Enabled .changing,
#Enabled .changed {
transform: translateX(-1000px) scale(0.6);
-ms-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none
}

#Enabled .changing {
transition: transform .3s;
pointer-events: none
}

#Enabled .changed {
transition: none
}

#Enabled .changing.swiper-slide-active,
#Enabled .changed.swiper-slide-active {
transform: translateX(-340px)
}

#Enabled .swiper-slide-active~.changing,
#Enabled .swiper-slide-active~.changed {
transform: translateX(120px) scale(0.6);
clip-path: inset(-40% -50% -30% 0% round 12%)
}

#Enabled .changing .img-wrap,
#Enabled .changed .img-wrap {
transform-origin: center bottom
}

#Enabled .changing .img-wrap {
transition: transform .3s;
transition: .5s
}

/* #Enabled .changed .img-wrap {
transition: .5s
} */

#Enabled .changing.swiper-slide-active .img-wrap,
#Enabled .changed.swiper-slide-active .img-wrap {
/* transition: .1s */
}

#Enabled .oursolutionsCards h2 {
color: var(--White);
font-size: var(--fs-22);
font-weight: var(--font-weight-500);
position: absolute;
left: 70px;
top: -120px;
/* transition: 1s; */
z-index: 1;
}

#Enabled .changed.swiper-slide-active .oursolutionsCards h2 {
font-size: var(--fs-32);
/* top: -180px;
transform: scale(1);
left: 50px ;*/
}

#Enabled .changed.swiper-slide-active .oursolutionsCards .contentCard {
opacity: 1;
visibility: visible;

}

#Enabled .changed.swiper-slide-active .cta {
opacity: 1;
visibility: visible;
right: -317px;
}


#Enabled .changed.swiper-slide-active .img-wrap .imgoverlap .inverted-radius {
/* --r: 20px;
--s: 30px;
--x: 20px;
--y: 10px; */
/* height: 730px; */
}


#Enabled .oursolutionsCards {
position: absolute;
left: -240px;
top: 20px;
z-index: 99;
width: 440px;
transition: 0.5s;
/* transition-delay: 0.1s; */
opacity: 0;
visibility: hidden;
display: grid;
height: 100%;   
}

#Enabled .swiper-slide-active .oursolutionsCards {
opacity: 1;
visibility: visible;
transition-delay: 0.8s;
}

#Enabled .oursolutionsCards .contentCard {
position: absolute;
bottom: -60px;
left: 40px;
width: 680px;
z-index: 1;
transition: 0s;
/* transition-delay: 0s; */
/*   */
}

#Enabled .oursolutionsCards .contentCard p {
color: var(--White);
padding-right: 80px;
padding: 16px;
padding-left: 0px;
}

#Enabled .oursolutionsCards .contentCard ul {
margin: 0px;
padding: 0px;
list-style-type: none;
display: flex;
flex-wrap: wrap;
gap: 0px 20px
}

#Enabled .oursolutionsCards .contentCard ul li {
width: 48%
}

#Enabled .oursolutionsCards .contentCard ul li a {
color: var(--White);
font-size: 16px;
font-weight: var(--font-weight-500);
display: block;
border-bottom: solid 1px hsla(0, 0%, 100%, .6);
padding: 15px 0px;
background: url(../assets/images/whiet-arrow.svg) 95% 23px no-repeat;
transition: .5s;
height: 60px;
padding-right: 40px;
letter-spacing: -0.5px;
line-height: 18px
}

#Enabled .oursolutionsCards .contentCard ul li a:hover {
background-position: 98% 23px
}

#Enabled .swiper-button-next::after,
#Enabled .swiper-button-prev::after {
display: none
}

#Enabled .swiper-button-next {
right: 345px
}

#Enabled .swiper-button-next img {
transform: translateX(10px)
}

#Enabled .swiper-button-next::before {
background-color: var(--red);
border-radius: 100px;
padding: 45px 45px;
pointer-events: none;
content: "";
position: absolute
}

#Enabled .swiper-button-prev {
left: inherit;
right: 355px
}

#Enabled .mobileCta { background-color: var(--red);
    padding: 8px 12px;
    color: var(--White);
    font-size: var(--fs-14);
    font-weight: var(--font-weight-300);
    border-radius: 30px;
    height: fit-content;
    width: fit-content;
    position: absolute;
    right: -300px;
    bottom: -127px; transition: 0.5s; }

    #Enabled .mobileCta:hover { background-color: var(--White); color: var(--red); }

/* #Enabled .common-cta span { margin-top: 0px !important; display: flex; } */


.gallery-thumbs {
  width: 100%;
  padding: 0;
  overflow: hidden;
  display: none;
}


#Enabled .mobileCta { display: none; }


@media screen and (max-width: 2560px) {
#Enabled .changing, #Enabled .changed {transform: translateX(-1300px) scale(0.6);}
} 

@media(min-width: 1600px)and (max-width: 1919px) {
    
    #Enabled .swiper {
        transform: translate(-100px, 0px) scale(0.85)
    }
}

@media only screen and (min-width: 1400px)and (max-width: 1599px) {

    #Enabled .changing.swiper-slide-active, #Enabled .changed.swiper-slide-active {transform: translateX(-220px);}
    #Enabled .swiper-button-next {
    right: 278px;
} 
#Enabled .swiper-button-prev {
    left: inherit;
    right: 290px;
}
  /* .common-cta:hover .arrow img {width: 10px;} */

#Enabled .inverted-radius {
height: 560px;
    object-fit: cover;
    width: 820px;
}

#Enabled .changed.swiper-slide-active .cta {right: -257px;bottom: -112px;}
#Enabled .oursolutionsCards h2 {top: -60px;left: 40px;}
#Enabled .swiper-slide-active~.changing, #Enabled .swiper-slide-active~.changed {clip-path: inset(-25% -30% -30% 0% round 12%);} 
#Enabled .swiper-slide h3 {top: -60px;}
#Enabled .oursolutionsCards .contentCard {bottom: -30px;}


.common_tile {
font-size: 34px;
}
p {
font-size: var(--fs-14);
line-height: 24px;
}


}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {

    .common_tile {
font-size: 34px;
}
p {
font-size: var(--fs-14);
line-height: 24px;
}
    


    #Enabled .swiper-pagination {
        display: none
    }

    #Enabled .swiper {
        transform: translate(176px, 0px);
        margin-bottom: 0px;
        margin-top: 120px
    }

    #Enabled .swiper-button-next {
        right: 380px
    }

    #Enabled .swiper-button-prev {
        left: inherit;
        right: 390px
    }

    #Enabled .inverted-radius {height: 600px;}
    #Enabled .swiper-slide-active~.changing, #Enabled .swiper-slide-active~.changed {transform: translateX(-60px) scale(0.65);}
    #Enabled .changing.swiper-slide-active, #Enabled .changed.swiper-slide-active {transform: translateX(-360px);}
    #Enabled .oursolutionsCards {left: -200px;width: 440px;}
    #Enabled .oursolutionsCards,#Enabled .oursolutionsCards .contentCard {width: 490px;}  
    #Enabled .oursolutionsCards .contentCard ul li {width: 46%;}
    #Enabled .changed.swiper-slide-active .oursolutionsCards h2 {font-size: 24px;top:-30px;left: 40px;}
    #Enabled {padding: 60px 0px; padding-bottom: 200px; }
    #Enabled .swiper-slide-active~.changing, #Enabled .swiper-slide-active~.changed {clip-path: inset(-11% -50% -14% 0% round 12%);}
    #Enabled .swiper-slide h3 {top:-15px;}

    #Enabled .changed.swiper-slide-active .cta {right:-197px;bottom:-63px;}


     #Enabled .oursolutionsCards .contentCard ul li a {font-size: 14px;}
      #Enabled .oursolutionsCards .contentCard {left: 40px;bottom: 10px;top: inherit;}

      
    #Enabled .inverted-radius {
height: 470px;
    object-fit: cover;
    width: 720px;
}

#Enabled .changed.swiper-slide-active .cta {right:-210px;
        bottom: -70px;}
#Enabled .oursolutionsCards h2 {top: -60px;left: 40px;}
#Enabled .swiper-slide-active~.changing, #Enabled .swiper-slide-active~.changed {clip-path: inset(-13% -30% -17% 0% round 12%);} 
#Enabled .swiper-slide h3 {top: -20px;}

.date_time .dates,#HomeInvestors .container .nse_bse .date_time a { font-size: 13px; }

#Enabled .common-cta {
    right: -200px;
    bottom: -47px;
    display: none;
}

   #Enabled  p {
        font-size: var(--fs-13) !important;
        line-height: 1.5 !important;
    }

    }


@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    
    #Enabled .swiper-pagination {
        display: none
    }

    #Enabled .swiper {
        transform: translate(176px, 0px);
        margin-bottom: 0px;
        margin-top: 120px
    }

    #Enabled .swiper-button-next {
        right: 400px
    }

    #Enabled .swiper-button-prev {
        left: inherit;
        right: 410px;
    }

    #Enabled .inverted-radius {height: 600px;}
    #Enabled .swiper-slide-active~.changing, #Enabled .swiper-slide-active~.changed {transform: translateX(-170px) scale(0.6);}
    #Enabled .changing.swiper-slide-active, #Enabled .changed.swiper-slide-active {transform: translateX(-330px);}
    #Enabled .oursolutionsCards {left: -160px;width: 440px;}
    #Enabled .oursolutionsCards,#Enabled .oursolutionsCards .contentCard {width: 490px;}  
    #Enabled .oursolutionsCards .contentCard ul li {width: 46%;}
    #Enabled .changed.swiper-slide-active .oursolutionsCards h2 {font-size: 24px;top: -100px;}
    #Enabled {padding: 60px 0px; padding-bottom: 200px; }
    #Enabled .swiper-slide-active~.changing, #Enabled .swiper-slide-active~.changed {clip-path: inset(-31% -50% -30% 0% round 12%);}
    #Enabled .swiper-slide h3 {top: -85px;}

    #Enabled .changed.swiper-slide-active .cta {right: -147px;bottom: -133px;}
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
     #Enabled {
        padding: 40px 0px
    }

    #Enabled .common_tile {
        margin-bottom: 20px
    }

    
    #Enabled {
        padding: 40px 0px
    }

    #Enabled .common_tile {
        margin-bottom: 20px
    }

    #Enabled .swiper-slide .oursolutionsCards .contentCard {
        left: 15px;
        width: 90%;
        top: 80px
    }

    #Enabled .swiper-slide .oursolutionsCards .contentCard h2 {
        width: fit-content
    }

    #Enabled .swiper-slide .oursolutionsCards .contentCard ul li {
        width: 100%
    }

    #Enabled .swiper-slide .oursolutionsCards .contentCard ul li a {
        font-size: 12px;
        padding: 8px 0px;
        height: 37px;
        background: url(../../assets/images/whiet-arrow.svg) 95% 20px no-repeat;
        background-size: 20px
    }

    #Enabled .swiper-slide.swiper-slide-active .oursolutionsCards h2 {
        font-size: 24px;
        top: 30px;
        left: 13px;
    }


    #Enabled .swiper-slide .oursolutionsCards .contentCard ul {
        display: block
    }

    #Enabled .swiper-pagination {
        position: relative;
        margin-top: 10px
    }

    #Enabled .swiper-pagination-bullet {
        background-color: var(--White)
    }

    #Enabled .swiper-button-next,
    #Enabled .swiper-button-prev {
        display: none
    }

    #Enabled .swiper-slide .oursolutionsCards h2 {
        left: 14px
    }


    #Enabled .swiper {
        margin-top: 60px;
        margin-bottom: 70px
    }

    #Enabled .changing.swiper-slide-active .img-wrap,
    #Enabled .changed.swiper-slide-active .img-wrap,
    #Enabled .changed.swiper-slide-active .img-wrap .imgoverlap {
        width: auto
    }

    #Enabled .changed.swiper-slide-active .img-wrap .imgoverlap img {
        width: 100%;
        height: 580px
    }

    #Enabled .changed.swiper-slide-active .oursolutionsCards {
        left: 0px;
        top: -40px;
        z-index: 99;
        width: 80%;
        right: 0px;
        margin: auto;
    }

    #Enabled .oursolutionsCards .contentCard p {
        padding-right: 0px
    }

    #Enabled .swiper-slide .cta {
        bottom: -60px;
    }

    #Enabled .swiper-slide {height: 490px;}

    #Enabled .changed.swiper-slide-active .cta {
        right: 0px
    }

    #Enabled .swiper-slide img {
        height: 580px;
        width: 100%
    }

    #Enabled .changing, #Enabled .changed {transform: translateX(-50px) scale(1);}
    #Enabled .oursolutionsCards {left: 0px;width: 80%;top: -40px; transition: all 0.3s ease; transition-delay: 0s; margin: auto;
        right: 0px;}
    #Enabled .changing.swiper-slide-active, #Enabled .changed.swiper-slide-active {
    transform: translateX(0px);
}

#Enabled .swiper-slide h3 {top: -17px;}

}

@media(min-width: 320px)and (max-width: 767px) {
    
    #Enabled {
        padding: 40px 0px
    }

    #Enabled .common_tile {
        margin-bottom: 20px
    }

    #Enabled .swiper-slide .oursolutionsCards .contentCard {
        left: 15px;
        width: 90%;
        top: 80px
    }

    #Enabled .swiper-slide .oursolutionsCards .contentCard h2 {
        width: fit-content
    }

    #Enabled .swiper-slide .oursolutionsCards .contentCard ul li {
        width: 100%
    }

    #Enabled .swiper-slide .oursolutionsCards .contentCard ul li a {
        font-size: 12px;
        padding: 8px 0px;
        height: 37px;
        background: url(../../assets/images/whiet-arrow.svg) 95% 20px no-repeat;
        background-size: 20px
    }

    #Enabled .swiper-slide.swiper-slide-active .oursolutionsCards h2 {
        font-size: 24px;
        top: 30px;
        left: 13px;
    }


    #Enabled .swiper-slide .oursolutionsCards .contentCard ul {
        display: block
    }

    #Enabled .swiper-pagination {
        position: relative;
        margin-top: 10px
    }

    #Enabled .swiper-pagination-bullet {
        background-color: var(--White)
    }

    #Enabled .swiper-button-next,
    #Enabled .swiper-button-prev {
        display: none
    }

    #Enabled .swiper-slide .oursolutionsCards h2 {
        left: 14px
    }


    #Enabled .swiper {
        margin-top: 60px;
        margin-bottom: 70px
    }

    #Enabled .changing.swiper-slide-active .img-wrap,
    #Enabled .changed.swiper-slide-active .img-wrap,
    #Enabled .changed.swiper-slide-active .img-wrap .imgoverlap {
        width: auto
    }

    #Enabled .changed.swiper-slide-active .img-wrap .imgoverlap img {
        width: 100%;
        height: 580px
    }

    #Enabled .changed.swiper-slide-active .oursolutionsCards {
        left: 0px;
        top: -40px;
        z-index: 99;
        width: 100%
    }

    #Enabled .oursolutionsCards .contentCard p {
        padding-right: 0px
    }

    #Enabled .swiper-slide .cta {
        bottom: -60px;
    }

    #Enabled .swiper-slide {height: 490px;}

    #Enabled .changed.swiper-slide-active .cta {
        right: 0px
    }

    #Enabled .swiper-slide img {
        height: 580px;
        width: 100%
    }

    #Enabled .changing, #Enabled .changed {transform: translateX(-50px) scale(1);}
    #Enabled .oursolutionsCards {left: 0px;width: 100%;top: -40px;}
    #Enabled .changing.swiper-slide-active, #Enabled .changed.swiper-slide-active {
    transform: translateX(0px);
}
    #Enabled .changed.swiper-slide-active .oursolutionsCards h2,#Enabled .oursolutionsCards h2  {top: 30px;}
}