@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Oswald:wght@200..700&display=swap);

.headerBottomSection,
.dfbe76headerFollowArea a,
.siteBtn {
    transition: .5s ease-in-out
}

.bannerHeading,
.date-format,
.foodIndustryLabel,
.footerHeading,
.homeAboutLeft li span,
.homeNewsDate,
.outTeamName,
.pageMainHeading,
.technologyAmbition {
    font-family: Oswald, sans-serif
}

.bannerHeading,
.footerHeading,
.footerLabel,
.footerSectionHeading,
.hmsInner,
.homeNewsDate,
.homeNewsHEading,
.homeNewsMore,
.outTeamDesignation,
.outTeamName,
.pageMainHeading,
.siteBtn,
.strengthRightHeading,
.technologyAmbition,
ul.menu-wrapper li a {
    text-transform: uppercase
}

.foodIndustryImg,
.homeHeroBanner,
.homeMidSlid,
.homeNewsImg a,
.outTeamImg,
.shiImage {
    overflow: hidden
}

body {
    padding: 0;
    margin: 0;
    font-family: Karla, sans-serif;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    background-color: #fff;
    overflow-x: hidden
}

@media screen and (min-resolution:105dpi) {
    body {
        zoom: 0.9
    }
}

@media screen and (min-resolution:120dpi) {
    body {
        zoom: 0.8
    }
}

@media screen and (min-resolution:140dpi) {
    body {
        zoom: 0.7
    }
}

@media screen and (min-resolution:150dpi) {
    body {
        zoom: 0.5
    }
}

* {
    box-sizing: border-box
}

img {
    transition: .5s;
    max-width: 100%;
    height: auto
}

p {
    margin-bottom: 25px
}

p:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.container {
    max-width: 1310px;
    width: 100%
}

.containerBig {
    max-width: 1730px
}

.siteBtn {
    font-size: 20px;
    border-radius: 0;
    text-decoration: none;
    padding: 12px 25px 11px;
    border: 1px solid transparent;
    display: inline-block;
    letter-spacing: 1.6px
}

.btnPrimary {
    color: #fff;
    background: #000
}

.btnPrimary:hover,
.btnSecondary,
.footerCtaBnt .siteBtn:hover {
    background: #bfa161
}

.btnSecondary {
    color: #fff
}

.btnSecondary:hover {
    background: #bfa161
}

.btnTransparent {
    color: #fff;
    background: 0 0;
    border-color: #fff
}

.btnTransparent:hover,
.footerCtaBnt .siteBtn.footerDbBtn:hover {
    background: #000;
    border-color: #000
}

.footerCtaBnt .siteBtn:hover {
    border: 1px solid #fff;
}

.clear {
    clear: both
}

.bodyNoScroll {
    overflow-y: hidden
}

.foodIndustryImg img:hover,
.homeMidSlid img:hover,
.homeNewsImg img:hover,
.homeTestimonialArea img:hover,
.outTeamImg img:hover,
.shiImage img:hover,
.strengthImgArea img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.headerWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.headerTopSection {
    width: 100%;
    background: #bfa161;
    margin: 0;
    padding: 3px 0
}

.headerMailWrap,
.headerMailWrap a {
    font-size: 15px;
    color: #fff;
    font-weight: 200
}

.homeNewsHEading a,
.qustionBottom a,
ul.menu-wrapper li a {
    color: #000;
    text-decoration: none
}

.qustionBottom path {
    fill: #bfa161;
}

.headerMailWrap {
    height: 100%;
    display: flex;
    align-items: center
}

.headerMailWrap a {
    text-decoration: none;
    font-weight: 500
}

.headerFollowArea {
    color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.headerFollowArea span {
    width: 50px;
    height: 1px;
    background-color: #dfbe76;
    display: inline-block;
    margin: 0 10px 0 20px
}

.headerFollowArea a {
    height: 35px;
    width: 35px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%
}

.headerFollowArea a:hover {
    background: #000
}

.headerBottomSection {
    width: 100%;
    padding: 30px 0;
    background: #fff
}

.headerRightWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: flex-end
}

.headerContectWrap {
    width: 410px;
    display: flex
}

.siteMainMenu {
    padding: 16px 100px 0 0
}

.headerContectWrap .siteBtn {
    letter-spacing: inherit;
    width: 200px;
    height: 60px;
    padding: 0;
    justify-content: center;
    display: flex;
    align-items: center
}

.qustionWrap {
    width: calc(100% - 200px)
}

.bannerBtn,
.bannerHeading,
.bannerQuats,
.bannerText,
.contactFormWrapp,
.contactInfo,
.contactInfoHeading,
.contactInfoLine,
.contactInfoWrapp,
.contectMapWrapper,
.foodIndustryBtn,
.foodIndustryContent,
.foodIndustryImg,
.foodIndustryLabel,
.footerContactInfo,
.footerContactRow,
.footerContent,
.footerCtaBnt,
.footerHeading,
.footerMenuWrapper ul,
.footerSectionHeading,
.gmInfoHeading,
.gmInfoRow,
.gmInfoRow li,
.gmInfoRow li span,
.gmInfoRow li strong,
.gmInfoRow ul,
.gmTopContent,
.homeAboutLogoHeading,
.homeAboutLogoWrapper,
.homeAboutRightCont,
.homeMidSliderRow,
.homeNewsCol,
.homeNewsContent,
.homeNewsHEading,
.homeNewsImg,
.homeNewsMore,
.homeTestimonialArea,
.htContent,
.htName,
.htQuatsIcon,
.infrastructureImgRow,
.infrastructureTextRow,
.innerCtaWrapper .qustionWrap,
.newsDetailArea,
.newsDetailContent,
.newsListingArea,
.outTeamBtn,
.outTeamContant,
.outTeamDesignation,
.outTeamImg,
.outTeamName,
.pageMainHeading,
.pdBottomContent,
.pdBottomHeading,
.pdBottomIconRow,
.pdBottomRow,
.pdTopContent,
.pdTopInfo,
.qustionBottom,
.qustionTop,
.strengthRightCont,
.strengthRightHeading,
.strengthRightTopCont,
.superiorContent,
.technolgySecondRow,
.technolgySecondRow .shiImage {
    width: 100%
}

.qustionTop {
    font-size: 15px;
    font-weight: 500
}

.qustionBottom {
    font-size: 20px;
    font-weight: 600
}

ul.menu-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    justify-content: flex-end
}

ul.menu-wrapper li {
    list-style: none;
    margin: 0 5px;
    padding: 0 0 0 25px;
    font-size: 20px;
    font-weight: 500
}

ul.menu-wrapper li:first-child {
    padding-left: 0 !important
}

ul.menu-wrapper li a {
    font-size: 18px;
    margin: 0;
    padding: 0 0 23px;
    display: block
}

.homeAboutLeft .footerLabel,
.homeNewsMore a:hover,
.shiLabel,
ul.menu-wrapper li a:hover,
ul.menu-wrapper li.current-menu-item a,
ul.menu-wrapper li.openMainNav a {
    color: #000
}

.custom-logo-link {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 100%
}

.headerContectNumberMobile,
.menuOverlay,
.moQustionWrap,
.mobileMenuCross,
.mobileMenuCtaBtn,
.slick-next:before,
.slick-prev:before,
ul.menu-wrapper li .sub-menu-toggle {
    display: none
}

ul.menu-wrapper li ul.sub-menu {
    z-index: 999;
    position: absolute;
    width: 225px;
    max-width: none;
    padding: 0 20px 10px;
    border: 0;
    background: #bfa161;
    border-radius: 0;
    opacity: 0;
    transform: translate(0, 10px);
    transition: opacity .2s ease-in, transform .2s ease-in, visibility .2s ease-in;
    display: block;
    visibility: hidden;
    pointer-events: auto
}

ul.menu-wrapper li.openMainNav ul.sub-menu {
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible
}

ul.menu-wrapper li ul.sub-menu li {
    margin: 17px 0;
    font-weight: 400;
    padding: 0
}

ul.menu-wrapper li ul.sub-menu li a {
    color: #fff;
    padding: 0 !important;
    position: relative
}

ul.menu-wrapper li ul.sub-menu li a:after {
    content: '';
    height: 2px;
    background: #bfa161;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out
}

ul.menu-wrapper li ul.sub-menu li a:hover:after {
    background: #fff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.headerBottomSection.headerFixed {
    position: fixed;
    padding: 20px 0;
    top: 0;
    left: 0;
    z-index: 10;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .08)
}

.headerBottomSection.headerFixed .custom-logo-link {
    width: 125px;
    transition: .5s ease-in-out
}

.headerBottomSection.headerFixed .headerContectWrap .siteBtn {
    height: 50px
}

.headerBottomSection.headerFixed ul.menu-wrapper li a {
    padding-bottom: 10px
}

ul.menu-wrapper li ul.sub-menu li.current-menu-item a:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background: #fff
}

