html {
    min-height: 100%;
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

:root {
    --themeColor: #143a72;
    --themeSecondColor: #000;
    --headingFont: "Ubuntu", sans-serif;
    --headingFontSize: 40px;
    --headingFontWeight: 500;
    --headingLineheight: 50px;
    --headingFontColor: #143a72;
    --headingTextTransform: capitalize;
    --bodyFont: "Roboto", sans-serif;
    --bodyFontColor: #4e4e4e;
    --paraFontsize: 17px;
    --paraFontLineheight: 32px;
    --paraFontWeight: 400;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
}

body {
    font-family: var(--bodyFont);
}

html,
body {
    overflow-x: hidden;
}

.mt-20 {
    margin-top: 20px;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: unset;
}

.pr-0 {
    padding-right: 0;
}

.p-90 {
    padding: 90px 0;
}

.p-50 {
    padding: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-0 {
    padding-bottom: 0;
}

.pl-0 {
    padding-left: 0;
}

.pt-30 {
    padding-top: 30px;
}

.bg-grey {
    background: #f3f3f3;
}

.bg-none {
    background: #fbfcff;
}

.float-right {
    float: right;
}

.bg-blue {
    background: var(--themeColor);
}

.bg-black {
    background: #000;
}

.bg-event {
    background: #4069a8;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: unset;
}

p,
ul,
ol,
address,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

a,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none;
    outline: 0;
}

p {
    font-family: var(--bodyFont);
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
}

a:hover,
a {
    text-decoration: none;
}

.form-control:focus {
    background-color: #fff;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
    border: 0;
}

li {
    list-style: none;
}

.space-top-bottom {
    padding: 100px 0;
}

.space-top {
    padding-top: 100px;
}

.space-bottom {
    padding-bottom: 100px;
}

.space-top-bottom-50 {
    padding: 50px 0 50px;
}

.space-bottom-0 {
    padding-bottom: 0;
}

.bg-gray {
    background: #eee;
}

img {
    max-width: 100%;
    height: auto;
}

.scroll-margin-top {
    scroll-margin-top: 150px;
}

.scroll-margin-top-prod
{
    scroll-margin-top: 250px;
}

@-webkit-keyframes growDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    80% {
        -webkit-transform: scaleY(1.1);
        transform: scaleY(1.1);
    }

    100% {
        -webkit-transform: scaleY(1.1);
        transform: scaleY(1.1);
    }
}

@keyframes growDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    80% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

header.site-header.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    box-shadow: 0 19px 38px #fff0, 0 15px 12px rgb(0 0 0 / 6%);
}

header.site-header .inner-Logo {
    display: none;
}

header.site-header.navbar-fixed .inner-whiteLogo {
    display: none;
}

header.site-header.navbar-fixed .inner-Logo {
    display: block;
}

header.site-header {
    position: relative;
    z-index: 2;
    padding: 0 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid var(--themeColor);
}

header.site-header.sticky .whiteLogo {
    display: none;
}

.menuWrap .dropdownMain i {
    font-size: 13px;
    color: var(--themeColor);
}

header.site-header.sticky .blackLogo {
    display: block;
}

header.site-header.navbar-fixed .logobox {
    padding-bottom: 0;
}

header.site-header.navbar-fixed .dropdownMain .dropbtn:after,
header.site-header.navbar-fixed .navbarMain a:after {
    bottom: 0;
}

.menuWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    justify-content: space-between;
    padding-top: 0;
}

.menuListing.sub-menus ul li a {
    color: #000;
}

.menuListing.sub-menus {
    padding-left: 0;
    padding-bottom: 20px;
}

.menuListing.sub-menus a img {
    margin-right: 5px;
}

.menuListing.sub-menus ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin-bottom: 35px;
    justify-content: space-between;
}

.menuListing.sub-menus ul li {
    flex: 0 0 42%;
    margin: 0 4%;
}

.menuListing.sub-menus.productmenu ul li {
    flex: 0 0 95%;
    margin: 0 4%;
}

.menuListing.sub-menus ul li a {
    padding: 20px 0 !important;
    border-bottom: 1px solid #0000001c;
    color: #111;
    font-size: var(--paraFontsize);
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 400;
}

.menuheading.menu-img img {
    width: 100%;
}

.menuheading.menu-img {
    padding: 0;
}

.dropDownInnerMnb,
.navbarMain ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-direction: revert;
    flex-wrap: wrap;
}

.innerheader .dropdownMain .dropbtn,
.innerheader .navbarMain a,
.navbarMain a:hover {
    color: var(--themeColor);
}

.dropdownMain {
    float: left;
    overflow: hidden;
}

.dropdownMain-content .header {
    padding: 16px;
    color: #111;
}

.logobox a,
.logobox a img {
    width: 185px;
}

header.site-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 19px 38px #fff0, 0 15px 12px rgb(0 0 0 / 6%);
    animation: 15s infinite gradient;
    z-index: 999;
    padding: 10px 0;
    transition: 0.3s ease-in-out;
}

header.site-header.sticky .dropdownMain .dropbtn,
header.site-header.sticky .navbarMain a {
    color: #585858;
    font-weight: 500;
}

.navbarMain a,
.dropdownMain .dropbtn {
    transition: 0.2s;
}

.dropdownMain .dropbtn,
.navbarMain a {
    color: #000;
    position: relative;
    font-weight: 500;
    transition: 0.2s;
    text-decoration: none;
}

.dropdownMain .dropbtn.active,
.navbarMain a.active {
    color: var(--themeColor);
}

.menuListing ul {
    display: block;
    padding: 0;
}

.dropdownMain .dropbtn {
    background-color: #fff0;
    margin: 0;
    font-weight: 500;
}

header.site-header.navbar-fixed .dropdownMain .dropbtn:hover,
header.site-header.navbar-fixed .navbarMain a:hover {
    color: var(--themeColor);
}

/* header.site-header.navbar-fixed {
    top: -105px;
} */

header.site-header.navbar-fixed .topNaviGationUpper {
    display: none;
}

#myHeader.hide {
    top: 0;
}

#myHeader {
    width: 100%;
    z-index: 100;
    transition: all 0.3s ease;
}

.dropdownMain-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 100%;
}

header.site-header.navbar-fixed .dropdownMain-content {
    top: 100%;
}

.dropdownMain:hover .dropdownMain-content {
    display: block;
    padding: 45px 30px;
}

.dropdownMain:hover .dropdownMain-content::after {
    content: "";
    position: absolute;
    background: var(--themeColor);
    width: 18%;
    height: 80%;
    right: -169px;
    bottom: -160px;
    transform: rotate(50deg);
}

.dropdown_menu-mega {
    -webkit-animation: growDown 500ms ease-in-out forwards;
    animation: growDown 500ms ease-in-out forwards;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    overflow: hidden;
    border-top: 1px solid var(--themeColor);
    box-shadow: 0 11px 10px 0 #1111112b;
}

.menuSocial {
    float: left;
    width: 100%;
    padding-top: 3rem;
}

.menuSocial ul {
    display: flex;
    justify-content: center;
}

.menuSocial ul li a {
    padding: 0;
}

.menuSocial ul li {
    border-radius: 50%;
    flex: 0 0 8%;
}

.menuSocial ul li a i {
    background: var(--themeColor);
    padding: 9px 11px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    margin: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 20px;
}

.menu-prod-img {
    padding: 40px;
}

.navbarMain .nav-pills .nav-link.active,
header.site-header.navbar-fixed .navbarMain .nav-link.active a:hover {
    color: #fff !important;
    background-color: var(--themeColor);
}

.navbarMain .nav-pills .nav-link.active::before {
    content: url(../images/btn-star-white.png);
    left: 38px;
    position: absolute;
    font-size: 14px;
    top: 35%;
    font-weight: 900;
    color: #fff;
}

.navbarMain .nav-pills .nav-link.active::after {
    content: "";
    right: -5px;
    height: 20px;
    width: 20px;
    position: absolute;
    font-size: 14px;
    top: 33%;
    background: var(--themeColor);
    transform: rotate(45deg);
}

.navbarMain .nav-pills .nav-link,
header.site-header.navbar-fixed .navbarMain .nav-pills .nav-link {
    text-transform: capitalize;
    text-align: left;
    padding: 16px;
    padding-left: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e7e7e7;
    border-radius: 0;
    font-family: var(--headingFont);
    padding-top: 18px;
}

.navbarMain .tab-menu .nav-pills .nav-link:last-child
{
    border-bottom: 0;
}

.navbarMain .tab-content {
    border-left: 1px solid #11111145;
}

header.site-header.navbar-fixed .navbarMain a.nav-link:active {
    color: #fff;
}

.navbarMain a {
    float: left;
    font-size: 16px;
    color: #000;
    text-align: center;
    /*padding: 40px 20px;*/
    padding: 32px 20px;
    font-weight: 500;
    font-family: var(--bodyFont);
}

.navbarMain ul li:last-child a {
    padding-right: 0;
}

.navbarMain .menuListing a:after,
.onlyMobile,
header.site-header.sticky .whiteLogo {
    display: none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

header.site-header.navbar-fixed .menuWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topNaviGationUpper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: end;
}

.topNaviGationUpper li a {
    font-weight: 700;
    padding: 0;
}

.topNaviGationUpper li:first-child a {
    padding-right: 40px;
}

ul.top-header li a {
    color: #111;
    border-right: 1px solid #111;
    padding: 0 20px;
}

ul.top-header li a i {
    margin-right: 5px;
}

ul.top-header li:nth-child(2) a {
    border-right: 0 solid #111;
}

.topNaviGationUpper ul li a.book-appo {
    background: var(--themeColor);
    color: #fff;
    border-radius: 35px;
    padding: 10px 20px;
    border: 1px solid var(--themeColor);
}

.topNaviGationUpper ul li a.book-appo:hover {
    background: #fff0;
    color: var(--themeColor);
    border-radius: 35px;
    padding: 10px 20px;
    border: 1px solid var(--themeColor);
}

.menu-prod-list ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
}

.menu-prod-list ul li {
    flex: 0 0 100%;
    padding: 0 0;
    /* margin-top: 50px; */
}

.menu-prod-list ul li h3 a {
    color: var(--themeColor);
    font-size: 22px;
    margin-bottom: 20px;
    font-family: var(--headingFont);
    border-left: 2px solid var(--themeColor);
    padding: 0;
    font-weight: 500;
    padding-left: 15px;
    position: relative;
}

.menu-prod-list ul li h3 a:before {
    content: "";
    background: var(--themeColor);
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
}

.menu-prod-list ul li a {
    color: #111;
    font-size: 18px;
    float: left;
    width: 46%;
    text-align: left;
    padding-left: 20px;
    margin-right: 0;
    padding: 20px 0 !important;
    border-bottom: 1px solid #0000001c;
    color: #111;
    font-size: var(--paraFontsize);
    /* float: left; */
    /* width: 100%; */
    text-align: left;
    font-weight: 400;
}

.menu-prod-list ul li a:nth-last-child(2),
.menu-prod-list ul li a:nth-last-child(4),
.menu-prod-list ul li a:nth-last-child(6),
.menu-prod-list ul li a:nth-last-child(8),
.menu-prod-list ul li a:nth-last-child(10){
    margin-right: 38px !important;
}

.menu-prod-list-sub a {
    padding: 15px 0 !important;
    border-bottom: 1px solid #0000001c;
}

.menu-prod-list ul li a img {
    margin-top: -3px;
    margin-right: 5px;
}

.menuWrap .dropdownMain .menu-prod-list ul li a i {
    color: var(--themeColor);
    font-size: 12px;
    margin-left: 0;
    margin-right: 4px;
}

.menu-prod-list {
    padding: 8px 25px;
}

.tab-menu .tab-content
{
    border-right: 1px solid #11111145;
}

.main-nav-prod-cat a {
    font-size: 18px;
    font-weight: 500;
}

.sidenav,
body,
html {
    overflow-x: hidden;
}

.others-megamenu {
    padding: 60px;
}

.menuheading h3 {
    color: var(--themeColor);
    font-family: var(--headingFont);
    margin-bottom: 30px;
}

.menuheading {
    padding-right: 25px;
}

.menu-brd-right {
    border-right: 1px solid #11111145;
}

.inter-text-para h1 {
    font-family: var(--headingFont);
    font-size: var(--headingFontSize);
    color: var(--bodyFontColor);
    font-weight: var(--headingFontWeight);
    line-height: var(--headingLineheight);
    text-transform: var(--headingTextTransform);
    margin-bottom: 22px;
    position: relative;
}

.inter-text-para h1 span {
    color: var(--themeColor);
}

.inter-text-para h2 {
    font-family: var(--headingFont);
    font-size: var(--headingFontSize);
    color: var(--bodyFontColor);
    font-weight: var(--headingFontWeight);
    line-height: var(--headingLineheight);
    text-transform: capitalize;
    margin-bottom: 25px;
    position: relative;
}

.leatter-nsmall .inter-text-para h2 {
    text-transform: none !important;
}



.inter-text-para h3 {
    font-family: var(--headingFont);
    font-size: 30px;
    color: var(--headingFontColor);
    font-weight: var(--headingFontWeight);
    line-height: 42px;
    text-transform: var(--headingTextTransform);
    margin-bottom: 22px;
    position: relative;
}

.inter-text-para label {
    font-size: 16px;
    margin-bottom: 15px;
    width: 100%;
    color: var(--headingFontColor);
    text-transform: uppercase;
    font-weight: 500;
}

label.sub-heading {
    color: var(--themeColor);
}

.inter-text-para p {
    color: var(--bodyFontColor);
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
    position: relative;
    margin-bottom: 20px;
}

.main-products-list ul li:hover {
    box-shadow: rgb(100 100 111 / 0.2) 0 7px 29px 0;
}

.hm-banner-video {
    overflow: hidden;
    height: 80vh;
}

.video-large {
    position: relative;
    width: 100%;
}

sub {
    font-size: 16px;
}

sup {
    font-size: 24px;
}

/*.packaging-inno {
    padding: 114px 67px;
    border-radius: 7px;
}*/

.packaging-inno {
    padding: 50px 35px;
    border-radius: 7px;
    height: 535px;
}

.para-margin-left {
    margin-left: 80px;
}

.para-margin-right {
    margin-right: 80px;
}

.matrix-hm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 55px;
    justify-content: center;
}

.matrix-hm li {
    flex: 0 0 25%;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 40px;
}

.matrix-hm li img {
    max-width: 65px;
    height: 65px;
}

.matrix-hm li p {
    font-size: 50px;
    color: var(--themeColor);
    font-family: var(--headingFont);
    margin: 10px 0 16px;
    font-weight: 500;
    line-height: 60px;
}

.matrix-hm li p span {
    font-size: 22px;
    margin-left: 10px;
}

.matrix-hm li span {
    font-size: 18px;
    font-family: var(--bodyFont);
    color: var(--bodyFontColor);
}

.sec-hm-matrix {
    margin-top: 70px;
    border-top: 1px solid #eee;
}

.sec-absolute-content::before {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 38%);
    width: 100%;
    height: 100%;
}

.overlay-banner::before {
    content: "";
    position: absolute;
    background: #11111194;
    width: 100%;
    height: 100%;
}

.info-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 120px 0;
}

.info-content-banner {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 257px 0;
}

.btn-main {
    margin-top: 70px;
}

.btn-main-wht {
    margin-top: 70px;
    width: 100%;
    float: left;
}

.btn-main a,
.btn-main button {
    background: var(--themeColor);
    padding: 18px 30px;
    color: #fff;
    border-radius: 50px;
    text-transform: capitalize;
    border: 1px solid var(--themeColor);
}

.btn-main a i,
.btn-main button i {
    margin-left: 7px;
    transition: 0.5s;
}

.btn-main a:hover,
.btn-main button:hover {
    background: #fff;
    color: var(--themeColor);
    border: 1px solid var(--themeColor);
}

.btn-main a:hover i,
.btn-main button:hover i {
    margin-left: 15px;
}

.btn-main-wht a {
    background: #fff0;
    padding: 18px 30px;
    color: #fff;
    border-radius: 50px;
    text-transform: capitalize;
    border: 1px solid #fff;
}

.btn-main-wht a i {
    margin-left: 7px;
    transition: 0.5s;
}

.btn-main-wht a:hover i {
    margin-left: 15px;
}

.btn-main-righ {
    float: right;
    position: absolute;
    bottom: 15px;
    right: 25px;
}

.sec-absolute-content {
    margin-bottom: 10px;
}

.sec-absolute-content img {
    width: 100%;
}

.about-right-img {
    height: 100%;
    position: absolute;
    width: 50% !important;
    right: 0;
    top: 0;
    object-fit: cover;
}

.about-left-img {
    height: 100%;
    position: absolute;
    width: 50% !important;
    left: 0;
    top: 0;
    object-fit: cover;
}

.wdt-80 {
    width: 80%;
}

.abt-mt-100 {
    margin-left: 100px;
}

.inner-banner img {
    width: 100%;
}

.p-100 {
    padding: 100px 0;
}

.bg-abt {
    background: #fff;
}

.sec-innovations {
    background-color: #ecf2f9;
}

.main-products-list ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.main-products-list ul li {
    flex: 0 0 48%;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #f8fbff;
    margin: 0 6px 15px;
    padding: 35px 25px;
    border-radius: 6px;
    min-height: 260px;
}

