/* @import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@font-face {
  font-family: 'Britannic Bold';
  font-style: normal;
  font-weight: 400;
  src: url(https://sustainablepackagingindia.com//image/BRITANIC.ttf) format('truetype');
}

.img-b {
    width: 200px;
    height: 150px;
    border: solid 1px #c1bfbf;
    margin-left: 10px;
}

.fa{font-family:FontAwesome !important;}
:root {
    --nunito-font:'Britannic Bold';
    --Philosopher-font:'Britannic Bold';
    --green: #009b50;
    --brown: #623f2b;
    --light-brown: #ddaf8d;
    --gray: gray;
    --white:#fff;
}

*{padding: 0;margin: 0;box-sizing: border-box;font-family: var(--nunito-font);}
.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;}

section{padding:60px 0  ;}
h1,h2,h3,h4,h5,h6{font-weight: 600;font-family: var(--Philosopher-font);color: #009b50;}

p,ul,li{font-size: 18px;font-family: var(--nunito-font);}

a{text-decoration: none;font-family: var(--nunito-font);color: #009b50;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: #009b50;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*/
#hero-bnr{animation: fadeInDown 2000ms ease;padding-top: 95px;} 
#hero-bnr .carousel-inner .carousel-item img{border-bottom-right-radius:90px;aspect-ratio: 16/6; object-fit: cover;}
#hero-bnr .carousel-inner .carousel-item .carousel-caption{bottom: 0%;/* text-align: left; */}
#hero-bnr .carousel-inner .carousel-item .carousel-caption h4{font-size: 75px;animation: fadeInUp 2000ms ease-in-out;text-shadow: 1px 1px 1px #101010;}
#hero-bnr .carousel-inner .carousel-item .carousel-caption p{font-size: 25px;font-weight: 500;animation: fadeInLeft 3000ms ease-in-out;text-shadow: 1px 1px 4px #181616;}
/* 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;}


#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  --> */
footer{background-color: #009b50;padding:2rem  0;}
footer .ft-hd,footer .ft-lnk{color: var(--white);}
footer .ft-lnk{list-style-type: none;padding: 0;}
footer .ft-lnk a{display: flex;gap:10px;align-items: baseline;color: var(--white);transition: all 300ms ease-in-out;font-family: var(--nunito-font);}
footer .ft-lnk a:hover{margin-left:5px ;}


.social-icon {
    position: fixed;
    right: 15px;
    bottom: 12.5rem;
    z-index: 999;
}

/* <!-- 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 {min-height: 204px;background: #009b50;padding: 10px;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 4% 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){
 /* carousel custom css start*/
#hero-bnr{padding-top: 15px;} 
#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: 30px 0;}


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

	/*============WHATSAPP==========*/
  
  .whatsapp_btn{
    position: fixed;
    bottom: 5em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn .circle_waves {
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}