.footerArea,
.footerBottomRow,
.footerInfoRow,
.footerTopArea {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.footerArea {
    background-color: #bfa161;
    position: relative;
    color: #fff
}

.footerArea a,
.innerCtaWrapper a {
    color: #fff
}

.footerArea:after {
    background: url("assets/images/footer-background-image.png") no-repeat;
    width: 506px;
    height: 544px;
    position: absolute;
    top: 35px;
    right: 50px;
    content: ''
}

.footerArea .container,
.homeBottomWrapper .container,
.innerCtaWrapper .container {
    position: relative;
    z-index: 1
}

.footerTopArea {
    justify-content: space-between;
    padding-top: 55px;
    padding-bottom: 100px
}

.footerTopLeftArea {
    width: 65%;
    padding-left: 65px;
    position: relative
}

.footerContent {
    max-width: 575px;
    padding-top: 15px
}

.footerHeading {
    font-size: 55px;
    line-height: 1.1;
    font-weight: 500
}

.footerInfoRow {
    padding-top: 30px;
    justify-content: space-between
}

.footerContactWrapper,
.gmInfoRow.facility ul:first-child {
    width: 60%
}

.footerMenuWrapper {
    width: 30%
}

.footerContactRow {
    padding-bottom: 11px
}

.footerSectionHeading {
    font-size: 16px;
    color: rgba(255, 255, 255, .6)
}

.footerContactInfo {
    font-weight: 300
}

.footerContactInfo a,
.footerMenuWrapper ul li a {
    text-decoration: none;
    font-weight: 300
}

.breadcrumbsRow a:hover,
.contactInfo a:hover,
.footerContactInfo a:hover,
.footerMenuWrapper ul li a:hover {
    text-decoration: underline
}

.footerMenuWrapper ul {
    margin: 0;
    padding: 10px 0 0;
    list-style: none
}

.footerMenuWrapper ul li {
    padding-bottom: 4px
}

.footerLabel {
    position: absolute;
    top: 45px;
    left: -45px;
    letter-spacing: 2.48px;
    transform: matrix(0, -1, 1, 0, 0, 0);
    font-weight: 500;
    z-index: 1
}

.footerTopRightArea {
    width: 30%;
    padding-top: 20px
}

.footerFollowArea {
    color: #fff;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding-top: 100px
}

.footerFollowArea .footerSectionHeading {
    width: auto
}

.footerFollowArea span {
    width: 90px;
    height: 2px;
    background-color: rgba(255, 255, 255, .6);
    display: inline-block;
    margin: 0 10px 0 20px
}

.footerFollowArea a {
    margin: 0 12px
}

.footerTopRightArea .qustionTop {
    font-size: 18px;
    font-weight: 400;
    padding: 0 15px 5px 0
}

.footerTopRightArea .qustionBottom {
    font-size: 26px;
    width: 100%;
    text-align: right
}

.footerCtaBnt {
    display: flex;
    justify-content: flex-end;
    padding-top: 50px;
    flex-wrap: wrap
}

.footerCtaBnt .siteBtn {
    background: #000;
    font-size: 18px;
    letter-spacing: normal;
    font-weight: 400;
    width: 310px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.footerTopRightArea .qustionWrap {
    width: 100%;
    text-align: right
}

.footerBottomArea {
    background: #000;
    padding: 17px 0 15px;
    width: 100%
}

.footerBottomLeft,
.footerBottomRight {
    width: 50%;
    font-weight: 300
}

.footerBottomRight {
    text-align: right
}

.ctaBtnLine .siteBtn,
.heroBannerSlider.slick-initialized .slick-slide,
.shiImage,
.wpcf7 form .wpcf7-response-output {
    text-align: center
}

.footerFollowArea a svg {
    transition: .5s ease-in-out
}

.footerFollowArea a:hover svg path {
    fill: #000
}

.footerCtaBnt .siteBtn.footerDbBtn {
    background: 0 0;
    border-color: #fff;
    margin-top: 12px;
    height: 50px
}

.heroBanner {
    width: 100%;
    margin: 0 0 85px;
    padding: 0;
    position: relative
}

.heroDecoration {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.heroBannerContentWrap,
.innerBannerContentWrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 2
}

.bannerBtn,
.bannerText,
.otLbRow .outTeamName {
    padding-top: 25px
}

.bannerHeading {
    font-size: 67px;
    line-height: 1.25;
    color: #fff
}

.bannerText {
    max-width: 600px;
    font-size: 20px;
    text-shadow: 0 3px 6px #00000073
}

.bannerText mark {
    background: #000;
    color: #fff;
    padding-left: 0
}

.bannerBtn .siteBtn {
    padding: 15px 29px
}

.bannerHeading span {
    background: #000;
    padding: 0 10px
}

.ctaBtnLine button.siteBtn.btnPrimary {
    background: #bfa161;
    border: 1px solid transparent;
}

.ctaBtnLine button.siteBtn.btnPrimary:hover {
    background: transparent;
    border: 1px solid #bfa161;
}

.homeHeroInnerArea .bannerHeading span {
    background: #000;
    padding: 0 10px
}

.heroBannerSlider .slick-slide img {
    display: inline-block
}

.heroDecorationInner1 {
    height: 50px;
    width: 320px;
    background-color: #fff;
    position: relative
}

.heroDecorationInner2 {
    height: 50px;
    width: 40px;
    top: -50px;
    left: 0;
    background: #fff;
    position: absolute
}

.heroDecorationInner3 {
    height: 35px;
    width: 40px;
    top: -35px;
    left: 40px;
    background: #fff;
    position: absolute
}

.foodIndustryImg,
.gaaRightArea,
.homeAboutLeft,
.homeMidSlid,
.homeNewsCol,
.homeNewsImg {
    position: relative
}

.homeAboutLeft,
.homeAboutLeft li,
.homeAboutLeft li span,
.homeAboutLeft ul {
    width: 100%;
    margin: 0;
    padding: 0
}

.homeAboutLeft {
    max-width: 230px;
    padding-left: 75px
}

.homeAboutLeft li {
    list-style: none;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 35px;
    line-height: 1.4
}

.homeAboutLeft li:last-child {
    padding-bottom: 0
}

.homeAboutLeft li span {
    display: block;
    font-size: 59px;
    line-height: 1;
    color: #bfa161;
    padding-bottom: 13px
}

.homeAboutLeft li b {
    font-weight: 400
}

.pageMainHeading {
    font-size: 55px;
    line-height: 1.1;
    font-weight: 500
}
.pageMainHeading2 {
    font-size:45px;
    line-height: 1.1;
    font-weight: 500
}

.homeAboutRightCont {
    padding-top: 20px
}

.homeAboutLogoWrapper {
    max-width: 700px;
    padding-top: 20px
}

.homeAboutLogoHeading {
    font-weight: 600;
    padding-top: 20px
}

.homeAboutLogoWrapper ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    align-items: center
}

.homeAboutLogoWrapper li {
    width: 25%;
    padding: 15px 10px;
    list-style: none
}

.gumRow {
    padding-top: 115px
}

.foodIndustryLabel {
    color: #bfa161;
    font-size: 20px;
    font-weight: 500;
    padding-top: 11px
}

.foodIndustryBtn,
.foodIndustryContent {
    position: relative;
    padding-left: 40px
}

.foodIndustryContent:before {
    width: 5px;
    height: 140px;
    position: absolute;
    top: 5px;
    left: 0;
    content: '';
    background: #bfa161
}

.foodIndustryContent {
    margin-top: 30px
}

.foodIndustryBtn,
.htQuatsIcon {
    padding-top: 50px
}

.homeHeroInnerArea a.siteBtn.btnSecondary:hover {
    background-color: #000
}

.foodIndustryImg .footerLabel {
    background: #000;
    color: #fff;
    padding: 6px 20px;
    top: inherit;
    bottom: 150px;
    left: -134px
}

.gaaWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 125px 0 50px
}

.gaaLeftArea {
    width: 38%;
    padding-right: 45px
}

.gaaRightArea {
    width: 62%;
    padding-left: 45px;
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.gmInfoRow,
.hmsInner {
    flex-wrap: wrap;
    display: flex
}

.gaaRightArea:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 1px;
    height: calc(100% - 15px);
    background: #707070
}

.gallerySlider .slick-dots,
.homeMidSliderRow .slick-dots,
.teamSlider .slick-dots {
    bottom: -55px
}

.gallerySlider .slick-dots li,
.homeMidSliderRow .slick-dots li,
.teamSlider .slick-dots li {
    margin: 0 3px;
    width: auto;
    height: auto
}

.gallerySlider .slick-dots li button,
.homeMidSliderRow .slick-dots li button,
.teamSlider .slick-dots li button {
    width: 15px;
    height: 15px;
    border: 1px solid #707070;
    border-radius: 100%
}

.gallerySlider .slick-dots li button:before,
.homeMidSliderRow .slick-dots li button:before,
.teamSlider .slick-dots li button:before {
    width: 11px;
    height: 11px;
    background: #bfa161;
    border-radius: 100%;
    content: '';
    top: 2px;
    left: 2px;
    opacity: 0
}

.gallerySlider .slick-dots li.slick-active button:before,
.homeMidSliderRow .slick-dots li.slick-active button:before,
.teamSlider .slick-dots li.slick-active button:before {
    opacity: 1
}

.homeMidSlid {
    margin-left: 7px;
    margin-right: 7px;
    height: 500px
}

#heroVideo,
.homeMidSlid img,
.homeNewsImg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.homeNewsCol {
    padding: 0 10px 45px;
    height: 100%
}

.homeNewsImg {
    height: 475px;
    width: 100%
}

.homeNewsImg a {
    height: 100%;
    width: 100%;
    display: block
}

.homeNewsDate {
    position: absolute;
    top: 36px;
    right: -65px;
    transform: matrix(0, 1, -1, 0, 0, 0);
    font-weight: 500;
    font-size: 16px
}

.homeNewsImg:after {
    background: #fff;
    width: 220px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    content: ''
}

.homeNewsHEading {
    font-size: 23px;
    line-height: 1.2;
    font-weight: 800;
    padding-top: 30px
}

.homeNewsContent {
    padding-top: 8px
}

.homeNewsMore {
    position: absolute;
    left: 10px;
    bottom: 0;
    font-weight: 500
}

.homeNewsMore a,
.outTeamButton {
    text-decoration: none;
    color: #000;
    position: relative;
    border: 0;
    background: 0 0
}

.homeNewsMore a:after,
.outTeamButton:after {
    content: '';
    height: 2px;
    background: #bfa161;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.homeNewsMore a:hover:after,
.outTeamButton:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.homeNewsBtn .siteBtn {
    padding: 20px 32px;
    font-size: 20px
}

.homeNewsBtn {
    padding-top: 70px
}

.homeTestimonialArea {
    position: relative;
    height: 710px;
    margin-top: 130px
}

.homeTestimonialArea img,
.innerBanner .bannerImage {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.homeTestimonialBox:after,
.homeTestimonialWrapper:after {
    height: 100px;
    background: #fff;
    position: absolute;
    left: 0;
    content: ''
}

.homeTestimonialWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.homeTestimonialWrapper:after {
    width: 25%;
    bottom: 0
}

.homeTestimonialBox {
    max-width: 529px;
    width: 100%;
    height: 534px;
    background: rgba(191, 161, 97, .88);
    color: #fff;
    padding: 40px 45px 20px;
    position: absolute;
    bottom: 100px;
    left: 0
}

.homeTestimonialBox:after {
    width: 100%;
    bottom: -100px
}

.homeTestimonialBox #slideCounter {
    width: 120px;
    position: absolute;
    bottom: 30px;
    padding: 0 25px
}

.homeTestimonialBox #slideCounter .progress-bar {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, .5);
    position: relative
}

.homeTestimonialBox #slideCounter .progress {
    height: 100%;
    background-color: #fff
}

.homeTestimonialBox #currentSlide,
.homeTestimonialBox #totalSlides {
    position: absolute;
    top: -9px;
    font-size: 15px;
    font-weight: 300;
    line-height: normal
}

.homeTestimonialBox #currentSlide {
    left: 0
}

.homeTestimonialBox #totalSlides {
    right: 0
}

.htContent {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 200;
    padding-top: 20px
}

.htName {
    padding-top: 35px;
    font-weight: 300
}

.htName span {
    font-size: 22px;
    width: 100%;
    display: block
}

.homeTestimonialWrapper .col-lg-12,
.shiLeftCol {
    position: relative
}