.pro-Type {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.pro-img {
    width: 33%;
}

.pro-img img {
    width: 100%;
}

.pro-Name {
    width: 62%;
    margin-left: 10px;
}

.pro-Name h5 {
    font-size: 17px;
    font-family: var(--headingFont);
    color: #000;
    font-weight: 500;
}

.pro-Name P {
    font-size: 14px;
    color: var(--bodyFontColor);
    line-height: 22px;
    margin-top: 15px;
}

.main-catagorylist ul {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.main-catagorylist ul li {
    flex: 0 0 30%;
    margin-bottom: 20px;
    margin: 10px;
}

/* .main-catagorylist ul li:nth-child(3n-1) {
    margin-top: 30px;
} */
.catagory-box {
    width: 100%;
    padding: 20px 10px;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
}

.catagory-box img {
    filter: brightness(0) invert(1);
}

.catagory-box:hover {
    background: #234477;
}

.catagory-box p {
    font-size: 16px;
}

.infa-bacground {
    position: absolute;
    background: #ecf2f9;
    width: 100%;
    height: 80%;
    z-index: -1;
    left: 0;
    bottom: 0;
}

.infarastr-img-box img {
    border-radius: 9px;
}

.career-img-box img {
    border-radius: 9px;
}

.career-bacground {
    position: absolute;
    background: var(--themeColor);
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    bottom: 0;
}

.internal-background {
    position: absolute;
    background: #365f9d;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.interevent-img img {
    border-radius: 9px;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.inner-btn-event {
    text-align: right;
    width: 100%;
    float: right;
    margin: 30px 0 10px;
    font-family: var(--headingFont);
}

.inner-btn-event i {
    margin-left: 10px;
}

.interevent-img {
    float: left;
    width: 100%;
}

.interevent-img h3 {
    font-size: 25px;
    margin-top: 10px;
}

.interevent-img a {
    float: left;
    width: 100%;
    background: #355484;
    /* background: #4069a8;*/
    padding: 15px;
    border-radius: 9px;
}

.news-evnt-height {
    min-height: 470px;
}

.text-bluelight {
    color: #b5d2ff !important;
}

.event-list ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.event-list ul li {
    flex: 0 0 48%;
}

.all-event-info {
    padding: 20px 0;
}

.ent-info {
    display: flex;
    justify-content: space-between;
}

.ent-info span {
    font-size: 12px;
    color: #fff;
}

.eventContent img {
    width: 100%;
    border-radius: 9px;
    height: 195px;
    object-fit: cover;
}

.eventContent {
    background: #375d98;
    border-radius: 9px;
    padding: 15px;
    float: left;
    width: 100%;
}

.eventSlideInfo h3 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 15px;
    font-family: var(--headingFont);
    font-weight: 300;
}

.event-list {
    width: 90%;
}

.leader-list ul li {
    text-align: left;
    position: relative;
}

.leader-list ul li i {
    bottom: 25px;
    float: right;
    font-size: 26px;
    position: absolute;
    right: 0;
    color: var(--themeColor);
}

.metapet-logo {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 35%;
    text-align: center;
    /* margin: 0 auto; */
}

.leader-list ul li .pic {
    background: #e9e9e9;
}

.leader-list ul li .name-detls {
    width: 85%;
    font-size: 14px;
    min-height: 60px;
}

.leader-list ul li h3 {
    font-size: 22px;
    line-height: 34px;
    margin-top: 15px;
    font-family: var(--headingFont);
    font-weight: 500;
    color: #111;
}

.leader-list ul li span {
    color: var(--themeColor);
}

.modal-header {
    border-bottom: 0 solid #dee2e6;
    background: transparent !important;
}

.blog-list ul {
    display: flex;
    justify-content: start;
    flex-direction: row;
    flex-wrap: wrap;
}

.blog-list ul li {
    flex: 0 0 31%;
    position: relative;
    margin-right: 20px;
}

.blogContent img {
    width: 100%;
}

.text-blog {
    color: #919ba7 !important;
}

.all-blog-info {
    padding: 35px 20px;
    min-height: 345px;
}

.blogSlideInfo h3 {
    font-size: 22px;
    line-height: 34px;
    margin-top: 30px;
    font-family: var(--headingFont);
    font-weight: 500;
    color: #000;
}

.blogContent img {
    border-radius: 9px;
}

.blogSlideInfo p {
    color: var(--bodyFontColor);
    font-size: 16px;
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
    position: relative;
    margin: 20px 0;
}

.blog-info {
    display: flex;
    justify-content: space-between;
}

.blog-info .text-blog {
    /* margin-right: 20px; */
    font-size: 12px;
}

.btn-main-blog {
    position: absolute;
    float: right;
    bottom: 20px;
    right: 25px;
    color: var(--themeColor);
    font-family: "Ubuntu";
    font-weight: 500;
    font-size: 17px;
}

.job-opning ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.job-opning ul li {
    flex: 0 0 48%;
    background: #dceaff;
    padding: 25px;
    border-radius: 9px;
}

.careerContent h2 {
    color: var(--themeColor);
}

.blog-list ul li a {
    float: left;
    width: 100%;
    background: #f4f9ff;
}

.sec-footer {
    background: #f2f2f2;
    padding: 50px 0;
}

ul.upper-ft {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.upper-ft {
    padding: 40px 0;
}

.socialIcons a i {
    background: var(--themeColor);
    padding: 12px 12px;
    border-radius: 50%;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
}

ul.all-quick-info {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
}

ul.all-quick-info li {
    flex: 0 0 14%;
}

ul.all-quick-info li h3 a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

ul.all-quick-info li .links-all {
    margin-top: 20px;
}

ul.all-quick-info li .links-all a {
    float: left;
    width: 100%;
    color: var(--bodyFontColor);
    font-size: 13px;
    padding: 5px 0;
}

.copyright-info ul {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.copyright-info ul li a {
    border-right: 1px solid #fff;
    padding: 0 10px;
    color: #000;
    font-size: 14px;
}

.copyright-info ul li:last-child a {
    border-left: 1px solid #7e7e7e;
}

.copyright-info ul li:last-child a {
    border-right: 0 solid #7e7e7e;
}

.jobInfo p {
    margin-bottom: 0;
}

.jobInfo {
    margin-top: 20px;
}

.careerContent img {
    border: 1px solid var(--themeColor);
    padding: 8px;
    border-radius: 49%;
    width: 65px;
    height: 65px;
}

.inner-lowermenu {
    background: var(--themeColor);
    width: 100%;
    z-index: 9;
}

.inner-lowermenu ul {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 8px 0;
}

.inner-lowermenu ul li h1 {
    color: #fff;
    font-size: 30px;
    font-family: var(--headingFont);
}

.inner-lowermenu ul li a {
    color: #fff;
    padding: 0 35px;
    font-weight: 300;
    font-size: 15px;
}

.inner-lowermenu ul li a img {
    margin-right: 5px;
}

.inner-lowermenu ul li:last-child a {
    padding-right: 0;
}

.img-management {
    margin-top: 50px;
}

.timeline ul {
    padding: 50px 0;
}

.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 2px;
    margin: 0 auto;
    padding-top: 50px;
    background: #afafaf;
}

.timeline ul li::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 65px;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: inherit;
    z-index: 1;
    transition: background 0.5s ease-in-out;
}

.timeline ul li div {
    position: relative;
    bottom: 0;
    width: 583px;
    padding: 0;
    visibility: hidden;
    opacity: 0;
}

.timeline ul li:nth-child(odd) div {
    left: -300px;
    transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(odd) div .history-info {
    margin-right: 30px;
    margin-top: 0px;
}

.timeline ul li:nth-child(odd) div.timeline-info {
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}

.timeline ul li:nth-child(odd) div::before {
    left: -19px;
    border-width: 8px 20px 8px 0;
    border-color: #fff0 var(--themeColor) #fff0 #fff0;
}

.timeline ul li:nth-child(2n) div {
    left: 15px;
    transform: translate3d(-200px, 0, 0);
    margin-top: 0;
}

.timeline ul li:nth-child(2n) div::before {
    right: -19px;
    border-width: 8px 0 8px 20px;
    border-color: #fff0 #fff0 #fff0 var(--themeColor);
}

.timeline ul li.in-view::after {
    background: var(--themeColor);
}

.timeline ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
    color: var(--themeColor);
    /* width: 300px; */
}

@keyframes move-chevron {
    25% {
        opacity: 1;
    }

    33.3% {
        opacity: 1;
        transform: translateY(2.28rem);
    }

    66.6% {
        opacity: 1;
        transform: translateY(3.12rem);
    }

    100% {
        opacity: 0;
        transform: translateY(4.8rem) scale(0.5);
    }
}

@media screen and (max-width: 900px) {
    .timeline ul li div {
        width: 250px;
    }

    .timeline ul li:nth-child(2n) div {
        left: -160px;
    }
}

@media screen and (max-width: 600px) {
    .timeline ul li {
        margin-left: 20px;
    }

    .timeline ul li div {
        width: calc(100vw - 91px);
    }

    .timeline ul li:nth-child(2n) div {
        left: 45px;
    }

    .timeline ul li:nth-child(2n) div::before {
        left: -15px;
        border-width: 8px 16px 8px 0;
        border-color: #fff0 var(--themeColor) #fff0 #fff0;
    }
}

.timeline-clippy ul li::after {
    width: 40px;
    height: 40px;
    border-radius: 0;
}

.timeline-rhombus ul li::after {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.timeline-rhombus ul li div::before {
    bottom: 12px;
}

.timeline-star ul li::after {
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.timeline-heptagon ul li::after {
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}

.timeline-infinite ul li::after {
    animation: 2s infinite scaleAnimation;
}

@keyframes scaleAnimation {

    0%,
    100% {
        transform: translateX(-50%) scale(1);
    }

    50% {
        transform: translateX(-50%) scale(1.25);
    }
}

.timeline ul li.in-view div.past-proj-content,
.timeline ul li.in-view div.area-apart {
    left: 0;
    border: 0;
    background: #fff0;
    padding: 0;
}

.timeline ul li:nth-child(odd) div.past-proj-content::before,
.timeline ul li:nth-child(odd) div.area-apart::before,
.timeline ul li:nth-child(2n) div.past-proj-content::before,
.timeline ul li:nth-child(2n) div.area-apart::before {
    display: none;
}

.timeline ul li.in-view div.area-apart,
div.area-apart {
    padding: 10px 20px;
    background: #67ac4b;
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
}

.timeline-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.history-year {
    flex: 0 0 55%;
}

.history-info {
    flex: 0 0 35%;
}

.history-year label {
    color: var(--themeColor);
    font-family: var(--headingFont);
    font-size: 45px;
    line-height: 1;
}

.history-year p {
    color: var(--bodyFontColor);
    font-size: 17px;
    line-height: 28px;
    margin-top: 15px;
    /*background: #f2f2f2;*/
    /*padding: 14px;*/
}

.timeline ul li:nth-child(2n) div .history-info {
    margin-left: 340px;
    margin-top: -110px;
}

.timeline ul li:nth-child(2n)::after {
    top: 80px;
}

.history-info {
    border: 2px solid #f2f2f2;
}

.history-info p {
    text-align: center;
}

/* .about-page-journey {
    margin-top: 80px;
} */
ul.matrix-hm.inner-matrix {
    justify-content: center;
}

ul.matrix-hm.inner-matrix li {
    flex: 0 0 25%;
    text-align: center;
    margin-bottom: 70px;
}

.inner-banner .info-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 285px 0;
}

.product-process ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 50px;
}

.product-process ul:nth-child(2n) {
    flex-wrap: wrap-reverse;
    flex-direction: row-reverse;
}

.product-process ul li {
    flex: 0 0 50%;
}

/* .product-process ul li {
    flex: 0 0 50%;
} */

.product-process ul li:first-child {
    flex: 0 0 40%;
}

.product-process ul li:last-child {
    flex: 0 0 55%;
}

li.learning-bg h5 {
    margin-bottom: 20px;
    line-height: 32px;
    text-transform: uppercase;
}

li.product-process-cont {
    padding: 20px;
    padding-top: 0;
}

.product-process {
    margin-top: 80px;
}

.product-process.recycle-intro {
    margin-top: 0px;
}

.product-process.recycle-intro ul:nth-child(2n) {
    flex-wrap: wrap-reverse;
    flex-direction: row-reverse;
    margin-bottom: 0;
}

.inner-banner {
    padding: 70px 0 !important;
}

.sec-markets::before {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 0.35);
    width: 100%;
    height: 100%;
}

.sec-markets .info-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 230px 0;
}

.market-list {
    margin-top: 60px;
}

.market-list ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.market-list ul li {
    flex: 0 0 15%;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    margin-right: 20px;
    background: #f2f2f2;
}

.market-list ul li a {
    padding: 30px 36px;
    float: left;
    width: 100%;
}

.market-list ul li p {
    margin-top: 11px;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 0;
    color: #000;
}

.btn-main a img {
    margin-left: 7px;
    width: auto;
}

.sec-capability .info-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 230px 0;
}

.sec-opening .accordion-item {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / 0.125);
    border-radius: 0;
}

.sec-opening .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 20px;
    font-size: 20px;
    color: #fff;
    text-align: left;
    background-color: var(--themeColor);
    border: 0;
    font-family: var(--headingFont);
}

.sec-opening .card-body {
    flex: 1 1 auto;
    padding: 30px 30px;
}

.sec-opening .inter-text-para h2 span {
    color: var(--themeColor);
}

.sec-opening .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

ul.specimen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: start;
}

ul.specimen li {
    flex: 0 0 33%;
}

.sec-job-role h4 {
    font-size: 20px;
    color: var(--themeColor);
    font-weight: 600;
    margin-bottom: 20px;
    font-family: var(--headingFont);
}

.sec-job-role ul li {
    position: relative;
    margin-bottom: 5px;
    padding-right: 30px;
    padding-left: 20px;
    color: var(--bodyFontColor);
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
}

.sec-job-role ul li:before {
    content: "\f0c8";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: var(--themeColor);
    font-size: 9px;
}

.inner-resume-sec .subhold.text-right {
    float: right;
}

.inner-resume-sec .inter-text-para h2 span {
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}

.sec-careers .accordion-button:not(.collapsed)::after {
    background-image: url(../images/down-arrow.png) !important;
}

.sec-careers .accordion-button:not(.collapsed)::after {
    background-image: url(../images/down-arrow.png) !important;
}

.sec-careers .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}

.sec-opening .accordion-button::after {
    background-image: url(../images/down-arrow.png);
}

.mobmenuList .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/down-blue-arrow.png) !important;
}

.mobmenuList .accordion-button:not(.collapsed)::after {
    background-image: url(../images/down-arrow.png) !important;
}

.pt-50 {
    padding-top: 50px;
}

.form-group.contact-sec {
    position: relative;
}

.Uplode-text {
    font-size: 14px;
    color: #849ec2;
    font-weight: 500;
    position: absolute;
    top: -22px;
}

.form-group.contact-sec {
    margin-bottom: 50px;
}

.btn-close {
    position: absolute;
    top: -12px;
    right: -20px;
    background: #fff0;
    width: 3em;
    opacity: 1;
}

.team-social i {
    font-size: 35px;
    color: var(--themeColor);
    margin-top: 20px;
}

.btn-close img {
    width: 45px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    position: relative;
    border: 2px solid #fff;
  }

.btn-close:hover {
    opacity: 2;
}

.bg-inner-greay {
    background: #f2f2f2;
}

.inner-intro {
    position: absolute;
    width: 100%;
    top: 34%;
    left: 7%;
}

.breadcrumbs {
    display: contents;
    background: #f2f2f2;
    width: 100%;
    padding: 16px;
}

.breadcrumb {
    background-color: rgb(0 0 0 / 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    display: flex;
    justify-content: center;
    padding: 5px 0;
}

.breadcrumbs ul li a:last-child {
    padding-right: 0;
}

.breadcrumbs ul li a {
    color: #fff;
    position: relative;
    text-decoration: none;
    font-size: 22px;
    line-height: 43px;
    text-transform: initial;
    padding-right: 30px;
}

.breadcrumbs ul li a:before {
    position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    right: -19px;
    top: -5px;
    color: #fff;
    font-size: 20px;
}

.mt-100 {
    margin-top: 100px;
}

.selecter-place {
    display: flex;
    justify-content: space-between;
    margin: 45px;
    align-items: center;
    margin: 46px 0;
}

.selecter-place select {
    flex: 0 0 65%;
    word-wrap: normal;
    padding: 12px 20px;
    border: 2px solid #1110;
    background: #eee;
    width: 60%;
    margin: 0;
    font-weight: 400;
    padding: 12px 48px 10px 16px;
    width: auto;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #eee;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #eee;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%424242B2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: right 0.7em top 50%;
    background-size: 0.65em auto;
    margin-right: 16px;
}

.selecter-place select:hover {
    border-color: #424242;
}

.selecter-place select:focus {
    border-color: var(--themeColor);
    color: #222;
    outline: none;
}

button.button.trigger-open-link {
    background: var(--themeColor);
    padding: 18px 30px;
    color: #fff;
    border-radius: 50px;
    text-transform: capitalize;
    border: 1px solid #fff;
}

button.button.trigger-open-link img {
    margin-left: 7px;
}

.info-slider {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 210px 0;
}

.info-slider .inter-text-para {
    padding-right: 35%;
}

.career-Slider .swiper-button-next {
    padding: 15px;
    float: left;
    width: 60px;
    height: 60px;
    right: 6%;
    top: 50%;
    background: #fff;
    color: var(--themeColor);
    border-radius: 50%;
    font-size: 40px;
}

.career-Slider .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 60px;
    height: 60px;
    right: 0;
    left: 6%;
    top: 50%;
    background: #fff;
    color: var(--themeColor);
    border-radius: 50%;
    font-size: 40px;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    font-size: 30px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    font-size: 30px;
}

.suste-item ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: outside none none;
    padding: 0;
}

.suste-item ul li {
    background-color: #e1e1e1;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    width: 25%;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    padding: 70px 10px;
}

.suste-item ul li:nth-child(odd) {
    background-color: #eee;
}

.suste-item {
    margin-top: 60px;
}

.suste-item ul li .fplogo {
    left: 50%;
    top: 50%;
    z-index: 1;
    transition: all 0.3s;
    text-align: center;
    padding: 70px 30;
}

.suste-item ul li.pupil-list {
    border-bottom: 2px solid #fff0;
}

.suste-item ul li .fptext {
    display: none;
    font-size: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    background: var(--themeColor);
    color: #fff;
    height: 100%;
    padding: 100px 25px;
}

.suste-item ul li:hover .fptext {
    display: block;
}

.suste-item ul li.pupil-list:hover {
    border-bottom: 2px solid var(--themeColor);
}

.fplogo img {
    width: 65px;
    height: 65px;
    margin-bottom: 40px;
}

.fplogo h2 {
    font-family: var(--headingFont);
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 16px;
    position: relative;
    color: var(--themeColor);
    margin-top: 25px;
    text-transform: uppercase;
}

.fptext h2 {
    font-family: var(--headingFont);
    font-size: 25px;
    line-height: 40px;
    font-weight: 300;
    text-transform: uppercase;
}

.sec-careers .sec-absolute-content {
    margin-bottom: 0;
}

.career-last-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: outside none none;
    padding: 0;
}

.career-last-list ul li {
    background-color: #dfdfdf;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    width: 25%;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    padding: 130px 10px;
    color: var(--themeColor);
}

.career-last-list ul li:nth-child(odd) {
    background-color: var(--themeColor);
}

.career-last-list ul li:nth-child(odd) .fplogo h2 {
    color: #fff;
}

.career-last-list {
    margin-top: 30px;
}

.career-last-list ul li .fplogo {
    left: 50%;
    top: 50%;
    z-index: 1;
    transition: all 0.3s;
    text-align: center;
    padding: 0;
}

.career-last-list ul li .fptext {
    display: none;
    font-size: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    background: var(--themeColor);
    color: #fff;
    height: 100%;
    padding: 0;
}

.career-last-list ul li:hover .fptext {
    display: block;
    transition: all 0.25s linear;
    background-color: rgb(0 0 0 / 25%);
}

.career-last-list ul li .fplogo h2 {
    font-family: var(--headingFont);
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
    color: var(--themeColor);
    margin-top: 0;
    text-transform: uppercase;
}

.bg-puiple {
    background: #f5f5f5;
    padding: 24px;
    margin-top: 15px;
}

