﻿* {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins-Regular';
}


/* Fonts face */
@font-face {
    font-family: 'Poppins-Black';
    src: url('../fonts/Poppins/Poppins-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-BoldItalic';
    src: url('../fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('../fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-ExtraBoldItalic';
    src: url('../fonts/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('../fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-ExtraLightItalic';
    src: url('../fonts/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Italic';
    src: url('../fonts/Poppins/Poppins-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins/Poppins-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-LightItalic';
    src: url('../fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-MediumItalic';
    src: url('../fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-SemiBoldItalic';
    src: url('../fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Thin';
    src: url('../fonts/Poppins/Poppins-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-ThinItalic';
    src: url('../fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype');
}



/********************************************* Responsive *****************************************************************************/
@media (min-width: 320px) and (max-width:767px) {
    .subpage-ttl {
    position: relative;
    background: #b1e5c7;
    height: 130px;
}
    .subpage-ttl img {
    display: none;
}
    .subpage-ttl h5{height: 130px; left: 15px; font-size: 25px; color:#008000;}
section.shape-left{border-radius:20px;}
    .recycling-block:nth-child(4), .recycling-block:nth-child(1), .recycling-block:nth-child(3),
    .recycling-block:nth-child(6), .recycling-block:nth-child(7) {
        transform: translateY(0px);
    }
    .banner-info p:nth-child(1) {
    font-size: 32px;
    font-family: 'Poppins-Bold';
    line-height: 43px;
    color: green;
}
    .banner-info, .banner-img{height:auto; padding-top:30px;}
    .wast-magn-img{height:auto; margin-bottom:20px;}
    .service-box, .plastic-process{min-height:inherit;}
    .vision-txt p{text-align:justify;}
    .contact-map .raksha-map {
    width: 100%;
    display: block;
    position: inherit;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
}
.m-logo-none {
    display: none;
}
.navbar-light .navbar-brand{float:left;}
ul.sub-menu.megamenu {
    box-shadow: none !important;
  
}
}

@media (min-width: 768px) and (max-width:991px) {
    .recycling-block:nth-child(4), .recycling-block:nth-child(1), .recycling-block:nth-child(3),
    .recycling-block:nth-child(6), .recycling-block:nth-child(7)
     {
        transform: translateY(0px);
    }
    .services-img img {
    width: 100%;
}
    .management-box p, .papershare-box p{text-align:center;}
    .management-box{padding:20px;}
}