.homeBottomWrapper {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 125px 0 100px
}

.homeBottomWrapper:after,
.homeBottomWrapper:before {
    content: '';
    position: absolute
}

.homeBottomWrapper:before {
    background: url("assets/images/home-bottom-left-bg.png") no-repeat;
    width: 1003px;
    height: 1079px;
    left: -250px;
    bottom: 100px
}

.homeBottomWrapper:after {
    background: url("assets/images/home-bottom-right-bg.png") no-repeat;
    width: 611px;
    height: 657px;
    right: 10%;
    bottom: 8%
}

.strengthPhoneArea {
    width: 100%;
    max-width: 342px;
    height: 119px;
    display: block;
    padding: 30px 25px 0;
    background: #bfa161;
    margin-top: -50px;
    position: relative;
    z-index: 1
}

.apaLine1,
.apaLine2 {
    width: 100%;
    color: #fff
}

.apaLine1 {
    font-size: 16px
}

.apaLine2 {
    font-size: 27px;
    font-weight: 600;
    padding-top: 5px
}

.apaLine2 a {
    color: #fff;
    text-decoration: none;
    letter-spacing: -.8
}

.strengthImgArea {
    width: 100%;
    position: relative;
    margin: 10px 0 0;
    padding: 0;
    height: 600px
}

.strengthImgArea span {
    display: flex;
    height: 100%;
    overflow: hidden
}

.strengthImgArea img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.strengthImgArea:after {
    height: 65px;
    width: 65px;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    background: #fff
}

.strengthImgArea:before {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 65px;
    right: 65px;
    content: '';
    background: #fff;
    z-index: 1
}

.strengthRightTextWrapper {
    width: 100%;
    padding-left: 15px
}

.strengthRightTopCont {
    font-weight: 500;
    padding-top: 25px;
    padding-bottom: 40px
}

.strengthRightHeading {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 15px
}

.superiorContent {
    color: #bfa161;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 500;
    padding-top: 20px
}

.notFoundArea p,
.strengthRightCont p {
    margin-bottom: 15px
}

.gmInfoRow {
    margin: 0;
    padding: 0
}

.gmInfoRow ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.gmInfoHeading,
.gmInfoRow li {
    padding-bottom: 15px
}

.gmInfoRow.facility ul:last-child {
    width: 40%;
    padding-left: 50px
}

.gmInfoHeading {
    font-size: 25px;
    color: #bfa161;
    font-weight: 600;
    padding-top: 25px
}

.gmInfoRow li span,
.gmInfoRow li strong {
    display: block;
    font-weight: 700
}

.homeNewsArea {
    width: 100%;
    padding-top: 115px
}

.contactInfoWrapp,
.newsrow {
    padding-top: 40px
}

.gmpRow {
    padding-top: 200px
}

.gmTopContent {
    padding-top: 20px;
    max-width: 600px
}

.homeMidSlidLabel {
    width: calc(100% - 15px);
    height: 75px;
    position: absolute;
    left: 15px;
    bottom: 0
}

.hmsInner,
.innerBanner {
    width: 100%;
    position: relative
}


.homeMidSlidLabel:after {
    mix-blend-mode: multiply;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.hmsInner {
    height: 100%;
    z-index: 1;
    color: #fff;
    font-weight: 500;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
    line-height: 1.5
}

.homeMidSlidLabel span {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    display: block
}

.homeMidSlid:first-child .homeMidSlidLabel:after,
.homeMidSlid:nth-child(11) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(14) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(5) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(8) .homeMidSlidLabel:after {
    background: linear-gradient(71deg, #a50606 0, #fff 100%) no-repeat padding-box
}

.homeMidSlid:nth-child(2) .homeMidSlidLabel:after {
    background: linear-gradient(71deg, #7c280b 0, #fff 100%) no-repeat padding-box
}

.homeMidSlid:nth-child(12) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(15) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(3) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(6) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(9) .homeMidSlidLabel:after {
    background: linear-gradient(71deg, #feb314 0, #fff 100%) no-repeat padding-box
}

.homeMidSlid:nth-child(10) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(13) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(16) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(4) .homeMidSlidLabel:after,
.homeMidSlid:nth-child(7) .homeMidSlidLabel:after {
    background: linear-gradient(71deg, #818181 0, #fff 100%) no-repeat padding-box
}

.innerBanner {
    height: 350px
}

.ibLeftBlock,
.ibLeftBlock:after,
.ibRightBlock,
.ibRightBlock:after {
    height: 50px;
    background: #fff
}

.innerBanner .bannerHeading {
    font-size: 60px;
    font-weight: 400
}

.ibLeftBlock {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40%
}

.ibLeftBlock:after {
    content: '';
    width: 50px;
    position: absolute;
    left: 0;
    bottom: 50px
}

.ibRightBlock {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 175px
}

.ibRightBlock:after {
    content: '';
    width: 50px;
    position: absolute;
    right: 0;
    bottom: 50px
}

.ibRightBlock:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    right: 47px;
    bottom: 97px;
    background: #fff
}

.shiImage {
    width: calc(100% - 15px);
    float: right;
    height: 100%;
    margin-top: 10px
}

.aboutPageRight {
    width: 100%;
    padding-left: 13px
}

.abtGaaWrap .gaaLeftArea {
    width: 48%
}

.abtGaaWrap .gaaRightArea {
    width: 48%
}

.gallerySliderRow {
    width: 100%;
    padding-bottom: 100px
}

.innerCtaWrapper {
    background: url("assets/images/inner-cta-bg.jpg") 0 0/cover no-repeat;
    width: 100%;
    height: 275px;
    display: block;
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 30px;
}

.page-template-product-listing .gaaWrapper {
    padding: 48px 0 50px;
}

.innerCtaWrapper:after {
    background: rgb(33 32 32 / 80%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

.innerCtaWrapper .qustionBottom,
.innerCtaWrapper .qustionTop {
    padding-left: 15px
}

.innerCtaWrapper .siteBtn {
    padding: 20px 35px;
    font-size: 22px;
    letter-spacing: normal;
    margin-top: 22px
}

.ctaContent {
    width: 100%;
    font-weight: 300;
    max-width: 800px;
    padding-top: 20px
}

.innerCtaWrapper .qustionBottom {
    font-size: 26px
}

.ourTeamArea {
    width: 100%;
    margin: 0;
    padding: 100px 0 25px
}

.outTeamRow {
    width: 100%;
    max-width: 1500px;
    display: flex;
    margin: auto;
    padding: 50px 0 0;
    flex-wrap: wrap
}

.outTeamCol {
    width: calc(33.33% - 35px);
    position: relative;
    padding-bottom: 50px;
    margin: 0 17px 80px
}

.outTeamImg {
    position: relative;
    height: 500px;
    cursor: pointer
}


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

.outTeamName {
    font-size: 36px;
    font-weight: 600;
    padding-top: 20px;
    line-height: normal;
    cursor: pointer
}

.outTeamName span {
    color: #bfa161
}

.outTeamDesignation {
    color: #363636;
    font-weight: 500;
    padding-top: 2px
}

.outTeamContant {
    padding-top: 15px;
    letter-spacing: -.58px
}

.outTeamBtn {
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 500
}

.otLeftBlock,
.otRightBlock {
    height: 35px;
    background: #fff;
    position: absolute;
    bottom: -1px;
}

.otLeftBlock {
    width: 50px;
    left: 0
}

.otLeftBlock:after {
    content: '';
    width: 25px;
    height: 17px;
    position: absolute;
    left: 50px;
    bottom: 35px;
    background: #fff
}

.otRightBlock {
    width: calc(100% - 140px);
    right: 0
}

.otLbRow .outTeamImg {
    height: 430px
}

.otLbRow .outTeamName {
    font-size: 46px
}

.otLbRow .outTeamDesignation {
    font-size: 25px;
    letter-spacing: -.9px;
    line-height: 1.1;
    padding-top: 0
}

.otLbRow p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.65px
}

.infrastructureLightBox .modal-content,
.teamLightBox .modal-content {
    border-radius: 0;
    box-shadow: 0 3px 6px #000000C2
}

.infrastructureLightBox .btn-close,
.teamLightBox .btn-close {
    background: #bfa161;
    opacity: 1;
    font-size: 25px;
    color: #fff;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 0;
    border-radius: 0;
    z-index: 1
}

.teamLightBox .modal-body {
    padding: 75px 37px
}

.infrastructureLightBox .modal-dialog-scrollable .modal-body,
.teamLbContainer,
.teamLightBox .modal-dialog-scrollable .modal-body {
    scrollbar-width: thin;
    scrollbar-color: #bfa161 transparent
}

.pdContentImage {
    width: 100%;
    position: relative;
    margin-top: 35px;
    margin-bottom: 30px
}

.pdContentImage:before {
    content: '';
    width: 50px;
    height: 50px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0
}

.pdContentBlock {
    width: 35%;
    height: 50px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0
}

.pdContentBlock:after {
    content: '';
    width: 30px;
    height: 30px;
    background: #fff;
    position: absolute;
    bottom: 45px;
    left: -25px
}

.pdBottomIconCol {
    width: 62px;
    height: 62px;
    border-radius: 17px;
    background: #bfa161;
    display: flex;
    justify-content: center;
    align-items: center
}

.pdBottomHeading {
    letter-spacing: -.67px;
    font-size: 21px;
    font-weight: 700;
    padding-top: 22px
}

.contactInfo,
.newsDetailContent,
.pdBottomContent,
.pdTopContent,
.rcbLabel {
    letter-spacing: -.58px
}

.pdBottomContent {
    padding-top: 18px
}

.pdBottomContent ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.pdBottomContent ul li {
    width: 100%;
    padding: 0 0 10px 18px;
    position: relative
}

.pdBottomContent ul li:before {
    content: '';
    width: 8px;
    height: 2px;
    position: absolute;
    top: 12px;
    left: 0;
    background: #535353
}

.pdBottomContent ul.productsUl2 {
    justify-content: space-between
}

.pdBottomContent ul.productsUl2 li {
    width: calc(50% - 10px);
    line-height: 1.3
}

.pbCtaRow {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 100px 0 125px
}

.pbCtaRow:after {
    background: url("assets/images/pb-cta-background.png") no-repeat;
    content: '';
    width: 620px;
    height: 1080px;
    position: absolute;
    top: -60px;
    left: 0
}

.pdTopInfo {
    padding-top: 100px;
    padding-bottom: 70px
}

.pdTopInfo .pageMainHeading {
    max-width: 925px
}

.pdTopContent {
    padding-top: 25px
}

.pdBottomRow {
    padding-top: 65px
}

.rcbLabel {
    width: 100%;
    padding: 8px 0 30px
}

.ctaBtnLine,
.rcbRow,
.rcbRowBtn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    justify-content: space-between
}

.rcbCol {
    width: calc(50% - 10px);
    margin-bottom: 20px
}

.rcbRow .wpcf7-form-control {
    height: 50px;
    width: 100%;
    background: #fff;
    border: 1px solid #707070;
    padding: 0 20px
}

.rcbRow .wpcf7-form-control::placeholder {
    letter-spacing: -.32px;
    color: #989898;
    opacity: 1
}

.rcbRow .wpcf7-form-control::-ms-input-placeholder {
    color: #989898
}

.rcbRow .wpcf7-form-control.wpcf7-textarea {
    resize: none;
    height: 115px;
    padding-top: 10px
}

.rcbFormArea {
    width: 100%;
    padding: 0 35px
}

.wpcf7-not-valid-tip {
    color: red;
    font-size: 14px;
    width: 100%
}

.rcbRow .wpcf7-form-control:focus-visible {
    outline: 0 !important
}

.technolgyTopInfo {
    width: 100%;
    margin: 0;
    padding: 100px 0 0
}

.infrastructureTextRow {
    font-size: 25px;
    padding: 0 20px;
    line-height: 1.5
}

.contectTopWrapper {
    width: 100%;
    padding: 80px 0 100px
}

.contactMap {
    width: 100%;
    height: 550px
}

.contectMapWrapper {
    display: flex
}

.contactInfoLine {
    padding-bottom: 10px;
    font-weight: 500
}

.contactInfoHeading {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.contactInfo {
    color: #555151;
    text-decoration: none
}

.contactInfo a {
    color: #000
}

.breadcrumbsRow a,
.contactInfo a {
    color: #bfa161;
    text-decoration: none
}

.contactInfo a {
    color: #000000a8;
}

.pdTopContent.contactLeftText {
    padding-right: 35px
}

.contactFormWrapp {
    padding-top: 30px
}

.newsListingArea .pageMainHeading {
    padding-bottom: 30px
}

.newsDetailArea {
    padding-top: 100px;
    padding-bottom: 100px
}

.newsDetailArea .pageMainHeading {
    max-width: 575px;
    padding-bottom: 30px
}

.newsDetailContent {
    color: #363636
}

.ndContentImg {
    width: 100%;
    position: relative;
    margin: 60px 0
}

.ndContentBlock,
.ndContentBlock:before,
.ndContentImg:after {
    position: absolute;
    background: #fff
}

.ndContentImg:after {
    content: '';
    width: 65px;
    height: 65px;
    top: 0;
    right: 0
}

.ndContentBlock {
    width: 40%;
    height: 50px;
    bottom: 0;
    right: 0
}

.ndContentBlock:before {
    content: '';
    width: 35px;
    height: 35px;
    top: -30px;
    left: -30px
}

.notFoundArea {
    width: 100%;
    padding: 75px 0 200px;
    border-top: 1px solid #e1e1e1
}

.notFoundArea .pageMainHeading {
    padding-bottom: 35px
}

.productDetialContent {
    width: 100%;
    padding: 25px 0 0
}

.productDetialContent .pageMainHeading {
    padding-top: 15px
}

.innerCtaWrapper .pageMainHeading {
    padding-top: 0 !important
}

.cmsPageWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 75px 0
}

.cmsPageWrapper h2,
.cmsPageWrapper h3,
.cmsPageWrapper h4,
.cmsPageWrapper h5 {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 5px;
    margin: 0
}

.windowScrollUp {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 84px;
    right: 21px;
    display: none;
    background: url("assets/images/arrow-up.png") center no-repeat #dfbe76;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.date-format {
    font-weight: 500;
    font-size: 16px;
    padding-top: 15px
}

.lbContentLeftWrap {
    position: sticky;
    top: 0
}

.modal-backdrop {
    width: 100%;
    height: 100%
}

.technologyAmbition {
    width: 100%;
    font-size: 22px;
    margin: 0;
    padding: 10px 0 15px;
    font-weight: 500
}

.homeHeroBanner {
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin: 0 0 85px;
    padding: 0;
    height: calc(100vh - 166px)
}

.homeHeroInnerArea {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #00000000 0, #000 100%) no-repeat padding-box
}

.current-menu-parent a {
    color: #bfa161 !important
}

.homeHeroInnerArea .container {
    z-index: 2;
    position: relative
}

.wpcf7 form.invalid .wpcf7-response-output {
    border-color: transparent
}

.breadcrumbsRow {
    padding-top: 25px;
    font-size: 15px;
    font-weight: 500
}

.breadcrumbsRow .aioseo-breadcrumb-separator {
    margin: 0 5px
}

.abtShiRow,
.newsListingArea,
.technolgySecondRow {
    padding-top: 35px
}

.newsListingArea {
    padding-bottom: 50px
}

.mfp-figure figcaption {
    display: none !important
}

.downloadBrochuresBtnRow {
    width: 100%;
    text-align: center;
    padding: 0 0 65px;
    display: none
}

.mfp-close {
    font-size: 50px !important
}

.mfp-arrow-right {
    right: 100px !important
}

.mfp-arrow-left {
    left: 100px !important
}

.slick-next {
    background: url("assets/images/next-arrow.png") no-repeat;
    width: 16px;
    height: 28px
}

.slick-prev {
    background: url("assets/images/prev-arrow.png") no-repeat;
    width: 16px;
    height: 28px
}

.teamLbContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    max-height: 70vh;
    overflow-y: scroll
}

.ctaBtnLine .siteBtn {
    width: calc(50% - 5px);
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px
}

.brochureFormArea {
    display: flex;
    flex-wrap: wrap
}

.brochureFormImg {
    width: 42%
}

.brochureFormArea .rcbFormArea {
    width: 58%;
    padding: 0 0 0 25px
}

.teamLightBox#downloadBrochures .modal-dialog.modal-lg {
    max-width: 920px
}

.teamLightBox#downloadBrochures .pageMainHeading {
    font-size: 48px
}

.teamLightBox#downloadBrochures .rcbLabel {
    font-size: 16px;
    line-height: 1.5
}

