@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body
{
    padding:0;
    margin:0;
      font-family: "Poppins", sans-serif;
}

.Herosection, .Thermoseal, .pfisect, .mdlvlcsection
{
    background-color:#F7FFF2;
}
.Herosection .navbar-default {
    background-color: transparent;
    border-color: #D9D9D9;
}
nav.navbar.navbar-default {
    margin: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
}
.navbar-brand {
    padding: 0;
}
.navbar-brand>img
{
    width:80%;
}
.navbar
{
    min-height:150px;
}
i.fas.fa-phone.fa-flip-horizontal, i.fas.fa-envelope {
    position: relative;
    top: 35px;
    left: -7px;
}
ul.nav.navbar-nav.navbar-right li {
    padding: 0 25px;
}
ul.nav.navbar-nav.navbar-right {
    position: relative;
    top: 30px;
}
.bannersection .container-fluid
{
    padding:0;
    overflow:hidden;
}
.bannersection .col-sm-6
{
    position:relative;
}
.bannersection .bannertext
{
    position: absolute;
    left: 10%;
    margin-top: 22%;
    padding:0 25px;
}
.bannertext h1
{
    font-size:55px;
    line-height:1.1;
    font-family: "Playfair Display", serif;
}
.bannertext img
{
   padding:20px 0;
}
.bannertext p
{
    font-size:30px;
    
}
/* Add custom animation styles */
    .carousel-inner .item {
      transition: transform 1s ease-in-out;
    }
    
.aboutussection, .leersect , .pfisect .sectpfi, .visionengg, .mdlvlcsection
{
    padding:70px 0;
}
.heading
{
     font-size:36px;
    line-height:1.1;
    font-family: "Playfair Display", serif;
    margin-top:0;
    padding-top:0;
}
.abtusrighttext h3
{
    font-size:24px;
    color:#447B37;
    font-weight:500;
    line-height:1.3;
    padding-bottom:0;
    margin-bottom:0;
}
.abtusrighttext img
{
    padding:20px 0;
}
.nav-pills  li {
    border: 1px solid #D9D9D9;
  
}
.nav-pills  li a 
{
    color:#191A15;
    font-size:20px;
    font-weight:500;
}
.tab-content {
    border: 1px solid #D9D9D9;
    padding:30px;
    background-color:#F7FFF2;
    text-align:center;
}

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
      background-color: #447B37; /* Change to your desired background color */
      color: #fff; /* Change to your desired text color */
        border-radius:0;
    }
.nav-justified {
    width: 40%;
    margin: auto;
}
.list-inline li {
      display: inline-block;
      padding: 5px;
}
.subheading
{
    color:#447B37;
    font-size:20px;
    font-weight:600;
}
.aboutusthirdsec p 
{
    line-height:1.9;
    text-align:center;
    color:#272526;
    padding-top:5px;
}
.aboutusthirdsec
{
    padding-top:15px;
}
.p0
{
    padding:0;
}
.imggallery img
{
    padding:1px;
     transition: transform 0.1s ease;
}
.imggallery img:hover
{
     transform: scale(1.02);
}
.thermosealtext
{
    padding:30px;
}
.thermosealogo
{
    display :block;
    margin:auto;
    position: relative;
    top: -35px;

}
.thermosealtext ul li, .leersect ul li, .pfisect ul li, .visionengg ul li, .mdlvlcsection ul li
{
    color:#272526;
    padding:5px 0;
    line-height:1.8;
}
.cta, .thermosealtext ul
{
    padding-top:20px;
}
a.custom_button {
    border: 1px solid #447B37;
    padding: 8px 15px;
    max-width: 130px;
    min-width: 160px;
    display: inline-block;
    text-align: center;
    color:#447B37;
}
a.custom_button:hover
{
    background-color:#447B37;
    color:#ffffff;
    text-decoration:none;
}
 .pfisect .heading
{
       text-align: left;
    position: relative;
    top: 25px;
}
.footer
{
  background-color: #272526;
  padding: 30px 0;
  color: #DBD4D4;
}
.termcondition a
{
  color: #DBD4D4;
  font-size: 14px;
}
.copyright
{
padding:5px 0;
  font-size: 14px;
}
.footerlogo
{
  border-right: 1px solid rgba(219, 212, 212, 0.2);
  margin-top: 25px;
}
.footerlogo img
{
  width:90%;
}
.mapsec
{
  padding-top: 25px;
}
.mapsec {
  display: flex;
  align-items: center;
}

.mdlvlcsection p, .mdlvlcsection h1
{
    padding-top:15px;
}
.p15
{
    padding:0 25px;
}
.pt52
{
    padding-top:52px;
}
.pfi
{
    width:71%;
    margin:auto;
    display:block;
}
.imgresize
{
    width:80%;
    margin:auto;
    display:block;
}

@media screen and (max-width: 460px){
    .aboutussection {
    padding: 30px 0;
    }
}
@media screen and (max-width: 550px){
    ul.nav.navbar-nav.navbar-right
    {
        width:100%;
            top: 35px;
    }
    .nav > li:first-child {
      position:relative;
      top: 20px;
    }
    .navbar {
    height: 236px;
    }
    .bannersection .bannertext
    {
        padding: 30px 0 30px 0;
    }
}
@media screen and (max-width: 768px){
     .footerlogo
    {
      border-right: 0px;
    }
    .footerlogo img
    {
      width:20%;
      display:block;
      margin:auto;
    }
    .mapsec
    {
        display:block;
    }
  
    i.fas.fa-phone.fa-flip-horizontal, i.fas.fa-envelope {
        top: 31px;
    }
    .navbar {
    height: 126px;
    }
    .navbar-brand>img {
        width: 70%;
    }
    .bannersection .bannertext{
        position: relative;
        left:0;
        text-align: center;
        margin-top: 0;
        padding: 0 0 30px 0;
    }
    .bannersection .container-fluid {
        padding: 0;
        overflow: visible;
    }
    .bannertext h1 
    {
        font-size: 36px;
        margin-top:0;
        padding-top:0;
        line-height:1.2;
    }
    .bannertext p {
    font-size: 22px;
    }
    .bannertext img {
   width:50%;
    }
    .bannersection .row
    {
        margin:0;
    }
    .heading {
    font-size: 30px;
    } 
 
}    
@media screen and (min-width: 768px) and (max-width: 916px) {
      ul.nav.navbar-nav.navbar-right{
              top: -20px;
      }
  }  
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .bannersection .bannertext
    {
        left:2%;
            margin-top: 10%;
    }
    .bannertext h1
    {
        font-size: 45px;
    }
    .bannertext img {
    width: 80%;

    }
    .bannertext p {
    font-size: 26px;
    }
}