.innovations-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.innovations-list ul li {
    flex: 0 0 49.7%;
    position: relative;
    margin-bottom: 10px;
}

.innovations-list ul li:nth-child(1) {
    margin-right: 10px;
}

.innovations-list ul li .inter-text-para {
    width: 75%;
    margin: 0 auto;
}

.innovations-overlay {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 38%);
    width: 100%;
    height: 100%;
}

.prod-ucts {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 205px 0;
}

.tecno-list ul {
    position: relative;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: 0;
}

.tecno-list ul li {
    width: 100%;
    margin-left: 18px;
    color: var(--bodyFontColor);
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
    margin-bottom: 5px;
}

.tecno-list ul li:before {
    content: "\f111";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: #111;
    font-size: 9px;
}

ul.preferably-list li {
    color: var(--bodyFontColor);
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
    position: relative;
    margin-bottom: 10px;
    font-size: 17px;
}

.bg-puiple .inter-text-para p {
    font-size: 17px;
}

.bg-puiple .inter-text-para p a {
    color: var(--themeColor);
    font-weight: 700;
}

.bg-student {
    background: #f5f5f5;
    padding: 30px 44px;
    height: 400px;
}

.student-testimony ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: outside none none;
    padding: 0;
}

.student-testimony ul li {
    flex: 0 0 50%;
}

.student-testimony ul li img.fluid-pic1 {
    height: 400px;
}

.student-testimony .inter-text-para p {
    margin-bottom: 20px;
    margin-top: 20px;
}

.textcolor-blue {
    color: var(--themeColor) !important;
}

.matrix-apprent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 55px;
    justify-content: center;
}

.academy {
    color: var(--headingFontColor);
    text-decoration: underline;
}

.matrix-apprent li {
    flex: 0 0 33%;
    text-align: center;
    padding: 0 25px;
}

.matrix-apprent li img {
    max-width: 50px;
    height: 50px;
}

.matrix-apprent li p {
    font-size: 40px;
    color: var(--themeColor);
    font-family: var(--headingFont);
    margin: 40px 0 30px;
}

.matrix-apprent li span {
    font-size: 17px;
    color: var(--themeColor);
    font-family: var(--bodyFont);
}

li.learning-bg {
    background: #eee;
    padding: 80px 15px;
}

.product-process.Internship-sec ul {
    margin-bottom: 10px;
}

.bread-crumbs-inner {
    display: inline-block;
    width: 100%;
    padding: 16px;
}

.bread-crumbs-inner {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 16px;
    list-style: none;
}

.bread-crumbs-inner ul li {
    margin-right: 30px;
    color: var(--fontColor);
    position: relative;
    font-family: var(--creote-family-one);
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
}

.bread-crumbs-inner ul li a:last-child {
    padding-right: 0;
}

.bread-crumbs-inner ul li a {
    color: var(--themeColor);
    position: relative;
    text-decoration: none;
    font-family: var(--creote-family-one);
    font-size: 14px;
    line-height: 25px;
    text-transform: initial;
    padding-right: 30px;
    font-weight: 400;
}

.bread-crumbs-inner ul li a:before {
    position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    right: -19px;
    top: -2px;
    color: var(--themeColor);
    font-size: 14px;
    font-weight: 400;
}

.intership-list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.intership-list ul li {
    flex: 0 0 33%;
    text-align: center;
    padding: 0 25px;
    margin-bottom: 20px;
}

.intership-list ul li .inter-text-para img {
    width: 60px;
    height: 60px;
}

.intership-list ul li .inter-text-para p {
    font-size: 17px;
}

.intership-list ul li .inter-text-para h4 {
    margin: 20px;
    margin-bottom: 10px;
}

.training-programmes .fplogo h2 {
    font-family: var(--headingFont);
    font-size: 25px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative;
    color: var(--themeColor);
    margin-top: 10px;
    text-transform: uppercase;
}

.modal-header {
    border-bottom: 0 solid #dee2e6;
    background: #eee;
    padding-bottom: 0;
}

.btn-main-product a {
    background-color: var(--themeColor);
    color: #fff;
    padding: 10px 25px;
    border: none;
    text-transform: capitalize;
}

.mt-50 {
    margin-top: 50px;
}

.product-case-study {
    /* padding: 50px; */
    padding-top: 0;
}

.product-catagary-list ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.product-catagary-list ul li {
    flex: 0 0 10%;
    text-align: center;
    border: 1px solid var(--fontColor);
    padding: 0;
    margin-bottom: 10px !important;
    transition: 0.5s ease;
}

.product-catagary-list ul li a {
    background-color: #eee;
}

.product-catagary-list ul li:nth-child(odd) a {
    background-color: #cdcdcd;
}

.product-catagary-list ul li a.nav-link.active.show {
    background: var(--themeColor);
    color: #fff;
}

.product-catagary-list .nav-link {
    padding: 25px;
}

.product-catagary-list .nav-link img {
    width: 75px;
    height: 75px;
}

.product-catagary-list ul li h5 {
    color: var(--themeColor);
    font-weight: 600;
    margin: 10px 0;
    font-size: 13px;
}

.product-catagary-list ul li h5:hover {
    text-decoration: underline;
}

.product-list ul {
    display: block;
}

.product-list ul li {
    text-align: center;
    border: 1px solid #e7e7e7;
    margin-bottom: 15px;
    transition: 0.5s ease;
    padding: 0;
}

.product-list ul li:hover {
    opacity: 0.9;
}

h3.paragraph-bold {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    padding: 12px;
    background: #143a72;
    min-height: 82px;
  align-content: center;
}

.product-list ul li a:hover {
    text-decoration: none !important;
}

.block-facet--checkbox>label {
    background-color: #f5f5f5;
    padding: 16px;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    text-align: left;
    display: block;
}

.facets-widget-checkbox ul {
    flex-direction: column;
    flex-wrap: nowrap;
    display: flex;
    justify-content: left;
    align-items: start;
    padding: 25px 15px;
}

.facets-widget-checkbox ul li {
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
}

.block-facet--checkbox .facet-item label::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #004c90;
    border-radius: 2px;
}

.block-facet--checkbox .facet-item {
    position: relative;
    padding-left: 30px;
}

.block-facet--checkbox .facet-item input {
    display: none;
}

.block-facet--checkbox .facet-item input:checked+label::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAXklEQVRIiWNgGAWjgAQgwMDAUE9Lw88zMDD8Z2BgaKCl4Reg/FHDKTM8gIAGig3/DzUAm0aKg0UAqhGbJVQLc2yWUD1C0S2hSWpBtoQmSRHZEpoYjmwJzQwfBcMAAAD3wCvidBLRyAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: center;
}

.c-range {
    --rng-focus: #064374;
    --rng-lower: #6495ed;
    --rng-upper: #cfd8dc;
    --rng-percent: 0%;
    --rng-percent-upper: 80%;
    --rng-bdrs: 0.375rem;
    --rng-bgi: linear-gradient(to right, var(--rng-lower) var(--rng-percent), var(--rng-upper) var(--rng-percent));
    --rng-h: 0.75rem;
    --rng-m: 2rem 0;
    --rng-w: 100%;
    --rng-label-c: #333;
    --rng-label-fz: 0.75rem;
    --rng-label-off: 0.25rem;
    --rng-thumb-bdrs: 50%;
    --rng-thumb-bxsh: none;
    --rng-thumb-bxsh--focus: inset 0 0 0 0.25rem var(--rng-focus);
    --rng-thumb-bgc: #0960a5;
    --rng-thumb-h: 2rem;
    --rng-thumb-w: 2rem;
    --rng-thumb-z: 1;
    background-image: var(--rng-bgi);
    border-radius: var(--rng-bdrs);
    box-sizing: border-box;
    font-family: inherit;
    height: var(--rng-h);
    margin: var(--rng-m);
    outline: none;
    position: relative;
    width: var(--rng-w);
}

.facetValues {
    display: flex;
    justify-content: space-between;
}

.block-facet--range-slider .facetValues_value {
    border: 2px solid rgb(0 76 144 / 0.5);
    border-radius: 4px;
    padding: 0.7rem 0.5rem 0.5rem 0.5rem;
    background-color: #fff;
    width: 40%;
    color: #004c90;
    font-family: "FuturaStd-Book", Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.block-facet--range-slider>label,
.block-facet--checkbox>label {
    background-color: var(--themeColor);
    padding: 16px;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    text-align: left;
    display: block;
    color: #fff;
    font-family: var(--headingFont);
}

.block-facet--range-slider .facetValues_value {
    border: 2px solid rgb(0 76 144 / 0.5);
    border-radius: 4px;
    padding: 5px;
    background-color: #fff;
    width: 42%;
    color: #004c90;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: 14px;
    line-height: 20px;
}

.block-facet--range-slider,
.block-facet--checkbox {
    margin-bottom: 25px;
    background: #f2f2f2;
    padding-bottom: 5px;
}

.facets .accordion-button {
    background-color: var(--themeColor);
    padding: 16px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    text-align: left;
    color: #fff;
}

.facets .accordion-button::after {
    background-image: url(../images/down-arrow.png);
}

.facets .accordion-item {
    margin-bottom: 0;
    background-color: #fff0;
    border: 0 solid rgb(0 0 0 / 0.125);
    margin-bottom: 25px;
}

.facets .accordion-button:focus {
    z-index: 3;
    border-color: #fff0;
    outline: 0;
    box-shadow: none;
}

.facets .accordion-button:not(.collapsed) {
    box-shadow: none;
    font-family: var(--headingFont);
}

.facets .accordion-body {
    padding: 0;
}

.facets .accordion-body .block-facet--checkbox {
    margin-bottom: 0;
}

.product-box .inter-text-para h3 {
    margin-bottom: 20px;
    line-height: 40px;
}

.product-box .inter-text-para p {
    font-size: 17px;
    margin-bottom: 20px;
    width: 90%;
}

.product-detils-box {
    padding: 25px;
    margin-bottom: 5px;
}

.product-detils-box .inter-text-para h5 {
    color: var(--headingFontColor);
    font-size: 17px;
    line-height: 26px;
}

.product-detils-box a {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    font-family: var(--bodyFont);
}

.product-detils-box a i {
    color: var(--headingFontColor);
}

.product-detils-box .inter-text-para p {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--bodyFont);
}

.m-15 {
    margin: 15px 0;
}

.text-principle p {
    font-size: 17px;
    margin: 20px 0;
}

.text-principle ul li {
    margin: 7px 0;
}

/* .tech-project p {
    font-size: 17px;
    margin-bottom: 0;
} */
.tech-project .inter-text-para h3 {
    line-height: 40px;
}

.suste-item.sec-in-house ul li .fplogo {
    left: 50%;
    top: 50%;
    z-index: 1;
    transition: all 0.3s;
    text-align: center;
    padding: 30px 10px;
}

.sec-emissions ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: outside none none;
    padding: 0;
    margin-top: 50px;
}

.sec-emissions ul li {
    flex: 0 0 33%;
    position: relative;
}

.tecno-overlay {
    background-color: rgb(0 0 0 / 0.1);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.emissions-inner {
    position: absolute;
    text-align: center;
    bottom: 65px;
    left: 4%;
    right: 4%;
}

.economy-iten {
    margin-top: 50px;
    text-align: center;
}

.sec-innovation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: outside none none;
    padding: 0;
    margin-top: 50px;
}

.sec-innovation ul.gallery li {
    flex: 0 0 25%;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.sec-innovation label {
    cursor: pointer;
    color: var(--themeColor);
    padding: 11px 2px;
    font-size: 19px;
    width: 17%;
    align-items: center;
    background: #deecff;
    margin: 10px;
}

.sec-innovation input {
    display: none;
}

.sec-innovation input[type="radio"]:checked+label {
    color: #fff;
    background: var(--themeColor);
}

.sec-innovation input#select-animals:checked~.gallery li:not(.animals-item),
.sec-innovation input#select-lightning:checked~.gallery li:not(.lightning-item),
.sec-innovation input#select-desert:checked~.gallery li:not(.desert-item),
.sec-innovation input#select-desert:checked~.gallery li:not(.desert-item),
.sec-innovation input#select-replace:checked~.gallery li:not(.replace-item),
.sec-innovation input#select-innovations:checked~.gallery li:not(.innovations-item) {
    opacity: 0.1;
}

.inner-case-study.suste-item ul li .fptext {
    padding: 85px 25px;
}

.tethered-cap-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: outside none none;
    padding: 0;
}

.tethered-cap-list ul li {
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    width: 25%;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    padding: 0;
}

.tethered-cap-list {
    margin-top: 80px;
}

.sec-innovation ul.gallery li.opacitylow {
    opacity: 0.1;
}

.tethered-cap-list ul li .fplogo {
    left: 50%;
    top: 50%;
    z-index: 1;
    transition: all 0.3s;
    text-align: center;
    padding: 30px 30px;
}

.tethered-cap-list ul li.pupil-list {
    border-bottom: 2px solid #fff0;
}

.tethered-cap-list ul li .fptext {
    display: none;
    font-size: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    background: var(--themeColor);
    color: #fff;
    height: 100%;
    padding: 130px 25px;
}

.tethered-cap-list ul li:hover .fptext {
    display: block;
}

.tethered-cap-list ul li.pupil-list:hover {
    border-bottom: 2px solid var(--themeColor);
}

.tethered-cap-list .fplogo img {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.tethered-cap-list .fplogo h2 {
    font-family: var(--headingFont);
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 16px;
    position: relative;
    color: var(--themeColor);
    margin-top: 25px;
    text-transform: uppercase;
    position: absolute;
    bottom: 80px;
    left: 10%;
    right: 10%;
}

.bg-bottol {
    background: #f5f5f5;
    padding: 180px 44px;
    height: auto;
}

.student-testimony ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: outside none none;
    padding: 0;
}

.student-testimony ul li {
    flex: 0 0 50%;
}

.student-testimony ul li img.fluid-pic1 {
    height: auto;
}

.student-testimony .inter-text-para p {
    margin-bottom: 20px;
    margin-top: 20px;
}

.contact-sec input[type="text"],
.contact-sec input[type="email"],
.contact-sec input[type="tel"],
.contact-sec input[type="file"],
.contact-sec select,
.contact-sec textarea {
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--headingFontColor) !important;
    background: none;
    outline: none;
    color: var(--headingFontColor);
    box-shadow: none;
    padding: 5px 0;
    font-size: var(--paraFontsize);
    padding-left: 25px;
}

.sec-submit .btn-read-more a {
    color: var(--headingFontColor);
}

.sec-submit .btn-read-more a:hover {
    background: var(--themeColor) 87;
    color: var(--themeColor);
}

.contact-sec input::placeholder {
    color: var(--headingFontColor);
}

.contact-sec input[type="text"]::placeholder {
    color: var(--headingFontColor);
}

.contact-sec input[type="email"]::placeholder {
    color: var(--headingFontColor);
}

.contact-sec input[type="tel"]::placeholder {
    color: var(--headingFontColor);
}

.contact-sec textarea::placeholder {
    color: var(--headingFontColor);
}

.contact-sec select::placeholder {
    color: var(--headingFontColor);
}

.form-group.contact-sec i {
    position: absolute;
    left: 0;
    color: var(--headingFontColor);
    top: 11px;
}

.inner-banner-sec img {
    width: 100%;
}

.innovations-list .inter-text-para h2,
.innovations-list .inter-text-para label,
.innovations-list .inter-text-para p {
    color: #fff;
}

ul.file-downloads li a {
    background: var(--themeColor);
    width: 100%;
    padding: 20px 13px;
    color: #fff;
    font-size: 20px;
    float: left;
    margin-top: 30px;
    font-family: var(--headingFont);
}

ul.file-downloads li a img {
    width: 30px;
    margin-right: 15px;
}

ul.file-downloads li {
    width: 100%;
}

ul.file-downloads li span i {
    float: right;
    margin-top: 5px;
    font-size: 26px;
    margin-right: 20px;
}

.btn-next-page a {
    color: #fff;
    font-size: 25px;
    font-family: var(--headingFont);
}

.btn-next-page a span {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.btn-next-page a i {
    margin-left: 7px;
    transition: 0.5s;
}

.btn-next-page a:hover i {
    margin-left: 15px;
}

.btn-next-page {
    text-align: right;
    background: var(--themeColor);
    padding: 20px 0;
}

.cross-btn img {
    width: 55px;
    margin: 20px 0;
}

.cross-btn {
    text-align: right;
}

.btn-next-page.btn-pev-page {
    text-align: left;
}

.rel-prod-box img {
    width: 100%;
}

.rel-prod-box {
    text-align: center;
}

.relatedProdSlider {
    margin-top: 25px;
}

.sec-mission-vission {
    margin-top: 50px;
}

.mission-box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.mission-box ul li {
    flex: 0 0 50%;
}

.mission-box ul li:last-child {
    text-align: right;
    flex: 0 0 35%;
}

.vision-box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}

.vision-box ul li {
    flex: 0 0 50%;
}

.vision-box ul li:last-child {
    text-align: left;
    flex: 0 0 35%;
}

.mission-box,
.vision-box {
    background: #f2f2f2;
    padding: 15px 50px;
    margin: 0 0;
}

ul.core-value-box {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.core-value-box li {
    flex: 0 0 48%;
    background: #f2f2f2;
    margin-bottom: 48px;
    padding: 30px;
}

ul.core-value-box li h3 {
    font-family: var(--headingFont);
    font-size: 18;
    color: var(--bodyFontColor);
    font-weight: var(--headingFontWeight);
    line-height: var(--headingLineheight);
}

ul.core-value-box li img {
    width: 100px;
}

.sec-values .inter-text-para {
    padding: 0 50px;
}

.sec-values {
    margin: 80px 0;
}

.values-img {
    width: 100%;
    text-align: center;
}

.values-img img {
    width: 76%;
}

.magnum-mantra-img {
    width: 100%;
    text-align: center;
}

.magnum-mantra-img img {
    width: 85%;
}

.img-certi-about {
    padding: 50px;
    border: 1px solid #f2f2f2;
    margin: 0 40px;
    position: relative;
}

.img-certi-about i {
    position: absolute;
    bottom: 0;
    background: #143a72;
    color: #fff;
    padding: 8px;
    right: 0;
}


/* new-careers */
.megpet-careear ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.megpet-careear ul li {
    text-align: left;
    margin-bottom: 30px;
    background: #143a72;
    padding: 15px;
}

.megpet-careear ul li:nth-child(1) {
    flex: 0 0 36%;
    background: #eee;
    /* height: auto; */
}

.megpet-careear ul li:nth-last-child(1) {
    flex: 0 0 60%;
    padding: 30px;
    padding-right: 50px;
}

.megpet-careear ul li .inter-text-para p {
    margin-bottom: 0;
}

.megpet-careear ul li:nth-child(1) img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}


.certifications {
    margin-top: 60px;
}