.teamLightBox#downloadBrochures .modal-body {
    padding-top: 65px;
    padding-bottom: 35px
}

ul.product-type{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column;}
ul.product-type li{margin: 0 0 1.8rem; list-style: none; display: flex; align-items: center;}
ul.product-type .cnt-bx{width: calc(100% - 50px);}

.gaaWrapper .gaaRightArea  p{margin-bottom: 0;}

.container-sm{max-width: 1100px;}

.pl-0{padding-left: 0;}
.pr-0{padding-right: 0;}
#post-container .homeNewsMore{left: 0;}
a.tech {display:inline-flex; align-items:center;  margin-top: 21px;}

a.tech svg{margin-left:20px;  }

/*responsive*/

@media screen and (max-width:1600px) {
    .headerContectWrap {
        width: 375px
    }

    .headerContectWrap .siteBtn {
        width: 175px
    }

    .qustionWrap {
        width: calc(100% - 175px)
    }

    .siteMainMenu {
        width: calc(100% - 380px);
        padding: 16px 40px 0 0
    }

    ul.menu-wrapper li {
        padding-left: 10px
    }

    .bannerHeading,
    .homeAboutLeft li span,
    .innerBanner .bannerHeading,
    .pageMainHeading {
        font-size: 50px
    }

    .bannerText {
        font-size: 18px
    }

    .heroDecorationInner1,
    .heroDecorationInner2 {
        height: 50px
    }

    .heroDecorationInner2 {
        top: -50px
    }

    .gmInfoHeading,
    .homeNewsHEading,
    .htContent,
    .strengthRightHeading {
        font-size: 21px
    }

    .gmInfoHeading,
    .strengthRightHeading {
        padding-bottom: 10px
    }

    .apaLine2,
    .superiorContent {
        font-size: 23px
    }

    .homeBottomWrapper {
        padding: 100px 0 75px
    }

    .homeNewsImg {
        height: 420px
    }

    .ourTeamArea {
        padding: 65px 0
    }

    .outTeamCol {
        margin-left: 10px;
        margin-right: 10px
    }

    .outTeamName {
        font-size: 30px
    }

    .infrastructureTextRow {
        font-size: 22px
    }

    .mfp-arrow-right {
        right: 0 !important
    }

    .mfp-arrow-left {
        left: 0 !important
    }
}


@media screen and (max-width:1400px) {
    ul.menu-wrapper li a {
        font-size: 14px;
    }

    .newsRightHeading {
        margin-bottom: 12px !important;
    }

    ::placeholder {
        font-size: 14px;
    }

    .blogCol input {
        height: 33px !important;
    }

    .newsRightBox {
        margin-bottom: 10px;
    }

    .homeNewsDate {
        top: inherit;
        right: inherit;
        text-transform: uppercase;
        transform: none;
        font-weight: 500;
        font-size: 16px;
        bottom: -45px
    }

    .homeNewsHEading {
        padding-top: 60px
    }
}

@media screen and (max-width:1300px) {

    .bannerQuats,
    .footerFollowArea span,
    .headerContectNumber,
    .heroDecoration,
    .qustionTop {
        display: none
    }

    .footerFollowArea svg {
        height: 30px
    }

    .outTeamName {
        font-size: 30px
    }

    .outTeamRow {
        padding-top: 30px
    }

    .ourTeamArea {
        padding: 50px 0 65px
    }

    .innerCtaWrapper .qustionBottom,
    .otLbRow .outTeamDesignation {
        font-size: 22px
    }

    .teamLightBox .modal-body {
        padding: 50px 0
    }

    .otLbRow .outTeamName {
        font-size: 35px
    }

    .teamLightBox .btn-close {
        font-size: 20px;
        width: 25px;
        height: 25px
    }

    .pdTopInfo {
        padding-top: 70px;
        padding-bottom: 50px
    }

    .pdTopContent {
        padding-top: 20px
    }

    .technolgyTopInfo {
        padding-top: 70px
    }

    .contectTopWrapper,
    .pbCtaRow {
        padding: 75px 0
    }

    .newsListingArea {
        padding: 75px 0 35px
    }

    .homeAboutLeft,
    .homeNewsCol {
        padding-left: 0
    }

    .gallerySliderRow,
    .newsDetailArea {
        padding-bottom: 75px
    }

    .homeNewsCol {
        padding-right: 0
    }

    .newsDetailArea {
        padding-top: 75px
    }

    .headerCnSmall {
        width: 35px;
        height: 35px;
        border-radius: 100%;
        background: #bfa161;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .headerCnSmall svg path {
        fill: #fff
    }

    .qustionWrap {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: auto;
        margin-right: 15px
    }

    .headerContectWrap .siteBtn {
        width: 125px;
        height: 40px;
        font-size: 15px
    }

    .headerContectWrap {
        width: 170px
    }

    .siteMainMenu {
        width: calc(100% - 170px);
        padding-right: 20px
    }

    ul.menu-wrapper li a {
        font-size: 13px
    }

    .bannerHeading,
    .homeAboutLeft li span,
    .innerBanner .bannerHeading,
    .pageMainHeading {
        font-size: 40px
    }

    .bannerBtn .siteBtn {
        padding: 10px 20px
    }

    .homeAboutLeft .footerLabel {
        position: inherit;
        transform: inherit;
        top: inherit;
        left: inherit
    }

    body {
        overflow-x: auto
    }

    .row {
        margin-left: 0;
        margin-right: 0
    }

    .innerCtaWrapper .qustionWrap {
        flex-wrap: wrap
    }

    .foodIndustryImg img:hover,
    .homeMidSlid img:hover,
    .homeNewsImg img:hover,
    .homeTestimonialArea img:hover,
    .shiImage img:hover,
    .strengthImgArea img:hover {
        transform: none;
        -webkit-transform: none
    }

    .outTeamCol {
        width: calc(33.33% - 20px)
    }

    ul.menu-wrapper li {
        padding-left: 3px
    }

    .brochureFormArea .rcbFormArea {
        padding: 0 35px 0 0
    }
}

