@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
#Div_body{
    background-image:url('../Image/bg-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}
.top-nav{overflow: hidden;padding: 5px 0;width: 100%;position: fixed;background: #fff;z-index: 999;}
.top-nav .col-lg-12{
    text-align:right;
}


.banner-bg{
    background: linear-gradient(90deg, #f05922, #fff 50%, #f05922);
    padding: 0px 50px 0 60px;
    border-radius: 10px;
    position: relative;
}
.banner-bg img{
    object-fit: cover;
    height: 100%;
    transform: scaleX(-1);
    top: 55px;
    position: relative;
}
.carousel-caption a{
        background-color: #000;
        padding: 10px 45px;
        border-radius: 30px;
        box-shadow: 0 1px 2px 1px #333;
        display: inline-flex;
        font-size: 18px;
        color: #fff;
        transition: .3s ease-in-out;
        position: relative;
        margin-top: 10px;
}
.carousel-caption h4{
    font-size: 29px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
    text-align: left;
}

.bm-sl{
   background-color: #fff;
   text-align: center;
   border-radius: 10px;
   padding: 15px 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   transition: all .3s ease-in-out;
   margin: 25px 0;
   box-shadow: 1px 1px 6px #bfbaba;
}
.bm-sl img{
    width:70px;
}
.bm-sl h5{
        font-size: 16px;
        color: #000;
        margin-top: 20px;
}



*{padding: 0;margin: 0;box-sizing: border-box;}
.fa{font-family: fontawesome !important;}

body,html{font-size: 1rem;font-weight: 400;color: var(--gray); }

@media(max-width:995px){
    body,html{font-size: 12px; font-weight: 300;}
}

.container{max-width: 1220px;}

.srv-content{
    background: #FFF8E1;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    padding: 20px;
}
.srv-content h4{
    font-size: 28px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 15px;
    color: #4f3b00;
}
.services-solution-bx span {
    color: #fcbc45;
    font-weight: 600;
}
.s2 .services-solution-bx{margin:0 0 15px 0 !important;}
.services-solution-bx {
    border: 1px solid #e3dbdb;
    border-radius: 10px;
    padding-bottom: 25px;
    overflow: hidden;
    z-index: 9999;
    position: relative;
    margin: 20px;
    background: #fff;
}
.s2 .services-solution-bx img{height:180px;}
.services-solution-bx img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: scale(1);
    -webkit-transform: scale(1);
    position: relative;
    width: 100%;
    height: 250px;
    transition: all .3s ease;
}
.services-solution-bx h5{
        color: #4f3400;
    padding: 0px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    margin-top:25px;
    margin-left:10px;
}
.services-solution-bx:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}

.services-solution-bx:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.services-solution-bx:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.img-right img{margin-top:20px;border-radius:10px;height: 590px;}


.heading-innerpage {background: linear-gradient(to right, rgb(240 89 34), rgb(24 23 23));padding: 20px 30px;margin-bottom: 20px;margin-top: 117px;}
.heading-innerpage h1 {font-weight: 600;Font-size: 28px;color: #fff;line-height: 30px;text-align: left;border-left: 3px #fff solid;padding-left: 20px;margin-bottom: 10px;}


.aboutrow{
    background:#fff;
    border-radius:10px;
    padding:20px;
}
.aboutrow img{border-radius:10px;width:100%;}
.aboutrow h3{
        font-size: 30px;
        color: #000;
        line-height: 40px;
        margin: 0;
        padding: 10px 5px 15px;
}
.aboutrow p{
    font-size: 14px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    padding: 0;
}
.sub-heads{
    color:#f05922;
    font-size: 22px;
    font-weight:600;
    text-shadow: 1px 1px 0px #464141;
    padding: 0;
}
.faq-content{
    background: #FFF8E1;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    padding: 20px;
}
.faq p{line-height:25px;}
.faq-content .accordion-button:not(.collapsed){background:#f05922;color:#fff;}
.faq-content h4{
        font-size: 32px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 16px;
    color: #4f3b00;
}
section{padding: 10px 0;}
h1,h2,h3,h4,h5,h6{font-weight: 600;font-family: "Roboto", sans-serif;color: var(--green); }

p,ul,li{font-size: 15px;}

a{text-decoration: none;font-family: "Roboto", sans-serif;color: var(--green);transition: all 0.3 ease-in-out;-o-transition: all 0.3 ease-in-out;-ms-transition: all 0.3 ease-in-out;-webkit-transition: all 0.3 ease-in-out;}

/* common red button  */
.green-btn{ border-radius: 50px; padding: 7px;width: 160px;font-weight: 500;font-size: 20px !important;background-color: var(--green);color: var(--white);border: none; }

/* common input field start */
.form-control{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff0;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-bottom: 1px solid;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus{box-shadow: none;border-color:var(--green);background-color: transparent;}
/* common input field  end */


/* carousel custom css start*/
.bnr-sec{background:#fff;}
#hero-bnr{padding-top: 130px;} 
#hero-bnr .carousel-caption{left: 44%;text-align: justify;width: 46%;bottom: 10%;}
#hero-bnr .carousel-caption p{color:#000;font-size: 16px;line-height: 27px;margin: 20px 0;}
/* carousel custom css end*/


/* testMonials custom css start*/
#client-testimonials h2 span{text-shadow: 1px 1px 5px #0b100e;}
#client-testimonials{  position: relative; background-image: url(/Image/tst-mni.jpg); height: 100%; width: 100%;background-size: cover;aspect-ratio: 16/4;}
#client-testimonials #client-testimonials-carousel{position: absolute;bottom: -100px;left: 15%;right: 15%;}
#client-testimonials #client-testimonials-carousel .carousel-inner .carousel-item{padding:2rem;}
#client-testimonials #client-testimonials-carousel .carousel-inner .carousel-item .tst-card{background-color:var(--white);    border: 2px solid #dee2e6 ;
    border-bottom-right-radius: 70px;padding: 30px; padding: 2rem;}
.tst-card .tst-hd{color: var(--gray);}
#client-testimonials .carousel-control-prev {left: -100px;}
#client-testimonials .carousel-control-next {right: -100px;}
.txt-rotate{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: var(--white);font-size: 37px;}

#HeaderControl img{width:140px;border-radius: 10px;padding: 5px;}
#client-testimonials .carousel-indicators{bottom: -20px;}
#client-testimonials .carousel-indicators [data-bs-target]{background-color: var(--brown);width: 15px;height: 15px;border-radius:50%;}
/* testMonials custom css end*/

.foundercol img{border-radius:5px;box-shadow:1px 1px 5px gray;}
.foundercol h2{padding:0 !Important;}


#industry{margin-top: 10rem;}
#industry .industry-crd {
    background-color:var(--white);
    border: 2px solid #dee2e6;
    border-bottom-right-radius: 70px;
    /* border-top-left-radius: 70px; */
    padding: 1rem;
    height: 100%;
    overflow: hidden;
    }
#industry .industry-crd .industry-crd-hd{color: var(--brown);font-size: 22px;}


/* contact form start */
.contact-section{background-color: var(--brown);background-color: #f8f8f8;}
/* contact form end */


/* <!-- footer section start  --> */
.ft-bg{background:#fff;padding:10px;}
.copyright {
    text-align: center;
    font-size: 12px;
    color: #000;
    line-height: 0px;
    margin-top:20px;
}
.ui-footer-menu {
    text-align: center;
    font-size: 14px;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
/* <!-- footer section end  --> */




.inr-bnnr img{object-fit: cover;aspect-ratio: 16/6; width: 100%;border-bottom-right-radius: 90px;animation: fadeInDown 2000ms ease-in-out;}


#widgetsControl,#widgetsControl_C{height:auto !important;}

.contact-info {background: var(--green);padding: 30px;margin: 10px 0;}
.contact-info i { color: #e4e4e4; font-size: 30px;}
.contact-info h5 {color: #ffffff;text-transform: uppercase;font-size: 17px;font-weight: 700;letter-spacing: .5px;}
.contact-info p, .contact-info p a { color: #e0e0e0; margin: 0;}

.abouthead{padding:0  0 7% 0;}
 .pic { position: relative; padding:100px 0;}
 .img1 img{ position: absolute; right: 0; top: 0; border-radius: 10px; object-fit: cover; z-index: 2;}
 .img2 img {  margin-top: 10px; margin-left: 7%; border-radius: 10px;  filter: brightness(92%); position: relative; z-index: 3;}


@media(max-width:992px){
    .heading-innerpage{margin-top:0px;}
    .copyright p{font-size:12px;}
    .srv-content h4{font-size:18px;}
    .aboutrow p{text-align:justify;}
    .bottom-bn{margin-top:45px;}
    .bm-sl{margin:10px;}
    .carousel-caption a{margin-top: 0;padding: 5px 25px;font-size: 14px;}
    .banner-bg img{top:30px;opacity:.3;}
    .carousel-caption h4{font-size:16px;}
    #hero-bnr .carousel-caption{width:100%;left:0;top: 0px;padding: 10px;}
    #hero-bnr{padding-top:30px;}
    .top-nav{display:none;}
 /* carousel custom css start*/
#hero-bnr .carousel-inner .carousel-item img{aspect-ratio: 1/1; object-fit: cover;}
#hero-bnr .carousel-inner .carousel-item .carousel-caption h4{font-size: 45px; }
#hero-bnr .carousel-inner .carousel-item .carousel-caption p{font-size: 18px;}
    img.img-fluid.logo {
    height: 70px;
}
/* carousel custom css end*/

    /* testMonials custom css start*/
#client-testimonials{ aspect-ratio: 1/1;}
#client-testimonials #client-testimonials-carousel{position: static;}
#client-testimonials #client-testimonials-carousel .carousel-inner .carousel-item{padding:0rem;}
#client-testimonials .carousel-indicators{bottom: 0px;}
/* testMonials custom css end*/

#industry{margin-top: 0rem;}
   section{padding:20px 0  ;}
    .inr-bnnr img{object-fit: cover;aspect-ratio: 1/1;}
}

.heading,.sub-heading{margin: 10px 0;font-size: 20px;}


.aboutcontent ul li{margin-bottom:20px;}