.certifications ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.certifications ul li {
    flex: 0 0 15%;
    text-align: center;
    padding: 10px;
    border: 1px solid #e7e7e7;
    margin-right: 20px;
    background: #f2f2f2;

}

.history-info ul {
    padding: 0;
}

.history-info ul li {
    margin: 0;
    width: 100%;
    background: transparent;
    padding: 0;
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
    color: #111;
    font-size: 17px;
    margin-top: 20px;
}

.history-info ul li::before {
    content: '';
    background: var(--themeColor);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 8px;
}

.history-info ul li::after {
    display: none;
}


.recycle-click {
    background: #375f9d;
    color: #fff;
    padding: 20px;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 21px;
    border-radius: 50px;
    text-decoration: underline;
    margin-top: 50px;
}

.recycle-click:hover {
    color: #fff;
    text-decoration: underline;
}

.long-deatils ul li {
    color: var(--bodyFontColor);
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
    position: relative;
    margin-bottom: 20px;
    text-align: left;
}

/* event-page */

.eventpage-list ul {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 50px;
}

.eventpage-list ul li {
    flex: 0 0 32%;
    margin: 0 1%;
    position: relative;
    margin-bottom: 30px;
}

.eventpageContent img {
    width: 100%;
    height: 255px;
    object-fit: cover;
    object-position: top;
}

.text-eventpage {
    color: #919ba7 !important;
}

.all-eventpage-info {
    padding: 35px 20px;
    min-height: 345px;
}

.eventpageSlideInfo h3 {
    font-size: 22px;
    line-height: 34px;
    margin-top: 30px;
    font-family: var(--headingFont);
    font-weight: 500;
    color: var(--headingFontColor);
}

.eventpageContent img {
    border-radius: 9px;
}

.eventpageSlideInfo p {
    color: var(--bodyFontColor);
    font-size: 16px;
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
    position: relative;
    margin: 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.eventpage-info {
    display: flex;
    justify-content: left;
}

.all-eventpage-info .eventpage-info {
    display: flex;
    justify-content: space-between;
}

.eventpage-info span:nth-last-child(1) {
    margin-left: 30px;
}

.eventpage-info .text-eventpage {
    /* margin-right: 20px; */
    font-size: 12px;
}

.btn-main-eventpage {
    position: absolute;
    float: right;
    bottom: 20px;
    right: 25px;
    color: var(--themeColor);
    font-family: "Ubuntu";
    font-weight: 500;
    font-size: 17px;
}

.eventpage-list ul li a {
    float: left;
    width: 100%;
    background: #f4f9ff;
    border-radius: 9px;
}

.text-right {
    text-align: right;
}

.pop-page-cross img {
    margin: 20px 0;
    width: 50px;
}

.details-event .eventpage-info {
    margin-bottom: 40px;
}

.btn-main-eventpage i {
    margin-left: 10px;
}

.event-imgbox ul {
    display: flex;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 50px;
}

.event-imgbox ul li {
    flex: 0 0 31%;
    margin: 10px;
    position: relative;
    background: var(--headingFontColor);
    padding: 5px;
    border-radius: 9px;
}

.event-imgbox ul li img {
    border-radius: 9px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-imgbox ul li .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    background-color: #00000045;
}

.event-imgbox ul li a:hover .overlay {
    opacity: 1;
}

.event-imgbox ul li .overlay i {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.pressReleBox .inter-text-para h3 {
    font-size: 22px;
    line-height: 34px;
    font-family: var(--headingFont);
    font-weight: 500;
    color: var(--headingFontColor);
    min-height: 110px;
}

.pressReleBox {
    float: left;
    width: 100%;
    background: #f4f9ff;
    border-radius: 9px;
    padding: 20px;
}

.btn-inner {
    color: var(--themeColor);
    font-family: "Ubuntu";
    font-weight: 500;
    font-size: 17px;
}

.sec-magnum-mantra {
    background: #f2f2f2;
    padding: 60px 0;
    margin-top: 60px;
}

.leadercnt .mteam {
    padding: 0 40px;
}

.video-box {
    position: relative;
    margin-bottom: 30px;
}

.video-box img {
    width: 100%;
}

.video-box i {
    font-size: 42px;
    position: absolute;
    top: 45%;
    left: 45%;
    background: #fff;
    border-radius: 50%;
}

.news-box {
    margin-bottom: 28px;
    float: left;
}

.news-box .inter-text-para {
    min-height: 190px;
    margin-top: 20px;
}

.inter-text-para label {
    font-size: 12px;
    color: #000;
}

.machine-box a {
    text-align: center;
    border: 1px solid var(--themeColor);
    float: left;
    width: 100%;
    margin-top: 35px;
}

.machine-box a h3 {
    background: var(--themeColor);
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
}

ul.machine-capa {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    background: #f2f2f2;
    margin-bottom: 20px;
}

ul.machine-capa li:first-child {
    flex: 0 0 35%;
    padding: 15px;
}

ul.machine-capa li:last-child {
    flex: 0 0 65%;
    padding: 25px;
}

ul.machine-capa li:last-child span {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 15px;
}

ul.machine-capa li:last-child span:before {
    content: '';
    background: var(--themeColor);
    width: 6px;
    height: 6px;
    position: absolute;
    top: 10px;
    left: 0;
}

.factoryBox {
    position: relative;
    margin-bottom: 25px;
    border: 1px solid #143a72;
}

.factoryBox i {
    position: absolute;
    bottom: 0;
    background: #143a72;
    color: #fff;
    padding: 8px;
    right: 0;
}

.others-part-intro {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.others-part-intro li {
    flex: 0 0 30%
}

.others-part-intro li {
    flex: 0 0 31%;
    background: var(--themeColor);
    margin: 10px;
    padding: 30px;
}

.others-part-intro li h3 {
    color: #fff;
}

.others-part-intro li p {
    color: #fff;
}

.others-part-intro li h3 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 30px;
}

ul.recycle-details {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

ul.recycle-details li {
    flex: 0 0 48%;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}


ul.recycle-details li img {
    width: 50px;
    margin-right: 15px;
}

ul.recycle-details li label {
    font-weight: 600;
    font-size: 19px;
}

.inter-text-para.recycle-intro h3 {
    margin-bottom: 20px;
}

.all-policy ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.all-policy ul li {
    flex: 0 0 48%;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.all-policy ul:nth-child(even) {
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;

}

.sust-box {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.sust-box li {
    flex: 0 0 19%;
    margin-bottom: 18px;
}

.eventpageSlideInfo {
    height: 260px;
}

.hmvideo__background {
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    /* transform: translate(-50%, -50%); */
    pointer-events: none;
}

.hmvideo__video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.5s linear;
}

.hmvideo__video-overlay--fadeOut {
    opacity: 0;
    visibility: hidden;
}

.hmvideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.hmvideo__title {
    position: relative;
    flex: 0 0 auto;
    align-self: center;
    width: 100%;
    font-family: 'Permanent Marker', cursive;
    font-size: 50px;
    font-weight: normal;
    text-align: center;
    color: white;
    line-height: 1;
}

.iconbox {
    width: 25%;
    background: #0caf5c;
    border-radius: 50%;
    margin-bottom: 20px;
    padding: 10px;
}

.inter-text-para h2.text-s-style {
    text-transform: none;
}

.rpet-prod .inter-text-para h3 {
    text-transform: initial;
}

.rpet-prod-mainpg .inter-text-para h1 {
    text-transform: initial;
}

.hm-certificate .img-certi-about {
    padding: 29px;
    border: 1px solid #f2f2f2;
    margin: 0 20px;
    position: relative;
}

.video-container {
    width: 100%;
    height: 850px;
    /* Set your desired height here */
    position: relative;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-cont {
    position: absolute;
    bottom: 33%;
    width: 100%;
    left: 10%;
    text-align: left;
}

.banner-cont.videotext {
    left: 0;
}

/*.banner-cont.videotext {*/
/*    bottom: 48% ;*/
/*}*/

.slider-title {
    color: var(--themeColor);
    font-family: var(--headingFont);
    font-size: 50px;
    font-weight: 700;
    line-height: 75px;
    text-transform: capitalize;
    /*text-transform: uppercase;*/
    /*width: 50%;*/
    margin: 0 auto;
}

.hmbannerSlider .swiper-slide-active .banner-cont {
    animation: fadeInLeft 1s;
}

.hmbannerSlider .swiper-button-next,
.hmbannerSlider .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 20* 20);
    color: #fff;
    background: #143a72;
    border-radius: 8px;
}

.hmbannerSlider .swiper-pagination-bullet {
    background: #fff;
    width: 15px;
    height: 6px;
    border-radius: 20px;
    opacity: 1;
}

.hmbannerSlider .swiper-pagination-bullet-active {
   background: #143a72;
    width: 35px;
    height: 6px;
    border-radius: 20px;
}

ul.matrix-hm.inner-matrix.in-house-prod-mtrx li {
    flex: 0 0 22%;
}

ul.matrix-hm.inner-matrix.in-house-prod-mtrx li p {
    font-size: 40px;
}

ul.matrix-hm.inner-matrix.in-house-prod-mtrx sup {
    font-size: 17px;
}

.hm-main-client {
    background-color: #ecf2f9;
}

.clientele-list ul {
    display: flex;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
}

.clientele-list ul li {
    flex: 0 0 23%;
    margin: 5px;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}

.clientele-list ul li h3 {
    font-size: 23px;
    text-align: center;
    color: #111;
    margin: 15px auto;
}

img.pulse {
    animation: pulse-animation 2s infinite;
    border-radius: 50%;
    width: 80px;
    position: absolute;
    left: 47%;
    top: 35%;
}

.banner-video img.thumimg {
    width: 100%;
}

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.video-box h3 {
    font-family: var(--headingFont);
    font-size: 23px;
    color: var(--bodyFontColor);
    font-weight: var(--headingFontWeight);
    line-height: 44px;
    background: #f2f2f2;
    padding: 0 15px;
}

ul.recycle-integrated {
    margin-top: 35px;
}

ul.recycle-integrated li label {
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 30px;
}

ul.recycle-integrated li img {
    width: 30px;
    margin-right: 15px;
}

#pagination-container a {
    color: #2c4e80;
    margin: 0 5px;
    padding: 10px 15px;
    /*background: #f2f2f2; */
}

#pagination-container a.pagination-link {
    margin: 0 5px;
    cursor: pointer;
    padding: 10px 15px;
    color: #2c4e80;
    background: #f2f2f2;
    border-radius: 9px;
}

#pagination-container a.pagination-link.active {
    font-weight: bold;
    text-decoration: none;
    color: #fff !important;
    background: #143a72;
    padding: 10px 15px;
    border-radius: 9px;
}

#pagination-container {
    margin-top: 50px;
}

.recyclingSlider .swiper-slide-active .banner-cont {
    animation: fadeInLeft 1s;
}

.recyclingSlider .swiper-button-next,
.recyclingSlider .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 20* 20);
    color: #fff;
    background: #143a72;
    border-radius: 8px;
}

.recyclingSlider .swiper-pagination-bullet {
    background: #fff;
    width: 15px;
    height: 6px;
    border-radius: 20px;
    opacity: 1;
}

.recyclingSlider .swiper-pagination-bullet-active {
    background: #143a72;
    width: 35px;
    height: 6px;
    border-radius: 20px;
}

.product-rpet {
    margin-top: 30px;
}

.product-rpet ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.product-rpet ul li {
    flex: 0 0 48%;
    background-color: #ecf2f9;
}

.product-rpet ul li img {
    width: 100%;
}

.product-rpet ul li .inter-text-para h3 {
    text-transform: none;
    margin-bottom: 0;
}

.product-rpet ul li .inter-text-para h3 a {
    color: var(--themeColor);
}

.inner-rped {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
}

.product-rpet ul li .btn-main a {
    padding: 15px 25px;
}

.product-rpet ul li .inter-text-para .btn-main {
    margin-top: 0;
}

.btn-help-us {
    text-align: left;
    background: var(--themeColor);
    padding: 50px 0;
}

.btn-help-us .btn-main a {
    border: 1px solid #ffffff;
}

.btn-help-us .inter-text-para p {
    margin-bottom: 0;
}

.btn-help-us .btn-main {
    margin-top: 50px;
}

.companycard ul {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 0;
    justify-content: space-between;
}

.companycard ul li {
    flex: 0 0 48%;
    margin: 0;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #143a7217;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.companycard ul li .btn-main a {
    background: var(--themeColor);
    padding: 10px 30px;
    color: #fff;
    border-radius: 50px;
    text-transform: capitalize;
    border: 1px solid var(--themeColor);
}

.companycard ul li .btn-main {
    margin: 0;
    flex: 0 0 35%;
    text-align: right;
}

.companycard ul li .inter-text-para {
    /* min-height: 330px; */
    text-align: left;
    flex: 0 0 65%;
}


.companycard ul li .inter-text-para h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 0;
}

.productmodal .modal-content {
    border-radius: 0;
} 

/*.modal-specifcbox ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.modal-specifcbox ul li {
    flex: 0 0 40%;
    width: 50%;
}
.modal-specifcbox ul li:last-child {
    flex: 0 0 60%;
    padding: 45px;
    border-left: 1px solid #1111111c;
    background: #ededed1c; 
}
*/

.modal-specifcbox {
    background: #ededed1c;
  }
.modal-specifcbox .productimg-box img {
    width: 100%;
}

.productmodal .modal-body{
   padding: 0px;
}

.productmodal .inter-text-para h3 {
  font-size: 24px;
  background: var(--headingFontColor);
  color: #fff;
  padding: 10px;
  margin-bottom: 0;
}

.productmodal .inter-text-para label {
  font-size: 17px;
  color: #000;
  text-transform: capitalize;
  margin-top: 11px;
}

.modal-specifcbox .product-specication-list {
    padding: 12px;
  }

.modal-specifcbox .table th {
    background-color: #143a72;
    color: #ffffff;  
}
.modal-specifcbox .table tbody.rotary-table tr td { 
    padding: 8px 15px;
    border: 1px solid #ddd;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    text-align: center;
}

span.no-product {
    background: #143a72;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
}

.contact-list ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 70px;
}

.contact-list ul li {
       flex: 0 0 24%;
    padding: 25px;
    text-align: center;
    margin: 0;
    position: relative;
    color: #fff;
    background: #143a72;
    border: 1px solid #143a7226;
        border-radius: 5px;
}

.contact-list ul li a{
    color: #fff;
}

.contact-list ul li a .cont-info h3 {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
}

.contact-list ul li a .cont-info p {
    font-size: 17px;
    line-height: 30px;
}

ul.upper-ft li:nth-child(1) a{
    margin-right: 35px;
}

/*.sticky-icon {
    position: fixed;
    right: 0;
    bottom: 40%;
    width: 3%;
    z-index: 1;
}*/

.sticky-icon {
    position: fixed;
    right: -10px;
    bottom: 40%;
    width: 3%;
    z-index: 1;
    background: #143a72;
    border-radius: 9px 0 0 9px;
    border: 1px solid #fff;
}
/*.sticky-icon a {
    float: left;
    background: var(--themeColor);
    border-radius: 50%;
    color: #fff;
    width: 41px;
    height: 41px;
    text-align: center;
    margin-bottom: 12px;
    border: 1px solid #fff;
}
*/

.sticky-icon a {
    float: left;
    color: #fff;
    width: 48px;
    height: 47px;
    text-align: center;
    border-bottom: 1px solid #fff;
}

.sticky-icon a:last-child {
    border-bottom: 0px solid #fff;
}
.sticky-icon a i{
    font-size: 20px;
    padding: 12px 11px;
}

.product-colors {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 0px;    
    background: #f2f2f2;
}

.product-colors p {
    color: #646060;
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
}

.color {
    height: 15px;
    width: 15px;
    /*background-color: #000;*/
    /*border-radius: 50%;*/
    transition: transform 0.3s;
}

/*.color:hover {
  transform: scale(1.5);
}
*/


.product-specication-list ul {
    /* display: flex;
    justify-content: start;
    flex-direction: row;
    flex-wrap: wrap; */
    columns: 4;
    height: auto;
    column-fill: balance;
  }

.product-specication-list ul li {
    flex: 0 0 20%;
    margin: 0px;
    border: 1px solid #eee;
    padding: 12px;
    text-align: center;
    margin-bottom: 10px;
}
.companycard h3 a {
    color: var(--themeColor);
}
.brochuredownload .form-group.contact-sec {
    margin-bottom: 25px;
}
.recyclingModal .form-group.contact-sec {
    margin-bottom: 20px;
}

/* thanku */
.p-thank-100 {
    padding: 17.4rem 0;
}
    
.sec-thank .inter-text-para h1 {
    font-size: 60px;
    line-height: 70px;
    font-family: var(--headingFont);
    margin-bottom: 20px;
    color: var(--headingFontColor);
}

.thank-border {
    background: #fff;
    border: 1px solid #143a7217;
    padding: 66px 40px;
}

.thank-border .btn-main {
    margin-top: 50px;
}
/* term */

.paddtop5{
    padding-top: 90px;
}
.paddbott5{
    padding-bottom:90px;
} 
ul.privacy-list{

}
ul.privacy-list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 17px;
    display: flex;
    align-items: center;
}
ul.privacy-list li::before {
    content: "";
    background: #111;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 8px;
}