@media screen and (max-width:1100px) {
    @media screen and (min-resolution: 120dpi) {
        body {
            zoom: 0
        }
    }

    @media screen and (min-resolution:140dpi) {
        body {
            zoom: 0
        }
    }

    @media screen and (min-resolution:190dpi) {
        body {
            zoom: 0
        }
    }

    .windowScrollUp {
        bottom: 50px;
        right: 10px
    }
}

@media screen and (max-width:990px) {
    .strengthPhoneArea {
        padding: 10px 10px 15px;
        height: auto;
        margin-top: 0;
        max-width: 100%;
    }
.page-template-blog-listing .innerBanner ,.post-template-default .innerBanner,.page-template-news-listing .innerBanner { height: auto}
.page-template-blog-listing .innerBannerContentWrap .bannerHeading span, .post-template-default .innerBannerContentWrap .bannerHeading span,.page-template-news-listing  .innerBannerContentWrap .bannerHeading span {padding: 8px;}
    .bannerText,
    .homeAboutLeft {
        max-width: 100%
    }

    .footerFollowArea .footerSectionHeading,
    .footerTopLeftArea,
    .footerTopRightArea,
    .moQustionBottom,
    .moQustionTop,
    .rcbCol,
    .shiImage {
        width: 100%
    }

    .footerCtaBnt,
    .footerCtaBnt .siteBtn,
    .footerTopLeftArea,
    .gaaLeftArea,
    .productDetialContent {
        padding: 0
    }

    .footerTopRightArea {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

        align-items: flex-start
    }

    .footerCtaBnt,
    .footerTopRightArea .qustionWrap {
        width: 33.33%
    }

    .footerTopRightArea .qustionBottom,
    .footerTopRightArea .qustionWrap {
        text-align: left
    }

    .footerFollowArea {
        padding: 0;
        justify-content: flex-start;
        width: 130px
    }

    .footerTopLeftArea .footerLabel,
    .shiLabel {
        position: inherit;
        top: 0;
        left: 0;
        letter-spacing: normal;
        transform: inherit
    }

    .footerSectionHeading,
    .footerTopRightArea .qustionTop {
        font-size: 16px;
        font-weight: 400;
        padding: 0 0 7px;
        color: #fff
    }

    .footerFollowArea a {
        margin: 0 20px 0 0
    }

    .footerFollowArea a:last-child {
        margin: 0
    }

    .footerFollowArea svg {
        height: 25px
    }

    .footerTopRightArea .qustionBottom {
        font-size: 20px
    }

    .footerTopRightArea .qustionBottom svg {
        height: 20px
    }

    .gaaRightArea:before,
    .headerContectWrap,
    .headerFollowArea,
    .homeBottomWrapper:before,
    .homeNewsImg:after,
    .homeTestimonialBox:after,
    .homeTestimonialWrapper:after,
    .ibLeftBlock,
    .ibRightBlock,
    .ndContentBlock,
    .ndContentImg:after,
    .pageMainHeading br,
    ul.menu-wrapper li .sub-menu-toggle span {
        display: none
    }

    .contectTopWrapper,
    .gaaWrapper {
        padding: 50px 0
    }

    .gaaLeftArea,
    .gaaRightArea {
        width: 100% !important
    }

    .gaaRightArea {
        padding: 20px 0 0
    }

    .innerCtaWrapper {
        height: auto;
        padding: 35px 0 50px
    }

    .aboutPageRight,
    .innerCtaWrapper .qustionBottom,
    .innerCtaWrapper .qustionTop {
        padding-left: 0
    }

    .innerCtaWrapper .qustionWrap {
        padding-top: 25px
    }

    .pageMainHeading {
        font-size: 35px
    }

    .otLbRow .outTeamDesignation {
        padding-bottom: 25px
    }

    .teamLightBox .modal-body {
        padding: 15px 0 30px
    }

    .pdBottomContent {
        padding-bottom: 50px
    }

    .pbCtaRow:after {
        width: 60%
    }

    .contactInfoWrapp {
        padding-top: 25px;
        padding-bottom: 40px
    }

    .newsListingArea .pageMainHeading,
    .strengthRightTopCont {
        padding-bottom: 0
    }

    .ndContentImg {
        margin: 35px 0
    }

    .innerBannerContentWrap .bannerHeading span {
        display: inline-block
    }

    .headerMailWrap {
        justify-content: center
    }

    .hambarger,
    .moQustionWrap {
        flex-wrap: wrap;
        display: flex
    }

    .hambarger {
        width: 33px;
        height: 40px;
        position: absolute;
        top: 12px;
        right: 0;
        background: 0 0;
        align-content: center;
        border-radius: 3px;
        padding: 0
    }

    .hambarger span {
        width: 100%;
        height: 2px;
        background: #bfa161
    }

    .hambarger span:nth-child(2) {
        margin: 8px 0
    }

    .moQustionWrap path {
        fill: #bfa161;
    }

    .headerBottomSection .col-lg-2,
    ul.menu-wrapper li.menu-item-has-children {
        position: relative
    }

    .headerRightWrap {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        height: 100Vh;
        z-index: 1;
        width: 0;
        box-shadow: 0 3px 6px #00000099;
        align-items: flex-start;
        padding: 0;
        overflow-x: hidden;
        transition: .5s ease-in-out
    }

    .headerRightWrap.openmenu {
        padding: 20px 20px 0;
        overflow: visible;
        width: calc(100% - 75px);
        z-index: 10
    }

    .custom-logo-link {
        width: 150px
    }

    .headerContectNumberMobile {
        width: 40px;
        height: 40px;
        background: #bfa161;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 12px;
        right: 0
    }

    .headerContectNumberMobile svg path {
        fill: #fff
    }

    .headerBottomSection {
        padding: 15px 0
    }

    .siteMainMenu {
        width: 100%;
        padding: 0;
        height: 100%;
        overflow-y: scroll
    }

    ul.menu-wrapper li {
        width: 100%;
        padding: 0;
        margin: 3px 0
    }

    .menuOverlay {
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9
    }

    .menuOverlay.showOverLay,
    ul.menu-wrapper li ul.sub-menu.showSubMenu {
        display: block
    }

    ul.menu-wrapper li .sub-menu-toggle {
        display: block;
        position: absolute;
        top: 11px;
        right: 0;
        background: url("assets/images/menu-arrow.png") center no-repeat;
        width: 35px;
        height: 20px;
        border: 0 solid red
    }

    ul.menu-wrapper li a {
        padding: 5px 0
    }

    ul.menu-wrapper li ul.sub-menu {
        position: inherit;
        width: 100%;
        opacity: 1;
        visibility: visible;
        background: 0 0;
        padding: 5px 0 0 5px;
        transform: inherit;
        display: none
    }

    ul.menu-wrapper li ul.sub-menu li {
        margin: 0 0 8px;
        position: relative;
        padding: 0 0 0 20px !important
    }

    ul.menu-wrapper li ul.sub-menu li:before {
        content: '';
        width: 7px;
        height: 2px;
        background: #787878;
        position: absolute;
        top: 12px;
        left: 1px
    }

    ul.menu-wrapper li ul.sub-menu li a {
        color: #000 !important
    }

    .mobileMenuCross {
        position: absolute;
        top: 0;
        right: -30px;
        background: #bfa161;
        line-height: 0;
        font-size: 20px;
        width: 30px;
        height: 30px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    ul.menu-wrapper li .sub-menu-toggle.toggleArrowUp {
        transform: rotate(180deg)
    }

    .mobileMenuCtaBtn {
        display: flex;
        width: 100%;
        margin-top: 20px
    }

    .moQustionWrap {
        width: 100%;
        margin: 0;
        padding: 20px 0 0
    }

    .moQustionTop {
        font-size: 15px;
        font-weight: 500
    }

    .moQustionBottom a {
        text-decoration: none;
        color: #000;
        font-size: 20px;
        font-weight: 600
    }

    .bannerText mark {
        background: 0 0;
        padding: 0
    }

    .bannerText {
        padding-top: 15px
    }

    .homeAboutLeft ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    .homeAboutLeft li {
        width: 20%
    }

    .homeAboutLeft .footerLabel {
        padding-bottom: 15px
    }

    .heroBanner,
    .homeHeroBanner {
        margin-bottom: 50px
    }

    .homeNewsCol {
        padding-left: 0;
        padding-right: 0
    }

    .homeNewsMore {
        left: 0
    }

    .strengthPhoneArea {
        padding: 10px 10px 15px;
        height: auto;
        margin-top: 0;
        max-width: 100%
    }

    .strengthRightTextWrapper {
        padding: 45px 0 0
    }

    .strengthImgArea {
        height: auto;
        text-align: center;
        margin-top: 30px
    }

    .strengthImgArea img {
        object-fit: cover;
        height: auto;
        width: auto
    }

    .strengthRightHeading {
        margin-top: 25px
    }

    .gmpRow {
        padding-top: 50px
    }

    .homeBottomWrapper {
        padding: 75px 0 35px
    }

    .heroBannerSlider .slick-list {
        height: 425px
    }

    .heroBannerSlider .slick-track {
        height: 100%
    }

    .heroBannerSlider .slick-slide img {
        height: 100%;
        object-fit: cover
    }

    .innerBanner {
        height: 250px
    }

    .outTeamName {
        font-size: 25px;
        line-height: 1.3
    }

    .outTeamImg {
        height: 225px
    }

    .innerCtaWrapper .qustionWrap {
        justify-content: flex-start
    }

    .footerArea:after,
    .homeBottomWrapper:after {
        opacity: .2
    }

    .pbCtaRow {
        padding: 20px 0 65px
    }

    .mfp-close {
        font-size: 35px !important
    }

    .teamLightBox#downloadBrochures .modal-dialog.modal-lg {
        width: calc(100% - 50px)
    }

    .teamLightBox#downloadBrochures .pageMainHeading {
        font-size: 40px
    }

}

