/*UI10051997*/
main{padding-top: 0}

.desktop_banner{position:relative;}
.desktop_banner:before {position: absolute;content: "";width: 100%;height: 30%;left: 0;right: 0;top: 0; background: transparent linear-gradient(180deg, #000000b5 37%, #54545400 97%) -88% 109% no-repeat padding-box;z-index:1;}
.desktop_banner .owl-dots {left: 0;max-width: 155.6rem;position: relative;bottom: 9rem;margin: auto;}
.desktop_banner .carousel-indicators {justify-content: flex-start; left: auto; right: 0; text-align: left; bottom: 50%;z-index: 3; flex-direction: column;row-gap: 1rem; margin-right: 7%; margin-left: auto; translate: 0 100%}
.desktop_banner .carousel-indicators [data-bs-target]{ background: #fff; opacity: .6; width: 1rem; height: 1rem; border: none; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;box-shadow: 0px 3px 6px #00000029; position: relative; text-indent: 0;}
.desktop_banner .carousel-indicators .active{opacity: 1;}
.desktop_banner .carousel-indicators [data-bs-target]::after{ content: attr(data-text); position: absolute; right: calc(100% + 2rem); top: 50%; line-height: 2; padding: 0rem 1.4rem; border-radius:2.5rem ; translate: 0 -50%; display: block; background: #fffb; white-space: nowrap; font-size: 1.6rem; -webkit-border-radius:2.5rem ; -moz-border-radius:2.5rem ; -ms-border-radius:2.5rem ; -o-border-radius:2.5rem ; opacity: 0;}
.desktop_banner .carousel-indicators [data-bs-target]::before{content: ''; width: 2rem; height: 1px; position: absolute; right: 100%; background: #fff; top: 50%; translate: 0 -50%; opacity: 0;}
.desktop_banner .carousel-indicators [data-bs-target].active::after, .desktop_banner .carousel-indicators [data-bs-target].active::before{opacity: 1;}
/* .desktop_banner .carousel-item::before{width:100%;height:50%;background: linear-gradient(180deg, rgba(250,250,250,1) 20%, rgba(245,240,227,0) 100%);position: absolute;left: 0;top: 0;bottom: 0;content: "";z-index:1;} */
.desktop_banner img{height: auto; width: auto;}
.desktop_banner .carousel-content{display: grid; }
.desktop_banner .carousel-content>*{grid-area: 1/1}
.desktop_banner .banner-img{width: 100%; height: 92dvh; max-height: 1500px; min-height: 569px}
.desktop_banner .carousel-content-inner{z-index: 1;}
.desktop_banner .caption-inner{display: grid; place-items: center; text-align: center; color: #fff;}
.desktop_banner .caption-inner>*{grid-area: 1/1;}
.desktop_banner .carousel-content .container{height: 100%; display: flex; align-items: flex-end; padding-block: 12rem 8rem;}
.desktop_banner .caption-inner>img{min-width: 53rem;}
.desktop_banner .slider_heading{font-size: 4.6rem;margin-bottom: 1.5rem; line-height: 1.3;}
.desktop_banner p{font-size: 2.8rem; line-height: 1.5; text-wrap: pretty; margin-bottom: 4rem;}
.desktop_banner a img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); scale: 1.6; }
.desktop_banner .caption-content{max-width: 42rem; padding: 6rem;}
@keyframes fadeInline {
    0% {margin-bottom: -100%;}
    100% {margin-bottom: 0%;}
}
.desktop_banner .caption-content a:hover img{
    transition: 0.9s;
    transform: rotateY(360deg);
}
/*---banner end---*/

/*---solution-sec start---*/

.solution-sec{padding:8rem 0;}
.solution-sec figure + p{max-width:66%; margin:5rem auto 7rem;}
.solution-sec .heading-bold{padding-bottom: 6rem;}
.solution-sec .content{ height: 100%;position: relative; overflow: hidden;}
.solution-sec .content a::before{position: absolute; content: ''; inset: 0;}
.solution-sec .content::before{position: absolute; content: ''; inset: 0; top: auto; height: 35%; background-image: linear-gradient(to top, rgba(0,0,0,.8)10%, rgba(0,0,0,0));}
.solution-sec .row{--bs-gutter-y: 3rem; --bs-gutter-x: 3rem}
.solution-sec .content .content-image{width: 100%;}
.solution-sec .content .content-details{ text-align: center; padding-inline: 2rem; translate: 0 60%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; transition: all 1s ; -webkit-transition: all 1s ; -moz-transition: all 1s ; -ms-transition: all 1s ; -o-transition: all 1s ; height: auto; color: #fff; position: absolute; inset: 0; top: auto; }
.solution-sec .content .content-details blockquote{ transition:1s all ; -webkit-transition:1s all ; -moz-transition:1s all ; -ms-transition:1s all ; -o-transition:1s all ; padding-bottom: 3rem; }
.solution-sec .content:hover .content-details{translate: 0 0; padding-block: 3rem; justify-content: center; background: rgba(236, 27, 36, .7); height: 100%;}
.solution-sec .content:hover .content-details blockquote{ padding-bottom: 0;}
.solution-sec .content .content-details p:last-child{margin-bottom: 0;}
.solution-sec .content .content-details a:hover img{
     scale: 1.4;
   }

/*---solution-sec end ---*/

/* =------service-sec start------- */
.service-sec, .innovation-sec{padding-block: 7rem 8rem; border-top: 2px solid #e0e0e0}
:is(.service-sec, .innovation-sec, .people-sec) .heading-bold{padding-block: 0; margin-bottom: 2rem; }

.service-sec .heading-bold + p.font-30{color: var(--browncolor); line-height: 1.2; margin-bottom: 4rem;}
.service-sec .section-heading{margin-bottom: 7rem;}
.service-sec ul{display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 1.5rem; column-gap: 3rem;}
:where(.service-sec, .people-sec) ul li a{display: inline-block; padding-right: 2rem; padding-bottom: 1.5rem; border-bottom: 2px solid rgba(47, 49, 146, .1)}
:where(.service-sec, .people-sec) ul li a:hover{color: var(--redcolor);}

.service-sec .row{align-items: center;}
.service-sec a img{scale: 1.6;}
.service-sec a img:hover{
    transition: 0.9s;
    transform: rotateY(360deg);
}

/* ------innovation-sec start------- */
.innovation-sec{padding-top: 9rem; padding-bottom: 0;}
.innovation-sec .section-heading{margin-bottom: 6rem;}
.inno-thumb{display: grid;}
.inno-thumb>*{grid-area: 1/1;}
.inno-thumb {position: relative;}
.inno-thumb figure{position: relative; overflow: hidden;}
.inno-thumb figure img{ height: 100%; object-fit: cover; width: 100%; transition:.6s all ; -webkit-transition:.6s all ; -moz-transition:.6s all ; -ms-transition:.6s all ; -o-transition:.6s all ; }
.inno-thumb:hover figure img{scale: 1.1;}
.inno-thumb figure::after{content: ''; position: absolute; inset: 0; width: 80%; background-image: linear-gradient(to right, rgba(0,0,0,.75), rgba(0,0,0,0));}
.inno-thumb .inno-content{position: relative; z-index: 1; padding: 7rem 10rem; display: flex; flex-direction: column; justify-content: space-between;}
.inno-thumb h4{max-width: 48rem; color: #fff; font-weight: 400;}
.innovation-sec .row>div:last-child .inno-thumb h4{max-width: 28rem;}

.inno-thumb .inno-content-inner{display: flex; justify-content: space-between; align-items: flex-end; color: #fff;}
.inno-thumb h5{margin-bottom: 2rem; font-weight: 300;}
.inno-thumb .inno-content-inner:hover img{
   scale: 1.3;
}
/* .inno-thumb .inno-content-inner:hover{
    opacity: 0.7;
} */
.inno-thumb .inno-content-inner:hover img{
transition: 0.9s;
transform: rotateY(360deg);
}
.inno-thumb .inno-content-inner p{max-width: 30rem; font-weight: 300;}
.inno-thumb a{display: block; margin-bottom: 1rem;}
.inno-thumb a img{scale: 1.6;}
.inno-thumb a::before{content: ''; position: absolute; inset: 0;}
/* ------innovation-sec end------- */


/* ------People-sec start------- */
.people-sec {background: #e9eaec; padding-top: 12rem; position: relative;}
.people-sec :where(p, blockquote){margin-bottom: 3rem;}
.people-sec a:has(img){display: block;}
.people-sec a img{scale: 1.6;}
.people-sec a img:hover{transition: 0.9s;
    transform: rotateY(360deg);}
.people-sec ul{margin-top: 4.5rem;}
.people-sec ul li{margin-bottom: 1.5rem;}
.people-sec ul li a{padding-bottom: 1rem; padding-right: 6rem}
.people-sec ul li a:hover{color: var(--redcolor);}
.people-sec::before{content: ''; position: absolute; left: 0; bottom: 0;height: 23rem; background: #fff; width: 100%;}
.people-sec .container{position: relative;}
.people-content{max-width: 70rem;}

/* ------news start------- */
.home-happening{padding-block: 8rem}
.home-happening .heading-bold{padding-bottom: 2.5rem;}
.home-happening .section-heading{max-width: 45rem; margin-bottom: -6rem;}

.happening-grid {display: grid; --mid-height: 300px; grid-template-columns: 1fr 1fr; grid-gap: 2.5rem; grid-template-rows: 11rem auto var(--mid-height) auto 8rem;}

.happening-grid>div:first-child{grid-row: 2/ span 2; grid-column: 1/span 1;}
.happening-grid>div:nth-child(2){grid-row: 1/ span 2; grid-column: 2/span 1;}
.happening-grid>div:nth-child(3){grid-row: 3/ span 2; grid-column: 2/span 1;}
.happening-grid>div:nth-child(4){grid-row: 4/ span 2; grid-column: 1/span 1;}
.happening-grid>div:nth-child(5){grid-row: 5/ span 1; grid-column: 2/span 1;}

.happening-grid .happening-thumb{display: grid; position: relative;}
.happening-grid .happening-thumb>*{grid-area: 1/1;}
.happening-thumb figure{position: relative; overflow: hidden;}
.happening-thumb figure img{ height: 100%; width: 100%; transition: .6s all ; -webkit-transition: .6s all ; -moz-transition: .6s all ; -ms-transition: .6s all ; -o-transition: .6s all ; }
.happening-thumb:hover figure img{scale: 1.1; z-index: 0;}
.happening-thumb figure::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background-image: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,0)); z-index: 1;}
.happening-thumb .thumb-content{padding: 5rem 7rem; display: flex; flex-direction: column; justify-content: flex-end; z-index: 1; color: #fff;}
.happening-thumb .thumb-content p a{color: #fff;}
.happening-thumb .thumb-content p a::before{content: ''; position: absolute; inset: 0;}
.happening-grid .view-more a{ margin-top: 2rem; margin-left: 7rem; font-size: 2.1rem;}
.happening-grid .view-more a img{margin-left: 2rem; scale: 1.6;}
.happening-grid .view-more a:hover img{transition: 0.9s;
transform: rotateY(360deg);}
.happening-grid .view-more a:hover{color: var(--redcolor);}
.happening-thumb time{margin-bottom: 2rem;}
.happening-thumb:not(:has(figure)){border: 1px solid #CFCFCF}
.happening-thumb:not(:has(figure)) .thumb-content time{font-size: 2.1rem;}
.happening-thumb:not(:has(figure)) .thumb-content{color: #000; justify-content: flex-start;}
.happening-thumb:not(:has(figure)) .thumb-content p a{color: #000;font-size: 2.6rem; font-weight: 500; line-height: 1.4;}
.happening-thumb:not(:has(figure)):hover .thumb-content p a{color: var(--redcolor)}

.people-sec {
    padding-bottom: 7rem;
}

/* vidoe section starts here */
.desktop_banner .video-banner {
    height: 100vh;
    object-fit: cover;
}
/* vidoe section ends here */

/* homepage wise R css starts here */
.trade-mark {
    position: relative;
    display: inline-block;
    padding-right: 1rem;
}
.trade-mark:after {
    content: "R";
    position: absolute;
    top: 0;
    border: 1px solid #000000;
    border-radius: 50px;
    width: 12px;
    height: 12px;
    display: inline-block;
    font-size: 8px;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
}
@media(max-width:1649px){
    .desktop_banner .caption-inner>img {
        min-width: 45rem;
    }
    .desktop_banner .slider_heading{
        font-size: 4.6rem;
    }
}

@media(max-width:1440px){
    .desktop_banner .caption-inner>img {
        min-width: 38rem;
    }
    .desktop_banner .slider_heading {
        font-size: 3.6rem;
    }
}
@media(max-width:1339px){
    .desktop_banner .caption-inner>img {
        min-width: 37rem;
    }
}
/* homepage wise R css ensd here */