.otherBloginfo ul{display:flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;padding: 17px 0;border-bottom: 1px solid #1111112b;}
.otherBloginfo ul li:first-child {flex: 0 0 30%;}
.otherBloginfo ul li:last-child {flex: 0 0 65%;}

.otherBloginfo a:last-child {border-bottom: 0px}

.otherBloginfo ul li img{width: 100%; height: auto;}
.otherBloglist {background: #f2f2f2;padding: 20px;margin-top: 15px;margin-left: 80px;}

.txt-blc {
    color: var(--themeColor);
    font-family: var(--headingFont);
    margin-bottom: 10px;
    font-size: 14px;
}
.rel-blog-date {
    color: #111;
    font-family: var(--headingFont);
    font-size: 12px;
}
.otherBloglist h3 {
    font-family: var(--headingFont);
}
.main-blogimg {
    margin-bottom: 40px;
    margin-top: 20px;
}
.blog-main-deatils .wp-block-image
{
    margin: 20px 0;
}
.product-colors label {
    color: #000;
  }

  .newProductTable table td, .newProductTable table th {
    white-space: nowrap;
}
.style-7::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-7::-webkit-scrollbar{
    height: 10px;
}

    .style-7::-webkit-scrollbar-thumb{
        border-radius: 10px;
        background-image: -webkit-gradient(linear,
                                        left bottom,
                                        left top,
                                        color-stop(0.44, rgb(20 58 114)),
                                        color-stop(0.72, rgb(73,125,189)),
                                        color-stop(0.86, rgb(28,58,148)));
}
/* responsive */ 

@media screen and (min-width: 2300px) {
    .topNaviGationUpper:after {
        width: 30%;
    }

    .life-at-gallery .swiper-button-prev,
    .sec-emp-benifts .swiper-button-prev {
        left: 24%;
    }

    .life-at-gallery .swiper-button-next,
    .sec-emp-benifts .swiper-button-next {
        right: 24%;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .sticky-icon {
        width: 3.5%;
        right: 0;
    }
    
    .sticky-icon a i {
        padding: 11px 10px;
    }

    .interevent-img img {
        height: 220px;
    }


    .main-products-list ul li {
        padding: 35px 15px;
    }

    .menuheading {
        padding-right: 30px;
    }

    .dropdownMain:hover .dropdownMain-content {
        padding: 70px 5%;
    }

    .event-list {
        width: 93%;
    }

    .para-margin-left {
        margin-left: 50px;
    }
    .news-evnt-height {
        min-height: 430px;
    }

    .info-slider {
        position: absolute;
        top: 0;
        width: 100%;
        padding: 100px 180px;
    }

    .fplogo h2 {
        font-family: var(--headingFont);
        font-size: 22px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 16px;
        position: relative;
        color: var(--themeColor);
        margin-top: 25px;
        text-transform: uppercase;
    }

    .fplogo img {
        width: 50px;
        height: 50px;
        margin-bottom: 25px;
    }

    .info-content {
        padding: 130px 0;
    }

    .topNaviGationUpper:after {
        width: 15%;
    }

    .inner-banner-heading {
        width: 44%;
    }

 
    .video-container {
        width: 100%;
        height: 630px;
        position: relative;
    }

    .slider-title {
        font-size: 50px;
        line-height: 60px;
    }

    .hm-sec-product-list .section:hover .overlay .menu-prod-list ul li a {
        color: #fff;
        font-size: 12px;
        padding: 0;
        margin-bottom: 0;
    }

    .hm-sec-product-list .section:hover .overlay .menu-prod-list ul li h3 a {
        font-size: 17px;
    }

    .hm-sec-product-list .section:hover .overlay .menu-prod-list h2 a {
        padding-left: 35px;
        font-size: 17px;
        padding: 8px 16px;
        float: left;
        margin-left: 19px;
        margin-bottom: 1px;
    }

    .hm-sec-product-list .section .overlay .menu-prod-list {
        padding: 0 0;
    }

    .hm-sec-product-list .section .content h3 {
        font-size: 18px;
    }

    .product-card .item:hover .bottom-overlay {
        top: 0;
        padding: 30px;
        padding-top: 60px;
    }

    .life-at-gallery .swiper-button-prev,
    .sec-emp-benifts .swiper-button-prev {
        left: 4%;
    }

    .life-at-gallery .swiper-button-next,
    .sec-emp-benifts .swiper-button-next {
        right: 4%;
    }

    .innovations-list ul li {
        flex: 0 0 49.5%;
    }

    .prod-ucts {
        padding: 100px 0;
    }

    .innovations-list ul li .inter-text-para {
        width: 80%;
        margin: 0 auto;
    }

    .megpet-careear ul li:nth-child(1) img {
        width: 100%;
        height: 290px;
        object-fit: cover;
    }

}

@media screen and (min-width: 1300px) and (max-width: 1399px) {
    .navbarMain a {
    padding: 32px 15px;
}
    .sticky-icon {
        width: 3.5%;
        right: 0;
    }
    .menu-prod-list ul li a {
        margin-right: 33px;
    }
    
    .companycard ul li .btn-main {
        flex: 0 0 40%;
    }
    
    .companycard ul li .inter-text-para {
        flex: 0 0 60%;
    }


    .blogSlideInfo h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .event-list ul li .inner-btn-event {
        position: absolute;
        bottom: 0;
        right: 15px;
    }

    .all-event-info {
        min-height: 220px;
        position: relative;
    }


    .inter-text-para h2 {
        font-size: 36px;
        line-height: 52px;
    }

    .careerContent img {
        border: 1px solid var(--themeColor);
        padding: 2px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }

    .job-opning ul li {
        padding: 15px 25px;
        flex: 0 0 45%;
    }

    .jobInfo {
        margin-top: 10px;
    }

    .careerContent h2 {
        margin-bottom: 10px;
    }

    .catagory-box {
        width: 100%;
        padding: 20px 5px;
        border: 1px solid #e7e7e7;
        margin-bottom: 20px;
        border-radius: 8px;
    }

    .selecter-place select {
        max-width: 60%;
    }

    .info-slider {
        padding: 100px 180px;
    }

    .tecno-list ul li:before {
        font-size: 9px;
    }

    .tecno-list ul {
        margin-top: 20px;
    }

    .tecno-list ul li {
        width: 95%;
        margin-left: 15px;
        color: var(--bodyFontColor);
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 5px;
    }

    .inner-lowermenu ul li a {
        font-size: 15px;
    }

    .info-content {
        padding: 120px 0;
    }

    .topNaviGationUpper:after {
        width: 19%;
    }

    .menuListing.sub-menus ul li a {
        font-size: 16px;
    }

    .banner-cont {
        bottom: 15%;
    }

    .slider-title {
        font-size: 50px;
        line-height: 60px;
    }

    .hm-matrix-cont ul li .title {
        font-size: 40px;
    }

    .hm-matrix-cont ul li sup {
        font-size: 15px;
    }

    .hm-sec-product-list .section .overlay .menu-prod-list {
        padding: 0;
    }

    .hm-sec-product-list .section:hover .overlay .menu-prod-list ul li a {
        font-size: 12px;
    }

    .product-card .item:hover .bottom-overlay {
        top: 0;
        padding: 30px;
        padding-top: 60px;
    }

    .eventList {
        min-height: 710px;
    }

    .sub-branch-office ul li {
        flex: 0 0 30%;
    }

    .life-at-gallery .swiper-button-prev,
    .sec-emp-benifts .swiper-button-prev {
        left: 8%;
    }

    .life-at-gallery .swiper-button-next,
    .sec-emp-benifts .swiper-button-next {
        right: 8%;
    }

    .empBeniftsSlider ul li:last-child {
        padding: 30px;
    }

    .sec-leader-hight {
        min-height: 580px;
    }

    .innovations-list ul li {
        flex: 0 0 49.5%;
    }

    .prod-ucts {
        padding: 95px 0;
    }

    .info-content {
        padding: 50px 0;
    }

    .megpet-careear ul li .inter-text-para h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .megpet-careear ul li .inter-text-para p {
        margin-bottom: 0;
        font-size: 17px;
    }

    .megpet-careear ul li:nth-child(1) img {
        width: 100%;
        height: 290px;
        object-fit: cover;
    }

    .matrix-hm li {
        padding: 0 5px;
    }

    .market-list ul li {
        flex: 0 0 20%;
    }

    .all-eventpage-info {
        padding: 35px 20px;
        min-height: 460px;
    }

    .eventpageSlideInfo {
        height: auto;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    
    .sticky-icon {
        width: 3.5%;
        right: 0;
    }
    .companycard ul li .btn-main {
        flex: 0 0 40%;
    }
    
    .companycard ul li .inter-text-para {
        flex: 0 0 60%;
    }
    
    .main-catagorylist ul li {
        flex: 0 0 32%;
        margin: 4px;
    }

    .market-list ul li {
        flex: 0 0 16%;
    }

    .market-list ul li img {
        width: 55px;
    }

    .event-list ul li .inner-btn-event {
        position: absolute;
        bottom: 0;
        right: 15px;
    }

    .all-event-info {
        min-height: 220px;
        position: relative;
    }

    /*.packaging-inno {
        padding: 125px 60px;
    }*/
    .career-last-list ul li .fplogo h2 {
        font-size: 22px;
        line-height: 36px;
        font-weight: 400;
    }

    .selecter-place select {
        max-width: 60%;
    }

    .info-slider {
        padding: 100px 180px;
    }

    .tethered-cap-list .fplogo h2 {
        bottom: 50px;
    }

    .tethered-cap-list ul li .fptext {
        padding: 105px 25px;
    }

    .tecno-list ul li:before {
        font-size: 9px;
    }

    .tecno-list ul {
        margin-top: 20px;
    }

    .tecno-list ul li {
        width: 95%;
        margin-left: 15px;
        color: var(--bodyFontColor);
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 5px;
    }

    .infa-bacground {
        height: 75%;
    }

    .job-opning ul li {
        padding: 15px 25px;
        flex: 0 0 48%;
    }

    .careerContent h2 {
        margin-bottom: 10px;
    }

    .careerContent img {
        border: 1px solid var(--themeColor);
        padding: 2px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }

    .jobInfo {
        margin-top: 10px;
    }

    .inter-text-para h2 {
        font-size: 34px;
        line-height: 48px;
    }

    .info-content {
        padding: 100px 0;
    }

    .inner-banner-heading {
        width: 50%;
    }

    .navbarMain a {
        font-size: 14px !important;
        padding: 10px 12px !important;
    }

    .topNaviGationUpper:after {
        width: 17%;
    }

    .menuListing.sub-menus ul li a {
        font-size: 14px;
    }

    /*.banner-cont {
        bottom: 15%;
    }*/

    .slider-title {
        font-size: 50px;
        line-height: 60px;
    }

    .hm-matrix-cont ul li .title {
        font-size: 40px;
    }

    .hm-matrix-cont ul li sup {
        font-size: 15px;
    }

    .hm-sec-product-list .section .overlay .menu-prod-list {
        padding: 0;
    }

    .hm-sec-product-list .section:hover .overlay .menu-prod-list ul li a {
        font-size: 12px;
    }

    .product-card .item:hover .bottom-overlay {
        top: 0;
        padding: 30px;
        padding-top: 60px;
    }

    .eventList {
        min-height: 710px;
    }

    .sub-branch-office ul li {
        flex: 0 0 30%;
        padding: 23px;
    }

    .life-at-gallery .swiper-button-prev,
    .sec-emp-benifts .swiper-button-prev {
        left: 5%;
    }

    .life-at-gallery .swiper-button-next,
    .sec-emp-benifts .swiper-button-next {
        right: 5%;
    }

    .empBeniftsSlider ul li:last-child {
        padding: 30px;
    }

    .hm-sec-product-list .section:hover .overlay {
        padding: 29px 0;
    }

    .sec-leader-hight {
        min-height: 580px;
    }

    ul.matrix-hm.inner-matrix li {
        flex: 0 0 23%;
    }

    .matrix-hm li img {
        max-width: 48px;
        height: 48px;
    }

    .matrix-hm li p {
        font-size: 38px;
        margin: 0;
    }

    .matrix-hm li span {
        font-size: 16px;
    }

    .innovations-list ul li {
        flex: 0 0 49.5%;
    }

    .prod-ucts {
        padding: 95px 0;
    }

    .info-content {
        padding: 50px 0;
    }

    .megpet-careear ul li .inter-text-para h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .megpet-careear ul li .inter-text-para p {
        margin-bottom: 0;
        font-size: 17px;
    }

    .megpet-careear ul li:nth-child(1) img {
        width: 100%;
        height: 280px;
        object-fit: cover;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .sticky-icon {
        width: 4%;
        right: 0;
    }
    .companycard ul li .btn-main {
        flex: 0 0 50%;
    }
    
    .companycard ul li .inter-text-para {
        flex: 0 0 50%;
    }
    
    .megpet-careear ul li .inter-text-para h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .megpet-careear ul li .inter-text-para p {
        margin-bottom: 0;
        font-size: 17px;
    }

    .megpet-careear ul li:nth-child(1) img {
        width: 100%;
        height: 315px;
        object-fit: cover;
    }

    .interevent-img {
        min-height: 390px;
        background: #4069a8;
        padding: 0;
        border-radius: 9px;
    }

    .eventSlideInfo h3 {
        font-size: 17px;
    }

    .event-list ul li .inner-btn-event {
        position: absolute;
        bottom: 0;
        right: 15px;
    }

    .all-event-info {
        padding: 20px 0;
        min-height: 220px;
        position: relative;
    }

    .event-list {
        width: 95%;
    }

    .careerContent img {
        padding: 2px;
        width: 50px;
        height: 50px;
    }

    .job-opning ul li {
        flex: 0 0 49%;
        padding: 15px;
    }

    .all-blog-info {
        min-height: 412px;
    }

    .packaging-inno.bg-none .btn-main {
        margin-top: 0;
    }

    .logobox a,
    .logobox a img {
        width: 160px;
    }

    .hm-banner-video {
        height: 73vh;
    }

    .fptext h2 {
        font-family: var(--headingFont);
        font-size: 20px;
        line-height: 28px;
    }

    .suste-item ul li .fptext {
        padding: 115px 25px;
    }

    .fplogo h2 {
        font-family: var(--headingFont);
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 16px;
        position: relative;
        color: var(--themeColor);
        margin-top: 15px;
        text-transform: uppercase;
    }

    .fplogo img {
        width: 35px;
        height: 35px;
        margin-bottom: 20px;
    }

    .info-slider {
        padding: 100px 180px;
    }

    .selecter-place select {
        max-width: 55%;
    }

    .tecno-list ul li:before {
        font-size: 9px;
    }

    .tecno-list ul {
        margin-top: 20px;
    }

    .tecno-list ul li {
        width: 95%;
        margin-left: 15px;
        color: var(--bodyFontColor);
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0;
    }

    .inter-text-para h3 {
        margin-bottom: 10px;
        line-height: 40px;
    }

    li.product-process-cont {
        padding: 40px;
        padding-top: 0;
    }

    ul.matrix-hm.inner-matrix li {
        flex: 0 0 33%;
    }

    .matrix-hm li img {
        max-width: 48px;
        height: 48px;
    }

    .matrix-hm li p {
        font-size: 38px;
        margin: 20px 0 0;
        line-height: 48px;
    }

    .matrix-hm li span {
        font-size: 16px;
    }

    .info-content {
        padding: 46px 0;
    }

    .inter-text-para p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .career-bacground {
        height: 100%;
    }
    .inner-lowermenu ul li a {
        font-size: 12px;
    }

    .navbarMain a {
        font-size: 12px;
        padding: 26px 10px;
    }

    .topNaviGationUpper:after {
        width: 20%;
    }

    .topNaviGationUpper li a {
        font-size: 13px;
    }

    .menuListing.sub-menus ul li a {
        font-size: 12px;
    }

    .menu-prod-list {
        padding: 20px 10px;
    }

    .menu-prod-list ul li h3 a {
        font-size: 20px;
    }

    .menu-prod-list ul li a {
        font-size: 12px;
        margin-right: 0;
    }
    .menu-prod-list ul li a:nth-last-child(2),
    .menu-prod-list ul li a:nth-last-child(4),
    .menu-prod-list ul li a:nth-last-child(6),
    .menu-prod-list ul li a:nth-last-child(8),
    .menu-prod-list ul li a:nth-last-child(10){
        margin-right: 20px !important;
    }

    .slider-title {
        font-size: 40px;
        line-height: 45px;
    }

    .menuWrap .dropdownMain i {
        font-size: 8px;
    }
    .hm-matrix-cont ul li .title {
        font-size: 40px;
    }

    .hm-matrix-cont ul li sup {
        font-size: 15px;
    }

    .hm-sec-product-list .section .overlay .menu-prod-list {
        padding: 0;
    }

    .hm-sec-product-list .section:hover .overlay .menu-prod-list ul li a {
        font-size: 12px;
    }

    .product-card .item:hover .bottom-overlay {
        top: 0;
        padding: 22px;
        padding-top: 30px;
    }

    .eventList {
        min-height: 660px;
    }

    .sub-branch-office ul li {
        flex: 0 0 30%;
        padding: 23px;
    }

    .life-at-gallery .swiper-button-prev,
    .sec-emp-benifts .swiper-button-prev {
        left: 9%;
        top: 72%;
    }

    .life-at-gallery .swiper-button-next,
    .sec-emp-benifts .swiper-button-next {
        right: 9%;
        top: 72%;
    }

    .empBeniftsSlider ul li:last-child {
        padding: 30px;
    }

    .hm-sec-product-list .section:hover .overlay {
        padding: 29px 0;
    }

    .hm-sec-product-list .section:hover {
        flex: 3;
    }

    .hm-sec-product-list .section .content {
        padding-left: 20px;
    }

    .before-hover h3 {
        font-size: 25px;
    }

    .sec-careers .sec-hm-position {
        padding-right: 28px;
    }

    .inner-banner-heading h1 {
        font-size: 40px;
    }

    .main-ft-info {
        padding-right: 0;
    }

    .current-opens-list ul li {
        padding: 25px;
    }

    .empTestiSlider .swiper-button-prev {
        left: 87%;
    }

    .brand-min-info {
        min-height: 200px;
    }

    .all-quick-links ul li a {
        font-size: 12px;
        padding: 9px 0;
    }

    .sec-leader-hight {
        min-height: 500px;
    }

    .packaging-inno {
        margin-bottom: 30px;
    }

    .packaging-inno .btn-main a,
    .sec-main-markets .btn-main-wht a {
        float: right;
        margin-top: -25%;
        position: relative;
    }

    .inter-text-para h2 {
        font-size: 35px;
        line-height: 50px;
    }

    .news-evnt-height {
        min-height: 445px;
    }

    .leader-list ul li h3 {
        font-size: 20px;
    }

    .timeline ul li div {
        width: 530px;
    }

    .timeline ul li:nth-child(2n) div {
        margin-top: -122px;
    }

    .timeline ul li:nth-child(odd) div.timeline-info {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .timeline ul li:nth-child(odd) div {
        left: -230px;
    }

    .timeline ul li:nth-child(odd) div.history-year {
        left: 28px;
        margin-bottom: 18px;
    }

    .timeline ul li:nth-child(2n) div.history-year {
        margin-bottom: 0;
        margin-left: 30px;
        margin-top: -195px;
    }

    .sec-innovation label {
        font-size: 15px;
    }

    .innovations-list ul li {
        flex: 0 0 49.5%;
    }

    .prod-ucts {
        padding: 90px 0;
    }

    .market-list ul li {
        flex: 0 0 30%;
    }
}

@media (max-width: 1024px) {
    .contact-list ul li {
        flex: 0 0 50%;
        border: 2px solid #fff;
    }
    .companycard ul li .inter-text-para h3 {
        text-align: center;
    }

    .companycard ul li .inter-text-para {
        min-height: auto;
        margin-bottom: 25px;
        flex: 0 0 100%;
    }
    .companycard ul li .btn-main {
        flex: 0 0 100%;
        float: left;
        width: 100%;
        margin: 25px 0 0;
    }
    
    .companycard ul li {
        flex: 0 0 48%;
        margin-bottom: 20px;
        padding: 20px;
    }

    .clientele-list ul {
        margin-top: 30px;
    }

    .eventpage-list ul li {
        flex: 0 0 47%;
        margin: 1%;
    }

    .megpet-careear ul li:nth-child(1) img {
        width: 100%;
        height: 270px;
        object-fit: cover;
    }

    .event-list ul li .inner-btn-event {
        position: absolute;
        bottom: 0;
        right: 15px;
    }

    .all-event-info {
        min-height: 150px;
        position: relative;
    }

    button.button.trigger-open-link {
        padding: 12px 30px;
    }

    .menuWrap {
        padding: 15px 0;
    }

    .leader-list ul li {
        flex: 0 0 48%;
        text-align: center;
        margin-bottom: 20px;
        padding: 15px;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .about-left-img {
        height: 100%;
        position: relative;
        width: 100% !important;
        left: 0;
        top: 0;
        margin-bottom: 25px;
    }

    .about-right-img {
        height: 100%;
        position: relative;
        width: 100% !important;
        right: 0;
        top: 0;
        margin-bottom: 25px;
    }

    .wdt-80 {
        width: 100%;
    }

    .abt-mt-100 {
        margin-left: 0;
    }

    .p-100 {
        padding: 50px 0;
    }

    .accordion-button:not(.collapsed)::after {
        background-image: url(../images/down-arrow.png);
    }

    .subMenuList.othersSubmenu a {
        font-size: 16px;
        border-bottom: 2px solid #fff;
    }

    .sidenav .accordion-button:focus {
        border-color: none;
        outline: 0;
        box-shadow: none;
    }

    .sidenav .accordion-body {
        padding: 0rem 15px;
        background: #f2f2f2;
    }

    .sidenav .accordion-item {
        margin-bottom: -1px;
        background-color: #fff;
        border: none;
        border-bottom: 0 solid var(--headingFontColor);
    }

    .sidenav .accordion-button:not(.collapsed) {
        color: var(--themeColor);
        background-color: #fff0;
        box-shadow: none;
    }

    .sidenav .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        font-size: 18px;
        padding: 15px 11px;
        color: var(--themeColor);
        border: none;
        border-bottom: 1px solid var(--headingFontColor);
        font-weight: 500;
    }

    .subMenuList a {
        border-bottom: none;
    }

    .event-list {
        width: 95%;
    }

    .copyright-info ul {
        padding: 15px 0;
    }

    .jobInfo {
        margin-top: 10px;
    }

    .jobInfo {
        margin-top: 10px;
    }

    .careerContent img {
        border: 1px solid var(--themeColor);
        padding: 2px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }

    .job-opning ul li {
        padding: 15px 20px;
        flex: 0 0 48%;
    }

    .career-bacground {
        height: 100%;
    }

    .infa-bacground {
        height: 100%;
    }

    .all-blog-info {
        padding: 35px 20px;
        min-height: 414px;
    }

    .eventSlideInfo h3 {
        font-size: 14px;
        line-height: 22px;
        margin-top: 16px;
        font-weight: 400;
    }

    .eventContent {
        padding: 10px;
        min-height: 300px;
    }

    .para-margin-left {
        margin-left: 30px;
    }

    /*.main-catagorylist ul li:nth-child(even) {
        margin-top: 0;
    }*/
    .top-header {
        display: none;
    }

    .packaging-inno {
        padding: 50px 67px;
        border-radius: 7px;
        margin-bottom: 15px;
    }

    .selecter-place {
        margin: 50px 0 0;
    }

    .career-last-list {
        margin-top: 0;
    }

    .hm-banner-video {
        overflow: hidden;
        height: auto;
    }

    .career-last-list ul li {
        width: 25%;
        padding: 100px 10px;
    }

    .suste-item ul li .fptext {
        padding: 90px 25px;
    }

    .fplogo h2 {
        font-family: var(--headingFont);
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 16px;
        position: relative;
        color: var(--themeColor);
        margin-top: 25px;
    }

    .fplogo img {
        width: 40px;
        height: 40px;
        margin-bottom: 20px;
    }

    .selecter-place select {
        max-width: 55%;
    }

    .fptext h2 {
        font-family: var(--headingFont);
        font-size: 20px;
        line-height: 32px;
        font-weight: 300;
    }

    .matrix-apprent li p {
        font-size: 28px;
        margin: 20px 0 22px;
    }

    .matrix-apprent li img {
        max-width: 40px;
        height: 40px;
    }

    .bg-student {
        padding: 30px 44px;
        height: auto;
    }

    .student-testimony ul li {
        flex: 0 0 100%;
    }

    .career-Slider .swiper-button-next {
        width: 30px;
        height: 30px;
        top: 10%;
    }

    .career-Slider .swiper-button-prev {
        padding: 15px;
        float: left;
        width: 30px;
        height: 30px;
        right: 0;
        left: 6%;
        top: 10%;
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        font-size: 15px;
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        font-size: 15px;
    }

    .info-slider {
        padding: 80px 130px;
    }

    .sec-capability .info-content {
        padding: 130px 0;
    }

    h3.paragraph-bold {
        font-size: 16px;
        line-height: 24px;
    }

    .block-facet--range-slider,
    .block-facet--checkbox {
        margin-bottom: 2rem;
    }

    .block-facet--range-slider>label,
    .block-facet--checkbox>label {
        padding: 10px;
        margin-bottom: 0;
        font-size: 16px;
    }

    .facets-widget-checkbox ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .video-inner {
        max-width: 100%;
        margin: 0 auto;
    }

    .bg-bottol {
        padding: 130px 45px;
    }

    .tethered-cap-list ul li .fptext {
        top: 0;
        width: 100%;
        z-index: 1;
        background: var(--themeColor);
        color: #fff;
        height: 100%;
        padding: 250px 61px;
    }

    .tethered-cap-list .fplogo h2 {
        font-family: var(--headingFont);
        font-size: 30px;
        line-height: 36px;
        font-weight: 400;
        margin-top: 25px;
        bottom: 120px;
        left: 10%;
        right: 10%;
    }

    .tethered-cap-list ul li {
        width: 48%;
    }

    .suste-item {
        margin-top: 50px;
    }

    .suste-item ul li {
        background-color: #e1e1e1;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin: 0;
        width: 25%;
        position: relative;
        transition: all 0.3s;
        cursor: pointer;
        padding: 45px 10px;
    }

    .tecno-list ul li:before {
        font-size: 9px;
    }

    .tecno-list ul {
        margin-top: 20px;
    }

    .tecno-list ul li {
        width: 95%;
        margin-left: 15px;
        color: var(--bodyFontColor);
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 0;
        margin-bottom: 0;
    }

    .sec-innovation label {
        font-size: 18px;
        width: 24%;
        padding: 11px 15px;
    }

    li.product-process-cont {
        padding: 40px;
        padding-top: 0;
    }

    ul.matrix-hm.inner-matrix li {
        flex: 0 0 23%;
    }

    ul.matrix-hm.inner-matrix {
        justify-content: center;
        margin-top: 50px;
    }

    .inter-text-para label {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 22px;
    }

    .mobmenuList ul li a {
        border-bottom: 1px solid var(--headingFontColor);
        font-weight: 500;
    }

    .onlyDesktop {
        display: none;
    }

    .scroll-element {
        scroll-margin: 150px 0 0 50px;
        margin-top: 25px;
    }

    .matrix-hm li span {
        font-size: 18px;
    }

    .matrix-hm li p {
        font-size: 38px;
        color: var(--themeColor);
        font-family: var(--headingFont);
        margin: 20px 0 0;
        line-height: 48px;
    }

    .matrix-hm li img {
        max-width: 48px;
        height: 48px;
    }

    .btn-main a {
        padding: 16px 30px;
        font-size: 16px;
        line-height: 20px;
    }

    .btn-main-wht a {
        padding: 16px 30px;
    }

    .info-content {
        padding: 85px 0;
    }

    .topNaviGationUpper {
        display: none;
    }

    .sideNaviMob {
        display: flex;
        justify-content: end;
        float: left;
        width: 100%;
        align-items: center;
    }

    .mobmenuList .social-info {
        padding-left: 0;
        display: flex;
        float: left;
        width: 100%;
    }

    .mobmenuList ul.socialIcons li {
        justify-content: space-around;
        margin-right: 17px;
    }

    .mob-booking {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 55px;
    }

    .mob-booking a.book-appo {
        background: var(--themeColor);
        color: #fff;
        border-radius: 35px;
        padding: 10px 35px;
        border: 1px solid var(--themeColor);
        float: none;
    }

    .mobmenuList .social-info ul {
        padding: 0 16px;
        width: 100%;
        justify-content: center;
        margin-top: 32px;
        align-items: center;
    }

    .onlyMobile {
        display: block;
        width: 70%;
    }

    .navbarMain.onlyDesktop {
        display: none;
    }

    .mobileBoxLogo.InsideSideBar {
        padding: 18px 16px;
        float: left;
        width: 80%;
        display: flex;
        align-items: center;
    }

    a.closebtn {
        position: absolute;
        right: 37px;
        top: 0;
        z-index: 999;
        width: 50px;
    }

    .dropdown-btn,
    .sidenav a {
        text-decoration: none;
        color: var(--themeColor);
        padding: 15px 11px;
        width: 100%;
        float: left;
        font-weight: 400;
        font-size: 18px;
    }

    .subMenuList {
        margin-bottom: 0;
        float: left;
        width: 100%;
        padding: 0;
    }

    .subMenuList li a {
        font-size: 15px;
        font-weight: 500;
    }

    .subMenuList.othersSubmenu a {
        font-size: 16px;
        border-bottom: 1px solid #cfcece;
        font-weight: 400;
    }

    .subMenuList.othersSubmenu a:last-child {
        border-bottom: 0;
    }

    .subMenuList h4 {
        text-transform: capitalize;
        color: #111;
        padding: 7px;
        background: #f2f2f2;
        float: left;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
    }

    .logobox {
        padding-bottom: 0;
    }

    header.site-header.navbar-fixed {
        background: #fff;
    }

    .mobmenuList ul {
        padding: 0 16px;
    }

    ul.menuprodlist-items li a {
        padding: 5px 0;
        float: left;
        width: 100%;
        font-weight: 500;
        font-size: 18px;
    }

    header.site-header,
    header.site-header.sticky {
        background: #fff;
        padding: 0;
    }

    .logobox a, 
    .logobox a img {
        width: 80%;
    }

    .logobox {
        padding-bottom: 0;
        width: 100%;
    }

    a.closebtn {
        right: 15px;
        top: 8px;
        width: 50px;
    }

    header.site-header.navbar-fixed .container {
        background: #fff0;
    }

    .mobmenuList ul {
        padding: 0 16px;
    }

    .mobmenuList .accordion .accordion-body {
        float: left;
        padding: 16px;
        width: 100%;
    }

    .mobmenuList .accordion .accordion-button:not(.collapsed) {
        background: var(--themeColor) !important;
        padding: 11px !important;
    }

    .mobmenuList .accordion .accordion-button:focus {
        z-index: 3;
        border-color: inherit;
        outline: 0;
        box-shadow: none;
    }

    .mobmenuList .accordion .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: initial;
        box-shadow: none;
        font-weight: 700;
    }

    ul.menuprodlist-items li a {
        padding: 15px 0;
        float: left;
        width: 100%;
        font-weight: 500;
        font-size: 18px;
        border-bottom: 1px solid #eee;
    }

    ul.menuprodlist-items li:last-child a {
        border: 0;
    }

    .site-header.inner-prod-menu .topNaviGationUpper ul li a {
        color: #fff;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: auto;
    }

    .mobmenuList ul {
        padding: 0 16px;
    }

    .mobmenuList .accordion {
        float: left;
        width: 100%;
    }

    .mobmenuList .accordion .accordion-button:not(.collapsed) {
        background: var(--themeColor) !important;
        padding: 20px 11px !important;
    }

    .mobmenuList .accordion .accordion-item .accordion-button {
        font-weight: 500;
        font-size: 18px;
        background: #fff0;
        padding: 20px 11px;
    }

    .mobmenuList .accordion .accordion-button:focus {
        z-index: 3;
        border-color: inherit;
        outline: 0;
        box-shadow: none;
    }

    .mobmenuList .accordion .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: initial;
        box-shadow: none;
        font-weight: 500;
    }

    ul.menuprodlist-items li a {
        padding: 15px 0;
        float: left;
        width: 100%;
        font-weight: 500;
        font-size: 18px;
        border-bottom: 1px solid #eee;
    }

    ul.menuprodlist-items li:last-child a {
        border: 0;
    }

    .site-header.inner-prod-menu .topNaviGationUpper ul li a {
        color: #fff;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: auto;
    }

    .inner-lowermenu ul li {
        flex: 0 0 100%;
    }

    .inner-lowermenu ul li a {
        text-decoration: none;
        color: #fff;
        padding: 12px 0;
        width: 100%;
        float: left;
        font-weight: 300;
        font-size: 18px;
        border-bottom: 1px solid #bebebe;
    }

    .inner-lowermenu ul li a:nth-last-child(1) {
        border-bottom: 0 solid #bebebe;
    }

    .inner-lowermenu .accordion-item {
        margin-bottom: -1px;
        background-color: var(--themeColor);
        border: 0 solid #4a76b9;
        border-color: none;
    }

    .inner-lowermenu .accordion-button {
        background-color: var(--themeColor);
        color: #fff;
        font-weight: 500;
        font-size: 18px;
    }

    .inner-lowermenu .accordion-button:not(.collapsed) {
        color: #fff;
    }

    .inner-lowermenu .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: var(--themeColor);
        box-shadow: none;
        color: #fff;
    }

    .inner-lowermenu .inner-lowermenu {
        background: var(--themeColor);
        position: absolute;
        width: 100%;
    }

    .inner-lowermenu {
        background: var(--headingFontColor);
        margin-top: 0;
    }

    .inner-lowermenu .accordion-button::after {
        background-image: url(../images/down-arrow.png);
    }

    .inner-lowermenu .accordion-button:not(.collapsed)::after {
        background-image: url(../images/down-arrow.png);
        transform: rotate(180deg);
    }

    .inner-lowermenu .accordion-button:focus {
        z-index: 3;
        border-color: var(--headingFontColor);
        outline: 0;
        box-shadow: none;
    }

    .inner-lowermenu .accordion-body {
        padding: 0 20px;
    }

    header.site-header.navbar-fixed {
        top: -112px;
    }

    .inner-lowermenu ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 0;
    }

    .main-catagorylist {
        margin-top: 50px;
    }

    .timeline ul li:nth-child(odd) div .history-info {
        margin-right: 90px;
        margin-top: 20px;
    }

    .eventpageSlideInfo {
        height: auto;
    }

    .btn-main-eventpage {
        width: 100%;
        text-align: center;
    }

    .timeline ul li:nth-child(2n) div {
        left: -240px;
    }

    .timeline ul li:nth-child(2n) div .history-info {
        margin-left: 0px;
        margin-top: 25px;
    }

    .timeline ul li:nth-child(odd) div {
        left: -200px;
        transform: translate3d(200px, 0, 0);
    }

    .timeline ul li:nth-child(odd) div.history-year {
        left: -285px;
        transform: translate3d(200px, 0, 0);
    }

    .timeline ul li:nth-child(odd) div.timeline-info {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        padding-bottom: 0;
    }

    .history-info {
        flex: 0 0 70%;
    }

    .history-year {
        flex: 0 0 70%;
    }
    .mobmenuList .accordion.inner-accord .accordion-item .accordion-button
    {
        font-size: 16px;
        border-bottom: 2px solid #cfcece;
        font-weight: 400;
        background: #f2f2f2;
    }
    .mobmenuList .accordion.inner-accord .accordion-button:not(.collapsed) {
        background: #4a76b9 !important;
        padding: 20px 11px !important;
    }
    .mobmenuList .accordion.inner-accord .menu-prod-list-sub a {
        padding: 11px 0 !important;
        border-bottom: 1px solid #0000001c;
        color: #000;
    }
    .sticky-icon {
        width: 6%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .inter-text-para h2 {
        font-size: 40px;
        line-height: 52px;
    }

    .sec-main-career .inter-text-para h2 {
        width: 100%;
    }

    .inter-text-para h2 br {
        display: none;
    }

    .inter-text-para h3 {
        font-size: 29px;
        line-height: 40px;
    }

    .sec-main-career .jobInfo h2 {
        margin-bottom: 0;
    }

    .hm-matrix-cont ul li {
        padding: 22px;
    }

    .slider-btn,
    .btn-read-more.btn-white a,
    .btn-read-more.btn-red a,
    .product-card .btn-read-more span,
    .btn-read-more.btn-red button {
        padding: 10px 20px;
        font-size: 13px;
    }

    .inter-text-para p,
    .why-choose-info ul li p {
        font-size: 18px;
        line-height: 30px;
    }

    .why-choose-info ul li h5 {
        font-size: 20px;
    }

    .inner-banner-heading {
        width: 50%;
    }

    .navbarMain a {
        font-size: 13px;
        padding: 26px 10px;
    }

    .topNaviGationUpper:after {
        width: 20%;
    }

    .topNaviGationUpper li a {
        font-size: 13px;
    }

    .menuListing.sub-menus ul li a {
        font-size: 16px;
    }

    .menu-prod-list {
        padding: 20px 30px;
    }

    .menu-prod-list ul li h3 a {
        font-size: 20px;
    }

    .menu-prod-list ul li a {
        font-size: 15px;
    }

    .banner-cont {
        bottom: 28%;
        /* width: 60%; */
    }

    .slider-title {
        font-size: 40px;
        line-height: 45px;
    }

    .hm-matrix-cont ul li .title {
        font-size: 40px;
    }

    .hm-matrix-cont ul li sup {
        font-size: 15px;
    }

    .hm-sec-product-list .section .overlay .menu-prod-list {
        padding: 0;
    }

    .hm-sec-product-list .section:hover .overlay .menu-prod-list ul li a {
        font-size: 12px;
    }

    .product-card .item:hover .bottom-overlay {
        top: 0;
        padding: 22px;
        padding-top: 30px;
    }

    .eventList {
        min-height: 660px;
    }

    .sub-branch-office ul li {
        flex: 0 0 30%;
        padding: 23px;
    }

    .life-at-gallery .swiper-button-prev,
    .sec-emp-benifts .swiper-button-prev {
        left: 3%;
        top: 72%;
    }

    .life-at-gallery .swiper-button-next,
    .sec-emp-benifts .swiper-button-next {
        right: 3%;
        top: 72%;
    }

    .empBeniftsSlider ul li:last-child {
        padding: 30px;
    }

    .hm-sec-product-list .section:hover .overlay {
        padding: 29px 0;
    }

    .hm-sec-product-list .section:hover {
        flex: 3;
    }

    .hm-sec-product-list .section .content {
        padding-left: 20px;
    }

    .before-hover h3 {
        font-size: 25px;
    }

    .sec-careers .sec-hm-position {
        padding-right: 28px;
    }

    .inner-banner-heading h1 {
        font-size: 40px;
    }

    .main-ft-info {
        padding-right: 0;
    }

    .current-opens-list ul li {
        padding: 25px;
    }

    .empTestiSlider .swiper-button-prev {
        left: 87%;
    }

    .brand-min-info {
        min-height: 200px;
    }

    .all-quick-links ul li a {
        font-size: 12px;
        padding: 9px 0;
    }

    .product-card .bottom-overlay p.description {
        margin: 16px 0;
    }

    .leader-quote p {
        line-height: 35px;
        font-size: 19px;
    }

    .sec-leader-hight {
        min-height: 500px;
    }

    .lead-info {
        padding: 30px;
    }

    .careers-campus {
        padding-left: 45px;
    }

    .up-com-evntinfo {
        padding: 30px 10px;
    }

    .evntinfo-cont h5 {
        font-size: 20px;
    }

    .lead-info h3 {
        font-size: 25px;
    }

    .matrix-hm li {
        flex: 0 0 50%;
        margin-bottom: 50px;
    }

    .btn-main,
    .btn-main-wht {
        text-align: center;
    }

    .blog-list ul li {
        flex: 0 0 47%;
    }

    ul.matrix-hm.inner-matrix li {
        flex: 0 0 33%;
        padding: 0 5px;
    }

    .market-list ul li {
        flex: 0 0 25%;
    }

    .info-slider .inter-text-para {
        padding-right: 0;
    }
    
}


@media screen and (max-width: 900px) {
    .companycard ul li .inter-text-para h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0;
        text-align: center;
    }
   
    .product-process ul li:last-child img {
        width: 100%;
    }

    .recycle-intro img {
        width: 100%;
    }

    .product-rpet ul li {
        flex: 0 0 100%;
        margin-bottom: 50px;
    }

    .clientele-list ul li {
        flex: 0 0 31%;
    }

    .slider-title {
        font-size: 50px;
        line-height: 60px;
        width: 77%;
    }

    .banner-cont {
        bottom: 20%;
        /* width: 60%; */
        /* left: 15%; */
    }

    .megpet-careear ul li:nth-child(1) img {
        height: 350px;
    }

    .megpet-careear ul {
        display: block;
        margin-bottom: 30px;
    }

    .megpet-careear ul li {
        margin-bottom: 0px;
    }

    /* .timeline ul li:nth-child(odd) div .history-info {
        margin-right: 45px;
        margin-top: 50px;
    } */

    .timeline ul li:nth-child(odd) div .history-info {
        /* margin-right: -260px; */
        margin-top: 60px;
    }

    .timeline ul li div {
        width: 400px;
    }

    .timeline ul {
        padding: 0;
    }

    .timeline ul li:nth-child(odd) div {
        left: -220px;
    }

}

@media screen and (max-width: 991px) {
    .timeline ul li:nth-child(odd) div .history-info {
        margin-right: 90px;
        margin-top: 20px;
    }

    .eventpageSlideInfo {
        height: auto;
    }

    .btn-main-eventpage {
        width: 100%;
        text-align: center;
    }

    /*.timeline ul li:nth-child(2n) div {
        left: 15px;
    }*/
    .timeline ul li:nth-child(2n) div .history-info {
        margin-left: 0px;
        margin-top: 25px;
    }

    .timeline ul li:nth-child(odd) div {
        left: -200px;
        transform: translate3d(200px, 0, 0);
    }

    .timeline ul li:nth-child(odd) div.history-year {
        left: -285px;
        transform: translate3d(200px, 0, 0);
    }

    .timeline ul li:nth-child(odd) div.timeline-info {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        padding-bottom: 0;
    }

    .history-info {
        flex: 0 0 70%;
    }

    .history-year {
        flex: 0 0 70%;
    }

    /**/
    .certifications ul li {
        flex: 0 0 25%;
        margin-right: 0px;
    }

    .interevent-img h3 {
        margin-top: 25px;
        line-height: 35px;
    }

    .ent-info span {
        font-size: 15px;
    }

    .eventSlideInfo h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .all-event-info {
        min-height: 200px;
    }

    .main-catagorylist {
        margin-top: 0;
    }

    .interevent-img a {
        background: #375d98;
        margin-top: 30px;
    }

    .all-blog-info {
        min-height: 377px;
    }

    .career-last-list ul li {
        width: 100%;
        padding: 50px 10px;
        margin-bottom: 10px;
    }

    .suste-item ul li {
        background-color: #e1e1e1;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin: 0;
        width: 100%;
        position: relative;
        transition: all 0.3s;
        cursor: pointer;
        padding: 45px 10px;
        margin-bottom: 10px;
    }

    .pro-img img {
        width: auto;
    }

    .event-list ul {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .modal-specifcbox ul li {
        flex: 0 0 100%;
    }
    
    .modal-specifcbox ul li:last-child {
        flex: 0 0 100%;
        padding: 20px;
    }
    
    .event-list {
        width: 100%;
    }

    .para-margin-left {
        margin-left: 0;
    }

    .market-list ul li {
        flex: 0 0 30%;
    }

    .float-right {
        float: none;
    }

    .sidenav .accordion-button {
        font-size: 24px !important;
        padding: 20px 11px;
    }

    .dropdown-btn,
    .sidenav a {
        padding: 20px 11px;
        font-size: 24px;
    }

    .blog-list ul li {
        flex: 0 0 47%;
        position: relative;
        margin-bottom: 2%;
    }

    .interevent-img img {
        width: 100%;
    }

    .internal-background {
        position: absolute;
        background: #375d98;
        width: 100%;
        height: 56%;
        z-index: 0;
        bottom: 0;
        left: 0;
    }

    .infarastr-img-box img {
        border-radius: 9px;
        width: 100%;
        margin-bottom: 30px;
    }

    .inter-text-para h2 br {
        display: none;
    }

    .pro-Name {
        margin-left: 0;
        margin-top: 20px;
    }

    .selecter-place select {
        max-width: 55%;
    }

    .info-slider {
        padding: 20px 23px;
    }

    .info-slider .inter-text-para {
        padding-right: 0;
    }

    .suste-item ul li .fptext {
        padding: 90px 25px;
    }

    .suste-item.sec-in-house ul li .fplogo {
        padding: 0 0;
    }

    .fplogo img {
        width: 40px;
        height: 40px;
        margin-bottom: 20px;
    }

    .sec-emissions ul li {
        flex: 0 0 50%;
    }

    .space-top-bottom-50 {
        padding: 50px 0 50px;
    }

    .sec-capability .info-content {
        padding: 290px 0;
    }

    .product-catagary-list ul li {
        flex: 0 0 48%;
    }

    .bg-bottol {
        padding: 30px 20px;
    }

    .tethered-cap-list .fplogo h2 {
        bottom: 62px;
    }

    .tethered-cap-list ul li .fptext {
        padding: 105px 30px;
    }

    .tethered-cap-list ul li .fplogo {
        padding: 30px 30px;
    }

    .tecno-list ul li:before {
        font-size: 9px;
    }

    .tecno-list ul {
        margin-top: 20px;
    }

    .tecno-list ul li {
        width: 95%;
        margin-left: 15px;
        color: var(--bodyFontColor);
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 0;
        margin-bottom: 0;
    }

    .sec-innovation label {
        font-size: 18px;
        width: 30%;
        padding: 11px 15px;
    }

    .sec-innovation ul.gallery li {
        flex: 0 0 33%;
    }

    ul.matrix-hm.inner-matrix li {
        flex: 0 0 23%;
        text-align: center;
        margin-bottom: 35px;
    }

    .matrix-hm li img {
        max-width: 38px;
        height: 38px;
    }

    .matrix-hm li p {
        font-size: 28px;
        margin: 10px 0 0;
        line-height: 38px;
    }

    .matrix-hm li span {
        font-size: 16px;
    }

    .sec-hm-matrix {
        margin-top: 64px;
    }

    .hm-banner-video {
        overflow: hidden;
        height: auto;
    }

    .space-top-bottom {
        padding: 64px 0;
    }

    .subMenuList.othersSubmenu a {
        font-size: 24px;
        padding: 18px 12px;
    }

    .inner-banner-heading h1 {
        font-size: 40px;
    }

    .inter-text-para h2 {
        font-size: 40px;
        line-height: 58px;
        margin-bottom: 35px;
    }

    .inter-text-para h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 8px;
    }

    .matrix-hm li {
        margin-top: 25px;
        flex: 0 0 33%;
    }

    .matrix-hm li img {
        max-width: 48px;
        height: 48px;
    }

    .matrix-hm li p {
        font-size: 32px;
        margin: 10px 0 0;
        line-height: 42px;
    }

    .matrix-hm li span {
        font-size: 16px;
        line-height: 24px;
    }

    .matrix-hm {
        margin-top: 10px;
    }

    .info-content {
        padding: 290px 0;
    }

    .inter-text-para p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .btn-main {
        margin-top: 50px;
        text-align: center;
    }

    .btn-main-wht {
        margin-top: 50px;
        text-align: center;
    }

    .btn-main a {
        color: #fff;
        border: 1px solid #fff;
        font-size: 18px;
        line-height: 28px;
    }

    ul.all-quick-info li {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    ul.all-quick-info li .links-all {
        margin-top: 10px;
        border-bottom: 1px solid #b7b7b7;
    }

    ul.upper-ft {
        padding-bottom: 20px;
        padding-top: 20px;
        justify-content: center;
    }

    ul.upper-ft a {
        font-size: 16px;
        font-weight: 600;
        color: #111;
    }

    ul.all-quick-info {
        padding: 50px 0 0;
        display: none;
    }

    .socialIcons {
        justify-content: center;
        margin-top: 0;
        float: inherit;
    }

    .copyright-info ul {
        flex-direction: row;
        flex-wrap: wrap;
    }

    a.ft-other-link {
        display: none;
    }

    .copyright-info ul li:first-child a {
        border-right: 0;
    }

    .product-process {
        margin-top: 50px;
    }

    .product-process ul li {
        flex: 0 0 100%;
    }

    li.product-process-cont {
        padding: 0;
        padding-top: 20px;
    }

    .product-process ul:nth-child(2n) {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .packaging-inno {
        padding: 50px 50px;
    }

    .mission-box ul li,
    .vision-box ul li {
        flex: 0 0 100%;
    }

    .values-img {
        margin-top: 50px;
    }

    .mission-box,
    .vision-box {
        background: #f2f2f2;
        padding: 40px 50px;
        margin: 0 0;
    }

    .leadercnt .mteam {
        padding: 33px 20px;
    }

    .product-process ul {
        display: block;
    }

    .img-certi-about {
        padding: 28px;
        border: 1px solid #f2f2f2;
        margin: 0 4px;
        position: relative;
    }

    .others-part-intro li {
        flex: 0 0 47%;
        background: var(--themeColor);
        margin: 10px;
        padding: 30px;
    }

    .others-part-intro li:last-child {
        flex: 0 0 100%;
    }

    .all-policy ul {
        display: block;
    }

    .event-imgbox ul li {
        flex: 0 0 47%;
    }

    .eventpage-list ul li {
        flex: 0 0 100%;
        margin: 1%;
    }

    .all-eventpage-info {
        min-height: 275px;
    }

    .btn-main-eventpage {
        width: 100%;
        text-align: center;
    }

    .eventpageSlideInfo {
        height: auto;
    }

    .pressReleBox .inter-text-para h3 {
        min-height: 140px;
    }

    .info-slider {
        position: relative;
        top: 0;
        width: 100%;
        padding: 30px 20px;
    }

    .info-slider .inter-text-para {
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .otherBloglist {
        background: #f2f2f2;
        padding: 20px;
        margin-top: 49px;
        margin-left: 0;
    }
    .catagory-box p {
        font-size: 14px;
    }
    a.closebtn {
        right: 5px;
        top: -12px;
        width: 50px;
    }
    .contact-list ul li {
        flex: 0 0 100%;
    }
    ul.upper-ft li:nth-child(1){
        display: flex;
        align-items: center;
    }
    
    .recyclingSlider .swiper-pagination-bullet {
        background: #d7d1d1;
    }

    .pt-30.mobpt-30{
        padding-top: 60px;
    }
    
    .recyclingSlider .swiper-pagination-bullet-active {
        background: #143a72;
    }

    .recyclingSlider {
        padding-bottom: 50px;
    }
    
    .modal-specifcbox ul li {
        flex: 0 0 100%;
    }
    .modal-specifcbox ul li:last-child {
        flex: 0 0 100%;
        padding: 20px;
    }

    .companycard ul li .inter-text-para {
        min-height: auto;
        margin-bottom: 25px;
        flex: 0 0 100%;
    }
    .companycard ul li .btn-main {
        flex: 0 0 100%;
        float: left;
        width: 100%;
        margin: 0px 0 0;
        text-align: center;
    }
    .btn-help-us {
        text-align: center;
      }
    
   .companycard ul li {
        flex: 0 0 100%;
        margin: 0;
        margin-bottom: 20px;
        padding: 30px 20px;
    }

    .product-rpet ul li {
        flex: 0 0 100%;
        margin-bottom: 50px;
    }

    .inner-rped {
        padding: 20px 15px;
    }

    .clientele-list ul li {
        flex: 0 0 47%;
        margin: 1%;
    }

    img.pulse {
        width: 50px;
        left: 40%;
        top: 57%;
        z-index: 2;
    }
    .banner-cont.videotext {
        bottom: 50%;
    }

    .matrix-hm li {
        margin-bottom: 0px;
    }

    .timeline ul li:nth-child(odd) div .history-info {
        margin-right: 90px;
        margin-top: 20px;
    }

    .eventpageSlideInfo {
        height: auto;
    }

    .btn-main-eventpage {
        width: 100%;
        text-align: center;
    }

    .timeline ul li:nth-child(2n) div {
        left: 15px;
    }

    .timeline ul li:nth-child(2n) div .history-info {
        margin-left: 0px;
        margin-top: 25px;
    }

    .timeline ul li:nth-child(odd) div {
        left: -200px;
        transform: translate3d(200px, 0, 0);
    }

    .timeline ul li:nth-child(odd) div.history-year {
        left: -285px;
        transform: translate3d(200px, 0, 0);
    }

    .timeline ul li:nth-child(odd) div.timeline-info {
        flex-direction: row-reverse;
        flex-wrap: wrap;
        padding-bottom: 0;
    }

    .history-info {
        flex: 0 0 70%;
    }

    .history-year {
        flex: 0 0 70%;
    }

    /*  */
    .eventpage-list ul li {
        flex: 0 0 100%;
        margin: 1%;
        margin-bottom: 30px;
    }

    .details-event .inter-text-para h3 {
        line-height: 35px;
    }

    .event-imgbox ul li {
        flex: 0 0 100%;
    }

    .certifications ul li {
        flex: 0 0 30%;
    }

    .megpet-careear ul li:nth-last-child(1) {
        padding: 50px 20px;
    }

    .info-content-banner {
        padding: 149px 0;
    }

    .leader-list ul li {
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 20px;
        padding: 15px;
        margin-bottom: 0;
        margin-left: 0;
    }

    .btn-main-wht a {
        padding: 15px 30px;
        font-size: 15px;
    }

    .event-list {
        margin-bottom: 50px;
    }

    .inter-text-para label {
        font-size: 15px;
    }

    /*.interevent-img img {
        margin-top: 30px;
    }*/

    .eventContent {
        padding: 10px;
        min-height: 285px;
    }

    .event-list {
        width: 100%;
    }

    .internal-background {
        height: 54%;
        left: 0;
    }

    .btn-main {
        margin-top: 50px;
        text-align: center;
    }

    .btn-main-wht {
        margin-top: 50px;
        text-align: center;
    }

    .all-blog-info {
        padding: 35px 20px;
        min-height: auto;
    }

    .blog-list ul li {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    .infarastr-img-box img {
        border-radius: 9px;
        margin-bottom: 30px;
    }

    .catagory-box {
       padding: 20px 0px;
        margin-bottom: 15px;
    }

    .main-catagorylist ul {
        justify-content: space-between;
    }

    .main-catagorylist ul li {
        flex: 0 0 48%;
        margin: 0;
    }

    .packaging-inno {
        padding: 45px 15px;
        border-radius: 7px;
        margin-bottom: 15px;
    }

    .p-90 {
        padding: 48px 0;
    }

    .main-products-list ul li {
        flex: 0 0 100%;
        height: auto;
        position: relative;
        overflow: hidden;
        background: #f8fbff;
        margin: 10px 0 0;
        padding: 14px;
        min-height: 190px;
    }

    .career-last-list ul li .fplogo h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .selecter-place select {
        max-width: 50%;
    }

    .fplogo h2 {
        margin-bottom: 16px;
        margin-top: 10px;
    }

    .info-slider {
        padding: 45px 60px;
    }

    .matrix-apprent li {
        flex: 0 0 46%;
        text-align: center;
        padding: 0 5px 20px;
    }

    .mt-100 {
        margin-top: 50px;
    }

    .sec-capability .info-content {
        padding: 165px 0;
    }

    h3.paragraph-bold {
        text-align: center;
    }

    .product-catagary-list ul li {
        flex: 0 0 48%;
    }

    .bg-bottol {
        padding: 50px 35px;
    }

    .student-testimony ul li {
        flex: 0 0 100%;
    }

    .space-top-bottom-50 {
        padding: 50px 0 50px;
    }

    .inner-case-study.suste-item ul li .fptext {
        padding: 55px 25px;
    }

    .fplogo img {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
    }

    .training-programmes .fplogo h2 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .fptext h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .tethered-cap-list ul li .fptext {
        padding: 75px 15px;
    }

    .tethered-cap-list .fplogo h2 {
        font-family: var(--headingFont);
        font-size: 20px;
        line-height: 30px;
        bottom: 28px;
    }

    .tethered-cap-list ul li .fplogo {
        padding: 20px 10px;
    }

    .product-case-study {
        padding: 50px 0;
        padding-top: 0;
    }

    .tecno-list ul li:before {
        font-size: 7px;
    }

    .tecno-list ul {
        margin-top: 20px;
    }

    .tecno-list ul li {
        width: 95%;
        margin-left: 15px;
        color: var(--bodyFontColor);
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0;
        margin-bottom: 10px;
    }

    .sec-innovation ul.gallery li {
        flex: 0 0 50%;
    }

    .sec-innovation label {
        font-size: 16px;
        width: 46%;
        padding: 10px 15px;
        margin: 5px;
    }

    .inner-banner .info-content {
        padding: 170px 0;
    }

    ul.matrix-hm.inner-matrix li {
        flex: 0 0 100%;
        margin: 0;
        border-bottom: 1px solid #e1e0e0;
        padding: 34px 0;
    }
    ul.matrix-hm.inner-matrix.in-house-prod-mtrx li {
        flex: 0 0 100%;
    }
    .product-process {
        margin-top: 50px;
    }

    .product-process ul li {
        flex: 0 0 100%;
    }

    li.product-process-cont {
        padding: 0;
        padding-top: 20px;
    }

    .product-process ul:nth-child(2n) {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .sec-hm-matrix {
        margin-top: 48px;
    }

    .hm-banner-video {
        overflow: hidden;
        height: auto;
    }

    .space-top-bottom {
        padding: 48px 0;
    }

    .subMenuList.othersSubmenu a {
        font-size: 16px;
    }

    .inner-banner-heading h1 {
        font-size: 40px;
    }

    .para-margin-left {
        margin-left: 0;
    }

    .inter-text-para h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .inter-text-para h3 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .matrix-hm li {
        flex: 0 0 100%;
        text-align: center;
        border-bottom: 1px solid #eee;
        padding: 20px 0;
    }

    .main-catagorylist ul li:nth-child(3n-1) {
        margin-top: 0;
    }

    .event-list ul li {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .matrix-hm li p {
        font-size: 34px;
        margin: 10px 0 10px;
        line-height: 40px;
    }

    .matrix-hm li span {
        font-size: 18px;
        line-height: 24px;
    }

    .matrix-hm {
        margin-top: 0;
    }

    .info-content {
        padding: 84px 0;
    }

    .inter-text-para p,
    .sec-job-role ul li {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .float-right {
        float: none;
    }

    ul.all-quick-info li {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    ul.all-quick-info li .links-all {
        margin-top: 10px;
        border-bottom: 1px solid #b7b7b7;
    }

    ul.upper-ft {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    ul.all-quick-info {
        padding: 50px 0 0;
        display: none;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: 100%;
    }

    .inter-text-para h2 br {
        display: none;
    }

    .banner-cont {
        bottom: 30%;
        z-index: 2;
    }
    
    /*.hmbannerSlider .swiper-slide::after {
        content: '';
        position: absolute;
        background-image: linear-gradient(to top, #f8fbff87 0, #878ba500);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }*/

    
     .banner-cont .btn-main-wht {
        float: none;
    }
    
    .slider-title {
        font-size: 32px;
        line-height: 42px;
        width: 100%;
    }

    .slider-text {
        margin: 25px 0;
    }

    .bannerPage .swiper-pagination {
        bottom: 15px;
    }

    .slider-btn,
    .btn-read-more.btn-white a,
    .btn-read-more.btn-red a,
    .product-card .btn-read-more span {
        padding: 10px 20px;
        font-size: 13px;
    }

    .slider-btn img,
    .btn-read-more.btn-white a img,
    .btn-read-more.btn-red a img,
    .product-card .btn-read-more span img {
        padding: 5px;
    }

    .hm-position-sec {
        padding-right: 0;
    }

    .hm-matrix-cont ul li {
        padding: 15px 9px;
    }

    .hm-matrix-cont ul li .title {
        font-size: 34px;
    }

    .hm-matrix-cont ul li sup {
        font-size: 13px;
    }

    .sec-about-vdo .sec-hm-position {
        padding-right: 0;
    }

    .facility-list ul li {
        flex: 0 0 100%;
    }

    .main-prod-img:after {
        content: "";
        background-image: linear-gradient(#fff0, #000000);
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .mainProdct-mobinfo {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        background-color: #00000080;
        float: left;
        height: 100%;
        width: 100%;
        padding: 20px 14px;
        margin-top: -3px;
        -webkit-backdrop-filter: blur(35px);
        backdrop-filter: blur(4px);
    }

    .mainProdct-mobinfo .menu-prod-list {
        padding: 18px 10px;
    }

    .mainProdct-mobinfo .menu-prod-list ul li {
        flex: 0 0 50%;
        padding: 0 10px;
    }

    .mainProdct-mobinfo .menu-prod-list ul li a {
        color: #fff;
        font-size: 13px;
        padding: 2px;
        padding-left: 1px;
    }

    .mainProdct-mobinfo .menu-prod-list ul li h3 a {
        color: var(--themeColor);
        font-size: 22px;
        font-family: var(--headingFont);
        border-left: 0;
        position: relative;
        margin-bottom: 0;
    }

    .mainProdct-mobinfo .menu-prod-list ul li h3 a:before {
        display: none;
    }

    .mainProdct-mobinfo .menu-prod-list ul li {
        margin-top: 20px;
    }

    .mainProdct-mobinfo .menu-prod-list-sub a {
        padding: 10px 0 !important;
        border-bottom: 0;
    }

    .hm-sec-product-list .menu-prod-list h4 {
        color: #fff;
        text-transform: uppercase;
        font-family: var(--headingFont);
        padding-left: 11px;
        font-size: 24px;
        float: left;
        margin-left: 10px;
        border-left: 6px solid red;
    }

    .hm-sec-product-list .menu-prod-list ul {
        float: left;
        width: 100%;
    }

    .hm-sec-product-list .container-product-list {
        display: flex;
        margin-bottom: 80px;
    }

    .mainProdct-mobinfo .menu-prod-list ul li {
        flex: 0 0 100%;
        padding: 0 10px;
    }

    .mainProdct-mobinfo .menu-prod-list .menu-prod-list-sub a {
        float: left;
        width: 50%;
    }

    .hm-sec-product-list {
        padding-bottom: 70px;
    }

    .productSlider .swiper-pagination-bullet {
        opacity: 1;
        background: #fff;
        height: 8px;
        width: 8px;
    }

    .productSlider .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
        height: 20px;
        width: 20px;
        border: 5px solid var(--themeColor);
    }

    .productSlider .swiper-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 10px;
    }

    .evnt-pad-left {
        padding-left: 0;
    }

    .evnt-pad-right,
    .evnt-pad-left {
        padding-right: 0;
        padding-right: calc(var(--bs-gutter-x) / 2);
        padding-left: calc(var(--bs-gutter-x) / 2);
    }

    .evnt-pad-left {
        background: #606060;
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 60px;
    }

    .eventList ul li {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .sec-event-blogs::before {
        width: 100%;
    }

    .sec-event-blogs::after {
        display: none;
    }

    .sec-careers .sec-hm-position {
        padding-right: 0;
    }

    .sec-careers h3 {
        font-size: 22px;
    }

    .career-sub-hgt {
        min-height: auto;
        margin-bottom: 50px;
    }

    .sec-careers .btn-read-more {
        text-align: center;
    }

    .careers-job-list-hm {
        padding-left: 0;
        border-left: 0;
        margin-top: 75px;
    }

    .main-ft-info {
        padding-right: 0;
    }

    .all-quick-links {
        display: none;
    }

    .socialIcons {
        justify-content: center;
        margin-top: 0;
        float: inherit;
    }

    .copyright-info ul {
        flex-direction: row;
        flex-wrap: wrap;
    }

    a.ft-other-link {
        display: none;
    }

    .copyright-info ul li:first-child a {
        border-right: 0;
    }

    .inner-banner-heading {
        top: 35%;
        width: 100%;
        text-align: center;
        left: 0;
    }

    .contact-form ul li:first-child {
        flex: 0 0 100%;
    }

    .contact-form ul li:last-child {
        flex: 0 0 100%;
        border-left: 1px solid #c4c4c4;
        margin-top: 50px;
        padding: 40px 20px;
    }

    .sub-branch-office ul li {
        flex: 0 0 100%;
        background: #fff;
        padding: 25px 30px;
        box-shadow: 1px 3px 2px 1px #00000017;
        margin-bottom: 25px;
    }

    .sec-lifeat .sec-hm-position,
    .careers-equal {
        padding-right: 0;
    }

    .careers-campus {
        padding-left: 0;
    }

    .empBeniftsSlider ul li:last-child {
        padding: 30px;
    }

    .empBeniftsSlider ul li {
        flex: 0 0 100%;
    }

    .careers-equal .inter-text-para p,
    .careers-campus .inter-text-para p {
        margin-top: 30px;
    }

    .lifeGallerySlider .swiper-wrapper,
    .empTestiSlider .swiper-wrapper {
        padding-bottom: 50px;
    }

    .lifeGallerySlider .swiper-pagination-bullet,
    .empTestiSlider .swiper-pagination-bullet {
        opacity: 1;
        background: #c7c4c4;
        height: 8px;
        width: 8px;
    }

    .lifeGallerySlider .swiper-pagination-bullet-active,
    .empTestiSlider .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
        height: 20px;
        width: 20px;
        border: 5px solid var(--themeColor);
    }

    .lifeGallerySlider .swiper-pagination,
    .empTestiSlider .swiper-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .empTestiSlider ul li:first-child {
        flex: 0 0 100%;
    }

    .empTestiSlider ul li:last-child {
        padding: 30px 10px;
        flex: 0 0 100%;
    }

    .current-opens-list ul li {
        flex: 0 0 100%;
        margin-bottom: 50px;
    }

    .img-careers-cv {
        display: none;
    }

    .allupcom-events li {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .up-com-evntinfo.past-info {
        margin-bottom: 40px;
    }

    .pl-0 {
        padding-left: calc(var(--bs-gutter-x) / 2);
    }

    .pr-0 {
        padding-right: calc(var(--bs-gutter-x) / 2);
    }

    .csr-evntinfo {
        padding: 25px;
    }

    .about-pg-matrix .hm-matrix-cont ul li {
        flex: 0 0 45%;
    }

    .about-pg-matrix .hm-matrix-cont ul li:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid #d9d9d9;
    }

    .about-pg-matrix .hm-matrix-cont ul li:nth-child(3) {
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
    }

    .about-pg-matrix .hm-matrix-cont ul li:nth-child(4) {
        border-right: 0;
        border-bottom: 1px solid #d9d9d9;
    }

    .sec-mission-vision ul {
        margin-bottom: 35px;
    }

    .sec-mission-vision ul li {
        flex: 0 0 100%;
    }

    .sec-mission-vision ul li img {
        width: 100%;
    }

    .sec-mission-vision ul li img.icon-img {
        width: 50px;
        margin-bottom: 10px;
    }

    .sec-coreValues ul li {
        width: 100%;
        margin-bottom: 10%;
    }

    .about-others ul li {
        flex: 0 0 100%;
        margin-bottom: 50px;
    }

    .sec-leader::after {
        top: 55%;
    }

    .leader-info h3 {
        font-size: 32px;
        padding: 35px 0 50px;
        font-family: var(--headingFont);
        padding-left: 0;
        text-align: center;
        background: var(--themeColor);
    }

    .sec-leader::after {
        display: none;
    }

    .leader-quote p {
        font-size: 20px;
        line-height: 35px;
    }

    .sec-leader::after {
        height: 105px;
        width: 100%;
        top: 50%;
    }

    .about-others-info .facility-list ul li {
        flex: 0 0 100%;
        margin-bottom: 35px;
    }

    .leader-quote {
        margin-top: 35px;
    }

    .main-leader {
        margin-bottom: 80px;
    }

    .lead-sec ul {
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
    }

    .sec-hm-leaders .lead-sec ul {
        flex-direction: row;
        flex-wrap: wrap;
    }

    li.others-leader-sec {
        padding-left: 0;
    }

    .sec-leaders.sec-hm-leaders {
        background: #f2f2f2;
    }

    .sec-leader-hight {
        min-height: auto;
    }

    li.others-leader-sec {
        margin-top: 80px;
    }

    .lead-sec ul li:first-child {
        padding-right: 0;
    }

    .lead-sec ul li {
        flex: 0 0 100%;
    }

    .lead-sec ul li:first-child {
        padding-right: 0;
        margin-top: 30px;
    }

    .certification-info ul li,
    .awards-info ul li {
        flex: 0 0 48%;
        margin-bottom: 20px;
    }

    .all-leader ul li:first-child {
        flex: 0 0 100%;
    }

    .all-leader ul li:last-child {
        flex: 0 0 100%;
        position: relative;
        overflow: hidden;
    }

    .all-leader ul:nth-child(odd) li:last-child::after,
    .all-leader ul:nth-child(even) li:last-child::after {
        right: -35px;
        left: auto;
        top: -36px;
    }

    .lead-info {
        padding: 30px;
    }

    .all-leader ul:nth-child(even) {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .all-group-comp ul li:last-child {
        flex: 0 0 100%;
        padding: 20px;
    }

    .all-group-comp ul li:first-child {
        flex: 0 0 100%;
    }

    .all-group-comp ul:nth-child(even) {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .csr-all-info ul li:first-child {
        width: 100%;
    }

    .csr-all-info ul li:last-child {
        width: 100%;
    }

    .csr-all-info ul:nth-child(even) {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .csr-all-info ul {
        margin-bottom: 35px;
    }

    .sec-quality ul li {
        flex: 0 0 100%;
    }

    .sec-quality ul:nth-child(even) {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sec-quality ul {
        margin-bottom: 35px;
    }

    .sec-quality ul li:last-child {
        padding: 40px 20px;
    }

    .why-choose-info ul li {
        width: 100%;
        margin-bottom: 25px;
    }

    .product-card .bottom-overlay {
        top: 0;
        padding: 20px;
        padding-top: 46px;
    }

    .before-hover h3,
    .before-hover::before {
        display: none;
    }

    .product-card .bottom-overlay p.description {
        margin: 23px 0 30px;
    }

    .product-card .bottom-overlay h3.title {
        font-size: 30px;
    }

    .btn-blog {
        margin-top: 35px;
    }

    img.prodt-img-query {
        display: none;
    }

    .sec-indust-details .facility-list ul li {
        flex: 0 0 100%;
    }

    .sec-inner-machinery .product-card .bottom-overlay p.description {
        margin: 17px 0 20px;
    }

    .modal-specifc ul li {
        flex: 0 0 100%;
    }

    .modal-specifc ul li:last-child {
        padding: 30px 10px;
    }

    .sec-product-main img.pop-close {
        width: 40px;
        right: -10px;
        top: -10px;
    }

    .product-range ul li {
        flex: 0 0 48%;
        margin-bottom: 20px;
    }

    .prodctRangeInfo li:first-child {
        flex: 0 0 100%;
    }

    .prodctRangeInfo li:last-child {
        flex: 0 0 100%;
        border: 0;
        padding: 15px;
    }

    .prodctRangeSlider .swiper-wrapper {
        padding-bottom: 150px;
    }

    .prodctRangeSlider .swiper-button-next {
        left: 55%;
        right: auto;
        top: 92%;
    }

    .prodctRangeSlider .swiper-button-prev {
        left: 35%;
        right: auto;
        top: 92%;
    }

    .why-choose-info ul li {
        flex: 0 0 100%;
    }

    .why-choose-info {
        padding-right: 0;
        margin-bottom: 80px;
    }

    .mob-specification {
        margin-top: 40px;
    }

    .mob-specification .accordion-flush .accordion-item .accordion-button {
        font-family: var(--headingFont);
        font-weight: 500;
    }

    .mob-specification .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: var(--themeColor);
        box-shadow: none;
    }

    .mob-specification .accordion-button:not(.collapsed)::after {
        background-image: url(../images/down-arrow.png);
    }

    .mob-specification .accordion-button:focus {
        border-color: #fff0;
        box-shadow: none;
    }

    .mob-specification .accordion-body {
        padding: 10px;
    }

    .allSpecifications-list {
        padding-left: 0;
    }

    .market-list ul li {
        flex: 0 0 44%;
        text-align: center;
        margin-bottom: 20px;
    }

    .market-list ul li a {
        padding: 30px 10px;
    }

    ul.upper-ft {
        justify-content: center;
    }

    .info-content {
        position: relative;
    }

    .innovations-list ul li {
        flex: 0 0 100%;
    }

    .innovations-list .prod-ucts {
        position: relative;
        top: 0;
        width: 100%;
        padding: 35px 0;
        margin-bottom: 25px;
        height: 100%;
    }

    .innovations-list .innovations-overlay {
        background: #fff0;
    }

    .innovations-list .inter-text-para label {
        color: var(--headingFontColor);
    }

    .innovations-list .inter-text-para h2 {
        color: var(--bodyFontColor);
    }

    .innovations-list ul li .inter-text-para {
        width: 100%;
    }

    .sec-absolute-content.innovations-list::before {
        background: #fff0;
    }

    .sec-absolute-content.innovations-list .info-content {
        padding: 35px 0;
    }

    .innovations-list .inter-text-para p {
        color: var(--bodyFontColor);
    }

    .btn-next-page a {
        font-size: 15px;
    }

    .btn-next-page {
        text-align: center;
    }

    .mission-box ul li {
        flex: 0 0 100%;
    }

    .vision-box ul li {
        flex: 0 0 100%;
    }

    ul.core-value-box li {
        flex: 0 0 100%;
        margin-bottom: 25px;
        padding: 20px;
    }

    .inter-text-para h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 22px;
    }

    .event-imgbox ul li {
        flex: 0 0 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .all-policy ul li {
        flex: 0 0 100%;
    }

    .product-process ul li:first-child,
    .product-process ul li:last-child {
        flex: 0 0 100%;
    }

    .sust-box li {
        flex: 0 0 48%;
        margin-bottom: 18px;
    }

    .img-certi-about,
    .hm-certificate .img-certi-about {
        padding: 20px;
        margin: 14px 0px;
    }

    .mission-box,
    .vision-box {
        background: #f2f2f2;
        padding: 40px 15px;
        margin: 0 0;
        text-align: center;
    }

    .sec-values .inter-text-para {
        padding: 0 15px;
        text-align: center;
        margin-bottom: 50px;
    }

    .img-management {
        margin-top: 30px;
    }

    ul.machine-capa li:first-child,
    ul.machine-capa li:last-child {
        flex: 0 0 100%;
    }

    .others-part-intro li {
        flex: 0 0 100%;
    }

    .info-slider {
        position: relative;
        top: 0;
        width: 100%;
        padding: 30px 20px;
        background: #143a72;
    }

    .info-slider .inter-text-para {
        padding-right: 0;
    }

    .history-year label {
        font-size: 30px;
    }

    .metapet-logo {
        width: 55%;
    }
    ul.upper-ft li:nth-child(1) a {
        margin-right: 10px;
    }
    .leader-list ul li i {
        bottom: 44px;
        float: right;
        font-size: 30px;
        position: absolute;
        right: 35px;
        color: var(--themeColor);
    }

    .hmbannerSlider {
        padding-bottom: 45px;
        background: #daebff;
    }
    .newProductTable {
        overflow-x: scroll;
        /* overflow-y: scroll; */
    }

    .newProductTable table td, 
    .newProductTable table th{
        white-space: nowrap;
    }

    .style-7::-webkit-scrollbar-track{
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
        border-radius: 10px;
    }

    .style-7::-webkit-scrollbar{
        height: 10px;
    }

    .style-7::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        background-image: -webkit-gradient(linear,
                                        left bottom,
                                        left top,
                                        color-stop(0.44, rgb(20 58 114)),
                                        color-stop(0.72, rgb(73,125,189)),
                                        color-stop(0.86, rgb(28,58,148)));
    }
}

@media screen and (min-width: 350px) and (max-width: 400px){
    .catagory-box p {
        font-size: 13px;
    }
}