@media screen and (max-width:767px) {
    .details .adbImage {
        width: 100% !important;
        height: 100% !important;
        margin-right: 0 !important;
    }
    .details .author-info {
        margin-top: 25px !important;
        width: 100% !important;
    }
    .details {
    display: block !important;
    }
    .footerContactWrapper,
    .footerCtaBnt,
    .footerFollowArea,
    .footerMenuWrapper,
    .footerTopRightArea .qustionWrap,
    .pdBottomContent ul.productsUl2 li {
        width: 100%
    }

    .footerCtaBnt {
        justify-content: center
    }

    .footerFollowArea {
        padding-top: 25px;
        padding-bottom: 45px
    }

    .footerSectionHeading,
    .footerTopRightArea .qustionTop {
        font-weight: 600;
        font-size: 18px
    }

    .container {
        padding-left: 30px;
        padding-right: 30px
    }

    .abtShiRow,
    .footerMenuWrapper,
    .newsListingArea,
    .productDetialContent .pageMainHeading,
    .technolgySecondRow {
        padding-top: 25px
    }

    .footerMenuWrapper ul {
        padding: 0;
        display: flex;
        flex-wrap: wrap
    }

    .footerMenuWrapper ul li {
        position: relative;
        padding-right: 15px;
        margin-right: 15px
    }

    .footerMenuWrapper ul li:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .footerMenuWrapper ul li:after {
        position: absolute;
        top: 7px;
        right: 0;
        content: '';
        width: 1px;
        height: 14px;
        background: #fff
    }

    .brochureFormImg,
    .foodIndustryContent:before,
    .footerMenuWrapper ul li:last-child:after,
    .ibLeftBlock,
    .ibRightBlock,
    .pdContentBlock,
    .pdContentImage:before,
    .strengthImgArea:after,
    .strengthImgArea:before {
        display: none
    }

    .footerTopArea {
        padding-top: 35px;
        padding-bottom: 30px
    }

    .footerBottomLeft,
    .footerBottomRight {
        width: 100%;
        text-align: center
    }

    .footerBottomRight {
        padding-top: 2px
    }

    .pageMainHeading {
        font-size: 30px
    }

    .ourTeamArea {
        padding: 50px 0 75px
    }

    .pdTopInfo {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pdBottomRow {
        padding-top: 60px
    }

    .pbCtaRow {
        padding: 10px 0 75px
    }

    .ctaContent,
    .gaaRightArea,
    .homeAboutRightCont,
    .pdTopContent,
    .strengthRightTopCont {
        padding-top: 10px
    }

    .rcbFormArea {
        width: 100%;
        padding: 10px 20px
    }

    .rcbRow .wpcf7-form-control {
        padding: 0 5px;
        height: 40px;
        font-size: 16px
    }

    .technolgyTopInfo {
        padding-top: 40px
    }

    .infrastructureTextRow {
        font-size: 18px;
        padding-left: 0;
        padding-right: 0
    }

    .contectTopWrapper {
        padding: 25px 0 55px
    }

    .contactInfoWrapp {
        padding-bottom: 30px
    }

    .contactMap {
        height: 250px
    }

    .homeNewsImg {
        height: 375px
    }

    .newsListingArea {
        padding-bottom: 20px
    }

    .newsListingArea .homeNewsCol {
        margin-bottom: 0;
        margin-top: 0
    }

    .gumRow,
    .newsrow {
        padding-top: 30px
    }

    .newsDetailArea .pageMainHeading {
        padding-bottom: 15px
    }

    .newsDetailArea {
        padding-top: 35px;
        padding-bottom: 50px
    }

    .notFoundArea {
        padding: 35px 0 100px
    }

    .custom-logo {
        width: 125px
    }

    .hambarger,
    .headerContectNumberMobile {
        top: 7px
    }

    .heroBannerContentWrap .bannerHeading {
        text-align: left
    }

    .bannerText {
        font-size: 17px;
        line-height: 1.5
    }

    .homeAboutLeft li {
        width: 33.33%
    }

    .heroBanner,
    .homeHeroBanner {
        margin-bottom: 35px
    }

    .homeAboutLeft {
        margin-bottom: 30px
    }

    .homeAboutLeft .footerLabel {
        padding-bottom: 22px
    }

    .gmInfoRow ul {
        width: 100% !important;
        padding: 0 !important
    }

    .foodIndustryBtn,
    .foodIndustryContent {
        padding-left: 0
    }

    .foodIndustryContent {
        margin-top: 20px
    }

    .foodIndustryBtn {
        padding: 20px 0 10px
    }

    .homeNewsArea {
        padding-top: 75px
    }

    .homeNewsCol {
        padding-bottom: 0;
        margin-bottom: 40px
    }

    .homeNewsMore {
        position: inherit;
        padding: 13px 0 0
    }

    .homeNewsBtn .siteBtn {
        font-size: 16px;
        letter-spacing: 0;
        padding: 20px 15px
    }

    .homeNewsBtn,
    .htQuatsIcon,
    .outTeamRow {
        padding-top: 20px
    }

    .homeTestimonialBox {
        padding: 20px
    }

    .htContent {
        font-size: 19px;
        padding-top: 10px
    }

    .homeTestimonialArea {
        height: 475px;
        margin-top: 50px
    }

    .homeTestimonialBox {
        height: calc(100% - 80px);
        bottom: inherit;
        top: 40px
    }

    .homeBottomWrapper {
        padding: 45px 0 35px
    }

    .superiorContent {
        font-size: 19px;
        line-height: 1.4
    }

    .homeAboutLogoWrapper {
        padding-top: 5px
    }

    .strengthRightTextWrapper {
        padding-top: 0
    }

    .footerBottomArea .container,
    .innerCtaWrapper .container {
        padding-left: 0;
        padding-right: 0
    }

    .footerBottomRow {
        font-size: 16px
    }

    .innerCtaWrapper .siteBtn {
        padding: 15px 25px
    }

    .outTeamImg {
        height: 300px
    }

    .innerBannerContentWrap .bannerHeading span {
        padding: 5px 10px 10px;
        background: rgb(36 36 35 / 79%);
    }

    .footerArea .qustionBottom path {
        fill: #fff;
    }

    .outTeamCol {
        margin: 0
    }

    .windowScrollUp {
        right: 10px;
        bottom: 80px;
        width: 40px;
        height: 40px
    }

    .teamLightBox .modal-body .container {
        padding: 0 10px
    }

    .headerBottomSection,
    .headerBottomSection.headerFixed {
        padding: 10px 0
    }

    .heroBannerSlider .slick-list {
        height: calc(100vh - 175px)
    }

    .homeHeroBanner {
        height: calc(100vh - 105px)
    }

    .footerBottomArea {
        background: 0 0;
        padding: 0 0 25px
    }

    .outTeamButton:after {
        bottom: -3px
    }

    .footerCtaBnt .siteBtn {
        margin: 0 5px !important
    }

    .htQuatsIcon svg {
        width: 17px
    }

    .brochureFormArea .rcbFormArea {
        width: 100%;
        padding: 0
    }

    .teamLightBox#downloadBrochures .modal-body {
        padding: 30px 25px 40px
    }

    .teamLightBox#downloadBrochures .pageMainHeading {
        font-size: 35px
    }

    .rcbCol {
        margin-bottom: 10px
    }

    .rcbLabel {
        padding: 12px 0 25px
    }



}

@media screen and (max-width:576px) {
    .bannerHeading {
        font-size: 35px
    }

    .innerBanner .bannerHeading {
        font-size: 26px
    }

    .homeAboutLogoWrapper li {
        width: 33.33%
    }

    .homeAboutLeft li {
        width: 50%
    }

    .homeMidSlid {
        margin-left: 0;
        margin-right: 0
    }

    .infrastructureLightBox .modal-content,
    .teamLightBox .modal-content {
        width: calc(100% - 50px);
        margin-left: auto;
        margin-right: auto
    }

    .footerCtaBnt .siteBtn {
        margin: 0 0 10px !important
    }

    .ctaBtnLine {
        padding-top: 10px
    }

    .ctaBtnLine .siteBtn {
        width: 100%;
        margin: 10px 0 0
    }

    .homeNewsBtn .siteBtn {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }

    .teamLightBox#callBack .pageMainHeading,
    .teamLightBox#downloadBrochures .pageMainHeading {
        font-size: 25px
    }

    .teamLightBox#downloadBrochures .modal-dialog.modal-lg {
        width: 100%
    }

    .teamLightBox#downloadBrochures .modal-body {
        padding: 25px 15px 30px
    }

    .teamLightBox .btn-close {
        font-size: 17px;
        width: 22px;
        height: 23px
    }
}

.sub-menu .menu-item a {
    color: #fff !important;
}

/**product Listing**/
.main-div {
    margin-bottom: 40px;
}

.top-content h1 {
    font-weight: 700;
}

.top-content h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
}

.top-headline {
    text-align: center;
    margin-top: 70px;
}

.why-pa-image img {
    background: #bfa161;
}

.author_name {
    text-transform: capitalize;
    font-family: Oswald, sans-serif;
}

.pl-listing .gaaRightArea {
    width: 58%;
    padding-left: 30px;
}

.pl-listing .gaaLeftArea {
    width: 42%;
    padding-right: 27px;
}

/* modify author page*/
.adbHeading {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 500 !important;
    font-size: 45px !important;
    color: #000000 !important;
}

.about-author {
    font-family: 'Karla', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}

.about-authors {
    font-family: 'Karla', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

.outTeamImgs {
    position: relative;
    cursor: pointer;
}

.about-author-list {
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

/* Target list inside the .about-author-list container */
.about-author-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about-author-list ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
}

.about-author-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    background-image: url('assets/images/Link.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.archive .pagnationRow {
    margin-bottom: 40px;
}

.pagnationRow .page-numbers.current {
    border-color: rgb(191 160 102);
    color: rgb(191 160 102);
}

.pagnationRow a,
.pagnationRow .page-numbers.current {
    border: 1px solid rgb(191 160 102);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0 5px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

.pagnationRow a.next.page-numbers,
.pagnationRow a.prev.page-numbers {
    background: rgb(191 160 102);
}

.pagnationRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}

.pagnationRow .page-numbers.current {
    border-color: rgb(191 160 102);
    color: rgb(191 160 102);
}

.pagnationRow a.prev.page-numbers svg {
    transform: rotate(180deg);
}

/* end  */

/* blog page css */
.newsConnectRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
}

.cDiv {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.newsAuthorWrap {
    width: calc(100% - 250px);
    position: relative;
    padding-left: 82px;
    min-height: 65px;
    padding-right: 20px;
}

.newsAuthorImg {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    overflow: hidden;
    width: 65px;
    height: 65px;
}

.newsAuthorSocialArea {
    width: 250px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.newsAuthorSocialArea a {
    width: 40px;
    height: 40px;
    border: 1px solid #E9DECB;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    transition: all 0.5s ease-in-out;
}

.newsContentWrap {
    padding-top: 30px;
    padding-bottom: 30px;
}

.authorDetailBanner {
    padding-top: 40px;
    padding-bottom: 75px;
}

.details {
    align-items: flex-start;
    display: flex;
    /* align-items: center; */
    justify-content: flex-start;
    background: #f7f7f7;
    padding: 20px;
}


.details .adbImage {
    width: 125px;
    height: 125px;
    margin-right: 30px;
}


.author-info {
    width: calc(100% - 300px);
    text-align: left;
    justify-content: flex-start;
    display: inline-flex;
    flex-direction: column;
}

.details .author-info {
    width: calc(100% - 153px);
}

.details .adbHeadings {
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.top-sticky {
    position: sticky;
    top: 125px;
    padding-bottom: 3rem;
}

.newsRightBox {
    background: #EDEDED;
    padding: 15px 20px;
    margin-bottom: 16px;
}

.newsRightBox.newsRecentPosts {
    background: #F2ECE0;
    color: #000;
    padding-bottom: 6px;
}

.single-post a.siteBtn.btnPrimary {
    display: none;
}

.newsRightBox {
    background: #EDEDED;
    padding: 15px 20px;
    margin-bottom: 16px;
}

.recentPostRowWrapper {
    width: 100%;
}

.wp-singular .newsContentWrap a {
    color: rgb(191 160 102);
    text-decoration: none;

}

.wp-singular .newsContentWrap a:hover {
    text-decoration: underline;
}

.authorDetailBanner .outTeamImgs {
    cursor: unset;
}

.recentPostInfo {
    display: flex;
}

.recentPostInfo {
    width: 100%;
    padding-left: 0px;
}

.blogCol input {
    padding: 13px;
    height: 46px;
    margin-top: 10px;
    border: none;
    width: 100%;
}

.blogCol textarea {
    padding: 13px;
    height: 76px;
    margin-top: 10px;
    border: none;
    width: 100%;
    overflow: hidden;
}

.blogbtn input {
    width: 100%;
}

.cDiv.pagnationRow.listing-page {
    margin-bottom: 50px;
}

.support-center {
    margin-top: 20px;
    background: #F2ECE0;
    border-left: 2px solid #BFA066;
    padding: 28px 24px;
    font-weight: 800;
}

.support-center .sub-title {
    color: #BFA066;
}

.support-center .title {
    padding: 16px 0 20px;
    color: #333333;
    font-size: 2rem;
    line-height: 2.3rem;
}

.newsSearchWrapper {
    width: 100%;
    height: 46px;
    position: relative;
    margin: 0px;
    padding: 0 50px 0 10px;
    background: #fff;
    border: 1px solid #7070703D;
    border-radius: 5px;
}

.newsInput {
    width: 100%;
    height: 100%;
    border: 0 !important;
    background: transparent;
    outline: none !important;
}

.newsBtn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 45px;
    border: 0;
    background: transparent;
}

.newsRightHeading {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    padding-bottom: 7px;
    padding-top: 2px;
    margin-bottom: 19px;
    border-bottom: 1px solid #dbdbdb;
}

.recentPostTitle {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 1rem;
}

.details .adbHeadings {
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.authorDetailBanner span.name {
font-size: 20px;
    font-weight: 700;
    color: rgb(191 160 102);
}

span.name {
    color: rgb(191 160 102);
    font-weight: bold;
}

.author-admin .adbHeading,
span.name {
    text-transform: capitalize;
}

.authorDetailBanner .adbHeading a {
    text-decoration: none;
}

.newsContentWrap a {
    color: rgb(191 160 102);
}

.cDiv.newsAuthorName.fontSecondary a {
    text-decoration: none;
    color: #000;
}

.newsAuthorSocialArea a:hover {
    background: rgb(191 160 102) !important;
    border-color: rgb(191 160 102);
}

.newsAuthorSocialArea a svg {
    fill: rgb(191, 160, 102);
    /* Gold color */
    transition: fill 0.3s ease;
}

.newsAuthorSocialArea a:hover svg {
    fill: #fff;
    /* White on hover */
}

.newsAuthorDate {
    color: #393939;
    font-size: 14px;
    line-height: normal;
    padding-top: 4px;
}

.newsAuthorSocialArea a {
    width: 40px;
    height: 40px;
    border: 1px solid #E9DECB;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    transition: all 0.5s ease-in-out;
}

.support-center a {
    color: #BFA066;
    font-size: 18px;
}

.recentPostTitle a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

.recentPostDate {
    color: #393939;
    font-size: 14px;
}

.recentPostTitle a:hover {
    text-decoration: underline;
}

.author .innerBanner img {
    height: 350px;
    object-fit: cover;
}

@media screen and (max-width: 576px) {
    .newsAuthorWrap {
        width: 100%;
        padding-right: 0;
        margin-top: 2rem;
    }
}

@media screen and (max-width: 576px) {
    .newsAuthorSocialArea {
        width: 100%;
        padding-top: 20px;
    }
}

@media screen and (max-width: 576px) {
    .newsAuthorSocialArea {
        justify-content: flex-start;
    }
}

/* end  */


.icon-circle {
    padding: 13px;
    width: 60px;
    height: 60px;
    background-color: #bb9c66;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.author-info-x {
    text-align: left;
    justify-content: flex-start;
    display: inline-flex;
    flex-direction: column;
}

.oswald-heading {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 55px;
    color: black;
}

.pageMAinHeading-product {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 1.2;
    text-transform: uppercase
}

/* Typography spacing */
/* .pageMAinHeading-product {
  font-size: 1.75rem;
  font-weight: 700;
} */

.pdTopContent.contactLeftText {
    font-size: 1rem;
    line-height: 1.6;
}

/* Contact info styles */
.contactInfoHeading {
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.contactInfo {
    font-size: 0.95rem;
    color: #555;
}

/* Adjust spacing for smaller devices */
@media (max-width: 767.98px) {
    .author .innerBanner img {
        height: 250px;
    }

    .pageMAinHeading-product {
        font-size: 1.5rem;
        text-align: center;
    }

    .pageMAinHeading-product p {
        text-align: center;
    }

    .pdTopContent.contactLeftText {
        font-size: 0.95rem; padding-left: 0;  padding-right: 0;
    }

    .contactInfoHeading {
        font-size: 1rem;
    }

    .contactInfo {
        font-size: 0.9rem;
    }

    .contactInfoLine {
        margin-bottom: 1.2rem;
    }
    .explosion-gray-bx .title {font-size: 28px;}
}

/* Add some padding to contact form for smaller screens */
.contact-form {
    padding: 10px;
}

@media (max-width: 767.98px) {
    /* Target mobile screens (Bootstrap sm breakpoint and below) */

    .icon-circle img {
        width: 24px !important;
        /* smaller icon size on mobile */
        height: auto;
    }

    /* Fix spacing inside the d-flex wrapper */
    .d-flex.mb-4 {
        flex-wrap: wrap;
        /* allow icon & text to wrap on small screens */
        gap: 0.5rem;
        /* small gap between icon and text */
        justify-content: center !important;
        /* center horizontally */
    }

    .d-flex.mb-4>div:last-child {
        text-align: center;
        flex-basis: 100%;
        /* make the text take full width below icon */
        margin-top: 0.3rem;
        /* space above text */
    }
}

/* Hide by default */
.mobile-only {
    display: none;
}

.laptop-only {
    display: none;
}

/* Show only on screens smaller than 992px (mobile/tablet) */
@media (max-width: 991.98px) {
    .mobile-only {
        display: block;
    }
}



@media (max-width: 767.98px) {
    .set-mob-con {
        margin-bottom: 0rem !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}



nav.navigation.pagination {
    margin-top: 79px;
    margin-bottom: 93px;
}

.nav-links {
    display: flex;
}

/*  */

/* sh */
.explosive-section-1 {
    margin-top: 2rem;
    margin-bottom: 5rem
}

.explosive-section-1 .pageMainHeading {
    margin: 0 0 20px;
    max-width: 85%
}

.explosive-section-1 .cnt {
    margin-top: 25px;
}

.explosive-section-2 {
    display: flex;
    align-items: flex-start;
}

.explosive-section-2 .cnt-bx {
    width: calc(100% - 52%);
}

.explosive-section-2 .cnt {
    margin: 0 0 2.5rem
}

.explosive-section-2 .img-bx {
    width: 100%;
    height: 717px;
    width: 48%;
    margin-right: 4%
}

.explosive-section-2 .img-bx img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

 .explosive-section-2 .logo-gallery {
    margin: 0px -20px;
    padding: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
}

.explosive-section-2 .logo-gallery li {
    width: calc(25% - 40px);
    margin: 0 20px 35px;
    display: inline-flex;
}

.explosive-section-2 .logo-gallery img {
    width: auto;
}



.explosive-section-2 .pageMainHeading {
    margin: 0 0 20px;
    padding: 0;
}

.product-card {
    margin: 0px -16px;
    padding: 0px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    list-style: none;
}

.product-card li {
    width: calc(33% - 32px);
    margin: 0 16px 64px;
}

.product-card .img-bx {
    width: 100%;
    height: 500px;
    position: relative;
}

.product-card .img-bx img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-card .title {
    margin: 20px 0 16px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -1px
}

.product-card .outTeamBtn {
    position: relative;
    margin-top: 2rem
}

.explosion-gray-bx {
    background: rgba(248, 248, 248, 1);
    padding: 80px 0;
    text-align: center;
    margin: 0 0 80px;
}

.explosion-gray-bx .inner-cnt {
    max-width: 70%;
    margin: 0px auto;
}

.explosion-gray-bx .title {
    margin: 0 0 30px;
    font-size: 55px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 800
}

.explosive-section-3 {
    margin: 0 0 100px;
    display: flex;
    align-items: flex-start;
}

.explosive-section-3 .lft {
    width: 48%;
    margin-right: 6%
}

.explosive-section-3 .rgt {
    width: calc(100% - 54%);
}

.explosive-section-3 .cnt {
    margin: 15px 0 24px;
}

.explosive-section-3 .img-bx {
    width: 100%;
    height: 640px;
}

.explosive-section-3 .img-bx img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.explosive-section-3 ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
}

.explosive-section-3 ul li {
    margin: 0 0 1px;
    padding: 0 0 0 15px;
    position: relative;
}

.explosive-section-3 ul li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
    left: 0;
    top: 12px
}

.product-list {
    margin: 40px -20px 0;
    padding: 0px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
}

.product-list li {
    width: calc(33% - 40px);
    margin: 0 20px 64px;
    position: relative;
}

.product-list .img-bx {
    width: 100%;
    height: 500px;
    position: relative;
}

.product-list .img-bx img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-list .title {
    margin: 20px 0 16px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -1px
}

.product-list .outTeamBtn {
    position: relative;
    margin-top: 5rem
}

.product-list .date {
    position: absolute;
    content: "";
    top: 49px;
    right: -74px;
    transform: rotate(-90deg);
    font-weight: 500
}

.btn-center {
    text-align: center;
    margin-bottom: 100px
}

.btn-center .btnSecondary {
    background: #000;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 25px
}

.btn-center .btnSecondary:hover {
    background: #bfa161;
}

.product-promo {
    margin-top: 3rem;  margin-bottom:1rem;
}
.product-promo .product-card {
    display: flex;
    align-items: flex-start;
    gap: 0 20px;
    background: #fff;
    margin: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 35px;
    margin-bottom: 50px;
    width: calc(100% - 30px);
    transition: all 0.3s 
ease;
    flex-wrap: wrap;
}

.product-promo .product-card:hover {
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.product-promo .homeNewsMore a:hover{text-decoration: none;}
.product-promo .product-image img {
    width: 250px;
    height: 250px;
object-fit: cover; 
}

.product-promo .product-content {
flex: 1;
}

.product-promo .product-tag {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #c6a35a;
    text-transform: uppercase;
    margin-bottom: 14px;
    width: 100%;
    line-height: normal;
}
.product-promo .product-title {
font-size:1.8rem;
color: #7b6534;
font-weight: 700;
margin: 0 0 10px;
}

.product-desc {
line-height: 1.5;
color: #444;
margin-bottom: 10px;
}
.product-promo .homeNewsMore{position:relative; left: 0;margin: 15px 0 0;}
/*  */



.industry-product {
margin: 0 0 60px;
display: flex;
align-items: center; justify-content: space-between;
}
.industry-product:nth-child(even){flex-direction: row-reverse;}
/*.industry-product:last-child{margin-bottom: 0;}*/
.industry-product .pageMainHeading{font-size: 45px; line-height:50px; margin-bottom:25px;}
.industry-product .lft {width:37%;}
.industry-product .rgt {width: calc(100% - 42%);}
.industry-product .cnt {margin: 0px;}
.industry-product .img-bx { width: 100%; height: 375px; position: relative;}
.industry-product .img-bx:after, .industry-promo .product-card:after {background: #fff;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
}
.industry-product .img-bx:before, .industry-promo .product-card:before{
    background: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top:65px;
    right:65px;
    content: '';
}

.industry-product .img-bx img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.industry-product .outTeamBtn{margin-top: 20px; position: relative; left: auto; right: auto; bottom: auto;}


.industry-promo .product-card{background: #F8F8F8; box-shadow: none; position: relative;}
.industry-promo .product-card img{width: 200px; height: 200px;}
.industry-promo .product-content{margin-left: 30px;margin-right: 40px;}
.industry-promo .product-title{font-size: 35px; line-height: 40px; letter-spacing: normal; color: #BFA161;}

.industry-promo .product-card:after {top: auto; bottom: 0;}
.industry-promo .product-card:before {bottom:65px; top: auto;}


@media (max-width: 767.98px) {
    .details .author-info-new {
        width: calc(100% - 20px) !important;
    }
}

.padding-top-0 {
    padding-top: 7px !important;
}

/* try */

/* css for li set */
/* .custom-icon-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;

  align-items: center;
  list-style: none;
  gap: 40px;
} */

.custom-icon-item {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}

.custom-icon-item img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .explosive-section-2 {
        flex-direction: column;
        align-items: center;
        /* center horizontally */
    }

    .explosive-section-2 .img-bx {
        width: 100% !important;
        /* full width */
        height: auto;
        /* let height adjust */
        margin-right: 0;
        margin-bottom: 1.5rem;
    }

    .explosive-section-2 .img-bx img {
        height: auto;
        /* maintain aspect ratio */
    }

    .explosive-section-2 .cnt-bx {
        width: 100% !important;
    }

    .explosive-section-2 .logo-gallery {
        margin: 0;
        justify-content: center;
    }

    .explosive-section-2 .logo-gallery li {
        width: calc(50% - 20px);
        margin: 10px;
    }
}


@media (max-width: 768px) {
    ul.product-card {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    ul.product-card li {
        display: block;
        width: 100% !important;
        margin-bottom: 3rem;
        box-sizing: border-box;
    }

    ul.product-card li .img-bx {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 1rem;
        position: relative;
    }

    ul.product-card li .img-bx img {
        width: 100% !important;
       height: 300px !important;
        display: block;
    }

    ul.product-card li .title {
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }

    ul.product-card li .cnt {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    ul.product-card li .outTeamBtn {
        text-align: left;margin-top: 0;
    }

    ul.product-card li .outTeamBtn a.outTeamButton {
        display: inline-block;
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
}

.custom-icon-list ul {
display: flex;
gap: 3rem;
margin: 17px 0px 17px;
list-style: none;
}
.product-list{padding-top: 25px}
.custom-icon-list ul li { padding: 0;
font-weight: 900;
list-style: none;
line-height: normal;
position: relative;
padding-left: 34px;
text-transform: uppercase;
margin-left: 0;
}

.custom-icon-list ul li:before {
content: "";
display: inline-block;
background: url(assets/images/li.svg) no-repeat center center;
width: 24px;
height: 24px;
position: absolute;
left:0px;
top: 50%;
transform: translateY(-50%);
}
/*faq section*/
.accordion-container {
padding:0 0 5rem;
font-size: 16px;    
position: relative;
width: 100%;
margin: 0px auto;
cursor: pointer;
}

.accordion-container .ui-accordion .ui-accordion-header {
margin: 0 0 0.625rem;
padding: 1rem 1.25rem;
display: block;
font-size: 18px;
position: relative;
cursor: pointer;
line-height: normal;
background: #BFA161;
font-weight: bold;
display: block;
vertical-align: top;
border: 0px;border-radius: 0;
color: #fff;
}

.accordion-container .ui-accordion .ui-accordion-content {
margin: 0 0 0.625rem;
border: 0px;
background: #E9E9E9;
padding: 1rem 1.25rem;
}

.accordion-container .ui-accordion .ui-accordion-content p {
padding: 0.625rem 0 1rem;
margin: 0px;
line-height: 26px;
font-size: 16px;
}

.accordion-container .ui-icon {
display: none
}

.accordion-container .ui-accordion .ui-accordion-header:before {
padding: 0.25rem;
border: solid #fff;
border-width: 0 0.125rem 0.125rem 0;
top: 18px;
right: 20px;
content: "";
position: absolute;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
}

.accordion-container .ui-accordion .ui-accordion-header-active:before {
top: 24px;
transform: rotate(-137deg);
-webkit-transform: rotate(-137deg);
-moz-transform: rotate(-137deg);
-ms-transform: rotate(-137deg);
}
.accordion-container .pageMainHeading {margin-bottom:3rem;}

ul.product-card ul{margin:20px 0 0; padding:0; list-style:none}
ul.product-card ul li{margin:0 0 0; padding:0 0 0 15px; width:100%; position:relative}
ul.product-card ul li:before{position:absolute; content:""; left:0; top:10px; width:6px; height:6px; background:#bfa161; border-radius:50%}



@media (max-width: 767px) {
    .search .innerBanner img {height: 213px;background-size: cover;}
	.search  .innerBanner .bannerHeading {font-size: 23px;}
  .custom-icon-list ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 0; /* remove space between items */
    padding: 0;
    margin: 0;
  }
.siteBtn{
    margin-top: 2rem;
}
.custom-icon-list ul li {
width: 100%;
margin: 10px 0 10px 0;padding-left: 30px;font-size: 16px;
position: relative;
}
.custom-icon-list ul li:before{background-size: 20px;}
/*.custom-icon-list ul li:before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
}
*/
.explosive-section-1{padding-bottom: 4rem;}

  .explosion-gray-bx .title{font-size:28px; line-height: 1.1;}
  .explosion-gray-bx{margin-bottom:40px; padding: 50px 0;}
  .explosion-gray-bx .inner-cnt{max-width: 80%;}
.explosive-section-3{flex-wrap: wrap;margin-bottom: 30px;}
.explosive-section-3 .lft, .explosive-section-3 .rgt{width: 100%; margin: 0;}
.explosive-section-3 .img-bx{height: auto;}
.pl-listing .gaaRightArea{padding-left: 0;}
.page-template-product-listing .gaaWrapper{margin: 0;}
.homeNewsCol{margin-bottom: 04290;}

ul.product-type{flex-direction: inherit; flex-wrap: wrap;justify-content: space-between;}

.industry-product, .industry-product:nth-child(even){flex-direction: column;}
.industry-product .lft, .industry-product .rgt{width: 100%;}
.industry-product .rgt{margin-top:15px;}
.industry-product .pageMainHeading {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 15px;
}

.industry-promo .product-content {
    margin-left: 0;
    margin-right: 0;
}
.industry-promo .product-card img {
    width: 100%;
    height: auto; margin-bottom: 15px;
}
.industry-promo .product-title {
    font-size: 25px;
    line-height: 28px;}
.pageMainHeading2 {
    font-size:28px;
}



}
@media screen and (max-width: 767px) {

.icon-circle{width: 40px; height: 40px; justify-content: center;}
.icon-circle img{width:20px !important; max-width: 20px !important; height: auto;}
ul.product-type .cnt-bx{line-height: normal;}
ul.product-type li:last-child{margin-bottom: 0;}
#post-container .homeNewsCol{margin-bottom: 0px;}

.accordion-container .ui-accordion .ui-accordion-header{font-size: 16px;    padding: 1rem 2rem 1rem 1rem;}
.accordion-container .ui-accordion .ui-accordion-content p{font-size: 14px ;line-height: 20px;}
.accordion-container{padding-bottom: 3rem;}
}
.product-card .title a:hover {
    color: #bfa161;
}
.product-card .title a {
    color: #000;
    text-decoration: none;
}
/*  */